pxengine 0.1.82 → 0.1.84

package/dist/index.cjs

@@ -39096,8 +39096,9 @@ var ExportModal = ({ formats, title, onClose }) => {
     ] })
   ] });
 };
-var FullscreenModal = ({ url, title, slideCount, onClose }) => {
-  const [currentSlide, setCurrentSlide] = (0, import_react75.useState)(1);
+var FullscreenModal = ({ url, title, slideCount, initialSlide = 1, onClose }) => {
+  const [currentSlide, setCurrentSlide] = (0, import_react75.useState)(initialSlide);
+  const [iframeReady, setIframeReady] = (0, import_react75.useState)(false);
   const iframeRef = (0, import_react75.useRef)(null);
   (0, import_react75.useEffect)(() => {
     const onKey = (e) => {
@@ -39105,7 +39106,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);
@@ -39113,14 +39117,26 @@ var FullscreenModal = ({ url, title, slideCount, onClose }) => {
       document.removeEventListener("keydown", onKey);
       window.removeEventListener("message", onMsg);
     };
-  }, [onClose]);
+  }, [onClose, iframeReady]);
   (0, import_react75.useEffect)(() => {
     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__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "fixed inset-0 z-50 bg-black flex flex-col", children: [
     /* @__PURE__ */ (0, import_jsx_runtime147.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: [
       /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex items-center gap-3 min-w-0", children: [
@@ -39136,8 +39152,9 @@ var FullscreenModal = ({ url, title, slideCount, onClose }) => {
         /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
           "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__ */ (0, import_jsx_runtime147.jsx)(ChevronLeft2, {})
           }
@@ -39145,8 +39162,9 @@ var FullscreenModal = ({ url, title, slideCount, onClose }) => {
         /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
           "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__ */ (0, import_jsx_runtime147.jsx)(ChevronRight2, {})
           }
@@ -39170,7 +39188,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"
       }
@@ -39201,6 +39222,7 @@ var PresentationJobCard = ({
   const [copied, setCopied] = (0, import_react75.useState)(false);
   const [currentSlide, setCurrentSlide] = (0, import_react75.useState)(1);
   const [previewScale, setPreviewScale] = (0, import_react75.useState)(1);
+  const [iframeReady, setIframeReady] = (0, import_react75.useState)(false);
   const intervalRef = (0, import_react75.useRef)(null);
   const previewRef = (0, import_react75.useRef)(null);
   const iframeRef = (0, import_react75.useRef)(null);
@@ -39209,6 +39231,7 @@ var PresentationJobCard = ({
   }, []);
   (0, import_react75.useEffect)(() => {
     updateScale();
+    setIframeReady(false);
     if (typeof ResizeObserver === "undefined") return;
     const ro = new ResizeObserver(updateScale);
     if (previewRef.current) ro.observe(previewRef.current);
@@ -39219,13 +39242,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 = (0, import_react75.useRef)(onComplete);
@@ -39388,6 +39422,7 @@ var PresentationJobCard = ({
                     src: formats.html_url,
                     title,
                     sandbox: "allow-same-origin allow-scripts",
+                    onLoad: () => setIframeReady(true),
                     style: {
                       width: 1280,
                       height: 720,
@@ -39414,7 +39449,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__ */ (0, import_jsx_runtime147.jsx)(ChevronLeft2, {})
@@ -39432,7 +39467,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__ */ (0, import_jsx_runtime147.jsx)(ChevronRight2, {})
@@ -39449,6 +39484,7 @@ var PresentationJobCard = ({
         url: formats.html_url,
         title,
         slideCount,
+        initialSlide: currentSlide,
         onClose: () => setShowFullscreen(false)
       }
     )
@@ -39485,94 +39521,6 @@ var ExpandIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("svg", {
   /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("line", { x1: "21", y1: "3", x2: "14", y2: "10" }),
   /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("line", { x1: "3", y1: "21", x2: "10", y2: "14" })
 ] });
-var FORMATS2 = [
-  {
-    key: "pdf_url",
-    label: "PDF",
-    ext: ".pdf",
-    emoji: "\u{1F4C4}",
-    desc: "Professional formatted report \u2014 open in any PDF viewer",
-    accent: { text: "text-red-400", bg: "bg-red-500/10 border-red-500/20" }
-  },
-  {
-    key: "html_url",
-    label: "HTML",
-    ext: ".html",
-    emoji: "\u{1F310}",
-    desc: "Interactive web version \u2014 open in any browser",
-    accent: { text: "text-blue-400", bg: "bg-blue-500/10 border-blue-500/20" }
-  }
-];
-var ExportModal2 = ({ formats, title, onClose }) => {
-  const available = FORMATS2.filter((f) => formats[f.key]);
-  const filename = title.replace(/[^a-z0-9]/gi, "-").toLowerCase();
-  const [downloadingKey, setDownloadingKey] = (0, import_react76.useState)(null);
-  const handleDownload = async (fmtKey, url, ext) => {
-    if (downloadingKey) return;
-    const downloadName = `${filename}${ext}`;
-    const href = `/api/download?url=${encodeURIComponent(url)}&filename=${encodeURIComponent(downloadName)}`;
-    try {
-      setDownloadingKey(fmtKey);
-      const response = await fetch(href);
-      if (!response.ok) throw new Error(`status ${response.status}`);
-      const blob = await response.blob();
-      const objectUrl = window.URL.createObjectURL(blob);
-      const anchor = document.createElement("a");
-      anchor.href = objectUrl;
-      anchor.download = downloadName;
-      document.body.appendChild(anchor);
-      anchor.click();
-      anchor.remove();
-      window.URL.revokeObjectURL(objectUrl);
-    } catch {
-      window.open(href, "_blank", "noopener,noreferrer");
-    } finally {
-      setDownloadingKey(null);
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "absolute inset-0 bg-black/70 backdrop-blur-sm", onClick: onClose }),
-    /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "relative z-10 bg-zinc-900 border border-zinc-800 rounded-2xl w-full max-w-sm p-6 shadow-2xl", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex items-start justify-between mb-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "min-w-0 pr-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("h3", { className: "text-sm font-semibold text-zinc-100", children: "Download Report" }),
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "text-xs text-zinc-500 mt-0.5 truncate", children: title })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("button", { onClick: onClose, className: "text-zinc-500 hover:text-zinc-200 transition-colors flex-shrink-0 mt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(CloseIcon2, {}) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "space-y-2.5", children: [
-        available.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "text-sm text-zinc-500 text-center py-6", children: "No formats available yet" }),
-        available.map((fmt) => {
-          const url = formats[fmt.key];
-          const isDownloading = downloadingKey === fmt.key;
-          return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(
-            "button",
-            {
-              type: "button",
-              disabled: Boolean(downloadingKey),
-              onClick: () => handleDownload(fmt.key, url, fmt.ext),
-              className: cn(
-                "flex w-full items-center gap-3.5 p-3.5 rounded-xl border transition-all text-left",
-                "hover:brightness-110 disabled:opacity-60 disabled:cursor-not-allowed",
-                fmt.accent.bg
-              ),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", { className: "text-xl flex-shrink-0", children: fmt.emoji }),
-                /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: cn("text-sm font-semibold", fmt.accent.text), children: isDownloading ? `Downloading ${fmt.label}...` : fmt.label }),
-                  /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "text-xs text-zinc-500 mt-0.5 leading-relaxed", children: isDownloading ? "Please wait while the file is being prepared." : fmt.desc })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", { className: cn("flex-shrink-0", fmt.accent.text), children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(DownloadIcon2, {}) })
-              ]
-            },
-            fmt.key
-          );
-        })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "text-xs text-zinc-600 mt-4 text-center", children: "Download links expire in 7 days" })
-    ] })
-  ] });
-};
 var FullscreenPreviewModal = ({ url, title, onClose }) => {
   (0, import_react76.useEffect)(() => {
     const onKey = (e) => {
@@ -39627,7 +39575,7 @@ var ResearchReportJobCard = ({
   word_count: initialWordCount,
   executive_summary: initialSummary,
   key_findings: _initialFindings,
-  formats: initialFormats = {},
+  html_url: initialHtmlUrl,
   theme: initialTheme,
   error: initialError,
   pollUrl,
@@ -39643,10 +39591,9 @@ var ResearchReportJobCard = ({
   const [sourceCount, setSourceCount] = (0, import_react76.useState)(initialSourceCount ?? 0);
   const [wordCount, setWordCount] = (0, import_react76.useState)(initialWordCount ?? 0);
   const [summary, setSummary] = (0, import_react76.useState)(initialSummary || "");
-  const [formats, setFormats] = (0, import_react76.useState)(initialFormats);
+  const [htmlUrl, setHtmlUrl] = (0, import_react76.useState)(initialHtmlUrl || "");
   const [theme, setTheme] = (0, import_react76.useState)(initialTheme || DEFAULT_THEME);
   const [error, setError] = (0, import_react76.useState)(initialError);
-  const [showExport, setShowExport] = (0, import_react76.useState)(false);
   const [showPreview, setShowPreview] = (0, import_react76.useState)(false);
   const [previewScale, setPreviewScale] = (0, import_react76.useState)(1);
   const previewRef = (0, import_react76.useRef)(null);
@@ -39656,9 +39603,39 @@ var ResearchReportJobCard = ({
   const hasNotifiedRef = (0, import_react76.useRef)(false);
   onCompleteRef.current = onComplete;
   onFailedRef.current = onFailed;
+  (0, import_react76.useEffect)(() => {
+    setStatus(initialStatus);
+  }, [initialStatus]);
+  (0, import_react76.useEffect)(() => {
+    if (initialTitle) setTitle(initialTitle);
+  }, [initialTitle]);
+  (0, import_react76.useEffect)(() => {
+    if (initialHtmlUrl) setHtmlUrl(initialHtmlUrl);
+  }, [initialHtmlUrl]);
+  (0, import_react76.useEffect)(() => {
+    if (initialDepth) setDepth(initialDepth);
+  }, [initialDepth]);
+  (0, import_react76.useEffect)(() => {
+    if (initialSectionCount !== void 0) setSectionCount(initialSectionCount);
+  }, [initialSectionCount]);
+  (0, import_react76.useEffect)(() => {
+    if (initialSourceCount !== void 0) setSourceCount(initialSourceCount);
+  }, [initialSourceCount]);
+  (0, import_react76.useEffect)(() => {
+    if (initialWordCount !== void 0) setWordCount(initialWordCount);
+  }, [initialWordCount]);
+  (0, import_react76.useEffect)(() => {
+    if (initialSummary) setSummary(initialSummary);
+  }, [initialSummary]);
+  (0, import_react76.useEffect)(() => {
+    if (initialTheme) setTheme(initialTheme);
+  }, [initialTheme]);
+  (0, import_react76.useEffect)(() => {
+    if (initialError) setError(initialError);
+  }, [initialError]);
   const isTerminal = status === "complete" || status === "failed";
   const primaryColor = theme?.primary || DEFAULT_THEME.primary;
-  const hasHTML = Boolean(formats.html_url);
+  const hasHTML = Boolean(htmlUrl);
   const updateScale = (0, import_react76.useCallback)(() => {
     if (previewRef.current) {
       setPreviewScale(previewRef.current.offsetWidth / 800);
@@ -39670,7 +39647,7 @@ var ResearchReportJobCard = ({
     const ro = new ResizeObserver(updateScale);
     if (previewRef.current) ro.observe(previewRef.current);
     return () => ro.disconnect();
-  }, [updateScale, formats.html_url]);
+  }, [updateScale, htmlUrl]);
   (0, import_react76.useEffect)(() => {
     if (isTerminal || !pollUrl) return;
     const poll = async () => {
@@ -39692,7 +39669,7 @@ var ResearchReportJobCard = ({
           setSourceCount(output.source_count || 0);
           setWordCount(output.word_count || 0);
           setSummary(output.executive_summary || "");
-          setFormats(output.formats || {});
+          setHtmlUrl(output.html_url || "");
           if (output.theme) {
             setTheme(output.theme);
           }
@@ -39753,6 +39730,26 @@ var ResearchReportJobCard = ({
       ] })
     ] }) }) });
   }
+  const handleDownload = async () => {
+    if (!htmlUrl) return;
+    const filename = `${title.replace(/[^a-z0-9]/gi, "-").toLowerCase()}.html`;
+    const href = `/api/download?url=${encodeURIComponent(htmlUrl)}&filename=${encodeURIComponent(filename)}`;
+    try {
+      const response = await fetch(href);
+      if (!response.ok) throw new Error(`status ${response.status}`);
+      const blob = await response.blob();
+      const objectUrl = window.URL.createObjectURL(blob);
+      const anchor = document.createElement("a");
+      anchor.href = objectUrl;
+      anchor.download = filename;
+      document.body.appendChild(anchor);
+      anchor.click();
+      anchor.remove();
+      window.URL.revokeObjectURL(objectUrl);
+    } catch {
+      window.open(htmlUrl, "_blank", "noopener,noreferrer");
+    }
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(import_jsx_runtime148.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: cn("w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "bg-zinc-900 border border-zinc-800 rounded-2xl overflow-hidden", children: [
       /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
@@ -39806,14 +39803,15 @@ var ResearchReportJobCard = ({
             /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(
               "button",
               {
-                onClick: () => setShowExport(true),
-                className: "flex items-center gap-1.5 px-2.5 h-7 text-white text-xs font-medium rounded-lg transition-colors",
+                onClick: handleDownload,
+                disabled: !hasHTML,
+                className: "flex items-center gap-1.5 px-2.5 h-7 text-white text-xs font-medium rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
                 style: { backgroundColor: primaryColor },
                 onMouseEnter: (e) => e.currentTarget.style.filter = "brightness(1.15)",
                 onMouseLeave: (e) => e.currentTarget.style.filter = "brightness(1)",
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(DownloadIcon2, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", { children: "Export" })
+                  /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", { children: "Download" })
                 ]
               }
             )
@@ -39831,7 +39829,7 @@ var ResearchReportJobCard = ({
               /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
                 "iframe",
                 {
-                  src: formats.html_url,
+                  src: htmlUrl,
                   title,
                   sandbox: "allow-same-origin",
                   style: {
@@ -39855,11 +39853,10 @@ var ResearchReportJobCard = ({
         !hasHTML && summary && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "mt-4 pt-4 border-t border-zinc-800/60", children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "text-sm text-zinc-400 leading-relaxed line-clamp-3", children: summary }) })
       ] })
     ] }) }),
-    showExport && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(ExportModal2, { formats, title, onClose: () => setShowExport(false) }),
     showPreview && hasHTML && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
       FullscreenPreviewModal,
       {
-        url: formats.html_url,
+        url: htmlUrl,
         title,
         onClose: () => setShowPreview(false)
       }