pxengine 0.1.135 → 0.1.137

package/dist/index.mjs

@@ -15787,10 +15787,12 @@ var NextStepCard = ({
 };
 
 // src/molecules/generic/PresentationJobCard/PresentationJobCard.tsx
-import { useCallback as useCallback4, useEffect as useEffect7, useLayoutEffect as useLayoutEffect2, useRef as useRef9, useState as useState10 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect8, useLayoutEffect as useLayoutEffect2, useRef as useRef10, useState as useState10 } from "react";
+import { createPortal } from "react-dom";
 
 // src/lib/shared-poll.ts
 import { useEffect as useEffect6, useRef as useRef8 } from "react";
+var SSE_FALLBACK_POLL_MS = 2e4;
 var MAX_RETAINED = 50;
 var RETAIN_TTL_MS = 30 * 60 * 1e3;
 var entries = /* @__PURE__ */ new Map();
@@ -15917,6 +15919,12 @@ function stopSharedPoll(key) {
   entry.stopped = true;
   clearTimer(entry);
 }
+function refreshSharedPoll(key) {
+  if (!key) return;
+  const entry = entries.get(key);
+  if (!entry || entry.stopped) return;
+  void runPoll(key);
+}
 function getSharedPollLastData(key) {
   if (!key) return void 0;
   const entry = entries.get(key);
@@ -15953,6 +15961,45 @@ function useSharedPoll(config, onData, onError) {
   }, [key, intervalMs]);
 }
 
