@athenaintel/react 0.8.0 → 0.9.1

package/dist/index.d.ts

@@ -226,20 +226,30 @@ export declare interface AthenaTheme {
     ring?: string;
     /** Base border radius for all rounded corners. e.g. '0.5rem', '0.75rem', '0' */
     radius?: string;
+    /** Font family for all text. e.g. "'Inter', sans-serif", "system-ui" */
+    fontFamily?: string;
     /** Sidebar background color. Falls back to muted with transparency. */
     sidebarBackground?: string;
     /** Sidebar border color. Falls back to border. */
     sidebarBorder?: string;
+    /** Sidebar width. e.g. '280px', '20rem'. */
+    sidebarWidth?: string;
     /** User message bubble background. Falls back to muted. */
     userBubble?: string;
     /** User message bubble text color. Falls back to foreground. */
     userBubbleForeground?: string;
+    /** User message bubble border radius. e.g. '1rem', '0.5rem'. */
+    userBubbleRadius?: string;
     /** Assistant message text color. Falls back to foreground. */
     assistantForeground?: string;
+    /** Assistant message bubble background. Transparent by default. */
+    assistantBubble?: string;
     /** Composer border color. Falls back to input. */
     composerBorder?: string;
     /** Composer border radius. Falls back to radius-based default. */
     composerRadius?: string;
+    /** Max width of the chat thread area. e.g. '44rem', '56rem'. */
+    threadMaxWidth?: string;
 }
 
 export declare const BrowseToolUI: ToolCallMessagePartComponent;
@@ -897,6 +907,9 @@ export declare function useParentBridge(): ParentBridgeState;
 
 export declare function useQuote(): QuoteContextValue;
 
+/** Trigger a re-fetch of the thread list. No-op outside of thread list mode. */
+export declare function useRefreshThreadList(): (() => void) | null;
+
 export declare type ViewMode = 'tabs' | 'tiled';
 
 export declare const WebSearchToolUI: ToolCallMessagePartComponent;

package/dist/index.js

@@ -16487,8 +16487,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") {
@@ -16506,9 +16508,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);
@@ -24296,6 +24296,9 @@ function useAthenaThreadListAdapter(config2) {
   );
   return useMemo(() => ({
     async list() {
+      if (!auth.token && !auth.apiKey) {
+        return { threads: [] };
+      }
       try {
         const { threads } = await listThreads(configRef.current.backendUrl, auth);
         return {
@@ -24335,7 +24338,12 @@ function useAthenaThreadListAdapter(config2) {
       };
     },
     unstable_Provider
-  }), [auth, unstable_Provider]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }), [auth, unstable_Provider, config2.refreshKey]);
+}
+const ThreadListRefreshContext = createContext(null);
+function useRefreshThreadList() {
+  return useContext(ThreadListRefreshContext);
 }
 const THEME_TO_CSS = {
   primary: "--primary",
@@ -24357,14 +24365,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 = {};
@@ -24579,10 +24592,13 @@ function AthenaWithThreadList({
   knowledgeBase,
   systemPrompt
 }) {
+  const [refreshKey, setRefreshKey] = useState(0);
+  const handleRefresh = useCallback(() => setRefreshKey((k) => k + 1), []);
   const adapter = useAthenaThreadListAdapter({
     backendUrl,
     apiKey,
-    token
+    token,
+    refreshKey
   });
   const runtimeConfigRef = useRef({
     apiUrl,
@@ -24624,7 +24640,7 @@ function AthenaWithThreadList({
     () => ({ backendUrl, apiKey, token }),
     [backendUrl, apiKey, token]
   );
-  return /* @__PURE__ */ jsx(AssistantRuntimeProvider, { aui, runtime, children: /* @__PURE__ */ jsx(AthenaContext.Provider, { value: athenaConfig, children: /* @__PURE__ */ jsx(TooltipProvider, { children }) }) });
+  return /* @__PURE__ */ jsx(AssistantRuntimeProvider, { aui, runtime, children: /* @__PURE__ */ jsx(AthenaContext.Provider, { value: athenaConfig, children: /* @__PURE__ */ jsx(ThreadListRefreshContext.Provider, { value: handleRefresh, children: /* @__PURE__ */ jsx(TooltipProvider, { children }) }) }) });
 }
 function AthenaProvider({
   children,
@@ -64286,10 +64302,23 @@ const AthenaLayout = ({
   ] });
 };
 function ThreadList({ className }) {
+  const refresh = useRefreshThreadList();
   return /* @__PURE__ */ jsxs(ThreadListPrimitiveRoot, { className: cn("flex flex-col gap-1", className), children: [
-    /* @__PURE__ */ 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__ */ jsx(Plus, { className: "size-4" }),
-      "New Chat"
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ 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__ */ jsx(Plus, { className: "size-4" }),
+        "New Chat"
+      ] }),
+      refresh && /* @__PURE__ */ 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__ */ jsx(RefreshCw, { className: "size-4" })
+        }
+      )
     ] }),
     /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: /* @__PURE__ */ jsx(
       ThreadListPrimitiveItems,
@@ -64477,6 +64506,7 @@ export {
   useMentionSuggestions,
   useParentAuth,
   useParentBridge,
-  useQuote
+  useQuote,
+  useRefreshThreadList
 };
 //# sourceMappingURL=index.js.map