pxengine 0.1.107 → 0.1.109

package/dist/index.cjs

@@ -345,7 +345,11 @@ __export(index_exports, {
   formatQAMessage: () => formatQAMessage,
   generateFieldsFromData: () => generateFieldsFromData,
   generateFieldsFromPropDefinitions: () => generateFieldsFromPropDefinitions,
+  getPxAuthToken: () => getPxAuthToken,
   isInputAtom: () => isInputAtom,
+  notifyPxUnauthorized: () => notifyPxUnauthorized,
+  setPxAuthTokenProvider: () => setPxAuthTokenProvider,
+  setPxUnauthorizedHandler: () => setPxUnauthorizedHandler,
   submitWidgetToAgent: () => submitWidgetToAgent,
   th: () => th,
   useCreatorWidgetPolling: () => useCreatorWidgetPolling,
@@ -355,7 +359,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/render/PXEngineRenderer.tsx
-var import_react96 = __toESM(require("react"), 1);
+var import_react97 = __toESM(require("react"), 1);
 
 // src/atoms/index.ts
 var atoms_exports = {};
@@ -3480,7 +3484,7 @@ __export(lucide_react_exports, {
   LucideMailX: () => MailX,
   LucideMailbox: () => Mailbox,
   LucideMails: () => Mails,
-  LucideMap: () => Map,
+  LucideMap: () => Map2,
   LucideMapPin: () => MapPin,
   LucideMapPinCheck: () => MapPinCheck,
   LucideMapPinCheckInside: () => MapPinCheckInside,
@@ -4272,8 +4276,8 @@ __export(lucide_react_exports, {
   MailboxIcon: () => Mailbox,
   Mails: () => Mails,
   MailsIcon: () => Mails,
-  Map: () => Map,
-  MapIcon: () => Map,
+  Map: () => Map2,
+  MapIcon: () => Map2,
   MapPin: () => MapPin,
   MapPinCheck: () => MapPinCheck,
   MapPinCheckIcon: () => MapPinCheck,
@@ -6684,7 +6688,7 @@ __export(icons_exports, {
   MailX: () => MailX,
   Mailbox: () => Mailbox,
   Mails: () => Mails,
-  Map: () => Map,
+  Map: () => Map2,
   MapPin: () => MapPin,
   MapPinCheck: () => MapPinCheck,
   MapPinCheckInside: () => MapPinCheckInside,
@@ -17499,7 +17503,7 @@ var __iconNode891 = [
   ["path", { d: "M15 5.764v15", key: "1pn4in" }],
   ["path", { d: "M9 3.236v15", key: "1uimfh" }]
 ];
-var Map = createLucideIcon("Map", __iconNode891);
+var Map2 = createLucideIcon("Map", __iconNode891);
 
 // node_modules/lucide-react/dist/esm/icons/mars-stroke.js
 var __iconNode892 = [
@@ -33510,7 +33514,7 @@ var ChartTooltipContent = React80.forwardRef(
                   )
                 ] })
               },
-              item.dataKey
+              `${item.dataKey ?? index}`
             );
           }) })
         ]
@@ -39181,7 +39185,128 @@ var NextStepCard = ({
 };
 
 // src/molecules/generic/PresentationJobCard/PresentationJobCard.tsx
+var import_react78 = require("react");
+
+// src/lib/shared-poll.ts
 var import_react77 = require("react");
+var entries = /* @__PURE__ */ new Map();
+function clearTimer(entry) {
+  if (entry.timer !== null) {
+    clearInterval(entry.timer);
+    entry.timer = null;
+  }
+  entry.controller?.abort();
+  entry.controller = null;
+}
+async function runPoll(key) {
+  const entry = entries.get(key);
+  if (!entry || entry.inFlight || entry.stopped) return;
+  entry.inFlight = true;
+  const controller = new AbortController();
+  entry.controller = controller;
+  try {
+    const data = await entry.fetcher(controller.signal);
+    if (entries.get(key) !== entry) return;
+    entry.lastData = data;
+    entry.hasData = true;
+    for (const listener of Array.from(entry.dataListeners)) {
+      try {
+        listener(data);
+      } catch {
+      }
+    }
+    if (!entry.shouldContinue(data)) {
+      entry.stopped = true;
+      clearTimer(entry);
+    }
+  } catch (error) {
+    if (entries.get(key) !== entry) return;
+    for (const listener of Array.from(entry.errorListeners)) {
+      try {
+        listener(error);
+      } catch {
+      }
+    }
+  } finally {
+    entry.inFlight = false;
+  }
+}
+function subscribeSharedPoll(config, onData, onError) {
+  const { key, intervalMs, fetcher, shouldContinue } = config;
+  if (!key) return () => {
+  };
+  let entry = entries.get(key);
+  if (!entry) {
+    entry = {
+      intervalMs,
+      fetcher,
+      shouldContinue: shouldContinue ?? (() => true),
+      dataListeners: /* @__PURE__ */ new Set(),
+      errorListeners: /* @__PURE__ */ new Set(),
+      timer: null,
+      controller: null,
+      lastData: void 0,
+      hasData: false,
+      stopped: false,
+      inFlight: false
+    };
+    entries.set(key, entry);
+  }
+  const activeEntry = entry;
+  activeEntry.dataListeners.add(onData);
+  if (onError) activeEntry.errorListeners.add(onError);
+  if (activeEntry.hasData && activeEntry.lastData !== void 0) {
+    try {
+      onData(activeEntry.lastData);
+    } catch {
+    }
+  }
+  if (!activeEntry.stopped && activeEntry.timer === null) {
+    void runPoll(key);
+    activeEntry.timer = setInterval(() => void runPoll(key), activeEntry.intervalMs);
+  }
+  return () => {
+    activeEntry.dataListeners.delete(onData);
+    if (onError) activeEntry.errorListeners.delete(onError);
+    if (activeEntry.dataListeners.size === 0 && activeEntry.errorListeners.size === 0) {
+      clearTimer(activeEntry);
+      entries.delete(key);
+    }
+  };
+}
+function stopSharedPoll(key) {
+  const entry = entries.get(key);
+  if (!entry) return;
+  entry.stopped = true;
+  clearTimer(entry);
+}
+function useSharedPoll(config, onData, onError) {
+  const fetcherRef = (0, import_react77.useRef)(config.fetcher);
+  fetcherRef.current = config.fetcher;
+  const shouldContinueRef = (0, import_react77.useRef)(config.shouldContinue);
+  shouldContinueRef.current = config.shouldContinue;
+  const onDataRef = (0, import_react77.useRef)(onData);
+  onDataRef.current = onData;
+  const onErrorRef = (0, import_react77.useRef)(onError);
+  onErrorRef.current = onError;
+  const { key, intervalMs } = config;
+  (0, import_react77.useEffect)(() => {
+    if (!key) return;
+    const unsubscribe = subscribeSharedPoll(
+      {
+        key,
+        intervalMs,
+        fetcher: (signal) => fetcherRef.current(signal),
+        shouldContinue: (data) => shouldContinueRef.current ? shouldContinueRef.current(data) : true
+      },
+      (data) => onDataRef.current(data),
+      (error) => onErrorRef.current?.(error)
+    );
+    return unsubscribe;
+  }, [key, intervalMs]);
+}
+
+// src/molecules/generic/PresentationJobCard/PresentationJobCard.tsx
 var import_jsx_runtime147 = require("react/jsx-runtime");
 var DownloadIcon = () => /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
@@ -39238,7 +39363,7 @@ var FORMATS = [
 var ExportModal = ({ formats, title, onClose }) => {
   const available = FORMATS.filter((f) => (formats ?? {})[f.key]);
   const filename = (title ?? "").replace(/[^a-z0-9]/gi, "-").toLowerCase();
-  const [downloadingKey, setDownloadingKey] = (0, import_react77.useState)(null);
+  const [downloadingKey, setDownloadingKey] = (0, import_react78.useState)(null);
   const handleDownload = async (fmtKey, url, ext) => {
     if (downloadingKey) return;
     const downloadName = `${filename}${ext}`;
@@ -39306,10 +39431,10 @@ var ExportModal = ({ formats, title, onClose }) => {
   ] });
 };
 var FullscreenModal = ({ url, title, slideCount, initialSlide = 1, onClose }) => {
-  const [currentSlide, setCurrentSlide] = (0, import_react77.useState)(initialSlide);
-  const [iframeReady, setIframeReady] = (0, import_react77.useState)(false);
-  const iframeRef = (0, import_react77.useRef)(null);
-  (0, import_react77.useEffect)(() => {
+  const [currentSlide, setCurrentSlide] = (0, import_react78.useState)(initialSlide);
+  const [iframeReady, setIframeReady] = (0, import_react78.useState)(false);
+  const iframeRef = (0, import_react78.useRef)(null);
+  (0, import_react78.useEffect)(() => {
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
     };
@@ -39327,7 +39452,7 @@ var FullscreenModal = ({ url, title, slideCount, initialSlide = 1, onClose }) =>
       window.removeEventListener("message", onMsg);
     };
   }, [onClose, iframeReady]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     document.body.style.overflow = "hidden";
     return () => {
       document.body.style.overflow = "";
@@ -39426,46 +39551,45 @@ var PresentationJobCard = ({
 }) => {
   const t = th(theme);
   const accentGradient = theme?.gradient;
-  const [status, setStatus] = (0, import_react77.useState)(initialStatus);
-  const [title, setTitle] = (0, import_react77.useState)(initialTitle);
-  const [slideCount, setSlideCount] = (0, import_react77.useState)(initialSlideCount ?? 0);
-  const [formats, setFormats] = (0, import_react77.useState)(initialFormats);
-  const [error, setError] = (0, import_react77.useState)(initialError);
-  const [progress, setProgress] = (0, import_react77.useState)(initialProgress);
-  const [showExport, setShowExport] = (0, import_react77.useState)(false);
-  const [showFullscreen, setShowFullscreen] = (0, import_react77.useState)(false);
-  const [copied, setCopied] = (0, import_react77.useState)(false);
-  const [currentSlide, setCurrentSlide] = (0, import_react77.useState)(1);
-  const [previewScale, setPreviewScale] = (0, import_react77.useState)(1);
-  const [iframeReady, setIframeReady] = (0, import_react77.useState)(false);
-  const intervalRef = (0, import_react77.useRef)(null);
-  const previewRef = (0, import_react77.useRef)(null);
-  const iframeRef = (0, import_react77.useRef)(null);
-  (0, import_react77.useEffect)(() => {
+  const [status, setStatus] = (0, import_react78.useState)(initialStatus);
+  const [title, setTitle] = (0, import_react78.useState)(initialTitle);
+  const [slideCount, setSlideCount] = (0, import_react78.useState)(initialSlideCount ?? 0);
+  const [formats, setFormats] = (0, import_react78.useState)(initialFormats);
+  const [error, setError] = (0, import_react78.useState)(initialError);
+  const [progress, setProgress] = (0, import_react78.useState)(initialProgress);
+  const [showExport, setShowExport] = (0, import_react78.useState)(false);
+  const [showFullscreen, setShowFullscreen] = (0, import_react78.useState)(false);
+  const [copied, setCopied] = (0, import_react78.useState)(false);
+  const [currentSlide, setCurrentSlide] = (0, import_react78.useState)(1);
+  const [previewScale, setPreviewScale] = (0, import_react78.useState)(1);
+  const [iframeReady, setIframeReady] = (0, import_react78.useState)(false);
+  const previewRef = (0, import_react78.useRef)(null);
+  const iframeRef = (0, import_react78.useRef)(null);
+  (0, import_react78.useEffect)(() => {
     setStatus(initialStatus);
   }, [initialStatus]);
   const progressPct = initialProgress?.percentage;
   const progressStep = initialProgress?.current_step;
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (initialProgress) setProgress(initialProgress);
   }, [progressPct, progressStep]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (initialError) setError(initialError);
   }, [initialError]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (initialSlideCount !== void 0) setSlideCount(initialSlideCount);
   }, [initialSlideCount]);
   const htmlUrl = initialFormats?.html_url;
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (initialFormats) setFormats(initialFormats);
   }, [htmlUrl]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (initialTitle) setTitle(initialTitle);
   }, [initialTitle]);
