@athenaintel/react 0.10.12 → 0.10.13

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

@@ -66300,6 +66300,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 +66311,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 +66328,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 +66350,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 +66359,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 = {