pxengine 0.1.131 → 0.1.133

package/dist/index.cjs

@@ -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") {
@@ -16788,7 +16778,11 @@ var PresentationJobCard = ({
           onCompleteRef.current({
             title: newTitle,
             slide_count: newSlideCount,
-            formats: newFormats
+            formats: newFormats,
+            status: newStatus,
+            review_status: output.review_status,
+            generation_mode: output.generation_mode,
+            template_id: output.template_id
           });
         }
       }
@@ -16833,10 +16827,14 @@ var PresentationJobCard = ({
       onCompleteRef.current({
         title: out.title ?? title,
         slide_count: out.slide_count ?? slideCount,
-        formats: out.formats ?? formats
+        formats: out.formats ?? formats,
+        status: "complete",
+        review_status: out.review_status || "pending_review",
+        generation_mode: out.generation_mode ?? generationMode,
+        template_id: out.template_id ?? templateId
       });
     }
-  }, [title, slideCount, formats]);
+  }, [title, slideCount, formats, generationMode, templateId]);
   const refetchSourceAndApply = (0, import_react80.useCallback)(async () => {
     if (!pollUrl) return;
     try {
@@ -17501,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)(
@@ -17515,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: [
@@ -17821,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);
@@ -17832,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);
@@ -17895,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,
@@ -18694,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)(
@@ -18706,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: [