-  const updateScale = (0, import_react77.useCallback)(() => {
+  const updateScale = (0, import_react78.useCallback)(() => {
     if (previewRef.current) setPreviewScale(previewRef.current.offsetWidth / 1280);
   }, []);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     updateScale();
     setIframeReady(false);
     if (typeof ResizeObserver === "undefined") return;
@@ -39473,7 +39597,7 @@ var PresentationJobCard = ({
     if (previewRef.current) ro.observe(previewRef.current);
     return () => ro.disconnect();
   }, [updateScale, formats.html_url]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     const handler = (e) => {
       if (e.data?.type === "slideChanged") {
         setCurrentSlide(e.data.slide);
@@ -39498,66 +39622,59 @@ var PresentationJobCard = ({
     iframe.contentWindow.postMessage({ type: command }, "*");
   };
   const isTerminal = status === "complete" || status === "failed";
-  const onCompleteRef = (0, import_react77.useRef)(onComplete);
-  const onFailedRef = (0, import_react77.useRef)(onFailed);
-  const hasNotifiedRef = (0, import_react77.useRef)(false);
+  const onCompleteRef = (0, import_react78.useRef)(onComplete);
+  const onFailedRef = (0, import_react78.useRef)(onFailed);
+  const hasNotifiedRef = (0, import_react78.useRef)(false);
   onCompleteRef.current = onComplete;
   onFailedRef.current = onFailed;
-  (0, import_react77.useEffect)(() => {
-    if (isTerminal || !pollUrl) return;
-    const poll = async () => {
-      try {
+  useSharedPoll(
+    {
+      key: !isTerminal && pollUrl ? pollUrl : null,
+      intervalMs: 3e3,
+      fetcher: async () => {
         const headers = {};
         if (authToken) {
           headers["Authorization"] = `Bearer ${authToken}`;
         }
         const res = await fetch(pollUrl, { headers });
-        if (!res.ok) return;
-        const data = await res.json();
-        const newStatus = data.status;
-        setStatus(newStatus);
-        if (data.progress) {
-          setProgress(data.progress);
-        }
-        if (newStatus === "complete" && data.output) {
-          const newTitle = data.output.title || initialTitle;
-          const newSlideCount = data.output.slide_count || 0;
-          const newFormats = data.output.formats || {};
-          setTitle(newTitle);
-          setSlideCount(newSlideCount);
-          setFormats(newFormats);
-          if (!hasNotifiedRef.current && onCompleteRef.current) {
-            hasNotifiedRef.current = true;
-            onCompleteRef.current({
-              title: newTitle,
-              slide_count: newSlideCount,
-              formats: newFormats
-            });
-          }
+        if (!res.ok) throw new Error(`poll ${res.status}`);
+        return res.json();
+      },
+      shouldContinue: (data) => data.status !== "complete" && data.status !== "failed"
+    },
+    (data) => {
+      const newStatus = data.status;
+      setStatus(newStatus);
+      if (data.progress) {
+        setProgress(data.progress);
+      }
+      if (newStatus === "complete" && data.output) {
+        const newTitle = data.output.title || initialTitle;
+        const newSlideCount = data.output.slide_count || 0;
+        const newFormats = data.output.formats || {};
+        setTitle(newTitle);
+        setSlideCount(newSlideCount);
+        setFormats(newFormats);
+        if (!hasNotifiedRef.current && onCompleteRef.current) {
+          hasNotifiedRef.current = true;
+          onCompleteRef.current({
+            title: newTitle,
+            slide_count: newSlideCount,
+            formats: newFormats
+          });
         }
-        if (newStatus === "failed") {
-          const errorMsg = data.error || "Job failed";
-          setError(errorMsg);
-          if (!hasNotifiedRef.current && onFailedRef.current) {
-            hasNotifiedRef.current = true;
-            onFailedRef.current(errorMsg);
-          }
+      }
+      if (newStatus === "failed") {
+        const errorMsg = data.error || "Job failed";
+        setError(errorMsg);
+        if (!hasNotifiedRef.current && onFailedRef.current) {
+          hasNotifiedRef.current = true;
+          onFailedRef.current(errorMsg);
         }
-      } catch {
       }
-    };
-    poll();
-    intervalRef.current = setInterval(poll, 3e3);
-    return () => {
-      if (intervalRef.current) clearInterval(intervalRef.current);
-    };
-  }, [isTerminal, pollUrl, authToken, initialTitle]);
-  (0, import_react77.useEffect)(() => {
-    if (isTerminal && intervalRef.current) {
-      clearInterval(intervalRef.current);
-      intervalRef.current = null;
     }
-  }, [isTerminal]);
+    // Transient fetch errors are ignored — the shared loop retries next tick.
+  );
   const handleShare = async () => {
     const link = shareUrl ?? (typeof window !== "undefined" && _job_id ? `${window.location.origin}/p/${_job_id}` : formats.html_url);
     if (!link) return;
@@ -39829,7 +39946,7 @@ var PresentationJobCard = ({
 };
 
 // src/molecules/generic/ResearchReportJobCard/ResearchReportJobCard.tsx
-var import_react78 = require("react");
+var import_react79 = require("react");
 var import_jsx_runtime148 = require("react/jsx-runtime");
 var DEFAULT_THEME = {
   primary: "#8b5cf6",
@@ -39885,14 +40002,14 @@ function formatTemplateLabel(templateId) {
   return templateId.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
 }
 var FullscreenPreviewModal = ({ url, title, onClose }) => {
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
     };
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [onClose]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     document.body.style.overflow = "hidden";
     return () => {
       document.body.style.overflow = "";
@@ -39958,162 +40075,154 @@ var ResearchReportJobCard = (props) => {
     compact = false
   } = props;
   const inferredStatus = initialStatus ?? (initialHtmlUrl ? "complete" : void 0);
-  const [status, setStatus] = (0, import_react78.useState)(inferredStatus);
-  const [title, setTitle] = (0, import_react78.useState)(initialTitle);
-  const [depth, setDepth] = (0, import_react78.useState)(initialDepth || "");
-  const [sectionCount, setSectionCount] = (0, import_react78.useState)(initialSectionCount ?? 0);
-  const [sourceCount, setSourceCount] = (0, import_react78.useState)(initialSourceCount ?? 0);
-  const [wordCount, setWordCount] = (0, import_react78.useState)(initialWordCount ?? 0);
-  const [summary, setSummary] = (0, import_react78.useState)(initialSummary || "");
-  const [htmlUrl, setHtmlUrl] = (0, import_react78.useState)(initialHtmlUrl || "");
-  const [generationMode, setGenerationMode] = (0, import_react78.useState)(
+  const [status, setStatus] = (0, import_react79.useState)(inferredStatus);
+  const [title, setTitle] = (0, import_react79.useState)(initialTitle);
+  const [depth, setDepth] = (0, import_react79.useState)(initialDepth || "");
+  const [sectionCount, setSectionCount] = (0, import_react79.useState)(initialSectionCount ?? 0);
+  const [sourceCount, setSourceCount] = (0, import_react79.useState)(initialSourceCount ?? 0);
+  const [wordCount, setWordCount] = (0, import_react79.useState)(initialWordCount ?? 0);
+  const [summary, setSummary] = (0, import_react79.useState)(initialSummary || "");
+  const [htmlUrl, setHtmlUrl] = (0, import_react79.useState)(initialHtmlUrl || "");
+  const [generationMode, setGenerationMode] = (0, import_react79.useState)(
     initialGenerationMode || (initialHtmlUrl ? "template" : "")
   );
-  const [templateId, setTemplateId] = (0, import_react78.useState)(initialTemplateId || "");
-  const [templateVersionId, setTemplateVersionId] = (0, import_react78.useState)(initialTemplateVersionId || "");
-  const [reviewStatus, setReviewStatus] = (0, import_react78.useState)(
+  const [templateId, setTemplateId] = (0, import_react79.useState)(initialTemplateId || "");
+  const [templateVersionId, setTemplateVersionId] = (0, import_react79.useState)(initialTemplateVersionId || "");
+  const [reviewStatus, setReviewStatus] = (0, import_react79.useState)(
     initialReviewStatus || (initialHtmlUrl ? "pending_review" : "")
   );
-  const [theme, setTheme] = (0, import_react78.useState)(initialTheme || DEFAULT_THEME);
-  const [error, setError] = (0, import_react78.useState)(initialError);
-  const [progress, setProgress] = (0, import_react78.useState)(initialProgress);
-  const [showPreview, setShowPreview] = (0, import_react78.useState)(false);
-  const [previewScale, setPreviewScale] = (0, import_react78.useState)(1);
-  const [copied, setCopied] = (0, import_react78.useState)(false);
-  const [approving, setApproving] = (0, import_react78.useState)(false);
-  const [regenerating, setRegenerating] = (0, import_react78.useState)(false);
-  const [approveError, setApproveError] = (0, import_react78.useState)(null);
-  const previewRef = (0, import_react78.useRef)(null);
-  const intervalRef = (0, import_react78.useRef)(null);
-  const onCompleteRef = (0, import_react78.useRef)(onComplete);
-  const onFailedRef = (0, import_react78.useRef)(onFailed);
-  const hasNotifiedRef = (0, import_react78.useRef)(false);
+  const [theme, setTheme] = (0, import_react79.useState)(initialTheme || DEFAULT_THEME);
+  const [error, setError] = (0, import_react79.useState)(initialError);
+  const [progress, setProgress] = (0, import_react79.useState)(initialProgress);
+  const [showPreview, setShowPreview] = (0, import_react79.useState)(false);
+  const [previewScale, setPreviewScale] = (0, import_react79.useState)(1);
+  const [copied, setCopied] = (0, import_react79.useState)(false);
+  const [approving, setApproving] = (0, import_react79.useState)(false);
+  const [regenerating, setRegenerating] = (0, import_react79.useState)(false);
+  const [approveError, setApproveError] = (0, import_react79.useState)(null);
+  const previewRef = (0, import_react79.useRef)(null);
+  const onCompleteRef = (0, import_react79.useRef)(onComplete);
+  const onFailedRef = (0, import_react79.useRef)(onFailed);
+  const hasNotifiedRef = (0, import_react79.useRef)(false);
   onCompleteRef.current = onComplete;
   onFailedRef.current = onFailed;
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     const newStatus = initialStatus ?? (initialHtmlUrl ? "complete" : void 0);
     setStatus(newStatus);
   }, [initialStatus, initialHtmlUrl]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (initialTitle) setTitle(initialTitle);
   }, [initialTitle]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (initialHtmlUrl) setHtmlUrl(initialHtmlUrl);
   }, [initialHtmlUrl]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (initialGenerationMode) setGenerationMode(initialGenerationMode);
   }, [initialGenerationMode]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (initialTemplateId) setTemplateId(initialTemplateId);
   }, [initialTemplateId]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (initialTemplateVersionId) setTemplateVersionId(initialTemplateVersionId);
   }, [initialTemplateVersionId]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (initialReviewStatus) setReviewStatus(initialReviewStatus);
   }, [initialReviewStatus]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (initialDepth) setDepth(initialDepth);
   }, [initialDepth]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (initialSectionCount !== void 0) setSectionCount(initialSectionCount);
   }, [initialSectionCount]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (initialSourceCount !== void 0) setSourceCount(initialSourceCount);
   }, [initialSourceCount]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (initialWordCount !== void 0) setWordCount(initialWordCount);
   }, [initialWordCount]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (initialSummary) setSummary(initialSummary);
   }, [initialSummary]);
   const themePrimary = initialTheme?.primary;
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (initialTheme) setTheme(initialTheme);
   }, [themePrimary]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (initialError) setError(initialError);
   }, [initialError]);
   const progressPct = initialProgress?.percentage;
   const progressStep = initialProgress?.current_step;
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (initialProgress) setProgress(initialProgress);
   }, [progressPct, progressStep]);
   const isTerminal = status === "complete" || status === "failed";
   const primaryColor = theme?.primary || DEFAULT_THEME.primary;
   const hasHTML = Boolean(htmlUrl);
