pxengine 0.1.83 → 0.1.85

package/dist/index.d.cts

@@ -3205,6 +3205,12 @@ interface ResearchReportJobCardProps {
     onComplete?: (output: ResearchReportJobOutput) => void;
     /** Callback when job fails */
     onFailed?: (error: string) => void;
+    /**
+     * Compact mode - only shows title and action buttons.
+     * The embedded iframe preview is hidden; use Preview button to view full report.
+     * @default false
+     */
+    compact?: boolean;
 }
 interface ResearchReportJobOutput {
     title: string;

package/dist/index.d.ts

@@ -3205,6 +3205,12 @@ interface ResearchReportJobCardProps {
     onComplete?: (output: ResearchReportJobOutput) => void;
     /** Callback when job fails */
     onFailed?: (error: string) => void;
+    /**
+     * Compact mode - only shows title and action buttons.
+     * The embedded iframe preview is hidden; use Preview button to view full report.
+     * @default false
+     */
+    compact?: boolean;
 }
 interface ResearchReportJobOutput {
     title: string;

package/dist/index.mjs

@@ -38772,8 +38772,9 @@ var ExportModal = ({ formats, title, onClose }) => {
     ] })
   ] });
 };
-var FullscreenModal = ({ url, title, slideCount, onClose }) => {
-  const [currentSlide, setCurrentSlide] = useState10(1);
+var FullscreenModal = ({ url, title, slideCount, initialSlide = 1, onClose }) => {
+  const [currentSlide, setCurrentSlide] = useState10(initialSlide);
+  const [iframeReady, setIframeReady] = useState10(false);
   const iframeRef = useRef5(null);
   useEffect6(() => {
     const onKey = (e) => {
@@ -38781,7 +38782,10 @@ var FullscreenModal = ({ url, title, slideCount, onClose }) => {
     };
     const onMsg = (e) => {
       if (e.data?.type === "presentationExit") onClose();
-      if (e.data?.type === "slideChanged") setCurrentSlide(e.data.slide);
+      if (e.data?.type === "slideChanged") {
+        setCurrentSlide(e.data.slide);
+        if (!iframeReady) setIframeReady(true);
+      }
     };
     document.addEventListener("keydown", onKey);
     window.addEventListener("message", onMsg);
@@ -38789,14 +38793,26 @@ var FullscreenModal = ({ url, title, slideCount, onClose }) => {
       document.removeEventListener("keydown", onKey);
       window.removeEventListener("message", onMsg);
     };
-  }, [onClose]);
+  }, [onClose, iframeReady]);
   useEffect6(() => {
     document.body.style.overflow = "hidden";
     return () => {
       document.body.style.overflow = "";
     };
   }, []);
-  const send = (type) => iframeRef.current?.contentWindow?.postMessage({ type }, "*");
+  const sendSlideCommand = (command) => {
+    const iframe = iframeRef.current;
+    if (!iframe?.contentWindow) return;
+    const totalSlides = slideCount || 1;
+    let newSlide = currentSlide;
+    if (command === "nextSlide") {
+      newSlide = currentSlide >= totalSlides ? 1 : currentSlide + 1;
+    } else {
+      newSlide = currentSlide <= 1 ? totalSlides : currentSlide - 1;
+    }
+    setCurrentSlide(newSlide);
+    iframe.contentWindow.postMessage({ type: command }, "*");
+  };
   return /* @__PURE__ */ jsxs108("div", { className: "fixed inset-0 z-50 bg-black flex flex-col", children: [
     /* @__PURE__ */ jsxs108("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: [
       /* @__PURE__ */ jsxs108("div", { className: "flex items-center gap-3 min-w-0", children: [
@@ -38812,8 +38828,9 @@ var FullscreenModal = ({ url, title, slideCount, onClose }) => {
         /* @__PURE__ */ jsx147(
           "button",
           {
-            onClick: () => send("prevSlide"),
-            className: "w-7 h-7 rounded-full border border-zinc-700 bg-zinc-800 hover:border-indigo-500 hover:text-indigo-400 text-zinc-400 flex items-center justify-center transition-colors",
+            onClick: () => sendSlideCommand("prevSlide"),
+            disabled: !iframeReady,
+            className: "w-7 h-7 rounded-full border border-zinc-700 bg-zinc-800 hover:border-indigo-500 hover:text-indigo-400 text-zinc-400 flex items-center justify-center transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
             "aria-label": "Previous slide",
             children: /* @__PURE__ */ jsx147(ChevronLeft2, {})
           }
@@ -38821,8 +38838,9 @@ var FullscreenModal = ({ url, title, slideCount, onClose }) => {
         /* @__PURE__ */ jsx147(
           "button",
           {
-            onClick: () => send("nextSlide"),
-            className: "w-7 h-7 rounded-full border border-zinc-700 bg-zinc-800 hover:border-indigo-500 hover:text-indigo-400 text-zinc-400 flex items-center justify-center transition-colors",
+            onClick: () => sendSlideCommand("nextSlide"),
+            disabled: !iframeReady,
+            className: "w-7 h-7 rounded-full border border-zinc-700 bg-zinc-800 hover:border-indigo-500 hover:text-indigo-400 text-zinc-400 flex items-center justify-center transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
             "aria-label": "Next slide",
             children: /* @__PURE__ */ jsx147(ChevronRight2, {})
           }
@@ -38846,7 +38864,10 @@ var FullscreenModal = ({ url, title, slideCount, onClose }) => {
         ref: iframeRef,
         src: url,
         title,
-        onLoad: () => iframeRef.current?.contentWindow?.postMessage({ type: "goToSlide", slide: currentSlide }, "*"),
+        onLoad: () => {
+          setIframeReady(true);
+          iframeRef.current?.contentWindow?.postMessage({ type: "goToSlide", slide: initialSlide }, "*");
+        },
         sandbox: "allow-same-origin allow-scripts allow-fullscreen",
         className: "absolute inset-0 w-full h-full border-0"
       }
@@ -38877,6 +38898,7 @@ var PresentationJobCard = ({
   const [copied, setCopied] = useState10(false);
   const [currentSlide, setCurrentSlide] = useState10(1);
   const [previewScale, setPreviewScale] = useState10(1);
+  const [iframeReady, setIframeReady] = useState10(false);
   const intervalRef = useRef5(null);
   const previewRef = useRef5(null);
   const iframeRef = useRef5(null);
@@ -38885,6 +38907,7 @@ var PresentationJobCard = ({
   }, []);
   useEffect6(() => {
     updateScale();
+    setIframeReady(false);
     if (typeof ResizeObserver === "undefined") return;
     const ro = new ResizeObserver(updateScale);
     if (previewRef.current) ro.observe(previewRef.current);
@@ -38895,13 +38918,24 @@ var PresentationJobCard = ({
       if (e.data?.type === "slideChanged") {
         setCurrentSlide(e.data.slide);
         if (e.data.total && !slideCount) setSlideCount(e.data.total);
+        if (!iframeReady) setIframeReady(true);
       }
     };
     window.addEventListener("message", handler);
     return () => window.removeEventListener("message", handler);
-  }, [slideCount]);
+  }, [slideCount, iframeReady]);
   const sendSlideCommand = (command) => {
-    iframeRef.current?.contentWindow?.postMessage({ type: command }, "*");
+    const iframe = iframeRef.current;
+    if (!iframe?.contentWindow) return;
+    const totalSlides = slideCount || 1;
+    let newSlide = currentSlide;
+    if (command === "nextSlide") {
+      newSlide = currentSlide >= totalSlides ? 1 : currentSlide + 1;
+    } else {
+      newSlide = currentSlide <= 1 ? totalSlides : currentSlide - 1;
+    }
+    setCurrentSlide(newSlide);
+    iframe.contentWindow.postMessage({ type: command }, "*");
   };
   const isTerminal = status === "complete" || status === "failed";
   const onCompleteRef = useRef5(onComplete);
@@ -38995,7 +39029,7 @@ var PresentationJobCard = ({
   const hasHtml = Boolean(formats.html_url);
   return /* @__PURE__ */ jsxs108(Fragment5, { children: [
     /* @__PURE__ */ jsx147("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsxs108("div", { className: "bg-zinc-900 border border-zinc-800 rounded-2xl overflow-hidden", children: [
-      /* @__PURE__ */ jsx147("div", { className: "h-[3px] bg-gradient-to-r from-indigo-600 via-violet-500 to-purple-600" }),
+      /* @__PURE__ */ jsx147("div", { className: "h-[3px]", style: { background: "linear-gradient(90deg, #8B7D5E, #C0AE82, #DCC99B)" } }),
       /* @__PURE__ */ jsxs108("div", { className: "p-5", children: [
         /* @__PURE__ */ jsxs108("div", { className: "flex items-start gap-3", children: [
           /* @__PURE__ */ jsx147("div", { className: "w-10 h-10 rounded-xl bg-indigo-500/10 border border-indigo-500/20 flex items-center justify-center flex-shrink-0 text-indigo-400", children: /* @__PURE__ */ jsx147(SlidesIcon, {}) }),
@@ -39064,6 +39098,7 @@ var PresentationJobCard = ({
                     src: formats.html_url,
                     title,
                     sandbox: "allow-same-origin allow-scripts",
+                    onLoad: () => setIframeReady(true),
                     style: {
                       width: 1280,
                       height: 720,
@@ -39090,7 +39125,7 @@ var PresentationJobCard = ({
                   e.stopPropagation();
                   sendSlideCommand("prevSlide");
                 },
-                disabled: !hasHtml,
+                disabled: !hasHtml || !iframeReady,
                 className: "w-7 h-7 rounded-full border border-zinc-700 bg-zinc-800 hover:border-indigo-500 hover:text-indigo-400 text-zinc-400 flex items-center justify-center transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
                 "aria-label": "Previous slide",
                 children: /* @__PURE__ */ jsx147(ChevronLeft2, {})
@@ -39108,7 +39143,7 @@ var PresentationJobCard = ({
                   e.stopPropagation();
                   sendSlideCommand("nextSlide");
                 },
-                disabled: !hasHtml,
+                disabled: !hasHtml || !iframeReady,
                 className: "w-7 h-7 rounded-full border border-zinc-700 bg-zinc-800 hover:border-indigo-500 hover:text-indigo-400 text-zinc-400 flex items-center justify-center transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
                 "aria-label": "Next slide",
                 children: /* @__PURE__ */ jsx147(ChevronRight2, {})
@@ -39125,6 +39160,7 @@ var PresentationJobCard = ({
         url: formats.html_url,
         title,
         slideCount,
+        initialSlide: currentSlide,
         onClose: () => setShowFullscreen(false)
       }
     )
@@ -39222,7 +39258,8 @@ var ResearchReportJobCard = ({
   authToken,
   className,
   onComplete,
-  onFailed
+  onFailed,
+  compact = false
 }) => {
   const [status, setStatus] = useState11(initialStatus);
   const [title, setTitle] = useState11(initialTitle);
@@ -39243,6 +39280,36 @@ var ResearchReportJobCard = ({
   const hasNotifiedRef = useRef6(false);
   onCompleteRef.current = onComplete;
   onFailedRef.current = onFailed;
+  useEffect7(() => {
+    setStatus(initialStatus);
+  }, [initialStatus]);
+  useEffect7(() => {
+    if (initialTitle) setTitle(initialTitle);
+  }, [initialTitle]);
+  useEffect7(() => {
+    if (initialHtmlUrl) setHtmlUrl(initialHtmlUrl);
+  }, [initialHtmlUrl]);
+  useEffect7(() => {
+    if (initialDepth) setDepth(initialDepth);
+  }, [initialDepth]);
+  useEffect7(() => {
+    if (initialSectionCount !== void 0) setSectionCount(initialSectionCount);
+  }, [initialSectionCount]);
+  useEffect7(() => {
+    if (initialSourceCount !== void 0) setSourceCount(initialSourceCount);
+  }, [initialSourceCount]);
+  useEffect7(() => {
+    if (initialWordCount !== void 0) setWordCount(initialWordCount);
+  }, [initialWordCount]);
+  useEffect7(() => {
+    if (initialSummary) setSummary(initialSummary);
+  }, [initialSummary]);
+  useEffect7(() => {
+    if (initialTheme) setTheme(initialTheme);
+  }, [initialTheme]);
+  useEffect7(() => {
+    if (initialError) setError(initialError);
+  }, [initialError]);
   const isTerminal = status === "complete" || status === "failed";
   const primaryColor = theme?.primary || DEFAULT_THEME.primary;
   const hasHTML = Boolean(htmlUrl);
@@ -39367,7 +39434,7 @@ var ResearchReportJobCard = ({
         {
           className: "h-[3px]",
           style: {
-            background: `linear-gradient(90deg, ${primaryColor}, ${theme?.secondary || "#a78bfa"}, ${theme?.accent || "#c4b5fd"})`
+            background: "linear-gradient(90deg, #8B7D5E, #C0AE82, #DCC99B)"
           }
         }
       ),
@@ -39427,7 +39494,7 @@ var ResearchReportJobCard = ({
             )
           ] })
         ] }),
-        hasHTML && /* @__PURE__ */ jsx148("div", { className: "mt-4", children: /* @__PURE__ */ jsxs109(
+        hasHTML && !compact && /* @__PURE__ */ jsx148("div", { className: "mt-4", children: /* @__PURE__ */ jsxs109(
           "div",
           {
             ref: previewRef,
@@ -39460,7 +39527,7 @@ var ResearchReportJobCard = ({
             ]
           }
         ) }),
-        !hasHTML && summary && /* @__PURE__ */ jsx148("div", { className: "mt-4 pt-4 border-t border-zinc-800/60", children: /* @__PURE__ */ jsx148("p", { className: "text-sm text-zinc-400 leading-relaxed line-clamp-3", children: summary }) })
+        !hasHTML && !compact && summary && /* @__PURE__ */ jsx148("div", { className: "mt-4 pt-4 border-t border-zinc-800/60", children: /* @__PURE__ */ jsx148("p", { className: "text-sm text-zinc-400 leading-relaxed line-clamp-3", children: summary }) })
       ] })
     ] }) }),
     showPreview && hasHTML && /* @__PURE__ */ jsx148(