@athenaintel/react 0.8.0 → 0.9.1

package/dist/index.cjs

@@ -16505,8 +16505,10 @@ function useParentBridge() {
         setState((prev) => ({
           ...prev,
           apiUrl: typeof event.data.apiUrl === "string" ? event.data.apiUrl : prev.apiUrl,
-          backendUrl: typeof event.data.backendUrl === "string" ? event.data.backendUrl : prev.backendUrl,
-          ready: true
+          backendUrl: typeof event.data.backendUrl === "string" ? event.data.backendUrl : prev.backendUrl
+          // Don't set ready here — wait for athena-auth (token) or the timeout.
+          // Setting ready on config alone causes a race: the thread list fires
+          // before the token arrives, falling back to X-API-KEY.
         }));
       }
       if (event.data.type === "athena-auth" && typeof event.data.token === "string") {
@@ -16524,9 +16526,7 @@ function useParentBridge() {
       readySignalSent.current = true;
     }
     const timer = setTimeout(() => {
-      if (!configReceived.current) {
-        setState((prev) => ({ ...prev, ready: true }));
-      }
+      setState((prev) => prev.ready ? prev : { ...prev, ready: true });
     }, BRIDGE_TIMEOUT_MS);
     return () => {
       window.removeEventListener("message", handler);
@@ -24314,6 +24314,9 @@ function useAthenaThreadListAdapter(config2) {
   );
   return React.useMemo(() => ({
     async list() {
+      if (!auth.token && !auth.apiKey) {
+        return { threads: [] };
+      }
       try {
         const { threads } = await listThreads(configRef.current.backendUrl, auth);
         return {
@@ -24353,7 +24356,12 @@ function useAthenaThreadListAdapter(config2) {
       };
     },
     unstable_Provider
-  }), [auth, unstable_Provider]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }), [auth, unstable_Provider, config2.refreshKey]);
+}
+const ThreadListRefreshContext = React.createContext(null);
+function useRefreshThreadList() {
+  return React.useContext(ThreadListRefreshContext);
 }
 const THEME_TO_CSS = {
   primary: "--primary",
@@ -24375,14 +24383,19 @@ const THEME_TO_CSS = {
   input: "--input",
   ring: "--ring",
   radius: "--radius",
+  fontFamily: "--font-family",
   // Extended SDK-specific variables
   sidebarBackground: "--sidebar-background",
   sidebarBorder: "--sidebar-border",
+  sidebarWidth: "--sidebar-width",
   userBubble: "--user-bubble",
   userBubbleForeground: "--user-bubble-foreground",
+  userBubbleRadius: "--user-bubble-radius",
   assistantForeground: "--assistant-foreground",
+  assistantBubble: "--assistant-bubble",
   composerBorder: "--composer-border",
-  composerRadius: "--composer-radius"
+  composerRadius: "--composer-radius",
+  threadMaxWidth: "--thread-max-width"
 };
 function themeToStyleVars(theme) {
   const vars = {};
@@ -24597,10 +24610,13 @@ function AthenaWithThreadList({
   knowledgeBase,
   systemPrompt
 }) {
+  const [refreshKey, setRefreshKey] = React.useState(0);
+  const handleRefresh = React.useCallback(() => setRefreshKey((k) => k + 1), []);
   const adapter = useAthenaThreadListAdapter({
     backendUrl,
     apiKey,
-    token
+    token,
+    refreshKey
   });
   const runtimeConfigRef = React.useRef({
     apiUrl,
@@ -24642,7 +24658,7 @@ function AthenaWithThreadList({
     () => ({ backendUrl, apiKey, token }),
     [backendUrl, apiKey, token]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(AssistantRuntimeProvider, { aui, runtime, children: /* @__PURE__ */ jsxRuntime.jsx(AthenaContext.Provider, { value: athenaConfig, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(AssistantRuntimeProvider, { aui, runtime, children: /* @__PURE__ */ jsxRuntime.jsx(AthenaContext.Provider, { value: athenaConfig, children: /* @__PURE__ */ jsxRuntime.jsx(ThreadListRefreshContext.Provider, { value: handleRefresh, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children }) }) }) });
 }
 function AthenaProvider({
   children,
@@ -64304,10 +64320,23 @@ const AthenaLayout = ({
   ] });
 };
 function ThreadList({ className }) {
+  const refresh = useRefreshThreadList();
   return /* @__PURE__ */ jsxRuntime.jsxs(ThreadListPrimitiveRoot, { className: cn("flex flex-col gap-1", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ThreadListPrimitiveNew, { className: "flex items-center gap-2 rounded-lg border border-border/60 px-3 py-2 text-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Plus, { className: "size-4" }),
-      "New Chat"
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ThreadListPrimitiveNew, { className: "flex flex-1 items-center gap-2 rounded-lg border border-border/60 px-3 py-2 text-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Plus, { className: "size-4" }),
+        "New Chat"
+      ] }),
+      refresh && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: refresh,
+          className: "flex items-center justify-center rounded-lg border border-border/60 p-2 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+          title: "Refresh threads",
+          children: /* @__PURE__ */ jsxRuntime.jsx(RefreshCw, { className: "size-4" })
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(
       ThreadListPrimitiveItems,
@@ -64495,4 +64524,5 @@ exports.useMentionSuggestions = useMentionSuggestions;
 exports.useParentAuth = useParentAuth;
 exports.useParentBridge = useParentBridge;
 exports.useQuote = useQuote;
+exports.useRefreshThreadList = useRefreshThreadList;
 //# sourceMappingURL=index.cjs.map