-  const updateScale = (0, import_react78.useCallback)(() => {
+  const updateScale = (0, import_react79.useCallback)(() => {
     if (previewRef.current) {
       setPreviewScale(previewRef.current.offsetWidth / 800);
     }
   }, []);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     updateScale();
     if (typeof ResizeObserver === "undefined") return;
     const ro = new ResizeObserver(updateScale);
     if (previewRef.current) ro.observe(previewRef.current);
     return () => ro.disconnect();
   }, [updateScale, htmlUrl]);
-  (0, import_react78.useEffect)(() => {
-    if (isTerminal || !pollUrl) return;
-    const poll = async () => {
-      try {
+  useSharedPoll(
+    {
+      key: !isTerminal && pollUrl ? pollUrl : null,
+      intervalMs: 3e3,
+      fetcher: async () => {
         const headers = {};
         if (authToken) {
           headers["Authorization"] = `Bearer ${authToken}`;
         }
         const res = await fetch(pollUrl, { headers });
-        if (!res.ok) return;
-        const data = await res.json();
-        const newStatus = data.status;
-        setStatus(newStatus);
-        if (data.progress) {
-          setProgress(data.progress);
+        if (!res.ok) throw new Error(`poll ${res.status}`);
+        return res.json();
+      },
+      shouldContinue: (data) => data.status !== "complete" && data.status !== "failed"
+    },
+    (data) => {
+      const newStatus = data.status;
+      setStatus(newStatus);
+      if (data.progress) {
+        setProgress(data.progress);
+      }
+      if (newStatus === "complete" && data.output) {
+        const output = data.output;
+        setTitle(output.title || initialTitle);
+        setDepth(output.depth || "");
+        setSectionCount(output.section_count || 0);
+        setSourceCount(output.source_count || 0);
+        setWordCount(output.word_count || 0);
+        setSummary(output.executive_summary || "");
+        setHtmlUrl(output.html_url || "");
+        if (output.generation_mode) setGenerationMode(output.generation_mode);
+        if (output.template_id) setTemplateId(output.template_id);
+        if (output.template_version_id) setTemplateVersionId(output.template_version_id);
+        if (output.review_status) setReviewStatus(output.review_status);
+        if (output.theme) {
+          setTheme(output.theme);
         }
-        if (newStatus === "complete" && data.output) {
-          const output = data.output;
-          setTitle(output.title || initialTitle);
-          setDepth(output.depth || "");
-          setSectionCount(output.section_count || 0);
-          setSourceCount(output.source_count || 0);
-          setWordCount(output.word_count || 0);
-          setSummary(output.executive_summary || "");
-          setHtmlUrl(output.html_url || "");
-          if (output.generation_mode) setGenerationMode(output.generation_mode);
-          if (output.template_id) setTemplateId(output.template_id);
-          if (output.template_version_id) setTemplateVersionId(output.template_version_id);
-          if (output.review_status) setReviewStatus(output.review_status);
-          if (output.theme) {
-            setTheme(output.theme);
-          }
-          if (!hasNotifiedRef.current && onCompleteRef.current) {
-            hasNotifiedRef.current = true;
-            onCompleteRef.current(output);
-          }
+        if (!hasNotifiedRef.current && onCompleteRef.current) {
+          hasNotifiedRef.current = true;
+          onCompleteRef.current(output);
         }
-        if (newStatus === "failed") {
-          const errorMsg = data.error || "Job failed";
-          setError(errorMsg);
-          if (!hasNotifiedRef.current && onFailedRef.current) {
-            hasNotifiedRef.current = true;
-            onFailedRef.current(errorMsg);
-          }
+      }
+      if (newStatus === "failed") {
+        const errorMsg = data.error || "Job failed";
+        setError(errorMsg);
+        if (!hasNotifiedRef.current && onFailedRef.current) {
+          hasNotifiedRef.current = true;
+          onFailedRef.current(errorMsg);
         }
-      } catch {
       }
-    };
-    poll();
-    intervalRef.current = setInterval(poll, 3e3);
-    return () => {
-      if (intervalRef.current) clearInterval(intervalRef.current);
-    };
-  }, [isTerminal, pollUrl, authToken, initialTitle]);
-  (0, import_react78.useEffect)(() => {
-    if (isTerminal && intervalRef.current) {
-      clearInterval(intervalRef.current);
-      intervalRef.current = null;
     }
-  }, [isTerminal]);
+    // Transient fetch errors are ignored — the shared loop retries next tick.
+  );
   const formatWordCount = (count) => {
     if (count >= 1e3) return `${(count / 1e3).toFixed(1)}k`;
     return count.toString();
@@ -40537,7 +40646,7 @@ var ResearchReportJobCard = (props) => {
 };
 
 // src/molecules/generic/WebSearchJobCard/WebSearchJobCard.tsx
-var import_react79 = require("react");
+var import_react80 = require("react");
 var import_jsx_runtime149 = require("react/jsx-runtime");
 var SearchIcon = () => /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
@@ -40566,99 +40675,91 @@ var WebSearchJobCard = ({
   onFailed,
   compact = false
 }) => {
-  const [status, setStatus] = (0, import_react79.useState)(initialStatus);
-  const [query, setQuery] = (0, import_react79.useState)(initialQuery || initialTitle || "");
-  const [resultCount, setResultCount] = (0, import_react79.useState)(initialResultCount ?? 0);
-  const [searchCount, setSearchCount] = (0, import_react79.useState)(initialSearchCount ?? 0);
-  const [summary, setSummary] = (0, import_react79.useState)(initialSummary || "");
-  const [results, setResults] = (0, import_react79.useState)(initialResults || []);
-  const [error, setError] = (0, import_react79.useState)(initialError);
-  const [progress, setProgress] = (0, import_react79.useState)(initialProgress);
-  const intervalRef = (0, import_react79.useRef)(null);
-  const onCompleteRef = (0, import_react79.useRef)(onComplete);
-  const onFailedRef = (0, import_react79.useRef)(onFailed);
-  const hasNotifiedRef = (0, import_react79.useRef)(false);
+  const [status, setStatus] = (0, import_react80.useState)(initialStatus);
+  const [query, setQuery] = (0, import_react80.useState)(initialQuery || initialTitle || "");
+  const [resultCount, setResultCount] = (0, import_react80.useState)(initialResultCount ?? 0);
+  const [searchCount, setSearchCount] = (0, import_react80.useState)(initialSearchCount ?? 0);
+  const [summary, setSummary] = (0, import_react80.useState)(initialSummary || "");
+  const [results, setResults] = (0, import_react80.useState)(initialResults || []);
+  const [error, setError] = (0, import_react80.useState)(initialError);
+  const [progress, setProgress] = (0, import_react80.useState)(initialProgress);
+  const onCompleteRef = (0, import_react80.useRef)(onComplete);
+  const onFailedRef = (0, import_react80.useRef)(onFailed);
+  const hasNotifiedRef = (0, import_react80.useRef)(false);
   onCompleteRef.current = onComplete;
   onFailedRef.current = onFailed;
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     setStatus(initialStatus);
   }, [initialStatus]);
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     if (initialQuery) setQuery(initialQuery);
   }, [initialQuery]);
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     if (initialTitle && !initialQuery) setQuery(initialTitle);
   }, [initialTitle, initialQuery]);
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     if (initialResultCount !== void 0) setResultCount(initialResultCount);
   }, [initialResultCount]);
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     if (initialSearchCount !== void 0) setSearchCount(initialSearchCount);
   }, [initialSearchCount]);
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     if (initialSummary) setSummary(initialSummary);
   }, [initialSummary]);
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     if (initialResults) setResults(initialResults);
   }, [initialResults]);
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     if (initialError) setError(initialError);
   }, [initialError]);
   const progressPct = initialProgress?.percentage;
   const progressStep = initialProgress?.current_step;
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     if (initialProgress) setProgress(initialProgress);
   }, [progressPct, progressStep]);
   const isTerminal = status === "complete" || status === "failed";
