@athenaintel/react 0.10.12 → 0.10.14

package/dist/index.d.ts

@@ -1167,6 +1167,13 @@ export declare function useAppendToComposer(): (text: string, opts?: {
 /**
  * Hook to generate an embed URL for rendering an asset in an iframe.
  * Calls the Athena embed token endpoint.
+ *
+ * Note: The auth token is read via a ref and is intentionally NOT part
+ * of the effect dependency array. PropelAuth and similar providers refresh
+ * the token value periodically (e.g. on window focus), but the underlying
+ * session is the same — re-running the effect on every token rotation
+ * would force the iframe to reload unnecessarily. The effect only re-runs
+ * when the auth _mode_ changes (auth vs anonymous) or the asset changes.
  */
 export declare function useAssetEmbed(assetId: string | null, options?: UseAssetEmbedOptions & {
     backendUrl: string;

package/dist/index.js

@@ -24722,6 +24722,68 @@ function useAthenaThreadManager() {
     };
   }, [runtime, activeThreadId, isListLoading, isThreadLoading, switchToThread, switchToNewThread]);
 }
+const POLL_DELAY_MS = 5e3;
+const POLL_INTERVAL_MS = 1e3;
+const POLL_MAX_DURATION_MS = 6e4;
+function useThreadTitlePolling(refresh) {
+  const threadKey = useThread({
+    optional: true,
+    selector: (s) => {
+      var _a2, _b;
+      return ((_a2 = s.metadata) == null ? void 0 : _a2.remoteId) ?? ((_b = s.metadata) == null ? void 0 : _b.id) ?? s.threadId;
+    }
+  }) ?? null;
+  const hasMessages = useThread({
+    optional: true,
+    selector: (s) => s.messages.length > 0
+  }) ?? false;
+  const currentTitle = useThreadList({
+    optional: true,
+    selector: (s) => {
+      const main = s.threadItems[s.mainThreadId];
+      return (main == null ? void 0 : main.title) ?? "";
+    }
+  }) ?? "";
+  const hasTitle = currentTitle.trim().length > 0;
+  const polledThreadsRef = useRef(/* @__PURE__ */ new Set());
+  const refreshRef = useRef(refresh);
+  refreshRef.current = refresh;
+  useEffect(() => {
+    if (!threadKey || hasTitle || !hasMessages) {
+      return;
+    }
+    if (polledThreadsRef.current.has(threadKey)) {
+      return;
+    }
+    polledThreadsRef.current.add(threadKey);
+    let stopped = false;
+    let intervalId = null;
+    let maxTimeoutId = null;
+    const stop = () => {
+      stopped = true;
+      if (intervalId !== null) {
+        clearInterval(intervalId);
+        intervalId = null;
+      }
+      if (maxTimeoutId !== null) {
+        clearTimeout(maxTimeoutId);
+        maxTimeoutId = null;
+      }
+    };
+    const startTimeoutId = setTimeout(() => {
+      if (stopped) return;
+      refreshRef.current();
+      intervalId = setInterval(() => {
+        refreshRef.current();
+      }, POLL_INTERVAL_MS);
+      maxTimeoutId = setTimeout(stop, POLL_MAX_DURATION_MS - POLL_DELAY_MS);
+    }, POLL_DELAY_MS);
+    return () => {
+      clearTimeout(startTimeoutId);
+      stop();
+    };
+  }, [threadKey, hasTitle, hasMessages]);
+}
 function createJSONStorage(getStorage, options) {
   let storage;
   try {
@@ -25438,6 +25500,7 @@ function AthenaWithThreadList({
   });
   return /* @__PURE__ */ jsx(AssistantRuntimeProvider, { aui, runtime, children: /* @__PURE__ */ jsx(AthenaContext.Provider, { value: athenaConfig, children: /* @__PURE__ */ jsx(ThreadListRefreshContext.Provider, { value: handleRefresh, children: /* @__PURE__ */ jsxs(TooltipProvider, { children: [
     /* @__PURE__ */ jsx(AssetPanelThreadSync, {}),
+    /* @__PURE__ */ jsx(ThreadTitlePoller, { refresh: handleRefresh }),
     children
   ] }) }) }) });
 }
@@ -25450,6 +25513,10 @@ function AssetPanelThreadSync() {
   }, [activeThreadId, setCurrentThread]);
   return null;
 }
+function ThreadTitlePoller({ refresh }) {
+  useThreadTitlePolling(refresh);
+  return null;
+}
 function AthenaProvider({
   children,
   config: config2,
@@ -66300,6 +66367,9 @@ function useAssetEmbed(assetId, options = {
   const [isLoading, setIsLoading] = useState(false);
   const [error2, setError] = useState(null);
   const abortRef = useRef(null);
+  const tokenRef = useRef(token);
+  tokenRef.current = token;
+  const hasToken = !!token;
   useEffect(() => {
     var _a2;
     if (!assetId || !backendUrl) {
@@ -66308,7 +66378,8 @@ function useAssetEmbed(assetId, options = {
       setError(null);
       return;
     }
-    const cacheKey = `${assetId}:${readOnly}:${token ?? apiKey ?? "anon"}`;
+    const authContext = hasToken ? "token" : apiKey ?? "anon";
+    const cacheKey = `${assetId}:${readOnly}:${authContext}`;
     const cached = embedCache.get(cacheKey);
     if (cached && cached.expiresAt > Date.now() / 1e3) {
       setEmbedUrl(cached.url);
@@ -66324,8 +66395,9 @@ function useAssetEmbed(assetId, options = {
     setIsLoading(true);
     setError(null);
     const headers = { "Content-Type": "application/json" };
-    if (token) {
-      headers["Authorization"] = `Bearer ${token}`;
+    const currentToken = tokenRef.current;
+    if (currentToken) {
+      headers["Authorization"] = `Bearer ${currentToken}`;
     } else if (apiKey) {
       headers["X-API-KEY"] = apiKey;
     }
@@ -66345,7 +66417,7 @@ function useAssetEmbed(assetId, options = {
       }
       return res.json();
     }).then((data) => {
-      embedCache.set(`${assetId}:${readOnly}:${token ?? apiKey ?? "anon"}`, { url: data.embed_url, expiresAt: data.expires_at });
+      embedCache.set(cacheKey, { url: data.embed_url, expiresAt: data.expires_at });
       setEmbedUrl(data.embed_url);
       setIsLoading(false);
     }).catch((err) => {
@@ -66354,7 +66426,7 @@ function useAssetEmbed(assetId, options = {
       setIsLoading(false);
     });
     return () => controller.abort();
-  }, [assetId, readOnly, expiresInSeconds, backendUrl, apiKey, token]);
+  }, [assetId, readOnly, expiresInSeconds, backendUrl, apiKey, hasToken]);
   return { embedUrl, isLoading, error: error2 };
 }
 const ASSET_TYPE_CONFIG = {