+// src/lib/job-signal.ts
+import { useEffect as useEffect7, useRef as useRef9 } from "react";
+var JOB_SIGNAL_EVENT = "pxengine:job-signal";
+var listeners = /* @__PURE__ */ new Set();
+var windowBridgeInstalled = false;
+function fanout(jobId) {
+  if (!jobId) return;
+  for (const listener of Array.from(listeners)) {
+    try {
+      listener(jobId);
+    } catch {
+    }
+  }
+}
+function ensureWindowBridge() {
+  if (windowBridgeInstalled || typeof window === "undefined") return;
+  windowBridgeInstalled = true;
+  window.addEventListener(JOB_SIGNAL_EVENT, (event) => {
+    const detail = event.detail;
+    const jobId = detail?.jobId;
+    if (typeof jobId === "string" && jobId) fanout(jobId);
+  });
+}
+function emitJobSignal(jobId) {
+  fanout(jobId);
+}
+function subscribeJobSignal(listener) {
+  ensureWindowBridge();
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+function useJobSignal(onSignal) {
+  const ref = useRef9(onSignal);
+  ref.current = onSignal;
+  useEffect7(() => subscribeJobSignal((jobId) => ref.current(jobId)), []);
+}
+
 // src/molecules/generic/job-card-shared/Chip.tsx
 import { jsx as jsx148 } from "react/jsx-runtime";
 var Chip = ({
@@ -16046,7 +16093,7 @@ function formatTemplateLabel(templateId) {
 }
 var DECK_CANVAS = { w: 1280, h: 720 };
 function useDeckFitScale(canvasW = DECK_CANVAS.w, canvasH = DECK_CANVAS.h) {
-  const containerRef = useRef9(null);
+  const containerRef = useRef10(null);
   const [scale, setScale] = useState10(1);
   useLayoutEffect2(() => {
     const el = containerRef.current;
@@ -16135,55 +16182,58 @@ var ExportModal = ({ formats, title, onClose }) => {
       setDownloadingKey(null);
     }
   };
-  return /* @__PURE__ */ jsxs109("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
-    /* @__PURE__ */ jsx151("div", { className: "absolute inset-0 bg-black/70 backdrop-blur-sm", onClick: onClose }),
-    /* @__PURE__ */ jsxs109("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__ */ jsxs109("div", { className: "flex items-start justify-between mb-5", children: [
-        /* @__PURE__ */ jsxs109("div", { className: "min-w-0 pr-3", children: [
-          /* @__PURE__ */ jsx151("h3", { className: "text-sm font-semibold text-zinc-100", children: "Export Presentation" }),
-          /* @__PURE__ */ jsx151("p", { className: "text-xs text-zinc-500 mt-0.5 truncate", children: title })
+  return createPortal(
+    /* @__PURE__ */ jsxs109("div", { className: "fixed inset-0 z-[100] flex items-center justify-center p-4", children: [
+      /* @__PURE__ */ jsx151("div", { className: "absolute inset-0 bg-black/70 backdrop-blur-sm", onClick: onClose }),
+      /* @__PURE__ */ jsxs109("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__ */ jsxs109("div", { className: "flex items-start justify-between mb-5", children: [
+          /* @__PURE__ */ jsxs109("div", { className: "min-w-0 pr-3", children: [
+            /* @__PURE__ */ jsx151("h3", { className: "text-sm font-semibold text-zinc-100", children: "Export Presentation" }),
+            /* @__PURE__ */ jsx151("p", { className: "text-xs text-zinc-500 mt-0.5 truncate", children: title })
+          ] }),
+          /* @__PURE__ */ jsx151("button", { onClick: onClose, className: "text-zinc-500 hover:text-zinc-200 transition-colors flex-shrink-0 mt-0.5", children: /* @__PURE__ */ jsx151(CloseIcon, {}) })
         ] }),
-        /* @__PURE__ */ jsx151("button", { onClick: onClose, className: "text-zinc-500 hover:text-zinc-200 transition-colors flex-shrink-0 mt-0.5", children: /* @__PURE__ */ jsx151(CloseIcon, {}) })
-      ] }),
-      /* @__PURE__ */ jsxs109("div", { className: "space-y-2.5", children: [
-        available.length === 0 && /* @__PURE__ */ jsx151("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__ */ jsxs109(
-            "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__ */ jsx151("span", { className: "text-xl flex-shrink-0", children: fmt.emoji }),
-                /* @__PURE__ */ jsxs109("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsx151("p", { className: cn("text-sm font-semibold", fmt.accent.text), children: isDownloading ? `Downloading ${fmt.label}...` : fmt.label }),
-                  /* @__PURE__ */ jsx151("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__ */ jsx151("span", { className: cn("flex-shrink-0", fmt.accent.text), children: /* @__PURE__ */ jsx151(DownloadIcon, {}) })
-              ]
-            },
-            fmt.key
-          );
-        })
-      ] }),
-      /* @__PURE__ */ jsx151("p", { className: "text-xs text-zinc-600 mt-4 text-center", children: "Download links expire in 90 days" })
-    ] })
-  ] });
+        /* @__PURE__ */ jsxs109("div", { className: "space-y-2.5", children: [
+          available.length === 0 && /* @__PURE__ */ jsx151("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__ */ jsxs109(
+              "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__ */ jsx151("span", { className: "text-xl flex-shrink-0", children: fmt.emoji }),
+                  /* @__PURE__ */ jsxs109("div", { className: "flex-1 min-w-0", children: [
+                    /* @__PURE__ */ jsx151("p", { className: cn("text-sm font-semibold", fmt.accent.text), children: isDownloading ? `Downloading ${fmt.label}...` : fmt.label }),
+                    /* @__PURE__ */ jsx151("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__ */ jsx151("span", { className: cn("flex-shrink-0", fmt.accent.text), children: /* @__PURE__ */ jsx151(DownloadIcon, {}) })
+                ]
+              },
+              fmt.key
+            );
+          })
+        ] }),
+        /* @__PURE__ */ jsx151("p", { className: "text-xs text-zinc-600 mt-4 text-center", children: "Download links expire in 90 days" })
+      ] })
+    ] }),
+    document.body
+  );
 };
 var FullscreenModal = ({ url, title, slideCount, initialSlide = 1, onClose }) => {
   const [currentSlide, setCurrentSlide] = useState10(initialSlide);
   const [iframeReady, setIframeReady] = useState10(false);
-  const iframeRef = useRef9(null);
+  const iframeRef = useRef10(null);
   const { containerRef, scale, canvasW, canvasH } = useDeckFitScale();
-  useEffect7(() => {
+  useEffect8(() => {
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
     };
@@ -16201,7 +16251,7 @@ var FullscreenModal = ({ url, title, slideCount, initialSlide = 1, onClose }) =>
       window.removeEventListener("message", onMsg);
     };
   }, [onClose, iframeReady]);
-  useEffect7(() => {
+  useEffect8(() => {
     document.body.style.overflow = "hidden";
     return () => {
       document.body.style.overflow = "";
@@ -16220,81 +16270,84 @@ var FullscreenModal = ({ url, title, slideCount, initialSlide = 1, onClose }) =>
     setCurrentSlide(newSlide);
     iframe.contentWindow.postMessage({ type: "goToSlide", slide: newSlide }, "*");
   };
-  return /* @__PURE__ */ jsxs109("div", { className: "fixed inset-0 z-50 bg-black flex flex-col", children: [
-    /* @__PURE__ */ jsxs109("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__ */ jsxs109("div", { className: "flex items-center gap-3 min-w-0", children: [
-        /* @__PURE__ */ jsx151("span", { className: "text-[#DCC99B] flex-shrink-0", children: /* @__PURE__ */ jsx151(SlidesIcon, {}) }),
-        /* @__PURE__ */ jsx151("span", { className: "text-sm font-medium text-zinc-300 truncate", children: title }),
-        slideCount > 0 && /* @__PURE__ */ jsxs109("span", { className: "text-xs text-zinc-600 flex-shrink-0", children: [
-          currentSlide,
-          " / ",
-          slideCount
+  return createPortal(
+    /* @__PURE__ */ jsxs109("div", { className: "fixed inset-0 z-[100] bg-black flex flex-col", children: [
+      /* @__PURE__ */ jsxs109("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__ */ jsxs109("div", { className: "flex items-center gap-3 min-w-0", children: [
+          /* @__PURE__ */ jsx151("span", { className: "text-[#DCC99B] flex-shrink-0", children: /* @__PURE__ */ jsx151(SlidesIcon, {}) }),
+          /* @__PURE__ */ jsx151("span", { className: "text-sm font-medium text-zinc-300 truncate", children: title }),
+          slideCount > 0 && /* @__PURE__ */ jsxs109("span", { className: "text-xs text-zinc-600 flex-shrink-0", children: [
+            currentSlide,
+            " / ",
+            slideCount
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs109("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
+          /* @__PURE__ */ jsx151(
+            "button",
+            {
+              onClick: () => sendSlideCommand("prevSlide"),
+              disabled: !iframeReady,
+              className: "w-7 h-7 rounded-full border border-zinc-700 bg-zinc-800 hover:border-[#C0AE82] hover:text-[#DCC99B] text-zinc-400 flex items-center justify-center transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
+              "aria-label": "Previous slide",
+              children: /* @__PURE__ */ jsx151(ChevronLeft2, {})
+            }
+          ),
+          /* @__PURE__ */ jsx151(
+            "button",
+            {
+              onClick: () => sendSlideCommand("nextSlide"),
+              disabled: !iframeReady,
+              className: "w-7 h-7 rounded-full border border-zinc-700 bg-zinc-800 hover:border-[#C0AE82] hover:text-[#DCC99B] text-zinc-400 flex items-center justify-center transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
+              "aria-label": "Next slide",
+              children: /* @__PURE__ */ jsx151(ChevronRight2, {})
+            }
+          ),
+          /* @__PURE__ */ jsxs109(
+            "button",
+            {
+              onClick: onClose,
+              className: "flex items-center gap-1.5 px-3 h-7 rounded-lg border border-zinc-700 bg-zinc-800 hover:border-zinc-500 text-zinc-400 hover:text-zinc-200 text-xs transition-colors",
+              children: [
+                /* @__PURE__ */ jsx151(CloseIcon, {}),
+                /* @__PURE__ */ jsx151("span", { children: "ESC" })
+              ]
+            }
+          )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs109("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
-        /* @__PURE__ */ jsx151(
-          "button",
-          {
-            onClick: () => sendSlideCommand("prevSlide"),
-            disabled: !iframeReady,
-            className: "w-7 h-7 rounded-full border border-zinc-700 bg-zinc-800 hover:border-[#C0AE82] hover:text-[#DCC99B] text-zinc-400 flex items-center justify-center transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
-            "aria-label": "Previous slide",
-            children: /* @__PURE__ */ jsx151(ChevronLeft2, {})
-          }
-        ),
-        /* @__PURE__ */ jsx151(
-          "button",
-          {
-            onClick: () => sendSlideCommand("nextSlide"),
-            disabled: !iframeReady,
-            className: "w-7 h-7 rounded-full border border-zinc-700 bg-zinc-800 hover:border-[#C0AE82] hover:text-[#DCC99B] text-zinc-400 flex items-center justify-center transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
-            "aria-label": "Next slide",
-            children: /* @__PURE__ */ jsx151(ChevronRight2, {})
-          }
-        ),
-        /* @__PURE__ */ jsxs109(
-          "button",
-          {
-            onClick: onClose,
-            className: "flex items-center gap-1.5 px-3 h-7 rounded-lg border border-zinc-700 bg-zinc-800 hover:border-zinc-500 text-zinc-400 hover:text-zinc-200 text-xs transition-colors",
-            children: [
-              /* @__PURE__ */ jsx151(CloseIcon, {}),
-              /* @__PURE__ */ jsx151("span", { children: "ESC" })
-            ]
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx151("div", { ref: containerRef, className: "flex-1 relative flex items-center justify-center overflow-hidden", children: /* @__PURE__ */ jsx151(
-      "div",
-      {
-        className: "relative",
-        style: { width: canvasW * scale, height: canvasH * scale },
-        children: /* @__PURE__ */ jsx151(
-          "iframe",
-          {
-            ref: iframeRef,
-            src: url,
-            title,
-            onLoad: () => {
-              setIframeReady(true);
-              hideDeckChrome(iframeRef.current);
-              iframeRef.current?.contentWindow?.postMessage({ type: "goToSlide", slide: initialSlide }, "*");
-            },
-            sandbox: "allow-same-origin allow-scripts",
-            allow: "fullscreen",
-            className: "absolute top-0 left-0 border-0",
-            style: {
-              width: canvasW,
-              height: canvasH,
-              transform: `scale(${scale})`,
-              transformOrigin: "top left"
+      /* @__PURE__ */ jsx151("div", { ref: containerRef, className: "flex-1 relative flex items-center justify-center overflow-hidden", children: /* @__PURE__ */ jsx151(
+        "div",
+        {
+          className: "relative",
+          style: { width: canvasW * scale, height: canvasH * scale },
+          children: /* @__PURE__ */ jsx151(
+            "iframe",
+            {
+              ref: iframeRef,
+              src: url,
+              title,
+              onLoad: () => {
+                setIframeReady(true);
+                hideDeckChrome(iframeRef.current);
+                iframeRef.current?.contentWindow?.postMessage({ type: "goToSlide", slide: initialSlide }, "*");
+              },
+              sandbox: "allow-same-origin allow-scripts",
+              allow: "fullscreen",
+              className: "absolute top-0 left-0 border-0",
+              style: {
+                width: canvasW,
+                height: canvasH,
+                transform: `scale(${scale})`,
+                transformOrigin: "top left"
+              }
             }
-          }
-        )
-      }
-    ) })
-  ] });
+          )
+        }
+      ) })
+    ] }),
+    document.body
+  );
 };
 var PresentationJobCard = ({
   job_id: _job_id,
@@ -16355,46 +16408,46 @@ var PresentationJobCard = ({
   const [regenPollUrl, setRegenPollUrl] = useState10(null);
   const [currentSlide, setCurrentSlide] = useState10(1);
   const [iframeReady, setIframeReady] = useState10(false);
-  const iframeRef = useRef9(null);
+  const iframeRef = useRef10(null);
   const { containerRef: previewFitRef, scale: previewScale, canvasW, canvasH } = useDeckFitScale();
-  useEffect7(() => {
+  useEffect8(() => {
     setStatus(initialStatus);
   }, [initialStatus]);
   const progressPct = initialProgress?.percentage;
   const progressStep = initialProgress?.current_step;
-  useEffect7(() => {
+  useEffect8(() => {
     if (initialProgress) setProgress(initialProgress);
   }, [progressPct, progressStep]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (initialError) setError(initialError);
   }, [initialError]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (initialSlideCount !== void 0) setSlideCount(initialSlideCount);
   }, [initialSlideCount]);
   const htmlUrl = initialFormats?.html_url;
-  useEffect7(() => {
+  useEffect8(() => {
     if (initialFormats) setFormats(initialFormats);
   }, [htmlUrl]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (initialTitle) setTitle(initialTitle);
   }, [initialTitle]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (initialGenerationMode) setGenerationMode(initialGenerationMode);
   }, [initialGenerationMode]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (initialTemplateId) setTemplateId(initialTemplateId);
   }, [initialTemplateId]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (initialTemplateVersionId) setTemplateVersionId(initialTemplateVersionId);
   }, [initialTemplateVersionId]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (initialReviewStatus) setReviewStatus(initialReviewStatus);
   }, [initialReviewStatus]);
   const initialOutlineSlideCount = initialOutline?.slides?.length;
-  useEffect7(() => {
+  useEffect8(() => {
     if (initialOutline) setOutline(initialOutline);
   }, [initialOutlineSlideCount]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (reviewStatus !== "pending_outline_approval" || slideTemplateOptions !== null) return;
     let cancelled = false;
     (async () => {
@@ -16421,10 +16474,10 @@ var PresentationJobCard = ({
       cancelled = true;
     };
   }, [reviewStatus, slideTemplateOptions, templatesUrl, authToken]);
-  useEffect7(() => {
+  useEffect8(() => {
     setIframeReady(false);
   }, [formats.html_url]);
-  useEffect7(() => {
+  useEffect8(() => {
     const handler = (e) => {
       if (e.data?.type === "slideChanged") {
         setCurrentSlide(e.data.slide);
@@ -16450,15 +16503,15 @@ var PresentationJobCard = ({
   };
   const isTerminal = status === "complete" || status === "failed";
   const building = Boolean(outlineWritePollUrl) || approvingOutline;
-  const onCompleteRef = useRef9(onComplete);
-  const onFailedRef = useRef9(onFailed);
-  const hasNotifiedRef = useRef9(false);
+  const onCompleteRef = useRef10(onComplete);
+  const onFailedRef = useRef10(onFailed);
+  const hasNotifiedRef = useRef10(false);
   onCompleteRef.current = onComplete;
   onFailedRef.current = onFailed;
   useSharedPoll(
     {
       key: !isTerminal && pollUrl ? pollUrl : null,
-      intervalMs: 3e3,
+      intervalMs: SSE_FALLBACK_POLL_MS,
       fetcher: async () => {
         const headers = {};
         if (authToken) {
@@ -16518,7 +16571,7 @@ var PresentationJobCard = ({
   useSharedPoll(
     {
       key: building && pollUrl ? pollUrl : null,
-      intervalMs: 2e3,
+      intervalMs: SSE_FALLBACK_POLL_MS,
       fetcher: async () => {
         const headers = {};
         if (authToken) headers["Authorization"] = `Bearer ${authToken}`;
@@ -16568,7 +16621,7 @@ var PresentationJobCard = ({
   useSharedPoll(
     {
       key: outlineWritePollUrl,
-      intervalMs: 3e3,
+      intervalMs: SSE_FALLBACK_POLL_MS,
       fetcher: async () => {
         const headers = {};
         if (authToken) headers["Authorization"] = `Bearer ${authToken}`;
@@ -16593,7 +16646,7 @@ var PresentationJobCard = ({
   useSharedPoll(
     {
       key: regenPollUrl,
-      intervalMs: 3e3,
+      intervalMs: SSE_FALLBACK_POLL_MS,
       fetcher: async () => {
         const headers = {};
         if (authToken) headers["Authorization"] = `Bearer ${authToken}`;
@@ -16615,6 +16668,16 @@ var PresentationJobCard = ({
       }
     }
   );
+  useJobSignal(
+    useCallback4(
+      (completedJobId) => {
+        for (const url of [pollUrl, outlineWritePollUrl, regenPollUrl]) {
+          if (url && url.includes(completedJobId)) refreshSharedPoll(url);
+        }
+      },
+      [pollUrl, outlineWritePollUrl, regenPollUrl]
+    )
+  );
   const buildEditedOutline = () => {
     if (!outline || !Array.isArray(outline.slides)) return void 0;
     let changed = false;
@@ -17307,7 +17370,7 @@ var PresentationJobCard = ({
 };
 
 // src/molecules/generic/ResearchReportJobCard/ResearchReportJobCard.tsx
-import { useCallback as useCallback5, useEffect as useEffect8, useRef as useRef10, useState as useState11 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect9, useRef as useRef11, useState as useState11 } from "react";
 import { Fragment as Fragment6, jsx as jsx152, jsxs as jsxs110 } from "react/jsx-runtime";
 var DEFAULT_THEME = {
   primary: "#C0AE82",
@@ -17343,14 +17406,14 @@ function withPdfViewerParams(url) {
   return `${url}#toolbar=0&navpanes=0&scrollbar=0`;
 }
 var FullscreenPreviewModal = ({ url, title, onClose, isPdf }) => {
-  useEffect8(() => {
+  useEffect9(() => {
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
     };
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [onClose]);
-  useEffect8(() => {
+  useEffect9(() => {
     document.body.style.overflow = "hidden";
     return () => {
       document.body.style.overflow = "";
@@ -17380,7 +17443,7 @@ var FullscreenPreviewModal = ({ url, title, onClose, isPdf }) => {
         src: url,
         title,
         className: "absolute inset-0 w-full h-full border-0",
-        ...isPdf ? {} : { sandbox: "allow-same-origin" }
+        ...isPdf ? {} : { sandbox: "allow-same-origin allow-scripts" }
       }
     ) })
   ] });
@@ -17408,7 +17471,7 @@ var ReportExportModal = ({ htmlUrl, pdfUrl, title, onClose }) => {
   const available = REPORT_FORMATS.filter((f) => urls[f.key]);
   const filename = (title ?? "").replace(/[^a-z0-9]/gi, "-").toLowerCase();
   const [downloadingKey, setDownloadingKey] = useState11(null);
-  useEffect8(() => {
+  useEffect9(() => {
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
     };
@@ -17554,62 +17617,62 @@ var ResearchReportJobCard = (props) => {
   const [rowError, setRowError] = useState11(null);
   const [outlineWritePollUrl, setOutlineWritePollUrl] = useState11(null);
   const [regenPollUrl, setRegenPollUrl] = useState11(null);
-  const onCompleteRef = useRef10(onComplete);
-  const onFailedRef = useRef10(onFailed);
-  const hasNotifiedRef = useRef10(false);
+  const onCompleteRef = useRef11(onComplete);
+  const onFailedRef = useRef11(onFailed);
+  const hasNotifiedRef = useRef11(false);
   onCompleteRef.current = onComplete;
   onFailedRef.current = onFailed;
-  useEffect8(() => {
+  useEffect9(() => {
     const newStatus = initialStatus ?? (initialHtmlUrl ? "complete" : void 0);
     setStatus(newStatus);
   }, [initialStatus, initialHtmlUrl]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (initialTitle) setTitle(initialTitle);
   }, [initialTitle]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (initialHtmlUrl) setHtmlUrl(initialHtmlUrl);
   }, [initialHtmlUrl]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (initialGenerationMode) setGenerationMode(initialGenerationMode);
   }, [initialGenerationMode]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (initialTemplateId) setTemplateId(initialTemplateId);
   }, [initialTemplateId]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (initialTemplateVersionId) setTemplateVersionId(initialTemplateVersionId);
   }, [initialTemplateVersionId]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (initialReviewStatus) setReviewStatus(initialReviewStatus);
   }, [initialReviewStatus]);
   const initialOutlineSectionCount = initialOutline?.sections?.length;
-  useEffect8(() => {
+  useEffect9(() => {
     if (initialOutline) setOutline(initialOutline);
   }, [initialOutlineSectionCount]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (initialDepth) setDepth(initialDepth);
   }, [initialDepth]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (initialSectionCount !== void 0) setSectionCount(initialSectionCount);
   }, [initialSectionCount]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (initialSourceCount !== void 0) setSourceCount(initialSourceCount);
   }, [initialSourceCount]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (initialWordCount !== void 0) setWordCount(initialWordCount);
   }, [initialWordCount]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (initialSummary) setSummary(initialSummary);
   }, [initialSummary]);
   const themePrimary = initialTheme?.primary;
-  useEffect8(() => {
+  useEffect9(() => {
     if (initialTheme) setTheme(initialTheme);
   }, [themePrimary]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (initialError) setError(initialError);
   }, [initialError]);
   const progressPct = initialProgress?.percentage;
   const progressStep = initialProgress?.current_step;
-  useEffect8(() => {
+  useEffect9(() => {
     if (initialProgress) setProgress(initialProgress);
   }, [progressPct, progressStep]);
   const isTerminal = status === "complete" || status === "failed";
@@ -17619,7 +17682,7 @@ var ResearchReportJobCard = (props) => {
   useSharedPoll(
     {
       key: !isTerminal && pollUrl ? pollUrl : null,
-      intervalMs: 3e3,
+      intervalMs: SSE_FALLBACK_POLL_MS,
       fetcher: async () => {
         const headers = {};
         if (authToken) {
@@ -17675,7 +17738,7 @@ var ResearchReportJobCard = (props) => {
   useSharedPoll(
     {
       key: building && pollUrl ? pollUrl : null,
-      intervalMs: 2e3,
+      intervalMs: SSE_FALLBACK_POLL_MS,
       fetcher: async () => {
         const headers = {};
         if (authToken) headers["Authorization"] = `Bearer ${authToken}`;
@@ -17722,7 +17785,7 @@ var ResearchReportJobCard = (props) => {
   useSharedPoll(
     {
       key: regenPollUrl,
-      intervalMs: 3e3,
+      intervalMs: SSE_FALLBACK_POLL_MS,
       fetcher: async () => {
         const headers = {};
         if (authToken) headers["Authorization"] = `Bearer ${authToken}`;
@@ -17777,7 +17840,7 @@ var ResearchReportJobCard = (props) => {
   useSharedPoll(
     {
       key: outlineWritePollUrl,
-      intervalMs: 3e3,
+      intervalMs: SSE_FALLBACK_POLL_MS,
       fetcher: async () => {
         const headers = {};
         if (authToken) headers["Authorization"] = `Bearer ${authToken}`;
@@ -17799,6 +17862,16 @@ var ResearchReportJobCard = (props) => {
       }
     }
   );
+  useJobSignal(
+    useCallback5(
+      (completedJobId) => {
+        for (const url of [pollUrl, outlineWritePollUrl, regenPollUrl]) {
+          if (url && url.includes(completedJobId)) refreshSharedPoll(url);
+        }
+      },
+      [pollUrl, outlineWritePollUrl, regenPollUrl]
+    )
+  );
   const buildEditedOutline = () => {
     if (!outline || !Array.isArray(outline.sections)) return void 0;
     let changed = false;
@@ -18412,7 +18485,7 @@ var ResearchReportJobCard = (props) => {
                 {
                   src: htmlUrl,
                   title,
-                  sandbox: "allow-same-origin",
+                  sandbox: "allow-same-origin allow-scripts",
                   className: "absolute inset-0 block h-full w-full border-0 pointer-events-none"
                 }
               ),
@@ -18472,7 +18545,7 @@ var ResearchReportJobCard = (props) => {
 };
 
 // src/molecules/generic/WebSearchJobCard/WebSearchJobCard.tsx
-import { useEffect as useEffect9, useRef as useRef11, useState as useState12 } from "react";
+import { useEffect as useEffect10, useRef as useRef12, useState as useState12 } from "react";
 import { jsx as jsx153, jsxs as jsxs111 } from "react/jsx-runtime";
 var SearchIcon = () => /* @__PURE__ */ jsxs111("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ jsx153("circle", { cx: "11", cy: "11", r: "8" }),
@@ -18509,38 +18582,38 @@ var WebSearchJobCard = ({
   const [results, setResults] = useState12(initialResults || []);
   const [error, setError] = useState12(initialError);
   const [progress, setProgress] = useState12(initialProgress);
-  const onCompleteRef = useRef11(onComplete);
-  const onFailedRef = useRef11(onFailed);
-  const hasNotifiedRef = useRef11(false);
+  const onCompleteRef = useRef12(onComplete);
+  const onFailedRef = useRef12(onFailed);
+  const hasNotifiedRef = useRef12(false);
   onCompleteRef.current = onComplete;
   onFailedRef.current = onFailed;
-  useEffect9(() => {
+  useEffect10(() => {
     setStatus(initialStatus);
   }, [initialStatus]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (initialQuery) setQuery(initialQuery);
   }, [initialQuery]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (initialTitle && !initialQuery) setQuery(initialTitle);
   }, [initialTitle, initialQuery]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (initialResultCount !== void 0) setResultCount(initialResultCount);
   }, [initialResultCount]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (initialSearchCount !== void 0) setSearchCount(initialSearchCount);
   }, [initialSearchCount]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (initialSummary) setSummary(initialSummary);
   }, [initialSummary]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (initialResults) setResults(initialResults);
   }, [initialResults]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (initialError) setError(initialError);
   }, [initialError]);
   const progressPct = initialProgress?.percentage;
   const progressStep = initialProgress?.current_step;
-  useEffect9(() => {
+  useEffect10(() => {
     if (initialProgress) setProgress(initialProgress);
   }, [progressPct, progressStep]);
   const isTerminal = status === "complete" || status === "failed";
@@ -18728,7 +18801,7 @@ var WebSearchJobCard = ({
 import React112, { useMemo as useMemo6 } from "react";
 
 // src/molecules/creator-discovery/SearchSpecCard/CustomFieldRenderers.tsx
-import { useState as useState13, useRef as useRef12, useEffect as useEffect10, useMemo as useMemo5 } from "react";
+import { useState as useState13, useRef as useRef13, useEffect as useEffect11, useMemo as useMemo5 } from "react";
 
 // src/lib/countries.ts
 var countries = [
@@ -18942,8 +19015,8 @@ var CountrySelectEdit = ({
 }) => {
   const [isDropdownOpen, setIsDropdownOpen] = useState13(false);
   const [searchTerm, setSearchTerm] = useState13("");
-  const dropdownRef = useRef12(null);
-  useEffect10(() => {
+  const dropdownRef = useRef13(null);
+  useEffect11(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsDropdownOpen(false);
@@ -21012,11 +21085,11 @@ CampaignConceptCard.displayName = "CampaignConceptCard";
 import { useCallback as useCallback9, useState as useState22, memo } from "react";
 
 // src/molecules/creator-discovery/CreatorWidget/CreatorImageList.tsx
-import { useEffect as useEffect11, useState as useState15 } from "react";
+import { useEffect as useEffect12, useState as useState15 } from "react";
 import { Fragment as Fragment7, jsx as jsx170, jsxs as jsxs127 } from "react/jsx-runtime";
 function useMediaQuery(query) {
   const [matches, setMatches] = useState15(false);
-  useEffect11(() => {
+  useEffect12(() => {
     const media = window.matchMedia(query);
     const listener = () => setMatches(media.matches);
     listener();
@@ -21099,7 +21172,7 @@ function CreatorImageList({
 }
 
 // src/molecules/creator-discovery/CreatorWidget/CreatorProgressBar.tsx
-import { useEffect as useEffect12, useState as useState16 } from "react";
+import { useEffect as useEffect13, useState as useState16 } from "react";
 import { motion as motion2, AnimatePresence as AnimatePresence2 } from "framer-motion";
 import { jsx as jsx171, jsxs as jsxs128 } from "react/jsx-runtime";
 function truncateName(name, maxLength) {
@@ -21108,7 +21181,7 @@ function truncateName(name, maxLength) {
 }
 function ProgressBar({ overallPercentage }) {
   const [showTooltip, setShowTooltip] = useState16(true);
-  useEffect12(() => {
+  useEffect13(() => {
     if (overallPercentage && overallPercentage >= 100) {
       setShowTooltip(false);
     }
@@ -21269,7 +21342,7 @@ function CreatorCompactView({
 }
 
 // src/molecules/creator-discovery/CreatorWidget/CreatorExpandedPanel.tsx
-import { useState as useState20, useEffect as useEffect14, useCallback as useCallback7 } from "react";
+import { useState as useState20, useEffect as useEffect15, useCallback as useCallback7 } from "react";
 import ReactDOM2 from "react-dom";
 import { AnimatePresence as AnimatePresence4, motion as motion5 } from "framer-motion";
 
@@ -22230,7 +22303,7 @@ function BrandCollaborationsList({
 }
 
 // src/molecules/creator-discovery/CreatorWidget/CreatorGridView.tsx
-import { useState as useState19, useMemo as useMemo10, useRef as useRef13, useCallback as useCallback6, useEffect as useEffect13 } from "react";
+import { useState as useState19, useMemo as useMemo10, useRef as useRef14, useCallback as useCallback6, useEffect as useEffect14 } from "react";
 import { motion as motion4 } from "framer-motion";
 import { jsx as jsx179, jsxs as jsxs135 } from "react/jsx-runtime";
 var formatFollowerCount3 = (count) => {
@@ -22282,17 +22355,17 @@ function CreatorGridViewCard({ creator }) {
   const [isExpanded, setIsExpanded] = useState19(false);
   const [showFullDescription, setShowFullDescription] = useState19(false);
   const [isDescriptionOverflowing, setIsDescriptionOverflowing] = useState19(false);
-  const descriptionRef = useRef13(null);
-  const cardRef = useRef13(null);
+  const descriptionRef = useRef14(null);
+  const cardRef = useRef14(null);
   const checkDescriptionOverflow = useCallback6(() => {
     const el = descriptionRef.current;
     if (!el) return;
     setIsDescriptionOverflowing(el.scrollHeight > el.clientHeight + 1);
   }, []);
-  useEffect13(() => {
+  useEffect14(() => {
     checkDescriptionOverflow();
   }, [checkDescriptionOverflow, isExpanded, showFullDescription]);
-  useEffect13(() => {
+  useEffect14(() => {
     const onResize = () => checkDescriptionOverflow();
     window.addEventListener("resize", onResize);
     return () => window.removeEventListener("resize", onResize);
@@ -22984,7 +23057,7 @@ function CreatorExpandedPanel({
       setLoading(false);
     }
   }, [creatorIds, sessionId, version, fetcher]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (isOpen && creatorIds.length > 0) {
       loadCreators();
     }
@@ -23038,7 +23111,7 @@ function CreatorExpandedPanel({
 }
 
 // src/molecules/creator-discovery/CreatorWidget/useCreatorWidgetPolling.ts
-import { useState as useState21, useEffect as useEffect15, useCallback as useCallback8, useMemo as useMemo11, useRef as useRef14 } from "react";
+import { useState as useState21, useEffect as useEffect16, useCallback as useCallback8, useMemo as useMemo11, useRef as useRef15 } from "react";
 var DEFAULT_POLLING_CONFIG = {
   pollInterval: 5e3,
   maxDuration: 15 * 60 * 1e3,
@@ -23116,9 +23189,9 @@ function useCreatorWidgetPolling({
   const [loadingStatus, setLoadingStatus] = useState21(
     !(hydrated.versionData && hydratedTerminal)
   );
-  const remainingTimeRef = useRef14(0);
-  const countdownRef = useRef14(null);
-  const versionDataRef = useRef14(versionData);
+  const remainingTimeRef = useRef15(0);
+  const countdownRef = useRef15(null);
+  const versionDataRef = useRef15(versionData);
   versionDataRef.current = versionData;
   const requestedVersion = selectedVersion ?? currentVersion ?? versionData?.currentVersion;
   const updateStatus = useCallback8(
@@ -23159,9 +23232,9 @@ function useCreatorWidgetPolling({
   );
   const activeVersion = selectedVersion ?? requestedVersion;
   const statusKey = sessionId && activeVersion != null ? statusPollKey(sessionId, activeVersion) : null;
-  const errorCountRef = useRef14(0);
-  const deadlineRef = useRef14(0);
-  const doneRef = useRef14(hydratedTerminal);
+  const errorCountRef = useRef15(0);
+  const deadlineRef = useRef15(0);
+  const doneRef = useRef15(hydratedTerminal);
   const stopCountdown = useCallback8(() => {
     if (countdownRef.current) {
       clearInterval(countdownRef.current);
@@ -23169,7 +23242,7 @@ function useCreatorWidgetPolling({
     }
     setTimeDisplay("");
   }, []);
-  useEffect15(() => {
+  useEffect16(() => {
     if (statusKey == null) return;
     const cached = getSharedPollLastData(statusKey);
     const cachedStatus = cached?.status?.status;
@@ -23359,7 +23432,7 @@ function CreatorWidgetInner({
 var CreatorWidget = memo(CreatorWidgetInner);
 
 // src/molecules/analytics/AnalyticsChart.tsx
-import { useEffect as useEffect16, useMemo as useMemo12, useRef as useRef15, useState as useState23 } from "react";
+import { useEffect as useEffect17, useMemo as useMemo12, useRef as useRef16, useState as useState23 } from "react";
 
 // src/molecules/analytics/buildOptions.ts
 function deepMerge(base, override) {
@@ -23695,8 +23768,8 @@ function AnalyticsChart({
   const [fetchedConfig, setFetchedConfig] = useState23(null);
   const [fetching, setFetching] = useState23(false);
   const [fetchError, setFetchError] = useState23(null);
-  const containerRef = useRef15(null);
-  const chartRef = useRef15(null);
+  const containerRef = useRef16(null);
+  const chartRef = useRef16(null);
   const declarative = useMemo12(
     () => resolveDeclarativeConfig({
       chartConfig,
@@ -23737,10 +23810,10 @@ function AnalyticsChart({
     const options = buildChartOptions(declarative, palette);
     return extraOptions ? deepMerge(options, extraOptions) : options;
   }, [declarative, theme, mode, extraOptions]);
-  useEffect16(() => {
+  useEffect17(() => {
     setMounted(true);
   }, []);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!chartId || configProp || builtConfig) return;
     let cancelled = false;
     setFetching(true);
@@ -23762,7 +23835,7 @@ function AnalyticsChart({
     };
   }, [chartId, apiBase, authToken, configProp, builtConfig]);
   const activeConfig = configProp ?? builtConfig ?? fetchedConfig;
-  useEffect16(() => {
+  useEffect17(() => {
     if (!mounted || !activeConfig || !containerRef.current) return;
     const container = containerRef.current;
     let cancelled = false;
@@ -23782,7 +23855,7 @@ function AnalyticsChart({
       cancelled = true;
     };
   }, [mounted, activeConfig]);
-  useEffect16(() => {
+  useEffect17(() => {
     return () => {
       if (chartRef.current) {
         try {
@@ -23793,7 +23866,7 @@ function AnalyticsChart({
       }
     };
   }, []);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!mounted || !containerRef.current) return;
     const obs = new ResizeObserver(() => {
       try {
@@ -26069,6 +26142,7 @@ export {
   InputWidget,
   InsightDigestCard,
   InsightSummaryCard,
+  JOB_SIGNAL_EVENT,
   KPIStatsCard,
   KbdAtom,
   KeywordBundlesDisplay,
@@ -26129,6 +26203,7 @@ export {
   ResizablePanel,
   ResizablePanelGroup,
   RiskSignalCard,
+  SSE_FALLBACK_POLL_MS,
   ScoreBreakdownCard,
   ScrollArea,
   ScrollAreaAtom,
@@ -26199,17 +26274,21 @@ export {
   defaultFetchSelections,
   defaultPersistSelection,
   elementToQAField,
+  emitJobSignal,
   formatQAMessage,
   generateFieldsFromData,
   generateFieldsFromPropDefinitions,
   getPxAuthToken,
   isInputAtom,
   notifyPxUnauthorized,
+  refreshSharedPoll,
   setPxAuthTokenProvider,
   setPxUnauthorizedHandler,
   submitWidgetToAgent,
+  subscribeJobSignal,
   th,
   useCreatorWidgetPolling,
+  useJobSignal,
   useWidgetTheme,
   withAlpha
 };