pxengine 0.1.132 → 0.1.134

package/dist/index.cjs

@@ -16515,7 +16515,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__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "fixed inset-0 z-50 bg-black flex flex-col", children: [
     /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("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: [
@@ -16637,9 +16637,7 @@ var PresentationJobCard = ({
   const [rowError, setRowError] = (0, import_react80.useState)(null);
   const [regenPollUrl, setRegenPollUrl] = (0, import_react80.useState)(null);
   const [currentSlide, setCurrentSlide] = (0, import_react80.useState)(1);
-  const [previewScale, setPreviewScale] = (0, import_react80.useState)(1);
   const [iframeReady, setIframeReady] = (0, import_react80.useState)(false);
-  const previewRef = (0, import_react80.useRef)(null);
   const iframeRef = (0, import_react80.useRef)(null);
   (0, import_react80.useEffect)(() => {
     setStatus(initialStatus);
@@ -16705,17 +16703,9 @@ var PresentationJobCard = ({
       cancelled = true;
     };
   }, [reviewStatus, slideTemplateOptions, templatesUrl, authToken]);
-  const updateScale = (0, import_react80.useCallback)(() => {
-    if (previewRef.current) setPreviewScale(previewRef.current.offsetWidth / 1280);
-  }, []);
   (0, import_react80.useEffect)(() => {
-    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]);
   (0, import_react80.useEffect)(() => {
     const handler = (e) => {
       if (e.data?.type === "slideChanged") {
@@ -16738,7 +16728,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;
@@ -17509,10 +17499,8 @@ var PresentationJobCard = ({
           /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
             "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__ */ (0, import_jsx_runtime151.jsx)(
@@ -17523,15 +17511,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__ */ (0, import_jsx_runtime151.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/30 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("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: [
@@ -17829,7 +17809,6 @@ var ResearchReportJobCard = (props) => {
   const [progress, setProgress] = (0, import_react81.useState)(initialProgress);
   const [showPreview, setShowPreview] = (0, import_react81.useState)(false);
   const [showExport, setShowExport] = (0, import_react81.useState)(false);
-  const [previewScale, setPreviewScale] = (0, import_react81.useState)(1);
   const [copied, setCopied] = (0, import_react81.useState)(false);
   const [approving, setApproving] = (0, import_react81.useState)(false);
   const [regenerating, setRegenerating] = (0, import_react81.useState)(false);
@@ -17840,7 +17819,6 @@ var ResearchReportJobCard = (props) => {
   const [rowError, setRowError] = (0, import_react81.useState)(null);
   const [outlineWritePollUrl, setOutlineWritePollUrl] = (0, import_react81.useState)(null);
   const [regenPollUrl, setRegenPollUrl] = (0, import_react81.useState)(null);
-  const previewRef = (0, import_react81.useRef)(null);
   const onCompleteRef = (0, import_react81.useRef)(onComplete);
   const onFailedRef = (0, import_react81.useRef)(onFailed);
   const hasNotifiedRef = (0, import_react81.useRef)(false);
@@ -17903,18 +17881,6 @@ var ResearchReportJobCard = (props) => {
   const primaryColor = theme?.primary || DEFAULT_THEME.primary;
   const hasHTML = Boolean(htmlUrl);
   const building = Boolean(outlineWritePollUrl) || approvingOutline;
-  const updateScale = (0, import_react81.useCallback)(() => {
-    if (previewRef.current) {
-      setPreviewScale(previewRef.current.offsetWidth / 800);
-    }
-  }, []);
-  (0, import_react81.useEffect)(() => {
-    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,
@@ -18702,10 +18668,8 @@ var ResearchReportJobCard = (props) => {
         hasHTML && !compact && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(
           "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__ */ (0, import_jsx_runtime152.jsx)(
@@ -18714,15 +18678,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__ */ (0, import_jsx_runtime152.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/30 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("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: [