@athenaintel/react 0.4.6 → 0.5.0

package/dist/index.js

@@ -16417,45 +16417,16 @@ function useParentAuth() {
   const [authToken, setAuthToken] = useState(null);
   const readySignalSent = useRef(false);
   useEffect(() => {
-    const isInIframe = window.parent !== window;
-    if (process.env.NODE_ENV !== "production") {
-      console.log("[AthenaAuth] useParentAuth mounted", {
-        isInIframe,
-        currentOrigin: window.location.origin,
-        currentUrl: window.location.href
-      });
-    }
     const handler = (event) => {
-      var _a2;
-      if (process.env.NODE_ENV !== "production") {
-        console.log("[AthenaAuth] Received PostMessage", {
-          type: (_a2 = event.data) == null ? void 0 : _a2.type,
-          origin: event.origin,
-          isTrusted: isTrustedOrigin(event.origin)
-        });
-      }
-      if (!isTrustedOrigin(event.origin)) {
-        if (process.env.NODE_ENV !== "production") {
-          console.warn("[AthenaAuth] Rejected PostMessage — untrusted origin:", event.origin);
-        }
-        return;
-      }
+      if (!isTrustedOrigin(event.origin)) return;
       if (event.data && typeof event.data === "object" && event.data.type === "athena-auth" && typeof event.data.token === "string") {
-        if (process.env.NODE_ENV !== "production") {
-          console.log("[AthenaAuth] PropelAuth token received via PostMessage, length:", event.data.token.length);
-        }
         setAuthToken(event.data.token);
       }
     };
     window.addEventListener("message", handler);
-    if (!readySignalSent.current && isInIframe) {
-      if (process.env.NODE_ENV !== "production") {
-        console.log("[AthenaAuth] Sending athena-auth-ready signal to parent");
-      }
+    if (!readySignalSent.current && window.parent !== window) {
       window.parent.postMessage({ type: "athena-auth-ready" }, "*");
       readySignalSent.current = true;
-    } else if (!isInIframe && process.env.NODE_ENV !== "production") {
-      console.log("[AthenaAuth] Not in iframe — skipping parent auth (standalone mode)");
     }
     return () => window.removeEventListener("message", handler);
   }, []);
@@ -20780,24 +20751,12 @@ const useAthenaRuntime = (config2) => {
     initialState: { messages: initialMessages ?? [] },
     converter,
     api: apiUrl,
-    headers: async () => {
-      const authHeaders = tokenRef.current ? { Authorization: `Bearer ${tokenRef.current}` } : apiKeyRef.current ? { "X-API-KEY": apiKeyRef.current } : {};
-      if (process.env.NODE_ENV !== "production") {
-        console.log("[AthenaAuth] Request headers", {
-          authMethod: tokenRef.current ? "Bearer token" : apiKeyRef.current ? "X-API-KEY" : "NONE",
-          hasToken: !!tokenRef.current,
-          tokenPrefix: tokenRef.current ? tokenRef.current.substring(0, 20) + "..." : void 0,
-          apiKeyPrefix: apiKeyRef.current ? apiKeyRef.current.substring(0, 10) + "..." : void 0,
-          apiUrl
-        });
-      }
-      return {
-        // Prefer parent-injected PropelAuth token over hardcoded API key
-        ...authHeaders,
-        "Accept-Encoding": "identity",
-        Accept: "text/event-stream"
-      };
-    },
+    headers: async () => ({
+      // Prefer parent-injected PropelAuth token over hardcoded API key
+      ...tokenRef.current ? { Authorization: `Bearer ${tokenRef.current}` } : apiKeyRef.current ? { "X-API-KEY": apiKeyRef.current } : {},
+      "Accept-Encoding": "identity",
+      Accept: "text/event-stream"
+    }),
     onResponse: () => {
       if (process.env.NODE_ENV !== "production") {
         console.log("[AthenaSDK] Stream connected");
@@ -24130,6 +24089,10 @@ function useAthenaConfig() {
   }
   return ctx;
 }
+const ThreadLoadingContext = createContext(false);
+function useThreadLoading() {
+  return useContext(ThreadLoadingContext);
+}
 const ThreadListContext = createContext(null);
 function useThreadListStore() {
   const store = useContext(ThreadListContext);
@@ -24140,10 +24103,6 @@ function useThreadListStore() {
   }
   return store;
 }
-const ThreadLoadingContext = createContext(false);
-function useThreadLoading() {
-  return useContext(ThreadLoadingContext);
-}
 function getAuthHeaders(auth) {
   if (auth.token) {
     return { Authorization: `Bearer ${auth.token}` };
@@ -24257,6 +24216,178 @@ function createThreadListStore(config2) {
   store.getState().fetchThreads();
   return store;
 }
+const THEME_TO_CSS = {
+  primary: "--primary",
+  primaryForeground: "--primary-foreground",
+  background: "--background",
+  foreground: "--foreground",
+  muted: "--muted",
+  mutedForeground: "--muted-foreground",
+  accent: "--accent",
+  accentForeground: "--accent-foreground",
+  secondary: "--secondary",
+  secondaryForeground: "--secondary-foreground",
+  card: "--card",
+  cardForeground: "--card-foreground",
+  popover: "--popover",
+  popoverForeground: "--popover-foreground",
+  destructive: "--destructive",
+  border: "--border",
+  input: "--input",
+  ring: "--ring",
+  radius: "--radius",
+  // Extended SDK-specific variables
+  sidebarBackground: "--sidebar-background",
+  sidebarBorder: "--sidebar-border",
+  userBubble: "--user-bubble",
+  userBubbleForeground: "--user-bubble-foreground",
+  assistantForeground: "--assistant-foreground",
+  composerBorder: "--composer-border",
+  composerRadius: "--composer-radius"
+};
+function themeToStyleVars(theme) {
+  const vars = {};
+  for (const [key, value] of Object.entries(theme)) {
+    if (value != null && THEME_TO_CSS[key]) {
+      vars[THEME_TO_CSS[key]] = value;
+    }
+  }
+  return vars;
+}
+const themes = {
+  /** Default light theme. Neutral grays with blue accent. */
+  light: {
+    background: "oklch(0.99 0 0)",
+    foreground: "oklch(0.13 0 0)",
+    primary: "oklch(0.55 0.2 250)",
+    primaryForeground: "oklch(1 0 0)",
+    secondary: "oklch(0.96 0.005 250)",
+    secondaryForeground: "oklch(0.13 0 0)",
+    muted: "oklch(0.96 0.005 250)",
+    mutedForeground: "oklch(0.5 0.02 250)",
+    accent: "oklch(0.94 0.01 250)",
+    accentForeground: "oklch(0.13 0 0)",
+    card: "oklch(0.99 0 0)",
+    cardForeground: "oklch(0.13 0 0)",
+    popover: "oklch(0.99 0 0)",
+    popoverForeground: "oklch(0.13 0 0)",
+    destructive: "oklch(0.55 0.22 27)",
+    border: "oklch(0.91 0.005 250)",
+    input: "oklch(0.91 0.005 250)",
+    ring: "oklch(0.55 0.2 250)",
+    radius: "0.625rem"
+  },
+  /** Dark theme. Deep gray background with lighter text. */
+  dark: {
+    background: "oklch(0.15 0 0)",
+    foreground: "oklch(0.95 0 0)",
+    primary: "oklch(0.7 0.15 250)",
+    primaryForeground: "oklch(0.13 0 0)",
+    secondary: "oklch(0.22 0 0)",
+    secondaryForeground: "oklch(0.95 0 0)",
+    muted: "oklch(0.22 0 0)",
+    mutedForeground: "oklch(0.65 0 0)",
+    accent: "oklch(0.25 0 0)",
+    accentForeground: "oklch(0.95 0 0)",
+    card: "oklch(0.18 0 0)",
+    cardForeground: "oklch(0.95 0 0)",
+    popover: "oklch(0.18 0 0)",
+    popoverForeground: "oklch(0.95 0 0)",
+    destructive: "oklch(0.65 0.2 25)",
+    border: "oklch(1 0 0 / 10%)",
+    input: "oklch(1 0 0 / 15%)",
+    ring: "oklch(0.7 0.15 250)",
+    radius: "0.625rem"
+  },
+  /** Midnight theme. Deep navy with soft blue tones. */
+  midnight: {
+    background: "oklch(0.16 0.02 260)",
+    foreground: "oklch(0.92 0.01 250)",
+    primary: "oklch(0.68 0.16 250)",
+    primaryForeground: "oklch(0.98 0 0)",
+    secondary: "oklch(0.22 0.02 260)",
+    secondaryForeground: "oklch(0.92 0.01 250)",
+    muted: "oklch(0.22 0.02 260)",
+    mutedForeground: "oklch(0.6 0.04 250)",
+    accent: "oklch(0.26 0.03 260)",
+    accentForeground: "oklch(0.92 0.01 250)",
+    card: "oklch(0.19 0.02 260)",
+    cardForeground: "oklch(0.92 0.01 250)",
+    popover: "oklch(0.19 0.02 260)",
+    popoverForeground: "oklch(0.92 0.01 250)",
+    destructive: "oklch(0.65 0.2 25)",
+    border: "oklch(0.3 0.03 260)",
+    input: "oklch(0.3 0.03 260)",
+    ring: "oklch(0.68 0.16 250)",
+    radius: "0.625rem"
+  },
+  /** Warm earthy theme. Brown and sand tones. */
+  warm: {
+    background: "oklch(0.98 0.005 80)",
+    foreground: "oklch(0.2 0.02 50)",
+    primary: "oklch(0.55 0.12 50)",
+    primaryForeground: "oklch(0.98 0 0)",
+    secondary: "oklch(0.94 0.01 80)",
+    secondaryForeground: "oklch(0.2 0.02 50)",
+    muted: "oklch(0.95 0.01 80)",
+    mutedForeground: "oklch(0.5 0.03 50)",
+    accent: "oklch(0.92 0.015 80)",
+    accentForeground: "oklch(0.2 0.02 50)",
+    card: "oklch(0.98 0.005 80)",
+    cardForeground: "oklch(0.2 0.02 50)",
+    popover: "oklch(0.98 0.005 80)",
+    popoverForeground: "oklch(0.2 0.02 50)",
+    destructive: "oklch(0.55 0.2 25)",
+    border: "oklch(0.9 0.01 80)",
+    input: "oklch(0.9 0.01 80)",
+    ring: "oklch(0.55 0.12 50)",
+    radius: "0.75rem"
+  },
+  /** Purple creative theme. Vibrant purple accent. */
+  purple: {
+    background: "oklch(0.99 0.003 310)",
+    foreground: "oklch(0.15 0.02 310)",
+    primary: "oklch(0.55 0.22 310)",
+    primaryForeground: "oklch(1 0 0)",
+    secondary: "oklch(0.96 0.01 310)",
+    secondaryForeground: "oklch(0.15 0.02 310)",
+    muted: "oklch(0.96 0.01 310)",
+    mutedForeground: "oklch(0.5 0.04 310)",
+    accent: "oklch(0.94 0.015 310)",
+    accentForeground: "oklch(0.15 0.02 310)",
+    card: "oklch(0.99 0.003 310)",
+    cardForeground: "oklch(0.15 0.02 310)",
+    popover: "oklch(0.99 0.003 310)",
+    popoverForeground: "oklch(0.15 0.02 310)",
+    destructive: "oklch(0.55 0.22 27)",
+    border: "oklch(0.92 0.005 310)",
+    input: "oklch(0.92 0.005 310)",
+    ring: "oklch(0.55 0.22 310)",
+    radius: "0.75rem"
+  },
+  /** Green nature theme. Fresh green tones. */
+  green: {
+    background: "oklch(0.99 0.003 150)",
+    foreground: "oklch(0.15 0.02 150)",
+    primary: "oklch(0.55 0.18 155)",
+    primaryForeground: "oklch(1 0 0)",
+    secondary: "oklch(0.96 0.01 150)",
+    secondaryForeground: "oklch(0.15 0.02 150)",
+    muted: "oklch(0.96 0.01 150)",
+    mutedForeground: "oklch(0.5 0.03 150)",
+    accent: "oklch(0.94 0.015 150)",
+    accentForeground: "oklch(0.15 0.02 150)",
+    card: "oklch(0.99 0.003 150)",
+    cardForeground: "oklch(0.15 0.02 150)",
+    popover: "oklch(0.99 0.003 150)",
+    popoverForeground: "oklch(0.15 0.02 150)",
+    destructive: "oklch(0.55 0.22 27)",
+    border: "oklch(0.92 0.008 150)",
+    input: "oklch(0.92 0.008 150)",
+    ring: "oklch(0.55 0.18 155)",
+    radius: "0.625rem"
+  }
+};
 function AthenaRuntimeInner({
   children,
   apiUrl,
@@ -24275,7 +24406,9 @@ function AthenaRuntimeInner({
   initialMessages
 }) {
   const auiTools = useMemo(() => Tools({ toolkit: frontendTools }), [frontendTools]);
-  const aui = useAui({ tools: auiTools });
+  const aui = useAui({
+    tools: auiTools
+  });
   const runtime = useAthenaRuntime({
     apiUrl,
     backendUrl,
@@ -24297,17 +24430,6 @@ function AthenaRuntimeInner({
   );
   return /* @__PURE__ */ jsx(AssistantRuntimeProvider, { aui, runtime, children: /* @__PURE__ */ jsx(AthenaContext.Provider, { value: athenaConfig, children: /* @__PURE__ */ jsx(TooltipProvider, { children }) }) });
 }
-function useActiveThreadFromStore(store) {
-  return useSyncExternalStore(
-    (cb) => {
-      if (!store) return () => {
-      };
-      return store.subscribe(cb);
-    },
-    () => (store == null ? void 0 : store.getState().activeThreadId) ?? null,
-    () => null
-  );
-}
 function AthenaProvider({
   children,
   apiKey,
@@ -24322,23 +24444,14 @@ function AthenaProvider({
   knowledgeBase,
   systemPrompt,
   threadId: threadIdProp,
-  enableThreadList = false
+  enableThreadList = false,
+  theme
 }) {
   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;
-  useEffect(() => {
-    if (process.env.NODE_ENV !== "production") {
-      console.log("[AthenaAuth] AthenaProvider auth state", {
-        hasTokenProp: !!tokenProp,
-        hasParentAuthToken: !!parentAuthToken,
-        hasEffectiveToken: !!effectiveToken,
-        hasApiKey: !!apiKey,
-        authMethod: effectiveToken ? "Bearer token (PropelAuth)" : apiKey ? "X-API-KEY" : "NONE"
-      });
-    }
-  }, [tokenProp, parentAuthToken, effectiveToken, apiKey]);
   const threadListStoreRef = useRef(null);
   if (enableThreadList && !threadListStoreRef.current) {
     threadListStoreRef.current = createThreadListStore({
@@ -24347,9 +24460,7 @@ function AthenaProvider({
       token: effectiveToken
     });
   }
-  const activeThreadId = useActiveThreadFromStore(
-    enableThreadList ? threadListStoreRef.current : null
-  );
+  const activeThreadId = threadListStoreRef.current ? useStore$1(threadListStoreRef.current, (s) => s.activeThreadId) : null;
   const [displayedThreadId, setDisplayedThreadId] = useState(null);
   const [loadedMessages, setLoadedMessages] = useState(void 0);
   const [isLoadingThread, setIsLoadingThread] = useState(false);
@@ -24368,21 +24479,14 @@ function AthenaProvider({
     let cancelled = false;
     setIsLoadingThread(true);
     getThreadState(effectiveBackendUrl, { apiKey, token: effectiveToken }, activeThreadId).then((state) => {
-      var _a3;
       if (cancelled) return;
-      if (process.env.NODE_ENV !== "production") {
-        console.log("[AthenaThreads] Loaded thread state", {
-          threadId: activeThreadId,
-          messageCount: ((_a3 = state.messages) == null ? void 0 : _a3.length) ?? 0
-        });
-      }
       setLoadedMessages(state.messages ?? []);
       setDisplayedThreadId(activeThreadId);
       setIsLoadingThread(false);
     }).catch((err) => {
       if (cancelled) return;
       if (process.env.NODE_ENV !== "production") {
-        console.warn("[AthenaThreads] Failed to load thread state, starting fresh", err);
+        console.error("[AthenaSDK] Failed to load thread state:", err);
       }
       setLoadedMessages(void 0);
       setDisplayedThreadId(activeThreadId);
@@ -24393,7 +24497,7 @@ function AthenaProvider({
     };
   }, [activeThreadId, displayedThreadId, enableThreadList, effectiveBackendUrl, apiKey, effectiveToken]);
   const resolvedThreadId = threadIdProp ?? displayedThreadId ?? void 0;
-  const inner = /* @__PURE__ */ jsx(ThreadLoadingContext.Provider, { value: isLoadingThread, children: /* @__PURE__ */ jsx(
+  const runtimeContent = /* @__PURE__ */ jsx(ThreadLoadingContext.Provider, { value: isLoadingThread, children: /* @__PURE__ */ jsx(
     AthenaRuntimeInner,
     {
       apiUrl,
@@ -24414,8 +24518,12 @@ function AthenaProvider({
     },
     resolvedThreadId ?? "__new__"
   ) });
+  let inner = runtimeContent;
   if (enableThreadList && threadListStoreRef.current) {
-    return /* @__PURE__ */ jsx(ThreadListContext.Provider, { value: threadListStoreRef.current, children: inner });
+    inner = /* @__PURE__ */ jsx(ThreadListContext.Provider, { value: threadListStoreRef.current, children: inner });
+  }
+  if (themeStyleVars) {
+    return /* @__PURE__ */ jsx("div", { className: "athena-themed", style: themeStyleVars, children: inner });
   }
   return inner;
 }
@@ -62455,6 +62563,14 @@ const AssistantActionBar = () => /* @__PURE__ */ jsxs(
     ]
   }
 );
+const UserMessage = () => /* @__PURE__ */ jsx(
+  MessagePrimitiveRoot,
+  {
+    className: "aui-user-message-root fade-in slide-in-from-bottom-1 mx-auto flex w-full max-w-(--thread-max-width) animate-in justify-end px-2 py-3 duration-150",
+    "data-role": "user",
+    children: /* @__PURE__ */ jsx("div", { className: "aui-user-message-content wrap-break-word rounded-2xl bg-muted px-4 py-2.5 text-foreground", children: /* @__PURE__ */ jsx(MessagePrimitiveParts, { components: { Text: TiptapText } }) })
+  }
+);
 const ThreadLoadingOverlay = () => /* @__PURE__ */ jsxs(
   "div",
   {
@@ -62493,27 +62609,15 @@ const ThreadLoadingOverlay = () => /* @__PURE__ */ jsxs(
           style: {
             fontSize: 13,
             fontWeight: 500,
-            color: "var(--muted-foreground, #888)",
-            letterSpacing: "0.01em"
+            color: "var(--muted-foreground, #888)"
           },
           children: "Loading conversation…"
         }
       ),
-      /* @__PURE__ */ jsx("style", { children: `
-      @keyframes aui-spin { to { transform: rotate(360deg); } }
-      @keyframes aui-overlay-in { from { opacity: 0; } to { opacity: 1; } }
-    ` })
+      /* @__PURE__ */ jsx("style", { children: `@keyframes aui-spin { to { transform: rotate(360deg); } } @keyframes aui-overlay-in { from { opacity: 0; } to { opacity: 1; } }` })
     ]
   }
 );
-const UserMessage = () => /* @__PURE__ */ jsx(
-  MessagePrimitiveRoot,
-  {
-    className: "aui-user-message-root fade-in slide-in-from-bottom-1 mx-auto flex w-full max-w-(--thread-max-width) animate-in justify-end px-2 py-3 duration-150",
-    "data-role": "user",
-    children: /* @__PURE__ */ jsx("div", { className: "aui-user-message-content wrap-break-word rounded-2xl bg-muted px-4 py-2.5 text-foreground", children: /* @__PURE__ */ jsx(MessagePrimitiveParts, { components: { Text: TiptapText } }) })
-  }
-);
 const embedCache = /* @__PURE__ */ new Map();
 function useAssetEmbed(assetId, options = {
   backendUrl: ""
@@ -62917,6 +63021,74 @@ function useComposerAttachment() {
   }, [aui]);
   return { addFile, addContent, clear };
 }
+const Toolkits = {
+  /** Web search and page browsing. */
+  WEB_SEARCH: "web_search_browse_toolkit",
+  /** SQL query execution. */
+  SQL: "sql_toolkit",
+  /** Athena Code development environment. */
+  ATHENA_CODE: "athena_code_toolkit",
+  /** Document comments and collaboration. */
+  COMMENTS: "comments_toolkit",
+  /** Visual canvas creation. */
+  CANVAS: "canvas_toolkit",
+  /** PostgreSQL database management. */
+  DATABASE: "database_toolkit",
+  /** Asset collections management. */
+  COLLECTIONS: "collections_toolkit",
+  /** Charts, dashboards, and figures. */
+  VISUALIZATIONS: "visualizations_toolkit",
+  /** Custom UI creation. */
+  USER_INTERFACE: "user_interface_toolkit",
+  /** Agent Operating Procedures. */
+  AOP: "aop_toolkit",
+  /** Ephemeral compute environments. */
+  COMPUTER_ASSET: "computer_asset_toolkit",
+  /** Web browser automation. */
+  BROWSER: "browser_toolkit",
+  /** Virtual machine management. */
+  VM: "vm_toolkit",
+  /** Jupyter notebook execution. */
+  NOTEBOOK: "notebook_toolkit",
+  /** Presentation slide editing. */
+  PRESENTATION: "presentation_toolkit",
+  /** PowerPoint presentation creation from templates. */
+  POWERPOINT: "powerpoint_deck_toolkit",
+  /** Workspace file management (Spaces). */
+  DRIVE: "olympus_drive_toolkit",
+  /** Python code execution. */
+  PYTHON: "python_toolkit",
+  /** Multi-account email and calendar (Gmail + Outlook). */
+  EMAIL: "unified_email_toolkit",
+  /** Legacy email and calendar operations. */
+  EMAIL_CALENDAR: "email_calendar_toolkit",
+  /** Spreadsheet operations. */
+  SPREADSHEET: "spreadsheet_toolkit",
+  /** Athena document editing. */
+  DOCUMENT: "document_toolkit",
+  /** Word document backend operations. */
+  WORD_DOCUMENT: "word_document_be_toolkit",
+  /** Go-To-Market management. */
+  GTM: "gtm_toolkit",
+  /** Marketing campaign management. */
+  MARKETING: "marketing_toolkit",
+  /** FDE implementations and workflows. */
+  FDE: "fde_toolkit",
+  /** Code repository search via Greptile. */
+  GREPTILE: "greptile_toolkit",
+  /** SharePoint / Google Drive / workspace file access. */
+  EXTERNAL_DRIVE: "external_drive_toolkit",
+  /** Reusable playbooks and prompts. */
+  PLAYBOOK: "playbook_toolkit",
+  /** Local Chrome browser control via tunnel. */
+  DEVICE_TUNNEL: "device_tunnel_toolkit",
+  /** Project management. */
+  PROJECTS: "projects_toolkit",
+  /** Task Studio script execution. */
+  TASK_STUDIO: "task_studio_toolkit",
+  /** User memory and preferences. */
+  PREFERENCES: "preferences_toolkit"
+};
 export {
   AppendDocumentToolUI,
   AssetPanel,
@@ -62946,6 +63118,7 @@ export {
   ToolFallbackResult,
   ToolFallbackRoot,
   ToolFallbackTrigger,
+  Toolkits,
   Tooltip,
   TooltipContent,
   TooltipIconButton,
@@ -62958,6 +63131,8 @@ export {
   createThreadListStore,
   getAssetInfo,
   resetAssetAutoOpen,
+  themeToStyleVars,
+  themes,
   tryParseJson$1 as tryParseJson,
   useActiveThreadId,
   useAppendToComposer,