@athenaintel/react 0.7.2 → 0.8.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;
@@ -306,6 +306,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 +389,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 +872,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) => {
@@ -24473,70 +24509,6 @@ const themes = {
     radius: "0.625rem"
   }
 };
-const QuoteCtx = createContext(null);
-function QuoteProvider({ children }) {
-  const [quote, setQuote] = useState(null);
-  const clearQuote = useCallback(() => setQuote(null), []);
-  const value = useMemo(() => ({ quote, setQuote, clearQuote }), [quote, setQuote, clearQuote]);
-  return /* @__PURE__ */ jsx(QuoteCtx.Provider, { value, children });
-}
-function useQuote() {
-  const ctx = useContext(QuoteCtx);
-  if (!ctx) {
-    throw new Error("[AthenaSDK] useQuote must be used within <QuoteProvider>");
-  }
-  return ctx;
-}
-function useQuoteFromPostMessage() {
-  const { setQuote } = useQuote();
-  useEffect(() => {
-    const handleKeydown = (e) => {
-      var _a2;
-      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "l") {
-        const sel = window.getSelection();
-        const selection = (_a2 = sel == null ? void 0 : sel.toString()) == null ? void 0 : _a2.trim();
-        if (selection && selection.length > 0) {
-          e.preventDefault();
-          let messageId;
-          let role;
-          let node = sel == null ? void 0 : sel.anchorNode;
-          while (node && node !== document.body) {
-            if (node instanceof HTMLElement) {
-              const dataRole = node.getAttribute("data-role");
-              if (dataRole === "assistant" || dataRole === "user") {
-                role = dataRole;
-                messageId = node.getAttribute("data-message-id") ?? void 0;
-                break;
-              }
-            }
-            node = node.parentElement;
-          }
-          setQuote({ text: selection, sourceRole: role, sourceMessageId: messageId });
-        }
-      }
-    };
-    const handleMessage = (event) => {
-      const data = event.data;
-      if (data && typeof data === "object" && data.type === "athena-add-to-composer" && typeof data.text === "string" && data.text.trim().length > 0) {
-        setQuote({
-          text: data.text,
-          sourceTitle: data.sourceTitle,
-          sourceAssetId: data.sourceAssetId
-        });
-      }
-    };
-    document.addEventListener("keydown", handleKeydown, true);
-    window.addEventListener("message", handleMessage);
-    return () => {
-      document.removeEventListener("keydown", handleKeydown, true);
-      window.removeEventListener("message", handleMessage);
-    };
-  }, [setQuote]);
-}
-function QuotePostMessageBridge() {
-  useQuoteFromPostMessage();
-  return null;
-}
 function AthenaStandalone({
   children,
   apiUrl,
@@ -24573,10 +24545,7 @@ function AthenaStandalone({
     () => ({ backendUrl, apiKey, token }),
     [backendUrl, apiKey, token]
   );
-  return /* @__PURE__ */ jsx(AssistantRuntimeProvider, { aui, runtime, children: /* @__PURE__ */ jsx(AthenaContext.Provider, { value: athenaConfig, children: /* @__PURE__ */ jsxs(QuoteProvider, { children: [
-    /* @__PURE__ */ jsx(QuotePostMessageBridge, {}),
-    /* @__PURE__ */ jsx(TooltipProvider, { children })
-  ] }) }) });
+  return /* @__PURE__ */ jsx(AssistantRuntimeProvider, { aui, runtime, children: /* @__PURE__ */ jsx(AthenaContext.Provider, { value: athenaConfig, children: /* @__PURE__ */ jsx(TooltipProvider, { children }) }) });
 }
 function useAthenaRuntimeHook(config2) {
   const remoteId = useAthenaThreadId();
@@ -24655,10 +24624,7 @@ function AthenaWithThreadList({
     () => ({ backendUrl, apiKey, token }),
     [backendUrl, apiKey, token]
   );
-  return /* @__PURE__ */ jsx(AssistantRuntimeProvider, { aui, runtime, children: /* @__PURE__ */ jsx(AthenaContext.Provider, { value: athenaConfig, children: /* @__PURE__ */ jsxs(QuoteProvider, { children: [
-    /* @__PURE__ */ jsx(QuotePostMessageBridge, {}),
-    /* @__PURE__ */ jsx(TooltipProvider, { children })
-  ] }) }) });
+  return /* @__PURE__ */ jsx(AssistantRuntimeProvider, { aui, runtime, children: /* @__PURE__ */ jsx(AthenaContext.Provider, { value: athenaConfig, children: /* @__PURE__ */ jsx(TooltipProvider, { children }) }) });
 }
 function AthenaProvider({
   children,
@@ -24679,15 +24645,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,
@@ -24706,7 +24676,7 @@ function AthenaProvider({
     inner = /* @__PURE__ */ jsx(
       AthenaStandalone,
       {
-        apiUrl,
+        apiUrl: effectiveApiUrl,
         backendUrl: effectiveBackendUrl,
         apiKey,
         token: effectiveToken,
@@ -60494,7 +60464,7 @@ function AttachmentProvider({ children }) {
   const clearAttachments = useCallback(() => setAttachments([]), []);
   const value = useMemo(
     () => ({ attachments, addAttachments, removeAttachment, clearAttachments, isUploading, setIsUploading }),
-    [attachments, addAttachments, removeAttachment, clearAttachments, isUploading]
+    [attachments, addAttachments, removeAttachment, clearAttachments, isUploading, setIsUploading]
   );
   return /* @__PURE__ */ jsx(AttachmentCtx.Provider, { value, children });
 }
@@ -60509,6 +60479,66 @@ function buildAttachmentMarkdown(attachments) {
   if (attachments.length === 0) return "";
   return attachments.map((a) => `[@${a.title}](https://app.athenaintel.com/dashboard/spaces?asset_id=${a.id})`).join("\n");
 }
+const QuoteCtx = createContext(null);
+function QuoteProvider({ children }) {
+  const [quote, setQuote] = useState(null);
+  const clearQuote = useCallback(() => setQuote(null), []);
+  const value = useMemo(() => ({ quote, setQuote, clearQuote }), [quote, setQuote, clearQuote]);
+  return /* @__PURE__ */ jsx(QuoteCtx.Provider, { value, children });
+}
+function useQuote() {
+  const ctx = useContext(QuoteCtx);
+  if (!ctx) {
+    throw new Error("[AthenaSDK] useQuote must be used within <QuoteProvider>");
+  }
+  return ctx;
+}
+function useQuoteFromPostMessage() {
+  const { setQuote } = useQuote();
+  useEffect(() => {
+    const handleKeydown = (e) => {
+      var _a2;
+      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "l") {
+        const sel = window.getSelection();
+        const selection = (_a2 = sel == null ? void 0 : sel.toString()) == null ? void 0 : _a2.trim();
+        if (selection && selection.length > 0) {
+          e.preventDefault();
+          let messageId;
+          let role;
+          let node = sel == null ? void 0 : sel.anchorNode;
+          while (node && node !== document.body) {
+            if (node instanceof HTMLElement) {
+              const dataRole = node.getAttribute("data-role");
+              if (dataRole === "assistant" || dataRole === "user") {
+                role = dataRole;
+                messageId = node.getAttribute("data-message-id") ?? void 0;
+                break;
+              }
+            }
+            node = node.parentElement;
+          }
+          setQuote({ text: selection, sourceRole: role, sourceMessageId: messageId });
+        }
+      }
+    };
+    const handleMessage = (event) => {
+      const data = event.data;
+      if (data && typeof data === "object" && data.type === "athena-add-to-composer" && typeof data.text === "string" && data.text.trim().length > 0) {
+        setQuote({
+          text: data.text,
+          sourceTitle: data.sourceTitle,
+          sourceAssetId: data.sourceAssetId
+        });
+      }
+    };
+    document.addEventListener("keydown", handleKeydown, true);
+    window.addEventListener("message", handleMessage);
+    return () => {
+      document.removeEventListener("keydown", handleKeydown, true);
+      window.removeEventListener("message", handleMessage);
+    };
+  }, [setQuote]);
+}
 function buildComposedMessage(opts) {
   var _a2;
   const parts = [];
@@ -60561,15 +60591,17 @@ const TiptapComposer = ({ tools = [] }) => {
           role: "user",
           content: [{ type: "text", text: fullMessage }]
         });
+        clearAttachments();
+        clearQuote();
       }
-      clearAttachments();
-      clearQuote();
     } else {
       composerRuntime.setText(markdown);
       composerRuntime.send();
     }
     editor2.commands.clearContent();
   }, [aui, composerRuntime, clearAttachments, clearQuote]);
+  const handleSubmitRef = useRef(handleSubmit);
+  handleSubmitRef.current = handleSubmit;
   const editor = useEditor({
     immediatelyRender: true,
     extensions: [
@@ -60600,7 +60632,7 @@ const TiptapComposer = ({ tools = [] }) => {
         store: mentionStore
       }),
       ComposerKeybinds.configure({
-        onSubmit: () => handleSubmit()
+        onSubmit: () => handleSubmitRef.current()
       })
     ],
     editorProps: {
@@ -63580,8 +63612,8 @@ const ComposerDropZone = ({
   onUpload
 }) => {
   const [isDragOver, setIsDragOver] = useState(false);
-  const { upload, isUploading } = useFileUpload();
-  const { addAttachments, setIsUploading } = useAttachments();
+  const { upload } = useFileUpload();
+  const { addAttachments, setIsUploading, isUploading } = useAttachments();
   const handleDragOver = useCallback((e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -63634,6 +63666,10 @@ const ComposerDropZone = ({
   );
 };
 const EMPTY_MENTION_TOOLS = [];
+function QuotePostMessageBridge() {
+  useQuoteFromPostMessage();
+  return null;
+}
 const DEFAULT_SUGGESTIONS = [
   {
     icon: Search,
@@ -63732,12 +63768,15 @@ const AthenaChat = ({
               ),
               /* @__PURE__ */ jsxs(ThreadPrimitiveViewportFooter, { className: "aui-thread-viewport-footer sticky bottom-0 mx-auto mt-auto flex w-full max-w-(--thread-max-width) flex-col gap-4 overflow-visible rounded-t-3xl bg-background pb-4 md:pb-6", children: [
                 /* @__PURE__ */ jsx(ThreadScrollToBottom, {}),
-                /* @__PURE__ */ jsx(AttachmentProvider, { children: /* @__PURE__ */ jsx(ComposerEditorProvider, { children: /* @__PURE__ */ jsx(ComposerDropZone, { children: /* @__PURE__ */ jsxs(ComposerPrimitiveRoot, { className: "aui-composer-root relative flex w-full flex-col rounded-2xl border border-input bg-background px-1 outline-none transition-shadow focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/20", children: [
-                  /* @__PURE__ */ jsx(ComposerQuotePreview, {}),
-                  /* @__PURE__ */ jsx(ComposerAttachmentPreview, {}),
-                  /* @__PURE__ */ jsx(TiptapComposer, { tools }),
-                  /* @__PURE__ */ jsx(ComposerAction, {})
-                ] }) }) }) })
+                /* @__PURE__ */ jsx(AttachmentProvider, { children: /* @__PURE__ */ jsx(ComposerEditorProvider, { children: /* @__PURE__ */ jsxs(QuoteProvider, { children: [
+                  /* @__PURE__ */ jsx(QuotePostMessageBridge, {}),
+                  /* @__PURE__ */ jsx(ComposerDropZone, { children: /* @__PURE__ */ jsxs(ComposerPrimitiveRoot, { className: "aui-composer-root relative flex w-full flex-col rounded-2xl border border-input bg-background px-1 pt-2 outline-none transition-shadow focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/20", children: [
+                    /* @__PURE__ */ jsx(ComposerQuotePreview, {}),
+                    /* @__PURE__ */ jsx(ComposerAttachmentPreview, {}),
+                    /* @__PURE__ */ jsx(TiptapComposer, { tools }),
+                    /* @__PURE__ */ jsx(ComposerAction, {})
+                  ] }) })
+                ] }) }) })
               ] })
             ]
           }
@@ -63794,6 +63833,7 @@ const ComposerSendWithQuote = () => {
     var _a2;
     if (isUploading) return;
     const editor = editorRef.current;
+    if (!editor && !quote && attachments.length === 0) return;
     const userText = ((_a2 = editor == null ? void 0 : editor.getMarkdown()) == null ? void 0 : _a2.trim()) ?? "";
     const fullMessage = buildComposedMessage({
       attachments,
@@ -64388,6 +64428,7 @@ export {
   CreateNotebookToolUI,
   CreatePresentationToolUI,
   CreateSheetToolUI,
+  DEFAULT_API_URL,
   DEFAULT_BACKEND_URL,
   EmailSearchToolUI,
   ExpandableSection,
@@ -64435,6 +64476,7 @@ export {
   useFileUpload,
   useMentionSuggestions,
   useParentAuth,
+  useParentBridge,
   useQuote
 };
 //# sourceMappingURL=index.js.map