pxengine 0.1.132 → 0.1.134

package/dist/index.mjs

@@ -16183,7 +16183,7 @@ var FullscreenModal = ({ url, title, slideCount, initialSlide = 1, onClose }) =>
       newSlide = currentSlide <= 1 ? totalSlides : currentSlide - 1;
     }
     setCurrentSlide(newSlide);
-    iframe.contentWindow.postMessage({ type: command }, "*");
+    iframe.contentWindow.postMessage({ type: "goToSlide", slide: newSlide }, "*");
   };
   return /* @__PURE__ */ jsxs109("div", { className: "fixed inset-0 z-50 bg-black flex flex-col", children: [
     /* @__PURE__ */ jsxs109("div", { className: "flex items-center justify-between gap-4 px-4 h-11 bg-zinc-950/90 border-b border-zinc-800/60 flex-shrink-0", children: [
@@ -16305,9 +16305,7 @@ var PresentationJobCard = ({
   const [rowError, setRowError] = useState10(null);
   const [regenPollUrl, setRegenPollUrl] = useState10(null);
   const [currentSlide, setCurrentSlide] = useState10(1);
-  const [previewScale, setPreviewScale] = useState10(1);
   const [iframeReady, setIframeReady] = useState10(false);
-  const previewRef = useRef9(null);
   const iframeRef = useRef9(null);
   useEffect7(() => {
     setStatus(initialStatus);
@@ -16373,17 +16371,9 @@ var PresentationJobCard = ({
       cancelled = true;
     };
   }, [reviewStatus, slideTemplateOptions, templatesUrl, authToken]);
-  const updateScale = useCallback4(() => {
-    if (previewRef.current) setPreviewScale(previewRef.current.offsetWidth / 1280);
-  }, []);
   useEffect7(() => {
-    updateScale();
     setIframeReady(false);
-    if (typeof ResizeObserver === "undefined") return;
-    const ro = new ResizeObserver(updateScale);
-    if (previewRef.current) ro.observe(previewRef.current);
-    return () => ro.disconnect();
-  }, [updateScale, formats.html_url]);
+  }, [formats.html_url]);
   useEffect7(() => {
     const handler = (e) => {
       if (e.data?.type === "slideChanged") {
@@ -16406,7 +16396,7 @@ var PresentationJobCard = ({
       newSlide = currentSlide <= 1 ? totalSlides : currentSlide - 1;
     }
     setCurrentSlide(newSlide);
-    iframe.contentWindow.postMessage({ type: command }, "*");
+    iframe.contentWindow.postMessage({ type: "goToSlide", slide: newSlide }, "*");
   };
   const isTerminal = status === "complete" || status === "failed";
   const building = Boolean(outlineWritePollUrl) || approvingOutline;
@@ -17177,10 +17167,8 @@ var PresentationJobCard = ({
           /* @__PURE__ */ jsxs109(
             "div",
             {
-              ref: previewRef,
               onClick: () => setShowFullscreen(true),
-              className: "group relative overflow-hidden rounded-xl bg-zinc-950 border border-zinc-800/50 cursor-pointer",
-              style: { height: Math.round(previewScale * 720) },
+              className: "group relative aspect-video w-full overflow-hidden rounded-xl bg-zinc-950 border border-zinc-800/50 cursor-pointer",
               title: "Click to open fullscreen",
               children: [
                 /* @__PURE__ */ jsx151(
@@ -17191,15 +17179,7 @@ var PresentationJobCard = ({
                     title,
                     sandbox: "allow-same-origin allow-scripts",
                     onLoad: () => setIframeReady(true),
-                    style: {
-                      width: 1280,
-                      height: 720,
-                      transform: `scale(${previewScale})`,
-                      transformOrigin: "top left",
-                      border: "none",
-                      pointerEvents: "none",
-                      display: "block"
-                    }
+                    className: "absolute inset-0 block h-full w-full border-0 pointer-events-none"
                   }
                 ),
                 /* @__PURE__ */ jsx151("div", { className: "absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/30 transition-colors", children: /* @__PURE__ */ jsxs109("span", { className: "opacity-0 group-hover:opacity-100 transition-opacity flex items-center gap-2 bg-zinc-900/80 backdrop-blur-sm border border-zinc-700 rounded-lg px-3 py-1.5 text-xs text-zinc-200 font-medium", children: [
@@ -17497,7 +17477,6 @@ var ResearchReportJobCard = (props) => {
   const [progress, setProgress] = useState11(initialProgress);
   const [showPreview, setShowPreview] = useState11(false);
   const [showExport, setShowExport] = useState11(false);
-  const [previewScale, setPreviewScale] = useState11(1);
   const [copied, setCopied] = useState11(false);
   const [approving, setApproving] = useState11(false);
   const [regenerating, setRegenerating] = useState11(false);
@@ -17508,7 +17487,6 @@ var ResearchReportJobCard = (props) => {
   const [rowError, setRowError] = useState11(null);
   const [outlineWritePollUrl, setOutlineWritePollUrl] = useState11(null);
   const [regenPollUrl, setRegenPollUrl] = useState11(null);
-  const previewRef = useRef10(null);
   const onCompleteRef = useRef10(onComplete);
   const onFailedRef = useRef10(onFailed);
   const hasNotifiedRef = useRef10(false);
@@ -17571,18 +17549,6 @@ var ResearchReportJobCard = (props) => {
   const primaryColor = theme?.primary || DEFAULT_THEME.primary;
   const hasHTML = Boolean(htmlUrl);
   const building = Boolean(outlineWritePollUrl) || approvingOutline;
-  const updateScale = useCallback5(() => {
-    if (previewRef.current) {
-      setPreviewScale(previewRef.current.offsetWidth / 800);
-    }
-  }, []);
-  useEffect8(() => {
-    updateScale();
-    if (typeof ResizeObserver === "undefined") return;
-    const ro = new ResizeObserver(updateScale);
-    if (previewRef.current) ro.observe(previewRef.current);
-    return () => ro.disconnect();
-  }, [updateScale, htmlUrl]);
   useSharedPoll(
     {
       key: !isTerminal && pollUrl ? pollUrl : null,
@@ -18370,10 +18336,8 @@ var ResearchReportJobCard = (props) => {
         hasHTML && !compact && /* @__PURE__ */ jsx152("div", { className: "mt-4", children: /* @__PURE__ */ jsxs110(
           "div",
           {
-            ref: previewRef,
             onClick: () => setShowPreview(true),
-            className: "group relative overflow-hidden rounded-xl bg-white border border-zinc-800/50 cursor-pointer",
-            style: { height: Math.round(previewScale * 400) },
+            className: "group relative aspect-[2/1] w-full overflow-hidden rounded-xl bg-white border border-zinc-800/50 cursor-pointer",
             title: "Click to open fullscreen",
             children: [
               /* @__PURE__ */ jsx152(
@@ -18382,15 +18346,7 @@ var ResearchReportJobCard = (props) => {
                   src: htmlUrl,
                   title,
                   sandbox: "allow-same-origin",
-                  style: {
-                    width: 800,
-                    height: 400,
-                    transform: `scale(${previewScale})`,
-                    transformOrigin: "top left",
-                    border: "none",
-                    pointerEvents: "none",
-                    display: "block"
-                  }
+                  className: "absolute inset-0 block h-full w-full border-0 pointer-events-none"
                 }
               ),
               /* @__PURE__ */ jsx152("div", { className: "absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/30 transition-colors", children: /* @__PURE__ */ jsxs110("span", { className: "opacity-0 group-hover:opacity-100 transition-opacity flex items-center gap-2 bg-zinc-900/80 backdrop-blur-sm border border-zinc-700 rounded-lg px-3 py-1.5 text-xs text-zinc-200 font-medium", children: [