pxengine 0.1.131 → 0.1.133

package/dist/index.d.cts

@@ -3567,6 +3567,17 @@ interface PresentationJobOutput {
     title: string;
     slide_count: number;
     formats: PresentationFormats;
+    /**
+     * Included so the consuming chat wrapper's cardData stays in sync with
+     * whatever phase change caused `formats` to populate — its remount key
+     * derives from these same fields, and a partial update here (formats
+     * without status/review_status) leaves the key computation reading a
+     * stale phase, causing an incorrect remount back to an earlier UI phase.
+     */
+    status?: string;
+    review_status?: string;
+    generation_mode?: string;
+    template_id?: string;
 }
 /** One planned slide in a deck outline (content only, no styling). */
 interface DeckOutlineSlide {

package/dist/index.d.ts

@@ -3567,6 +3567,17 @@ interface PresentationJobOutput {
     title: string;
     slide_count: number;
     formats: PresentationFormats;
+    /**
+     * Included so the consuming chat wrapper's cardData stays in sync with
+     * whatever phase change caused `formats` to populate — its remount key
+     * derives from these same fields, and a partial update here (formats
+     * without status/review_status) leaves the key computation reading a
+     * stale phase, causing an incorrect remount back to an earlier UI phase.
+     */
+    status?: string;
+    review_status?: string;
+    generation_mode?: string;
+    template_id?: string;
 }
 /** One planned slide in a deck outline (content only, no styling). */
 interface DeckOutlineSlide {

package/dist/index.mjs

@@ -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") {
@@ -16456,7 +16446,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
           });
         }
       }
@@ -16501,10 +16495,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 = useCallback4(async () => {
     if (!pollUrl) return;
     try {
@@ -17169,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(
@@ -17183,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: [
@@ -17489,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);
@@ -17500,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);
@@ -17563,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,
@@ -18362,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(
@@ -18374,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: [