@athenaintel/react 0.7.3 → 0.9.0

package/dist/index.d.ts

@@ -96,7 +96,7 @@ export declare interface AthenaLayoutProps {
     minPercent?: number;
 }
 
-export declare function AthenaProvider({ children, apiKey, token: tokenProp, agent, model, tools, frontendTools, apiUrl, backendUrl, workbench, knowledgeBase, systemPrompt, threadId: threadIdProp, enableThreadList, theme, }: AthenaProviderProps): JSX.Element;
+export declare function AthenaProvider({ children, apiKey, token: tokenProp, agent, model, tools, frontendTools, apiUrl, backendUrl, workbench, knowledgeBase, systemPrompt, threadId: threadIdProp, enableThreadList, theme, }: AthenaProviderProps): JSX.Element | null;
 
 export declare interface AthenaProviderProps {
     children: ReactNode;
@@ -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;
@@ -306,6 +316,8 @@ export declare const CreatePresentationToolUI: ToolCallMessagePartComponent;
 
 export declare const CreateSheetToolUI: ToolCallMessagePartComponent;
 
+export declare const DEFAULT_API_URL = "https://sync.athenaintel.com/api/chat";
+
 export declare const DEFAULT_BACKEND_URL = "https://api.athenaintel.com/api/assistant-ui";
 
 export declare const EmailSearchToolUI: ToolCallMessagePartComponent;
@@ -387,6 +399,17 @@ export declare function normalizeResult(result: unknown): Record<string, unknown
 
 export declare const OpenAssetToolUI: ToolCallMessagePartComponent;
 
+export declare interface ParentBridgeState {
+    /** PropelAuth access token from the parent window. */
+    token: string | null;
+    /** Sync server chat URL provided by the Marathon wrapper. */
+    apiUrl: string | null;
+    /** Agora backend URL provided by the Marathon wrapper. */
+    backendUrl: string | null;
+    /** True once config has been received from the parent (or timeout fired). */
+    ready: boolean;
+}
+
 declare interface QuoteContextValue {
     quote: QuoteData | null;
     setQuote: (quote: QuoteData | null) => void;
@@ -859,19 +882,28 @@ export declare interface UseFileUploadReturn {
 export declare function useMentionSuggestions(tools: MentionTool[]): MentionSuggestionsStore;
 
 /**
- * Listens for auth tokens sent from a parent window via PostMessage.
+ * Legacy hook — returns just the auth token from the parent bridge.
+ * Prefer useParentBridge() for new code.
+ */
+export declare function useParentAuth(): string | null;
+
+/**
+ * Listens for auth tokens AND environment config sent from a parent window
+ * via PostMessage.
+ *
+ * When the app runs inside a Marathon wrapper, the wrapper sends:
+ *   1. { type: 'athena-config', apiUrl, backendUrl } — correct API URLs for the environment
+ *   2. { type: 'athena-auth', token } — relayed from the Olympus token-bridge iframe
  *
- * When the app runs inside an Olympus iframe, the parent sends
- * the user's PropelAuth access token so the chat authenticates as the
- * actual viewer — not the hardcoded API key owner.
+ * When running inside an Olympus inline preview, only athena-auth is sent.
+ * When running standalone (no parent), returns defaults immediately.
  *
  * Protocol:
+ *   Parent -> iframe: { type: 'athena-config', apiUrl: string, backendUrl: string }
  *   Parent -> iframe: { type: 'athena-auth', token: '<propel-access-token>' }
  *   iframe -> Parent: { type: 'athena-auth-ready' }
- *
- * Falls back to null when running standalone (no parent window).
  */
-export declare function useParentAuth(): string | null;
+export declare function useParentBridge(): ParentBridgeState;
 
 export declare function useQuote(): QuoteContextValue;
 

package/dist/index.js

@@ -16465,24 +16465,60 @@ function isTrustedOrigin(origin) {
     return false;
   }
 }
-function useParentAuth() {
-  const [authToken, setAuthToken] = useState(null);
+const BRIDGE_TIMEOUT_MS = 2e3;
+function useParentBridge() {
+  const isInIframe = typeof window !== "undefined" && window.parent !== window;
+  const [state, setState] = useState({
+    token: null,
+    apiUrl: null,
+    backendUrl: null,
+    // If not in an iframe, we're ready immediately (standalone mode)
+    ready: !isInIframe
+  });
   const readySignalSent = useRef(false);
+  const configReceived = useRef(false);
   useEffect(() => {
+    if (!isInIframe) return;
     const handler = (event) => {
       if (!isTrustedOrigin(event.origin)) return;
-      if (event.data && typeof event.data === "object" && event.data.type === "athena-auth" && typeof event.data.token === "string") {
-        setAuthToken(event.data.token);
+      if (!event.data || typeof event.data !== "object") return;
+      if (event.data.type === "athena-config") {
+        configReceived.current = true;
+        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
+        }));
+      }
+      if (event.data.type === "athena-auth" && typeof event.data.token === "string") {
+        setState((prev) => ({
+          ...prev,
+          token: event.data.token,
+          // If we got a token, we're ready even without config
+          ready: true
+        }));
       }
     };
     window.addEventListener("message", handler);
-    if (!readySignalSent.current && window.parent !== window) {
+    if (!readySignalSent.current) {
       window.parent.postMessage({ type: "athena-auth-ready" }, "*");
       readySignalSent.current = true;
     }
-    return () => window.removeEventListener("message", handler);
-  }, []);
-  return authToken;
+    const timer = setTimeout(() => {
+      if (!configReceived.current) {
+        setState((prev) => ({ ...prev, ready: true }));
+      }
+    }, BRIDGE_TIMEOUT_MS);
+    return () => {
+      window.removeEventListener("message", handler);
+      clearTimeout(timer);
+    };
+  }, [isInIframe]);
+  return state;
+}
+function useParentAuth() {
+  return useParentBridge().token;
 }
 const { fromThreadMessageLike, getAutoStatus } = INTERNAL;
 const joinExternalMessages = (messages) => {
@@ -24321,14 +24357,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 = {};
@@ -24609,15 +24650,19 @@ function AthenaProvider({
 }) {
   const frontendToolNames = useMemo(() => Object.keys(frontendTools), [frontendTools]);
   const themeStyleVars = useMemo(() => theme ? themeToStyleVars(theme) : void 0, [theme]);
-  const parentAuthToken = useParentAuth();
-  const effectiveToken = tokenProp ?? parentAuthToken;
-  const effectiveBackendUrl = backendUrl ?? DEFAULT_BACKEND_URL;
+  const bridge = useParentBridge();
+  const effectiveToken = tokenProp ?? bridge.token;
+  const effectiveApiUrl = apiUrl ?? bridge.apiUrl ?? DEFAULT_API_URL;
+  const effectiveBackendUrl = backendUrl ?? bridge.backendUrl ?? DEFAULT_BACKEND_URL;
+  if (!bridge.ready) {
+    return null;
+  }
   let inner;
   if (enableThreadList) {
     inner = /* @__PURE__ */ jsx(
       AthenaWithThreadList,
       {
-        apiUrl,
+        apiUrl: effectiveApiUrl,
         backendUrl: effectiveBackendUrl,
         apiKey,
         token: effectiveToken,
@@ -24636,7 +24681,7 @@ function AthenaProvider({
     inner = /* @__PURE__ */ jsx(
       AthenaStandalone,
       {
-        apiUrl,
+        apiUrl: effectiveApiUrl,
         backendUrl: effectiveBackendUrl,
         apiKey,
         token: effectiveToken,
@@ -64388,6 +64433,7 @@ export {
   CreateNotebookToolUI,
   CreatePresentationToolUI,
   CreateSheetToolUI,
+  DEFAULT_API_URL,
   DEFAULT_BACKEND_URL,
   EmailSearchToolUI,
   ExpandableSection,
@@ -64435,6 +64481,7 @@ export {
   useFileUpload,
   useMentionSuggestions,
   useParentAuth,
+  useParentBridge,
   useQuote
 };
 //# sourceMappingURL=index.js.map