pxengine 0.1.107 → 0.1.109

package/dist/index.mjs

@@ -3130,7 +3130,7 @@ __export(lucide_react_exports, {
   LucideMailX: () => MailX,
   LucideMailbox: () => Mailbox,
   LucideMails: () => Mails,
-  LucideMap: () => Map,
+  LucideMap: () => Map2,
   LucideMapPin: () => MapPin,
   LucideMapPinCheck: () => MapPinCheck,
   LucideMapPinCheckInside: () => MapPinCheckInside,
@@ -3922,8 +3922,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,
@@ -6334,7 +6334,7 @@ __export(icons_exports, {
   MailX: () => MailX,
   Mailbox: () => Mailbox,
   Mails: () => Mails,
-  Map: () => Map,
+  Map: () => Map2,
   MapPin: () => MapPin,
   MapPinCheck: () => MapPinCheck,
   MapPinCheckInside: () => MapPinCheckInside,
@@ -17149,7 +17149,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 = [
@@ -33164,7 +33164,7 @@ var ChartTooltipContent = React80.forwardRef(
                   )
                 ] })
               },
-              item.dataKey
+              `${item.dataKey ?? index}`
             );
           }) })
         ]
@@ -38853,7 +38853,128 @@ var NextStepCard = ({
 };
 
 // src/molecules/generic/PresentationJobCard/PresentationJobCard.tsx
-import { useCallback as useCallback4, useEffect as useEffect6, useRef as useRef5, useState as useState10 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect7, useRef as useRef6, useState as useState10 } from "react";
+
+// src/lib/shared-poll.ts
+import { useEffect as useEffect6, useRef as useRef5 } from "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 = useRef5(config.fetcher);
+  fetcherRef.current = config.fetcher;
+  const shouldContinueRef = useRef5(config.shouldContinue);
+  shouldContinueRef.current = config.shouldContinue;
+  const onDataRef = useRef5(onData);
+  onDataRef.current = onData;
+  const onErrorRef = useRef5(onError);
+  onErrorRef.current = onError;
+  const { key, intervalMs } = config;
+  useEffect6(() => {
+    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
 import { Fragment as Fragment5, jsx as jsx147, jsxs as jsxs108 } from "react/jsx-runtime";
 var DownloadIcon = () => /* @__PURE__ */ jsxs108("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ jsx147("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
@@ -38980,8 +39101,8 @@ var ExportModal = ({ formats, title, onClose }) => {
 var FullscreenModal = ({ url, title, slideCount, initialSlide = 1, onClose }) => {
   const [currentSlide, setCurrentSlide] = useState10(initialSlide);
   const [iframeReady, setIframeReady] = useState10(false);
-  const iframeRef = useRef5(null);
-  useEffect6(() => {
+  const iframeRef = useRef6(null);
+  useEffect7(() => {
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
     };
@@ -38999,7 +39120,7 @@ var FullscreenModal = ({ url, title, slideCount, initialSlide = 1, onClose }) =>
       window.removeEventListener("message", onMsg);
     };
   }, [onClose, iframeReady]);
-  useEffect6(() => {
+  useEffect7(() => {
     document.body.style.overflow = "hidden";
     return () => {
       document.body.style.overflow = "";
@@ -39110,34 +39231,33 @@ var PresentationJobCard = ({
   const [currentSlide, setCurrentSlide] = useState10(1);
   const [previewScale, setPreviewScale] = useState10(1);
   const [iframeReady, setIframeReady] = useState10(false);
-  const intervalRef = useRef5(null);
-  const previewRef = useRef5(null);
-  const iframeRef = useRef5(null);
-  useEffect6(() => {
+  const previewRef = useRef6(null);
+  const iframeRef = useRef6(null);
+  useEffect7(() => {
     setStatus(initialStatus);
   }, [initialStatus]);
   const progressPct = initialProgress?.percentage;
   const progressStep = initialProgress?.current_step;
-  useEffect6(() => {
+  useEffect7(() => {
     if (initialProgress) setProgress(initialProgress);
   }, [progressPct, progressStep]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (initialError) setError(initialError);
   }, [initialError]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (initialSlideCount !== void 0) setSlideCount(initialSlideCount);
   }, [initialSlideCount]);
   const htmlUrl = initialFormats?.html_url;
-  useEffect6(() => {
+  useEffect7(() => {
     if (initialFormats) setFormats(initialFormats);
   }, [htmlUrl]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (initialTitle) setTitle(initialTitle);
   }, [initialTitle]);
   const updateScale = useCallback4(() => {
     if (previewRef.current) setPreviewScale(previewRef.current.offsetWidth / 1280);
   }, []);
-  useEffect6(() => {
+  useEffect7(() => {
     updateScale();
     setIframeReady(false);
     if (typeof ResizeObserver === "undefined") return;
@@ -39145,7 +39265,7 @@ var PresentationJobCard = ({
     if (previewRef.current) ro.observe(previewRef.current);
     return () => ro.disconnect();
   }, [updateScale, formats.html_url]);
-  useEffect6(() => {
+  useEffect7(() => {
     const handler = (e) => {
       if (e.data?.type === "slideChanged") {
         setCurrentSlide(e.data.slide);
@@ -39170,66 +39290,59 @@ var PresentationJobCard = ({
     iframe.contentWindow.postMessage({ type: command }, "*");
   };
   const isTerminal = status === "complete" || status === "failed";
-  const onCompleteRef = useRef5(onComplete);
-  const onFailedRef = useRef5(onFailed);
-  const hasNotifiedRef = useRef5(false);
+  const onCompleteRef = useRef6(onComplete);
+  const onFailedRef = useRef6(onFailed);
+  const hasNotifiedRef = useRef6(false);
   onCompleteRef.current = onComplete;
   onFailedRef.current = onFailed;
-  useEffect6(() => {
-    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]);
-  useEffect6(() => {
-    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;
@@ -39501,7 +39614,7 @@ var PresentationJobCard = ({
 };
 
 // src/molecules/generic/ResearchReportJobCard/ResearchReportJobCard.tsx
-import { useCallback as useCallback5, useEffect as useEffect7, useRef as useRef6, useState as useState11 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect8, useRef as useRef7, useState as useState11 } from "react";
 import { Fragment as Fragment6, jsx as jsx148, jsxs as jsxs109 } from "react/jsx-runtime";
 var DEFAULT_THEME = {
   primary: "#8b5cf6",
@@ -39557,14 +39670,14 @@ function formatTemplateLabel(templateId) {
   return templateId.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
 }
 var FullscreenPreviewModal = ({ url, title, onClose }) => {
-  useEffect7(() => {
+  useEffect8(() => {
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
     };
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [onClose]);
-  useEffect7(() => {
+  useEffect8(() => {
     document.body.style.overflow = "hidden";
     return () => {
       document.body.style.overflow = "";
@@ -39655,60 +39768,59 @@ var ResearchReportJobCard = (props) => {
   const [approving, setApproving] = useState11(false);
   const [regenerating, setRegenerating] = useState11(false);
   const [approveError, setApproveError] = useState11(null);
-  const previewRef = useRef6(null);
-  const intervalRef = useRef6(null);
-  const onCompleteRef = useRef6(onComplete);
-  const onFailedRef = useRef6(onFailed);
-  const hasNotifiedRef = useRef6(false);
+  const previewRef = useRef7(null);
+  const onCompleteRef = useRef7(onComplete);
+  const onFailedRef = useRef7(onFailed);
+  const hasNotifiedRef = useRef7(false);
   onCompleteRef.current = onComplete;
   onFailedRef.current = onFailed;
-  useEffect7(() => {
+  useEffect8(() => {
     const newStatus = initialStatus ?? (initialHtmlUrl ? "complete" : void 0);
     setStatus(newStatus);
   }, [initialStatus, initialHtmlUrl]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (initialTitle) setTitle(initialTitle);
   }, [initialTitle]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (initialHtmlUrl) setHtmlUrl(initialHtmlUrl);
   }, [initialHtmlUrl]);
-  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]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (initialDepth) setDepth(initialDepth);
   }, [initialDepth]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (initialSectionCount !== void 0) setSectionCount(initialSectionCount);
   }, [initialSectionCount]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (initialSourceCount !== void 0) setSourceCount(initialSourceCount);
   }, [initialSourceCount]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (initialWordCount !== void 0) setWordCount(initialWordCount);
   }, [initialWordCount]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (initialSummary) setSummary(initialSummary);
   }, [initialSummary]);
   const themePrimary = initialTheme?.primary;
-  useEffect7(() => {
+  useEffect8(() => {
     if (initialTheme) setTheme(initialTheme);
   }, [themePrimary]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (initialError) setError(initialError);
   }, [initialError]);
   const progressPct = initialProgress?.percentage;
   const progressStep = initialProgress?.current_step;
-  useEffect7(() => {
+  useEffect8(() => {
     if (initialProgress) setProgress(initialProgress);
   }, [progressPct, progressStep]);
   const isTerminal = status === "complete" || status === "failed";
@@ -39719,73 +39831,66 @@ var ResearchReportJobCard = (props) => {
       setPreviewScale(previewRef.current.offsetWidth / 800);
     }
   }, []);
-  useEffect7(() => {
+  useEffect8(() => {
     updateScale();
     if (typeof ResizeObserver === "undefined") return;
     const ro = new ResizeObserver(updateScale);
     if (previewRef.current) ro.observe(previewRef.current);
     return () => ro.disconnect();
   }, [updateScale, htmlUrl]);
-  useEffect7(() => {
-    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]);
-  useEffect7(() => {
-    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();
@@ -40209,7 +40314,7 @@ var ResearchReportJobCard = (props) => {
 };
 
 // src/molecules/generic/WebSearchJobCard/WebSearchJobCard.tsx
-import { useEffect as useEffect8, useRef as useRef7, useState as useState12 } from "react";
+import { useEffect as useEffect9, useRef as useRef8, useState as useState12 } from "react";
 import { jsx as jsx149, jsxs as jsxs110 } from "react/jsx-runtime";
 var SearchIcon = () => /* @__PURE__ */ jsxs110("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ jsx149("circle", { cx: "11", cy: "11", r: "8" }),
@@ -40246,91 +40351,83 @@ var WebSearchJobCard = ({
   const [results, setResults] = useState12(initialResults || []);
   const [error, setError] = useState12(initialError);
   const [progress, setProgress] = useState12(initialProgress);
-  const intervalRef = useRef7(null);
-  const onCompleteRef = useRef7(onComplete);
-  const onFailedRef = useRef7(onFailed);
-  const hasNotifiedRef = useRef7(false);
+  const onCompleteRef = useRef8(onComplete);
+  const onFailedRef = useRef8(onFailed);
+  const hasNotifiedRef = useRef8(false);
   onCompleteRef.current = onComplete;
   onFailedRef.current = onFailed;
-  useEffect8(() => {
+  useEffect9(() => {
     setStatus(initialStatus);
   }, [initialStatus]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (initialQuery) setQuery(initialQuery);
   }, [initialQuery]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (initialTitle && !initialQuery) setQuery(initialTitle);
   }, [initialTitle, initialQuery]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (initialResultCount !== void 0) setResultCount(initialResultCount);
   }, [initialResultCount]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (initialSearchCount !== void 0) setSearchCount(initialSearchCount);
   }, [initialSearchCount]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (initialSummary) setSummary(initialSummary);
   }, [initialSummary]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (initialResults) setResults(initialResults);
   }, [initialResults]);
-  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";
-  useEffect8(() => {
-    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]);
-  useEffect8(() => {
-    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...";
@@ -40473,7 +40570,7 @@ var WebSearchJobCard = ({
 import React110, { useMemo as useMemo6 } from "react";
 
 // src/molecules/creator-discovery/SearchSpecCard/CustomFieldRenderers.tsx
-import { useState as useState13, useRef as useRef8, useEffect as useEffect9, useMemo as useMemo5 } from "react";
+import { useState as useState13, useRef as useRef9, useEffect as useEffect10, useMemo as useMemo5 } from "react";
 
 // src/lib/countries.ts
 var countries = [
@@ -40687,8 +40784,8 @@ var CountrySelectEdit = ({
 }) => {
   const [isDropdownOpen, setIsDropdownOpen] = useState13(false);
   const [searchTerm, setSearchTerm] = useState13("");
-  const dropdownRef = useRef8(null);
-  useEffect9(() => {
+  const dropdownRef = useRef9(null);
+  useEffect10(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsDropdownOpen(false);
@@ -41393,6 +41490,42 @@ SearchSpecCard.displayName = "SearchSpecCard";
 // src/molecules/creator-discovery/MCQCard/MCQCard.tsx
 import React112 from "react";
 
+// 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() {
   if (typeof window === "undefined") return null;
@@ -41408,25 +41541,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;
@@ -41460,6 +41578,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 || {};
@@ -41477,7 +41596,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",
@@ -41485,6 +41604,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);
   }
@@ -42473,10 +42593,10 @@ var CampaignConceptCard = React114.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__ */ jsx165("span", { className: "text-muted-foreground text-sm", children: "-" });
-                return /* @__PURE__ */ jsx165("div", { className: "space-y-2", children: entries.map(([k, v], idx) => /* @__PURE__ */ jsxs125("div", { className: "flex items-center gap-2", children: [
+                return /* @__PURE__ */ jsx165("div", { className: "space-y-2", children: entries2.map(([k, v], idx) => /* @__PURE__ */ jsxs125("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsxs125("span", { className: "text-muted-foreground font-medium", children: [
                     idx + 1,
                     "."
@@ -42734,11 +42854,11 @@ CampaignConceptCard.displayName = "CampaignConceptCard";
 import { useCallback as useCallback9, useState as useState22, memo } from "react";
 
 // src/molecules/creator-discovery/CreatorWidget/CreatorImageList.tsx
-import { useEffect as useEffect10, useState as useState15 } from "react";
+import { useEffect as useEffect11, useState as useState15 } from "react";
 import { Fragment as Fragment7, jsx as jsx166, jsxs as jsxs126 } from "react/jsx-runtime";
 function useMediaQuery(query) {
   const [matches, setMatches] = useState15(false);
-  useEffect10(() => {
+  useEffect11(() => {
     const media = window.matchMedia(query);
     const listener = () => setMatches(media.matches);
     listener();
@@ -42821,7 +42941,7 @@ function CreatorImageList({
 }
 
 // src/molecules/creator-discovery/CreatorWidget/CreatorProgressBar.tsx
-import { useEffect as useEffect11, useState as useState16 } from "react";
+import { useEffect as useEffect12, useState as useState16 } from "react";
 import { motion as motion2, AnimatePresence as AnimatePresence2 } from "framer-motion";
 import { jsx as jsx167, jsxs as jsxs127 } from "react/jsx-runtime";
 function truncateName(name, maxLength) {
@@ -42830,7 +42950,7 @@ function truncateName(name, maxLength) {
 }
 function ProgressBar({ overallPercentage }) {
   const [showTooltip, setShowTooltip] = useState16(true);
-  useEffect11(() => {
+  useEffect12(() => {
     if (overallPercentage && overallPercentage >= 100) {
       setShowTooltip(false);
     }
@@ -42991,7 +43111,7 @@ function CreatorCompactView({
 }
 
 // src/molecules/creator-discovery/CreatorWidget/CreatorExpandedPanel.tsx
-import { useState as useState20, useEffect as useEffect13, useCallback as useCallback7 } from "react";
+import { useState as useState20, useEffect as useEffect14, useCallback as useCallback7 } from "react";
 import ReactDOM2 from "react-dom";
 import { AnimatePresence as AnimatePresence4, motion as motion5 } from "framer-motion";
 
@@ -43005,26 +43125,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;
@@ -43034,6 +43139,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();
 }
@@ -43041,6 +43147,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();
 }
@@ -43056,6 +43163,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();
 }
@@ -43964,7 +44072,7 @@ function BrandCollaborationsList({
 }
 
 // src/molecules/creator-discovery/CreatorWidget/CreatorGridView.tsx
-import { useState as useState19, useMemo as useMemo10, useRef as useRef9, useCallback as useCallback6, useEffect as useEffect12 } from "react";
+import { useState as useState19, useMemo as useMemo10, useRef as useRef10, useCallback as useCallback6, useEffect as useEffect13 } from "react";
 import { motion as motion4 } from "framer-motion";
 import { jsx as jsx175, jsxs as jsxs134 } from "react/jsx-runtime";
 var formatFollowerCount3 = (count) => {
@@ -44016,17 +44124,17 @@ function CreatorGridViewCard({ creator }) {
   const [isExpanded, setIsExpanded] = useState19(false);
   const [showFullDescription, setShowFullDescription] = useState19(false);
   const [isDescriptionOverflowing, setIsDescriptionOverflowing] = useState19(false);
-  const descriptionRef = useRef9(null);
-  const cardRef = useRef9(null);
+  const descriptionRef = useRef10(null);
+  const cardRef = useRef10(null);
   const checkDescriptionOverflow = useCallback6(() => {
     const el = descriptionRef.current;
     if (!el) return;
     setIsDescriptionOverflowing(el.scrollHeight > el.clientHeight + 1);
   }, []);
-  useEffect12(() => {
+  useEffect13(() => {
     checkDescriptionOverflow();
   }, [checkDescriptionOverflow, isExpanded, showFullDescription]);
-  useEffect12(() => {
+  useEffect13(() => {
     const onResize = () => checkDescriptionOverflow();
     window.addEventListener("resize", onResize);
     return () => window.removeEventListener("resize", onResize);
@@ -44697,7 +44805,7 @@ function CreatorExpandedPanel({
       setLoading(false);
     }
   }, [creatorIds, sessionId, version, fetcher]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (isOpen && creatorIds.length > 0) {
       loadCreators();
     }
@@ -44751,13 +44859,18 @@ function CreatorExpandedPanel({
 }
 
 // src/molecules/creator-discovery/CreatorWidget/useCreatorWidgetPolling.ts
-import { useState as useState21, useEffect as useEffect14, useCallback as useCallback8, useMemo as useMemo11, useRef as useRef10 } from "react";
+import { useState as useState21, useEffect as useEffect15, useCallback as useCallback8, useMemo as useMemo11, useRef as useRef11 } from "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,
@@ -44781,122 +44894,123 @@ function useCreatorWidgetPolling({
   const [statusDetails, setStatusDetails] = useState21();
   const [timeDisplay, setTimeDisplay] = useState21("");
   const [loadingStatus, setLoadingStatus] = useState21(true);
-  const remainingTimeRef = useRef10(0);
+  const remainingTimeRef = useRef11(0);
+  const countdownRef = useRef11(null);
   const requestedVersion = selectedVersion ?? currentVersion ?? versionData?.currentVersion;
-  const fetchVersionData = useCallback8(async () => {
-    if (!sessionId) return;
-    if (!versionData) setIsLoadingVersion(true);
-    try {
-      const data = await fetchVersions({
-        sessionId,
-        version: requestedVersion,
-        validated: isValidationComplete
-      });
-      if (data.success !== false) {
+  const updateStatus = useCallback8(
+    (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]);
-  useEffect14(() => {
-    fetchVersionData();
-  }, [sessionId, requestedVersion, isValidationComplete]);
-  useEffect14(() => {
-    if (totalVersions > 0 || !sessionId) return;
-    const interval = setInterval(() => {
-      if (totalVersions === 0) fetchVersionData();
-    }, config.pollInterval);
-    return () => clearInterval(interval);
-  }, [totalVersions, sessionId, fetchVersionData, config.pollInterval]);
-  useEffect14(() => {
-    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 = useRef11(0);
+  const deadlineRef = useRef11(0);
+  const doneRef = useRef11(false);
+  const stopCountdown = useCallback8(() => {
+    if (countdownRef.current) {
+      clearInterval(countdownRef.current);
+      countdownRef.current = null;
+    }
+    setTimeDisplay("");
+  }, []);
+  useEffect15(() => {
+    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]);
+      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 = useMemo11(() => {
     if (!totalVersions) return [];
     return Array.from({ length: totalVersions }, (_, i) => i + 1);
@@ -45006,7 +45120,7 @@ function CreatorWidgetInner({
 var CreatorWidget = memo(CreatorWidgetInner);
 
 // src/molecules/analytics/AnalyticsChart.tsx
-import { useEffect as useEffect15, useRef as useRef11, useState as useState23 } from "react";
+import { useEffect as useEffect16, useRef as useRef12, useState as useState23 } from "react";
 import { jsx as jsx178, jsxs as jsxs137 } from "react/jsx-runtime";
 function getCSSVar(name) {
   if (typeof document === "undefined") return "";
@@ -45123,12 +45237,12 @@ function AnalyticsChart({
   const [fetchedConfig, setFetchedConfig] = useState23(null);
   const [fetching, setFetching] = useState23(false);
   const [fetchError, setFetchError] = useState23(null);
-  const containerRef = useRef11(null);
-  const chartRef = useRef11(null);
-  useEffect15(() => {
+  const containerRef = useRef12(null);
+  const chartRef = useRef12(null);
+  useEffect16(() => {
     setMounted(true);
   }, []);
-  useEffect15(() => {
+  useEffect16(() => {
     if (!chartId || configProp) return;
     let cancelled = false;
     setFetching(true);
@@ -45150,7 +45264,7 @@ function AnalyticsChart({
     };
   }, [chartId, apiBase, authToken, configProp]);
   const activeConfig = configProp ?? fetchedConfig;
-  useEffect15(() => {
+  useEffect16(() => {
     if (!mounted || !activeConfig || !containerRef.current) return;
     const container = containerRef.current;
     let cancelled = false;
@@ -45170,7 +45284,7 @@ function AnalyticsChart({
       cancelled = true;
     };
   }, [mounted, activeConfig]);
-  useEffect15(() => {
+  useEffect16(() => {
     return () => {
       if (chartRef.current) {
         try {
@@ -45181,7 +45295,7 @@ function AnalyticsChart({
       }
     };
   }, []);
-  useEffect15(() => {
+  useEffect16(() => {
     if (!mounted || !containerRef.current) return;
     const obs = new ResizeObserver(() => {
       try {
@@ -46884,6 +46998,37 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 // src/render/PXEngineRenderer.tsx
 import { jsx as jsx188, jsxs as jsxs140 } from "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",
@@ -47012,7 +47157,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]) => {
@@ -47072,7 +47220,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",
@@ -47091,13 +47241,13 @@ var FORM_INPUT_ATOM_NAMES = /* @__PURE__ */ new Set([
   "InputOTPAtom",
   "ToggleAtom"
 ]);
-var PXEngineRenderer = ({
+var PXEngineRenderer = React118.memo(function PXEngineRenderer2({
   schema,
   onAction,
   disabled,
   theme,
   onFormSubmit
-}) => {
+}) {
   const contextTheme = React118.useContext(WidgetThemeContext);
   const effectiveTheme = theme ?? contextTheme;
   const formValuesRef = React118.useRef({});
@@ -47132,28 +47282,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,
@@ -47169,23 +47325,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) {
@@ -47210,21 +47353,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;
@@ -47258,7 +47386,8 @@ var PXEngineRenderer = ({
     }
   };
   return /* @__PURE__ */ jsx188(WidgetThemeContext.Provider, { value: effectiveTheme, children: /* @__PURE__ */ jsx188("div", { className: "px-engine-root relative w-full h-full", children: renderRecursive(root) }) });
-};
+});
+PXEngineRenderer.displayName = "PXEngineRenderer";
 export {
   Accordion,
   AccordionAtom,
@@ -47575,7 +47704,11 @@ export {
   formatQAMessage,
   generateFieldsFromData,
   generateFieldsFromPropDefinitions,
+  getPxAuthToken,
   isInputAtom,
+  notifyPxUnauthorized,
+  setPxAuthTokenProvider,
+  setPxUnauthorizedHandler,
   submitWidgetToAgent,
   th,
   useCreatorWidgetPolling,