-  (0, import_react79.useEffect)(() => {
-    if (isTerminal || !pollUrl) return;
-    const poll = async () => {
-      try {
+  useSharedPoll(
+    {
+      key: !isTerminal && pollUrl ? pollUrl : null,
+      intervalMs: 3e3,
+      fetcher: async () => {
         const headers = {};
         if (authToken) headers["Authorization"] = `Bearer ${authToken}`;
         const res = await fetch(pollUrl, { headers });
-        if (!res.ok) return;
-        const data = await res.json();
-        const newStatus = data.status;
-        setStatus(newStatus);
-        if (data.progress) {
-          setProgress(data.progress);
-        }
-        if (newStatus === "complete" && data.output) {
-          const output = data.output;
-          setQuery(output.query || "");
-          setResultCount(output.result_count ?? 0);
-          setSearchCount(output.search_count ?? 0);
-          setSummary(output.summary || "");
-          setResults(output.results || []);
-          if (!hasNotifiedRef.current && onCompleteRef.current) {
-            hasNotifiedRef.current = true;
-            onCompleteRef.current(output);
-          }
+        if (!res.ok) throw new Error(`poll ${res.status}`);
+        return res.json();
+      },
+      shouldContinue: (data) => data.status !== "complete" && data.status !== "failed"
+    },
+    (data) => {
+      const newStatus = data.status;
+      setStatus(newStatus);
+      if (data.progress) {
+        setProgress(data.progress);
+      }
+      if (newStatus === "complete" && data.output) {
+        const output = data.output;
+        setQuery(output.query || "");
+        setResultCount(output.result_count ?? 0);
+        setSearchCount(output.search_count ?? 0);
+        setSummary(output.summary || "");
+        setResults(output.results || []);
+        if (!hasNotifiedRef.current && onCompleteRef.current) {
+          hasNotifiedRef.current = true;
+          onCompleteRef.current(output);
         }
-        if (newStatus === "failed") {
-          const errorMsg = data.error || "Job failed";
-          setError(errorMsg);
-          if (!hasNotifiedRef.current && onFailedRef.current) {
-            hasNotifiedRef.current = true;
-            onFailedRef.current(errorMsg);
-          }
+      }
+      if (newStatus === "failed") {
+        const errorMsg = data.error || "Job failed";
+        setError(errorMsg);
+        if (!hasNotifiedRef.current && onFailedRef.current) {
+          hasNotifiedRef.current = true;
+          onFailedRef.current(errorMsg);
         }
-      } catch {
       }
-    };
-    poll();
-    intervalRef.current = setInterval(poll, 3e3);
-    return () => {
-      if (intervalRef.current) clearInterval(intervalRef.current);
-    };
-  }, [isTerminal, pollUrl, authToken]);
-  (0, import_react79.useEffect)(() => {
-    if (isTerminal && intervalRef.current) {
-      clearInterval(intervalRef.current);
-      intervalRef.current = null;
     }
-  }, [isTerminal]);
+    // Transient fetch errors are ignored — the shared loop retries next tick.
+  );
   if (status === "pending" || status === "running") {
     const pct = progress?.percentage ?? 0;
     const step = progress?.current_step ?? "Starting web search...";
@@ -40798,10 +40899,10 @@ var WebSearchJobCard = ({
 };
 
 // src/molecules/creator-discovery/CampaignSeedCard/CampaignSeedCard.tsx
-var import_react81 = __toESM(require("react"), 1);
+var import_react82 = __toESM(require("react"), 1);
 
 // src/molecules/creator-discovery/SearchSpecCard/CustomFieldRenderers.tsx
-var import_react80 = require("react");
+var import_react81 = require("react");
 
 // src/lib/countries.ts
 var countries = [
@@ -41013,10 +41114,10 @@ var CountrySelectEdit = ({
   value,
   onChange
 }) => {
-  const [isDropdownOpen, setIsDropdownOpen] = (0, import_react80.useState)(false);
-  const [searchTerm, setSearchTerm] = (0, import_react80.useState)("");
-  const dropdownRef = (0, import_react80.useRef)(null);
-  (0, import_react80.useEffect)(() => {
+  const [isDropdownOpen, setIsDropdownOpen] = (0, import_react81.useState)(false);
+  const [searchTerm, setSearchTerm] = (0, import_react81.useState)("");
+  const dropdownRef = (0, import_react81.useRef)(null);
+  (0, import_react81.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsDropdownOpen(false);
@@ -41025,7 +41126,7 @@ var CountrySelectEdit = ({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  const inputValue = (0, import_react80.useMemo)(() => {
+  const inputValue = (0, import_react81.useMemo)(() => {
     if (Array.isArray(value)) return value;
     if (typeof value === "string" && value.trim() !== "") {
       const foundCountry = countries.find(
@@ -41126,7 +41227,7 @@ var CountrySelectEdit = ({
   ] });
 };
 var CountrySelectDisplay = ({ value }) => {
-  const displayValues = (0, import_react80.useMemo)(() => {
+  const displayValues = (0, import_react81.useMemo)(() => {
     if (Array.isArray(value)) return value;
     if (typeof value === "string" && value.trim() !== "") return [value];
     return [];
@@ -41302,7 +41403,7 @@ var PlatformSelectEdit = ({
   value,
   onChange
 }) => {
-  const selectedPlatforms = (0, import_react80.useMemo)(() => {
+  const selectedPlatforms = (0, import_react81.useMemo)(() => {
     if (Array.isArray(value)) return value;
     if (typeof value === "string" && value.trim() !== "") {
       return value.split(",").map((s) => s.trim()).filter(Boolean);
@@ -41321,7 +41422,7 @@ var PlatformSelectEdit = ({
       onChange([...selectedPlatforms, platform]);
     }
   };
-  const options = (0, import_react80.useMemo)(() => {
+  const options = (0, import_react81.useMemo)(() => {
     return DEFAULT_PLATFORMS;
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("div", { className: "flex flex-wrap gap-4 py-2", children: options.map((platform) => /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(
@@ -41347,7 +41448,7 @@ var PlatformSelectEdit = ({
   )) });
 };
 var PlatformSelectDisplay = ({ value }) => {
-  const displayValues = (0, import_react80.useMemo)(() => {
+  const displayValues = (0, import_react81.useMemo)(() => {
     if (Array.isArray(value)) return value;
     if (typeof value === "string" && value.trim() !== "") {
       return value.split(",").map((s) => s.trim()).filter(Boolean);
@@ -41507,7 +41608,7 @@ function buildCampaignSeedFields(data) {
     return generated;
   });
 }
-var CampaignSeedCard = import_react81.default.memo(
+var CampaignSeedCard = import_react82.default.memo(
   ({
     selectionStatus,
     isLatestMessage = true,
@@ -41519,7 +41620,7 @@ var CampaignSeedCard = import_react81.default.memo(
     sendMessage,
     ...formCardProps
   }) => {
-    const fields = (0, import_react81.useMemo)(() => {
+    const fields = (0, import_react82.useMemo)(() => {
       return providedFields || buildCampaignSeedFields(data);
     }, [providedFields, data]);
     const handleProceed = () => {
@@ -41553,7 +41654,7 @@ var CampaignSeedCard = import_react81.default.memo(
 CampaignSeedCard.displayName = "CampaignSeedCard";
 
 // src/molecules/creator-discovery/SearchSpecCard/SearchSpecCard.tsx
-var import_react82 = __toESM(require("react"), 1);
+var import_react83 = __toESM(require("react"), 1);
 var import_jsx_runtime152 = require("react/jsx-runtime");
 var ObjectDisplay2 = ({ value }) => {
   if (!value || typeof value !== "object") return null;
@@ -41669,7 +41770,7 @@ function buildSearchSpecFields(data) {
     return generated;
   });
 }
-var SearchSpecCard = import_react82.default.memo(
+var SearchSpecCard = import_react83.default.memo(
   ({
     selectionStatus,
     isLatestMessage = true,
@@ -41683,7 +41784,7 @@ var SearchSpecCard = import_react82.default.memo(
     ...formCardProps
   }) => {
     const resolvedData = data || specData;
-    const fields = (0, import_react82.useMemo)(() => {
+    const fields = (0, import_react83.useMemo)(() => {
       return providedFields || buildSearchSpecFields(resolvedData ?? {});
     }, [providedFields, resolvedData]);
     const handleProceed = () => {
@@ -41719,7 +41820,43 @@ var SearchSpecCard = import_react82.default.memo(
 SearchSpecCard.displayName = "SearchSpecCard";
 
 // src/molecules/creator-discovery/MCQCard/MCQCard.tsx
-var import_react83 = __toESM(require("react"), 1);
+var import_react84 = __toESM(require("react"), 1);
+
+// src/lib/auth-provider.ts
+var _provider = null;
+var _onUnauthorized = null;
+function setPxAuthTokenProvider(provider) {
+  _provider = provider;
+}
+function setPxUnauthorizedHandler(handler) {
+  _onUnauthorized = handler;
+}
+function notifyPxUnauthorized(status) {
+  if (status !== 401) return false;
+  if (_onUnauthorized) {
+    try {
+      _onUnauthorized();
+    } catch {
+    }
+  }
+  return true;
+}
+function getPxAuthToken() {
+  if (_provider) {
+    try {
+      const t = _provider();
+      if (t) return t;
+    } catch {
+    }
+  }
+  if (typeof document !== "undefined") {
+    for (const name of ["adminTokenBuilder", "adminToken", "token"]) {
+      const match2 = document.cookie.match(new RegExp(`(?:^|;\\s*)${name}=([^;]*)`));
+      if (match2?.[1]) return match2[1];
+    }
+  }
+  return null;
+}
 
 // src/molecules/creator-discovery/MCQCard/defaultFetchers.ts
 function getBackendOrigin() {
@@ -41736,25 +41873,10 @@ function getBaseUrl() {
   if (backend) return `${backend}/api/custom-agents`;
   return "/api/agents-proxy/custom-agents";
 }
-function getAuthToken() {
-  if (typeof window === "undefined") return null;
-  try {
-    const ls = localStorage.getItem("px_auth_token");
-    if (ls) return ls;
-  } catch {
-  }
-  if (typeof document !== "undefined") {
-    for (const name of ["adminTokenBuilder", "adminToken", "token"]) {
-      const match2 = document.cookie.match(new RegExp(`(?:^|;\\s*)${name}=([^;]*)`));
-      if (match2?.[1]) return match2[1];
-    }
-  }
-  return null;
-}
 function buildHeaders() {
   const headers = { "Content-Type": "application/json" };
   if (getBackendOrigin()) {
-    const token = getAuthToken();
+    const token = getPxAuthToken();
     if (token) headers["Authorization"] = `Bearer ${token}`;
   }
   return headers;
@@ -41788,6 +41910,7 @@ async function defaultFetchSelections(sessionId) {
         body: "{}"
       }
     );
+    if (res.status === 401) notifyPxUnauthorized(res.status);
     if (!res.ok) return {};
     const data = await res.json();
     const selections = data.selections || {};
@@ -41805,7 +41928,7 @@ async function defaultFetchSelections(sessionId) {
 async function defaultPersistSelection(sessionId, questionKey, value) {
   setLocalSelection(sessionId, questionKey, value);
   try {
-    await fetch(
+    const res = await fetch(
       `${getBaseUrl()}/sessions/${sessionId}/mcq-selections`,
       {
         method: "PATCH",
@@ -41813,6 +41936,7 @@ async function defaultPersistSelection(sessionId, questionKey, value) {
         body: JSON.stringify({ question_key: questionKey, value })
       }
     );
+    if (res.status === 401) notifyPxUnauthorized(res.status);
   } catch (err) {
     console.warn("[MCQ persist failed]", err);
   }
@@ -41866,7 +41990,7 @@ function inferSelectionLimits(text, optionCount) {
   }
   return null;
 }
-var MCQCard = import_react83.default.memo(
+var MCQCard = import_react84.default.memo(
   ({
     question,
     options,
@@ -41924,12 +42048,12 @@ var MCQCard = import_react83.default.memo(
       if (propsSelectedOption) return [propsSelectedOption];
       return [];
     };
-    const [selectedKeys, setSelectedKeys] = import_react83.default.useState(seedSelection);
-    const [isProceeded, setIsProceeded] = import_react83.default.useState(
+    const [selectedKeys, setSelectedKeys] = import_react84.default.useState(seedSelection);
+    const [isProceeded, setIsProceeded] = import_react84.default.useState(
       Boolean(propsSelectedOption || propsSelectedOptions && propsSelectedOptions.length)
     );
-    const fetchedSessionRef = import_react83.default.useRef("");
-    import_react83.default.useEffect(() => {
+    const fetchedSessionRef = import_react84.default.useRef("");
+    import_react84.default.useEffect(() => {
       if (propsSelectedOption) {
         setSelectedKeys([propsSelectedOption]);
         setIsProceeded(true);
@@ -41938,7 +42062,7 @@ var MCQCard = import_react83.default.memo(
         setIsProceeded(true);
       }
     }, [propsSelectedOption, propsSelectedOptions]);
-    const buildQuestionKey = import_react83.default.useCallback((sid, q) => {
+    const buildQuestionKey = import_react84.default.useCallback((sid, q) => {
       let hash = 2166136261;
       for (let i = 0; i < q.length; i++) {
         hash ^= q.charCodeAt(i);
@@ -41946,7 +42070,7 @@ var MCQCard = import_react83.default.memo(
       }
       return `mcq_${sid}_${hash.toString(36)}`;
     }, []);
-    import_react83.default.useEffect(() => {
+    import_react84.default.useEffect(() => {
       if (!sessionId || !resolvedQuestion) return;
       const fetchKey = `${sessionId}::${resolvedQuestion}`;
       if (fetchedSessionRef.current === fetchKey) return;
@@ -42618,9 +42742,9 @@ var CreatorActionHeader = ({
 };
 
 // src/molecules/creator-discovery/CreatorSearchBox/CreatorSearch.tsx
-var import_react84 = __toESM(require("react"), 1);
+var import_react85 = __toESM(require("react"), 1);
 var import_jsx_runtime164 = require("react/jsx-runtime");
-var CreatorSearch = import_react84.default.memo(
+var CreatorSearch = import_react85.default.memo(
   ({
     selectionStatus,
     isLatestMessage = true,
@@ -42629,7 +42753,7 @@ var CreatorSearch = import_react84.default.memo(
     data,
     ...formCardProps
   }) => {
-    const fields = (0, import_react84.useMemo)(() => {
+    const fields = (0, import_react85.useMemo)(() => {
       const baseFields = providedFields || generateFieldsFromData(data);
       return baseFields.map((field) => {
         if (field.key === "platforms") {
@@ -42709,10 +42833,10 @@ var CreatorSearch = import_react84.default.memo(
 CreatorSearch.displayName = "CreatorSearch";
 
 // src/molecules/creator-discovery/CampaignConceptCard/CampaignConceptCard.tsx
-var import_react85 = __toESM(require("react"), 1);
+var import_react86 = __toESM(require("react"), 1);
 var import_framer_motion = require("framer-motion");
 var import_jsx_runtime165 = require("react/jsx-runtime");
-var CampaignConceptCard = import_react85.default.memo(
+var CampaignConceptCard = import_react86.default.memo(
   ({
     index,
     isRecommended,
@@ -42728,7 +42852,7 @@ var CampaignConceptCard = import_react85.default.memo(
     onAction,
     ...formCardProps
   }) => {
-    const [internalIsOpen, setInternalIsOpen] = (0, import_react85.useState)(false);
+    const [internalIsOpen, setInternalIsOpen] = (0, import_react86.useState)(false);
     const isOpen = controlledIsOpen !== void 0 ? controlledIsOpen : internalIsOpen;
     const handleToggle = () => {
       if (onToggle) {
@@ -42747,7 +42871,7 @@ var CampaignConceptCard = import_react85.default.memo(
       });
     };
     const effectiveIsLatest = isLatestMessage && !hasUserResponded;
-    const fields = (0, import_react85.useMemo)(() => {
+    const fields = (0, import_react86.useMemo)(() => {
       const baseFields = providedFields || generateFieldsFromData(data);
       const FIELD_ORDER = [
         "description",
@@ -42801,10 +42925,10 @@ var CampaignConceptCard = import_react85.default.memo(
                 }) });
               }
               if (typeof val === "object") {
-                const entries = Object.entries(val);
-                if (entries.length === 0)
+                const entries2 = Object.entries(val);
+                if (entries2.length === 0)
                   return /* @__PURE__ */ (0, import_jsx_runtime165.jsx)("span", { className: "text-muted-foreground text-sm", children: "-" });
-                return /* @__PURE__ */ (0, import_jsx_runtime165.jsx)("div", { className: "space-y-2", children: entries.map(([k, v], idx) => /* @__PURE__ */ (0, import_jsx_runtime165.jsxs)("div", { className: "flex items-center gap-2", children: [
+                return /* @__PURE__ */ (0, import_jsx_runtime165.jsx)("div", { className: "space-y-2", children: entries2.map(([k, v], idx) => /* @__PURE__ */ (0, import_jsx_runtime165.jsxs)("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime165.jsxs)("span", { className: "text-muted-foreground font-medium", children: [
                     idx + 1,
                     "."
@@ -43059,14 +43183,14 @@ var CampaignConceptCard = import_react85.default.memo(
 CampaignConceptCard.displayName = "CampaignConceptCard";
 
 // src/molecules/creator-discovery/CreatorWidget/CreatorWidget.tsx
-var import_react93 = require("react");
+var import_react94 = require("react");
 
 // src/molecules/creator-discovery/CreatorWidget/CreatorImageList.tsx
-var import_react86 = require("react");
+var import_react87 = require("react");
 var import_jsx_runtime166 = require("react/jsx-runtime");
 function useMediaQuery(query) {
-  const [matches, setMatches] = (0, import_react86.useState)(false);
-  (0, import_react86.useEffect)(() => {
+  const [matches, setMatches] = (0, import_react87.useState)(false);
+  (0, import_react87.useEffect)(() => {
     const media = window.matchMedia(query);
     const listener = () => setMatches(media.matches);
     listener();
@@ -43149,7 +43273,7 @@ function CreatorImageList({
 }
 
 // src/molecules/creator-discovery/CreatorWidget/CreatorProgressBar.tsx
-var import_react87 = require("react");
+var import_react88 = require("react");
 var import_framer_motion2 = require("framer-motion");
 var import_jsx_runtime167 = require("react/jsx-runtime");
 function truncateName(name, maxLength) {
@@ -43157,8 +43281,8 @@ function truncateName(name, maxLength) {
   return name.substring(0, maxLength) + "...";
 }
 function ProgressBar({ overallPercentage }) {
-  const [showTooltip, setShowTooltip] = (0, import_react87.useState)(true);
-  (0, import_react87.useEffect)(() => {
+  const [showTooltip, setShowTooltip] = (0, import_react88.useState)(true);
+  (0, import_react88.useEffect)(() => {
     if (overallPercentage && overallPercentage >= 100) {
       setShowTooltip(false);
     }
@@ -43319,7 +43443,7 @@ function CreatorCompactView({
 }
 
 // src/molecules/creator-discovery/CreatorWidget/CreatorExpandedPanel.tsx
-var import_react91 = require("react");
+var import_react92 = require("react");
 var import_react_dom2 = __toESM(require("react-dom"), 1);
 var import_framer_motion5 = require("framer-motion");
 
@@ -43333,26 +43457,11 @@ function getBackendOrigin2() {
   }
   return raw;
 }
-function getAuthToken2() {
-  if (typeof window === "undefined") return null;
-  try {
-    const ls = localStorage.getItem("px_auth_token");
-    if (ls) return ls;
-  } catch {
-  }
-  if (typeof document !== "undefined") {
-    for (const name of ["adminTokenBuilder", "adminToken", "token"]) {
-      const match2 = document.cookie.match(new RegExp(`(?:^|;\\s*)${name}=([^;]*)`));
-      if (match2?.[1]) return match2[1];
-    }
-  }
-  return null;
-}
 function buildHeaders2(includeJson = false) {
   const headers = {};
   if (includeJson) headers["Content-Type"] = "application/json";
   if (getBackendOrigin2()) {
-    const token = getAuthToken2();
+    const token = getPxAuthToken();
     if (token) headers["Authorization"] = `Bearer ${token}`;
   }
   return headers;
@@ -43362,6 +43471,7 @@ async function defaultFetchVersions(params) {
   const versionParam = params.version ? `&version=${params.version}` : "";
   const url = backend ? `${backend}/api/creators/versions?sessionId=${params.sessionId}${versionParam}&validated=${params.validated}` : `/api/get-creator-versions?sessionId=${params.sessionId}${versionParam}&validated=${params.validated}`;
   const res = await fetch(url, { headers: buildHeaders2() });
+  if (res.status === 401) notifyPxUnauthorized(res.status);
   if (!res.ok) throw new Error(`HTTP ${res.status}`);
   return res.json();
 }
@@ -43369,6 +43479,7 @@ async function defaultFetchStatus(params) {
   const backend = getBackendOrigin2();
   const url = backend ? `${backend}/api/creators/version-status?session_id=${params.sessionId}&version_no=${params.versionNo}` : `/api/get-creator-detail-status?session_id=${params.sessionId}&version_no=${params.versionNo}`;
   const res = await fetch(url, { headers: buildHeaders2() });
+  if (res.status === 401) notifyPxUnauthorized(res.status);
   if (!res.ok) throw new Error(`HTTP ${res.status}`);
   return res.json();
 }
@@ -43384,6 +43495,7 @@ async function defaultFetchCreatorDetails(params) {
       version_no: params.versionNo
     })
   });
+  if (res.status === 401) notifyPxUnauthorized(res.status);
   if (!res.ok) throw new Error(`HTTP ${res.status}`);
   return res.json();
 }
@@ -43805,7 +43917,7 @@ function getPlatformIconColor(platform) {
 }
 
 // src/molecules/creator-discovery/CreatorWidget/PostCard.tsx
-var import_react88 = require("react");
+var import_react89 = require("react");
 var import_jsx_runtime172 = require("react/jsx-runtime");
 var formatFollowerCount = (count) => {
   if (count >= 1e6) {
@@ -43819,8 +43931,8 @@ var formatFollowerCount = (count) => {
   return Math.floor(count).toString();
 };
 function PostCard({ post, platformUsername }) {
-  const [expanded, setExpanded] = (0, import_react88.useState)(false);
-  const [errored, setErrored] = (0, import_react88.useState)(false);
+  const [expanded, setExpanded] = (0, import_react89.useState)(false);
+  const [errored, setErrored] = (0, import_react89.useState)(false);
   const thumbnail = post.thumbnail_url || post.thumbnail || post.image || "";
   const likes = post.engagement?.likes ?? post.likes ?? null;
   const comments = post.engagement?.comments ?? post.comments ?? null;
@@ -44030,7 +44142,7 @@ function PlatformPostsSection({
 }
 
 // src/molecules/creator-discovery/CreatorWidget/BrandCollaborationsList.tsx
-var import_react89 = require("react");
+var import_react90 = require("react");
 var import_react_dom = __toESM(require("react-dom"), 1);
 var import_framer_motion3 = require("framer-motion");
 var import_jsx_runtime174 = require("react/jsx-runtime");
@@ -44232,8 +44344,8 @@ function BrandMentionDetails({
 function BrandCollaborationsList({
   brandBreakdown
 }) {
-  const [openDetails, setOpenDetails] = (0, import_react89.useState)(false);
-  const [selectedBrand, setSelectedBrand] = (0, import_react89.useState)("");
+  const [openDetails, setOpenDetails] = (0, import_react90.useState)(false);
+  const [selectedBrand, setSelectedBrand] = (0, import_react90.useState)("");
   if (!brandBreakdown?.insights?.brandBreakdown || brandBreakdown.insights.brandBreakdown.length === 0) {
     return null;
   }
@@ -44292,7 +44404,7 @@ function BrandCollaborationsList({
 }
 
 // src/molecules/creator-discovery/CreatorWidget/CreatorGridView.tsx
-var import_react90 = require("react");
+var import_react91 = require("react");
 var import_framer_motion4 = require("framer-motion");
 var import_jsx_runtime175 = require("react/jsx-runtime");
 var formatFollowerCount3 = (count) => {
@@ -44341,25 +44453,25 @@ var itemsExplanation = [
   { key: "brandSafety", label: "Brand Safety" }
 ];
 function CreatorGridViewCard({ creator }) {
-  const [isExpanded, setIsExpanded] = (0, import_react90.useState)(false);
-  const [showFullDescription, setShowFullDescription] = (0, import_react90.useState)(false);
-  const [isDescriptionOverflowing, setIsDescriptionOverflowing] = (0, import_react90.useState)(false);
-  const descriptionRef = (0, import_react90.useRef)(null);
-  const cardRef = (0, import_react90.useRef)(null);
-  const checkDescriptionOverflow = (0, import_react90.useCallback)(() => {
+  const [isExpanded, setIsExpanded] = (0, import_react91.useState)(false);
+  const [showFullDescription, setShowFullDescription] = (0, import_react91.useState)(false);
+  const [isDescriptionOverflowing, setIsDescriptionOverflowing] = (0, import_react91.useState)(false);
+  const descriptionRef = (0, import_react91.useRef)(null);
+  const cardRef = (0, import_react91.useRef)(null);
+  const checkDescriptionOverflow = (0, import_react91.useCallback)(() => {
     const el = descriptionRef.current;
     if (!el) return;
     setIsDescriptionOverflowing(el.scrollHeight > el.clientHeight + 1);
   }, []);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     checkDescriptionOverflow();
   }, [checkDescriptionOverflow, isExpanded, showFullDescription]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     const onResize = () => checkDescriptionOverflow();
     window.addEventListener("resize", onResize);
     return () => window.removeEventListener("resize", onResize);
   }, [checkDescriptionOverflow]);
-  const platformStats = (0, import_react90.useMemo)(() => {
+  const platformStats = (0, import_react91.useMemo)(() => {
     return [
       {
         platform: "instagram",
@@ -44777,7 +44889,7 @@ function BrandMentionPerformance({ creator }) {
   ] });
 }
 function CreatorFitSummary({ creator, showBrandPerformance }) {
-  const [contentExpanded, setContentExpanded] = (0, import_react91.useState)(false);
+  const [contentExpanded, setContentExpanded] = (0, import_react92.useState)(false);
   const hasDeepAnalysis = creator?.sentiment?.deepAnalysis?.deepAnalysis;
   const title = hasDeepAnalysis ? "CREATOR DEEP ANALYSIS" : "CREATOR FIT SUMMARY";
   const content = hasDeepAnalysis ? creator.sentiment.deepAnalysis.deepAnalysis : creator?.sentiment?.aiReasoning || "No data available.";
@@ -44797,7 +44909,7 @@ function CreatorFitSummary({ creator, showBrandPerformance }) {
   ] });
 }
 function ProfileSection({ creator, isValidationComplete }) {
-  const [descriptionExpanded, setDescriptionExpanded] = (0, import_react91.useState)(false);
+  const [descriptionExpanded, setDescriptionExpanded] = (0, import_react92.useState)(false);
   const username = creator.platformMetrics?.instagramMetrics?.username ? `@${creator.platformMetrics.instagramMetrics.username}` : creator.platformMetrics?.youtubeMetrics?.channelName ? `@${creator.platformMetrics.youtubeMetrics.channelName}` : creator.platformMetrics?.tiktokMetrics?.username ? `@${creator.platformMetrics.tiktokMetrics.username}` : "";
   const iso2 = normalizeToIso2(creator.country);
   const meta = codeToMeta[iso2];
@@ -44887,7 +44999,7 @@ function CreatorCard({
   creator,
   isValidationComplete
 }) {
-  const [detailsExpanded, setDetailsExpanded] = (0, import_react91.useState)(false);
+  const [detailsExpanded, setDetailsExpanded] = (0, import_react92.useState)(false);
   const hasValidBrandMention = (() => {
     const insights = creator?.brandCollaborations?.insights;
     if (!insights) return false;
@@ -44929,7 +45041,7 @@ function CreatorDisplay({
   creators,
   isValidationComplete
 }) {
-  const [viewMode, setViewMode] = (0, import_react91.useState)("list");
+  const [viewMode, setViewMode] = (0, import_react92.useState)("list");
   return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: "px-4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: "flex justify-end items-center my-3 gap-1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("span", { className: "text-xs text-gray600 mr-2", children: [
@@ -45010,10 +45122,10 @@ function CreatorExpandedPanel({
   searchSpec,
   fetchCreatorDetails
 }) {
-  const [creators, setCreators] = (0, import_react91.useState)([]);
-  const [loading, setLoading] = (0, import_react91.useState)(false);
+  const [creators, setCreators] = (0, import_react92.useState)([]);
+  const [loading, setLoading] = (0, import_react92.useState)(false);
   const fetcher = fetchCreatorDetails ?? defaultFetchCreatorDetails;
-  const loadCreators = (0, import_react91.useCallback)(async () => {
+  const loadCreators = (0, import_react92.useCallback)(async () => {
     if (!creatorIds.length) return;
     setLoading(true);
     try {
@@ -45025,7 +45137,7 @@ function CreatorExpandedPanel({
       setLoading(false);
     }
   }, [creatorIds, sessionId, version, fetcher]);
-  (0, import_react91.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     if (isOpen && creatorIds.length > 0) {
       loadCreators();
     }
@@ -45079,13 +45191,18 @@ function CreatorExpandedPanel({
 }
 
 // src/molecules/creator-discovery/CreatorWidget/useCreatorWidgetPolling.ts
-var import_react92 = require("react");
+var import_react93 = require("react");
 var DEFAULT_POLLING_CONFIG = {
   pollInterval: 5e3,
   maxDuration: 15 * 60 * 1e3,
   maxErrors: 10,
   secondsPerCreator: 13
 };
+var formatTime = (seconds) => {
+  if (seconds <= 0) return "to complete";
+  const minutes = Math.floor(seconds / 60);
+  return minutes >= 1 ? `${minutes} min remaining...` : `${seconds} sec remaining...`;
+};
 function useCreatorWidgetPolling({
   sessionId,
   currentVersion,
@@ -45096,136 +45213,137 @@ function useCreatorWidgetPolling({
 }) {
   const fetchVersions = fetchVersionsProp ?? defaultFetchVersions;
   const fetchStatus = fetchStatusProp ?? defaultFetchStatus;
-  const config = (0, import_react92.useMemo)(
+  const config = (0, import_react93.useMemo)(
     () => ({ ...DEFAULT_POLLING_CONFIG, ...pollingConfig }),
     [pollingConfig]
   );
-  const [versionData, setVersionData] = (0, import_react92.useState)(null);
-  const [totalVersions, setTotalVersions] = (0, import_react92.useState)(0);
-  const [selectedVersion, setSelectedVersion] = (0, import_react92.useState)();
-  const [isLoadingVersion, setIsLoadingVersion] = (0, import_react92.useState)(false);
-  const [isValidationComplete, setIsValidationComplete] = (0, import_react92.useState)(false);
-  const [versionStatus, setVersionStatus] = (0, import_react92.useState)("checking");
-  const [statusDetails, setStatusDetails] = (0, import_react92.useState)();
-  const [timeDisplay, setTimeDisplay] = (0, import_react92.useState)("");
-  const [loadingStatus, setLoadingStatus] = (0, import_react92.useState)(true);
-  const remainingTimeRef = (0, import_react92.useRef)(0);
+  const [versionData, setVersionData] = (0, import_react93.useState)(null);
+  const [totalVersions, setTotalVersions] = (0, import_react93.useState)(0);
+  const [selectedVersion, setSelectedVersion] = (0, import_react93.useState)();
+  const [isLoadingVersion, setIsLoadingVersion] = (0, import_react93.useState)(false);
+  const [isValidationComplete, setIsValidationComplete] = (0, import_react93.useState)(false);
+  const [versionStatus, setVersionStatus] = (0, import_react93.useState)("checking");
+  const [statusDetails, setStatusDetails] = (0, import_react93.useState)();
+  const [timeDisplay, setTimeDisplay] = (0, import_react93.useState)("");
+  const [loadingStatus, setLoadingStatus] = (0, import_react93.useState)(true);
+  const remainingTimeRef = (0, import_react93.useRef)(0);
+  const countdownRef = (0, import_react93.useRef)(null);
   const requestedVersion = selectedVersion ?? currentVersion ?? versionData?.currentVersion;
-  const fetchVersionData = (0, import_react92.useCallback)(async () => {
-    if (!sessionId) return;
-    if (!versionData) setIsLoadingVersion(true);
-    try {
-      const data = await fetchVersions({
-        sessionId,
-        version: requestedVersion,
-        validated: isValidationComplete
-      });
-      if (data.success !== false) {
+  const updateStatus = (0, import_react93.useCallback)(
+    (status) => {
+      setVersionStatus(status);
+      onStatusChange?.(status);
+    },
+    [onStatusChange]
+  );
+  const versionKey = sessionId ? `creator:versions:${sessionId}:${requestedVersion ?? "latest"}:${isValidationComplete ? 1 : 0}` : null;
+  useSharedPoll(
+    {
+      key: versionKey,
+      intervalMs: config.pollInterval,
+      fetcher: async () => {
+        if (!versionData) setIsLoadingVersion(true);
+        return fetchVersions({
+          sessionId,
+          version: requestedVersion,
+          validated: isValidationComplete
+        });
+      },
+      shouldContinue: (data) => !((data?.totalVersions || 0) > 0)
+    },
+    (data) => {
+      if (data && data.success !== false) {
         setVersionData(data);
         setTotalVersions(data.totalVersions || 0);
       }
-    } catch (err) {
-      if (err.name !== "AbortError") {
+      setIsLoadingVersion(false);
+    },
+    (err) => {
+      if (err?.name !== "AbortError") {
         console.error("Error fetching creator version:", err);
       }
-    } finally {
       setIsLoadingVersion(false);
     }
-  }, [sessionId, requestedVersion, isValidationComplete, fetchVersions, versionData]);
-  (0, import_react92.useEffect)(() => {
-    fetchVersionData();
-  }, [sessionId, requestedVersion, isValidationComplete]);
-  (0, import_react92.useEffect)(() => {
-    if (totalVersions > 0 || !sessionId) return;
-    const interval = setInterval(() => {
-      if (totalVersions === 0) fetchVersionData();
-    }, config.pollInterval);
-    return () => clearInterval(interval);
-  }, [totalVersions, sessionId, fetchVersionData, config.pollInterval]);
-  (0, import_react92.useEffect)(() => {
-    if (!selectedVersion && !requestedVersion) return;
-    const activeVersion = selectedVersion ?? requestedVersion;
-    let isMounted = true;
-    let intervalId = null;
-    let timerIntervalId = null;
-    let elapsed = 0;
-    let errorCount = 0;
+  );
+  const activeVersion = selectedVersion ?? requestedVersion;
+  const statusKey = sessionId && activeVersion != null ? `creator:status:${sessionId}:${activeVersion}` : null;
+  const errorCountRef = (0, import_react93.useRef)(0);
+  const deadlineRef = (0, import_react93.useRef)(0);
+  const doneRef = (0, import_react93.useRef)(false);
+  const stopCountdown = (0, import_react93.useCallback)(() => {
+    if (countdownRef.current) {
+      clearInterval(countdownRef.current);
+      countdownRef.current = null;
+    }
+    setTimeDisplay("");
+  }, []);
+  (0, import_react93.useEffect)(() => {
+    if (statusKey == null) return;
     setLoadingStatus(true);
     setStatusDetails(void 0);
     setVersionStatus("checking");
+    errorCountRef.current = 0;
+    doneRef.current = false;
+    deadlineRef.current = Date.now() + config.maxDuration;
     const creatorLength2 = versionData?.length || 0;
     remainingTimeRef.current = creatorLength2 > 0 ? creatorLength2 * config.secondsPerCreator : 60;
-    const formatTime = (seconds) => {
-      if (seconds <= 0) return "to complete";
-      const minutes = Math.floor(seconds / 60);
-      return minutes >= 1 ? `${minutes} min remaining...` : `${seconds} sec remaining...`;
-    };
     setTimeDisplay(formatTime(remainingTimeRef.current));
-    timerIntervalId = setInterval(() => {
+    countdownRef.current = setInterval(() => {
       if (remainingTimeRef.current > 0) remainingTimeRef.current -= 1;
       setTimeDisplay(formatTime(remainingTimeRef.current));
     }, 1e3);
-    const updateStatus = (status) => {
-      setVersionStatus(status);
-      onStatusChange?.(status);
-    };
-    const stopPolling = () => {
-      if (intervalId) clearInterval(intervalId);
-      if (timerIntervalId) clearInterval(timerIntervalId);
-      setTimeDisplay("");
+    return () => {
+      if (countdownRef.current) {
+        clearInterval(countdownRef.current);
+        countdownRef.current = null;
+      }
     };
-    const pollStatus = async () => {
-      try {
-        const data = await fetchStatus({
-          sessionId,
-          versionNo: activeVersion
-        });
-        if (!isMounted) return;
-        if (data?.status) setStatusDetails(data.status);
+  }, [statusKey]);
+  useSharedPoll(
+    {
+      key: statusKey,
+      intervalMs: config.pollInterval,
+      fetcher: async () => fetchStatus({ sessionId, versionNo: activeVersion }),
+      shouldContinue: (data) => {
+        if (Date.now() >= deadlineRef.current) return false;
         const s = data?.status?.status;
-        if (s === "completed" || s === "complete") {
-          updateStatus(s);
-          setIsValidationComplete(true);
-          stopPolling();
-          return;
-        }
-        if (s === "failed") {
-          updateStatus("failed");
-          stopPolling();
-          return;
-        }
-        errorCount = 0;
-        updateStatus(s || "in-progress");
-      } catch (err) {
-        console.error("Error fetching status:", err);
-        errorCount++;
-        if (errorCount >= config.maxErrors) {
-          console.error(`Polling failed after ${config.maxErrors} consecutive errors`);
-          updateStatus("failed");
-          setLoadingStatus(false);
-          stopPolling();
-          return;
-        }
-      } finally {
-        setLoadingStatus(false);
+        return !(s === "completed" || s === "complete" || s === "failed");
       }
-    };
-    pollStatus();
-    intervalId = setInterval(() => {
-      elapsed += config.pollInterval;
-      if (elapsed >= config.maxDuration) {
-        console.warn("Stopped polling after max duration");
-        stopPolling();
+    },
+    (data) => {
+      if (data?.status) setStatusDetails(data.status);
+      const s = data?.status?.status;
+      if (s === "completed" || s === "complete") {
+        updateStatus(s);
+        setIsValidationComplete(true);
+        doneRef.current = true;
+        stopCountdown();
+      } else if (s === "failed") {
+        updateStatus("failed");
+        doneRef.current = true;
+        stopCountdown();
       } else {
-        pollStatus();
+        errorCountRef.current = 0;
+        updateStatus(s || "in-progress");
       }
-    }, config.pollInterval);
-    return () => {
-      isMounted = false;
-      stopPolling();
-    };
-  }, [selectedVersion, requestedVersion, sessionId]);
-  const versionNumbers = (0, import_react92.useMemo)(() => {
+      setLoadingStatus(false);
+    },
+    (err) => {
+      console.error("Error fetching status:", err);
+      errorCountRef.current++;
+      if (errorCountRef.current >= config.maxErrors) {
+        console.error(
+          `Polling failed after ${config.maxErrors} consecutive errors`
+        );
+        updateStatus("failed");
+        doneRef.current = true;
+        stopCountdown();
+        if (statusKey) stopSharedPoll(statusKey);
+      }
+      setLoadingStatus(false);
+    }
+  );
+  const versionNumbers = (0, import_react93.useMemo)(() => {
     if (!totalVersions) return [];
     return Array.from({ length: totalVersions }, (_, i) => i + 1);
   }, [totalVersions]);
@@ -45265,7 +45383,7 @@ function CreatorWidgetInner({
   onAction,
   className
 }) {
-  const [isExpanded, setIsExpanded] = (0, import_react93.useState)(false);
+  const [isExpanded, setIsExpanded] = (0, import_react94.useState)(false);
   const {
     versionNumbers,
     selectedVersion,
@@ -45286,11 +45404,11 @@ function CreatorWidgetInner({
     pollingConfig,
     onStatusChange
   });
-  const handleVersionSelect = (0, import_react93.useCallback)(
+  const handleVersionSelect = (0, import_react94.useCallback)(
     (version) => setSelectedVersion(version),
     [setSelectedVersion]
   );
-  const handleViewCreators = (0, import_react93.useCallback)(() => {
+  const handleViewCreators = (0, import_react94.useCallback)(() => {
     setIsExpanded(true);
     onAction?.({
       type: "view-creators",
@@ -45331,10 +45449,10 @@ function CreatorWidgetInner({
     )
   ] });
 }
-var CreatorWidget = (0, import_react93.memo)(CreatorWidgetInner);
+var CreatorWidget = (0, import_react94.memo)(CreatorWidgetInner);
 
 // src/molecules/analytics/AnalyticsChart.tsx
-var import_react94 = require("react");
+var import_react95 = require("react");
 var import_jsx_runtime178 = require("react/jsx-runtime");
 function getCSSVar(name) {
   if (typeof document === "undefined") return "";
@@ -45447,16 +45565,16 @@ function AnalyticsChart({
   loading: loadingProp,
   error: errorProp
 }) {
-  const [mounted, setMounted] = (0, import_react94.useState)(false);
-  const [fetchedConfig, setFetchedConfig] = (0, import_react94.useState)(null);
-  const [fetching, setFetching] = (0, import_react94.useState)(false);
-  const [fetchError, setFetchError] = (0, import_react94.useState)(null);
-  const containerRef = (0, import_react94.useRef)(null);
-  const chartRef = (0, import_react94.useRef)(null);
-  (0, import_react94.useEffect)(() => {
+  const [mounted, setMounted] = (0, import_react95.useState)(false);
+  const [fetchedConfig, setFetchedConfig] = (0, import_react95.useState)(null);
+  const [fetching, setFetching] = (0, import_react95.useState)(false);
+  const [fetchError, setFetchError] = (0, import_react95.useState)(null);
+  const containerRef = (0, import_react95.useRef)(null);
+  const chartRef = (0, import_react95.useRef)(null);
+  (0, import_react95.useEffect)(() => {
     setMounted(true);
   }, []);
-  (0, import_react94.useEffect)(() => {
+  (0, import_react95.useEffect)(() => {
     if (!chartId || configProp) return;
     let cancelled = false;
     setFetching(true);
@@ -45478,7 +45596,7 @@ function AnalyticsChart({
     };
   }, [chartId, apiBase, authToken, configProp]);
   const activeConfig = configProp ?? fetchedConfig;
-  (0, import_react94.useEffect)(() => {
+  (0, import_react95.useEffect)(() => {
     if (!mounted || !activeConfig || !containerRef.current) return;
     const container = containerRef.current;
     let cancelled = false;
@@ -45498,7 +45616,7 @@ function AnalyticsChart({
       cancelled = true;
     };
   }, [mounted, activeConfig]);
-  (0, import_react94.useEffect)(() => {
+  (0, import_react95.useEffect)(() => {
     return () => {
       if (chartRef.current) {
         try {
@@ -45509,7 +45627,7 @@ function AnalyticsChart({
       }
     };
   }, []);
-  (0, import_react94.useEffect)(() => {
+  (0, import_react95.useEffect)(() => {
     if (!mounted || !containerRef.current) return;
     const obs = new ResizeObserver(() => {
       try {
@@ -45991,7 +46109,7 @@ function EmptyContent({ className, ...props }) {
 }
 
 // src/components/ui/field.tsx
-var import_react95 = require("react");
+var import_react96 = require("react");
 var import_class_variance_authority10 = require("class-variance-authority");
 var import_jsx_runtime181 = require("react/jsx-runtime");
 function FieldSet({ className, ...props }) {
@@ -46174,7 +46292,7 @@ function FieldError({
   errors,
   ...props
 }) {
-  const content = (0, import_react95.useMemo)(() => {
+  const content = (0, import_react96.useMemo)(() => {
     if (children) {
       return children;
     }
@@ -47212,6 +47330,37 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 // src/render/PXEngineRenderer.tsx
 var import_jsx_runtime188 = require("react/jsx-runtime");
 var MOLECULE_REFS = new Set(Object.values(molecules_exports));
+var ATOMS_WITH_RENDER = /* @__PURE__ */ new Set([
+  "LayoutAtom",
+  "CardAtom",
+  "TabsAtom",
+  "AccordionAtom",
+  "ScrollAreaAtom",
+  "CarouselAtom",
+  "AspectRatioAtom",
+  "CollapsibleAtom",
+  "TooltipAtom",
+  "PopoverAtom",
+  "DialogAtom",
+  "SheetAtom",
+  "ResizableAtom"
+]);
+var COMPONENT_LOOKUP_CACHE = /* @__PURE__ */ new Map();
+var resolveComponent = (identifier) => {
+  const cached = COMPONENT_LOOKUP_CACHE.get(identifier);
+  if (cached !== void 0) return cached;
+  const normalized = identifier.split(/[-_]/).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+  const atomName = normalized.endsWith("Atom") ? normalized : `${normalized}Atom`;
+  let Comp = atoms_exports[atomName] || atoms_exports[normalized] || atoms_exports[identifier] || null;
+  if (!Comp) {
+    Comp = molecules_exports[normalized] || molecules_exports[identifier] || null;
+  }
+  if (!Comp && !CONTEXT_DEPENDENT_COMPONENTS.has(normalized)) {
+    Comp = ui_exports[normalized] || ui_exports[identifier] || null;
+  }
+  COMPONENT_LOOKUP_CACHE.set(identifier, Comp);
+  return Comp;
+};
 var CONTEXT_DEPENDENT_COMPONENTS = /* @__PURE__ */ new Set([
   // Form components - require FormField + FormItem context
   "FormLabel",
@@ -47340,7 +47489,10 @@ var renderContextDependentError = (componentName, normalizedName, key) => {
     key
   );
 };
+var NORMALIZE_PROPS_CACHE = /* @__PURE__ */ new WeakMap();
 var normalizeProps = (props) => {
+  const cached = NORMALIZE_PROPS_CACHE.get(props);
+  if (cached) return cached;
   const normalized = {};
   const dynamicStyle = {};
   Object.entries(props).forEach(([key, value]) => {
@@ -47400,7 +47552,9 @@ var normalizeProps = (props) => {
     }
     normalized[key] = value;
   });
-  return { normalized, dynamicStyle };
+  const result = { normalized, dynamicStyle };
+  NORMALIZE_PROPS_CACHE.set(props, result);
+  return result;
 };
 var FORM_INPUT_ATOM_NAMES = /* @__PURE__ */ new Set([
   "InputAtom",
@@ -47419,18 +47573,18 @@ var FORM_INPUT_ATOM_NAMES = /* @__PURE__ */ new Set([
   "InputOTPAtom",
   "ToggleAtom"
 ]);
-var PXEngineRenderer = ({
+var PXEngineRenderer = import_react97.default.memo(function PXEngineRenderer2({
   schema,
   onAction,
   disabled,
   theme,
   onFormSubmit
-}) => {
-  const contextTheme = import_react96.default.useContext(WidgetThemeContext);
+}) {
+  const contextTheme = import_react97.default.useContext(WidgetThemeContext);
   const effectiveTheme = theme ?? contextTheme;
-  const formValuesRef = import_react96.default.useRef({});
-  const [, forceUpdate] = import_react96.default.useReducer((x) => x + 1, 0);
-  const handleInputValueChange = import_react96.default.useCallback((key, value) => {
+  const formValuesRef = import_react97.default.useRef({});
+  const [, forceUpdate] = import_react97.default.useReducer((x) => x + 1, 0);
+  const handleInputValueChange = import_react97.default.useCallback((key, value) => {
     formValuesRef.current[key] = value;
     forceUpdate();
   }, []);
@@ -47438,12 +47592,12 @@ var PXEngineRenderer = ({
   const root = schema.root || schema;
   const renderRecursive = (component, index) => {
     if (Array.isArray(component)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(import_react96.default.Fragment, { children: component.map((child, idx) => renderRecursive(child, idx)) }, index !== void 0 ? `array-${index}` : "array-root");
+      return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(import_react97.default.Fragment, { children: component.map((child, idx) => renderRecursive(child, idx)) }, index !== void 0 ? `array-${index}` : "array-root");
     }
     if (typeof component === "string" || typeof component === "number") {
       return component;
     }
-    if (import_react96.default.isValidElement(component)) {
+    if (import_react97.default.isValidElement(component)) {
       return component;
     }
     if (!component || typeof component !== "object") return null;
@@ -47460,28 +47614,34 @@ var PXEngineRenderer = ({
     } = component;
     const componentName = name || type || componentType;
     if (!componentName || typeof componentName !== "string") return null;
-    const rawProps = { ...remainingProps, ...props };
-    delete rawProps.key;
-    if (disabled !== void 0 && rawProps.disabled === void 0) {
-      rawProps.disabled = disabled;
+    const hasRemaining = Object.keys(remainingProps).length > 0;
+    let baseProps = hasRemaining ? { ...remainingProps, ...props } : props;
+    if (baseProps && baseProps.key !== void 0) {
+      const { key: _k, ...rest } = baseProps;
+      baseProps = rest;
+    }
+    const { normalized, dynamicStyle } = normalizeProps(baseProps || {});
+    const finalProps = { ...normalized };
+    if (disabled !== void 0 && finalProps.disabled === void 0) {
+      finalProps.disabled = disabled;
     }
     const normalizedName = componentName.charAt(0).toUpperCase() + componentName.slice(1);
     const earlyAtomName = normalizedName.endsWith("Atom") ? normalizedName : `${normalizedName}Atom`;
     if (onFormSubmit && FORM_INPUT_ATOM_NAMES.has(earlyAtomName)) {
-      const fieldKey = rawProps.fieldKey || rawProps.id || id || rawProps.label || componentName;
+      const fieldKey = finalProps.fieldKey || finalProps.id || id || finalProps.label || componentName;
       const storedValue = formValuesRef.current[fieldKey];
       if (storedValue !== void 0) {
-        rawProps.defaultValue = storedValue;
+        finalProps.defaultValue = storedValue;
       }
-      rawProps.onValueChange = handleInputValueChange;
-      rawProps.fieldKey = fieldKey;
-      if (id) rawProps.id = id;
+      finalProps.onValueChange = handleInputValueChange;
+      finalProps.fieldKey = fieldKey;
+      if (id) finalProps.id = id;
     }
     if (onFormSubmit && earlyAtomName === "ButtonAtom") {
-      const action = rawProps.action || rawProps.buttonAction;
+      const action = finalProps.action || finalProps.buttonAction;
       if (action === "submit") {
-        const originalOnAction = rawProps.onAction;
-        rawProps.onAction = (evt) => {
+        const originalOnAction = finalProps.onAction;
+        finalProps.onAction = (evt) => {
           const elements = Object.entries(formValuesRef.current).map(
             ([key, value]) => ({
               id: key,
@@ -47497,23 +47657,10 @@ var PXEngineRenderer = ({
         };
       }
     }
-    const { normalized: finalProps, dynamicStyle } = normalizeProps(rawProps);
     if (id && !finalProps.id) {
       finalProps.id = id;
     }
     const uniqueKey = id || (index !== void 0 ? `${componentName}-${index}` : `${componentName}-root`);
-    const resolveComponent = (identifier) => {
-      const normalized = identifier.split(/[-_]/).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
-      const atomName2 = normalized.endsWith("Atom") ? normalized : `${normalized}Atom`;
-      let Comp = atoms_exports[atomName2] || atoms_exports[normalized] || atoms_exports[identifier];
-      if (!Comp) {
-        Comp = molecules_exports[normalized] || molecules_exports[identifier];
-      }
-      if (!Comp && !CONTEXT_DEPENDENT_COMPONENTS.has(normalized)) {
-        Comp = ui_exports[normalized] || ui_exports[identifier];
-      }
-      return Comp;
-    };
     let TargetComponent = resolveComponent(componentName);
     let resolvedIdentifier = componentName;
     if (!TargetComponent && type && type !== componentName) {
@@ -47538,21 +47685,6 @@ var PXEngineRenderer = ({
     }
     const resolvedNormalized = resolvedIdentifier.charAt(0).toUpperCase() + resolvedIdentifier.slice(1);
     const atomName = resolvedNormalized.endsWith("Atom") ? resolvedNormalized : `${resolvedNormalized}Atom`;
-    const ATOMS_WITH_RENDER = /* @__PURE__ */ new Set([
-      "LayoutAtom",
-      "CardAtom",
-      "TabsAtom",
-      "AccordionAtom",
-      "ScrollAreaAtom",
-      "CarouselAtom",
-      "AspectRatioAtom",
-      "CollapsibleAtom",
-      "TooltipAtom",
-      "PopoverAtom",
-      "DialogAtom",
-      "SheetAtom",
-      "ResizableAtom"
-    ]);
     const isAtomWithRenderProp = ATOMS_WITH_RENDER.has(atomName);
     if (effectiveTheme && finalProps.theme === void 0 && MOLECULE_REFS.has(TargetComponent)) {
       finalProps.theme = effectiveTheme;
@@ -47586,7 +47718,8 @@ var PXEngineRenderer = ({
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(WidgetThemeContext.Provider, { value: effectiveTheme, children: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("div", { className: "px-engine-root relative w-full h-full", children: renderRecursive(root) }) });
-};
+});
+PXEngineRenderer.displayName = "PXEngineRenderer";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -47904,7 +48037,11 @@ var PXEngineRenderer = ({
   formatQAMessage,
   generateFieldsFromData,
   generateFieldsFromPropDefinitions,
+  getPxAuthToken,
   isInputAtom,
+  notifyPxUnauthorized,
+  setPxAuthTokenProvider,
+  setPxUnauthorizedHandler,
   submitWidgetToAgent,
   th,
   useCreatorWidgetPolling,