@athenaintel/react 0.4.6 → 0.6.0

package/dist/index.js

@@ -4543,6 +4543,16 @@ const ChainOfThoughtByIndicesProvider = ({ startIndex, endIndex, children }) =>
   });
   return jsx(AuiProvider, { value: aui, children });
 };
+const ThreadListItemByIndexProvider = ({ index: index2, archived, children }) => {
+  const aui = useAui({
+    threadListItem: Derived({
+      source: "threads",
+      query: { type: "index", index: index2, archived },
+      get: (aui2) => aui2.threads().item({ index: index2, archived })
+    })
+  });
+  return jsx(AuiProvider, { value: aui, children });
+};
 const RuntimeAdapter = resource((runtime) => tapResource(RuntimeAdapterResource(runtime)));
 attachTransformScopes(RuntimeAdapter, (scopes, parent) => {
   const result = baseRuntimeAdapterTransformScopes(scopes, parent);
@@ -7622,7 +7632,7 @@ const toAppendMessage = (messages, message) => {
     startRun: message.startRun
   };
 };
-const getThreadState$1 = (runtime, threadListItemState) => {
+const getThreadState = (runtime, threadListItemState) => {
   const lastMessage = runtime.messages.at(-1);
   return Object.freeze({
     threadId: threadListItemState.id,
@@ -7645,7 +7655,7 @@ class ThreadRuntimeImpl {
     __publicField(this, "_eventSubscriptionSubjects", /* @__PURE__ */ new Map());
     const stateBinding = new ShallowMemoizeSubject({
       path: threadBinding.path,
-      getState: () => getThreadState$1(threadBinding.getState(), threadListItemBinding.getState()),
+      getState: () => getThreadState(threadBinding.getState(), threadListItemBinding.getState()),
       subscribe: (callback) => {
         const sub1 = threadBinding.subscribe(callback);
         const sub2 = threadListItemBinding.subscribe(callback);
@@ -8912,6 +8922,24 @@ const MessagePrimitiveParts$1 = ({ components, unstable_showEmptyOnNonTextEnd =
   return jsxs(Fragment$2, { children: [partsElements, jsx(ConditionalEmpty, { components, enabled: unstable_showEmptyOnNonTextEnd })] });
 };
 MessagePrimitiveParts$1.displayName = "MessagePrimitive.Parts";
+const ThreadListPrimitiveItemByIndex = memo(({ index: index2, archived = false, components }) => {
+  const ThreadListItemComponent = components.ThreadListItem;
+  return jsx(ThreadListItemByIndexProvider, { index: index2, archived, children: jsx(ThreadListItemComponent, {}) });
+}, (prev, next) => prev.index === next.index && prev.archived === next.archived && prev.components.ThreadListItem === next.components.ThreadListItem);
+ThreadListPrimitiveItemByIndex.displayName = "ThreadListPrimitive.ItemByIndex";
+const ThreadListPrimitiveItems = ({ archived = false, components }) => {
+  const contentLength = useAuiState((s) => archived ? s.threads.archivedThreadIds.length : s.threads.threadIds.length);
+  const listElements = useMemo(() => {
+    return Array.from({ length: contentLength }, (_, index2) => jsx(ThreadListPrimitiveItemByIndex, { index: index2, archived, components }, index2));
+  }, [contentLength, archived, components]);
+  return listElements;
+};
+ThreadListPrimitiveItems.displayName = "ThreadListPrimitive.Items";
+const ThreadListItemPrimitiveTitle = ({ fallback }) => {
+  const title = useAuiState((s) => s.threadListItem.title);
+  return jsx(Fragment$2, { children: title || fallback });
+};
+ThreadListItemPrimitiveTitle.displayName = "ThreadListItemPrimitive.Title";
 const useComposerSend$1 = () => {
   const aui = useAui();
   const disabled = useAuiState((s) => s.thread.isRunning || !s.composer.isEditing || s.composer.isEmpty);
@@ -16344,6 +16372,37 @@ const useThreadScrollToBottom = ({ behavior } = {}) => {
   return handleScrollToBottom;
 };
 const ThreadPrimitiveScrollToBottom = createActionButton("ThreadPrimitive.ScrollToBottom", useThreadScrollToBottom, ["behavior"]);
+const ThreadListPrimitiveNew = forwardRef(({ onClick, disabled, ...props }, forwardedRef) => {
+  const isMain = useAuiState((s) => s.threads.newThreadId === s.threads.mainThreadId);
+  const aui = useAui();
+  return jsx(Primitive$1.button, { type: "button", ...isMain ? { "data-active": "true", "aria-current": "true" } : null, ...props, ref: forwardedRef, disabled, onClick: composeEventHandlers(onClick, () => {
+    aui.threads().switchToNewThread();
+  }) });
+});
+ThreadListPrimitiveNew.displayName = "ThreadListPrimitive.New";
+const ThreadListPrimitiveRoot = forwardRef((props, ref) => {
+  return jsx(Primitive$1.div, { ...props, ref });
+});
+ThreadListPrimitiveRoot.displayName = "ThreadListPrimitive.Root";
+const ThreadListItemPrimitiveRoot = forwardRef((props, ref) => {
+  const isMain = useAuiState((s) => s.threads.mainThreadId === s.threadListItem.id);
+  return jsx(Primitive$1.div, { ...isMain ? { "data-active": "true", "aria-current": "true" } : null, ...props, ref });
+});
+ThreadListItemPrimitiveRoot.displayName = "ThreadListItemPrimitive.Root";
+const useThreadListItemArchive = () => {
+  const aui = useAui();
+  return useCallback(() => {
+    aui.threadListItem().archive();
+  }, [aui]);
+};
+const ThreadListItemPrimitiveArchive = createActionButton("ThreadListItemPrimitive.Archive", useThreadListItemArchive);
+const useThreadListItemTrigger = () => {
+  const aui = useAui();
+  return useCallback(() => {
+    aui.threadListItem().switchTo();
+  }, [aui]);
+};
+const ThreadListItemPrimitiveTrigger = createActionButton("ThreadListItemPrimitive.Trigger", useThreadListItemTrigger);
 const useScrollLock = (animatedElementRef, animationDuration) => {
   const scrollContainerRef = useRef(null);
   const cleanupRef = useRef(null);
@@ -16417,45 +16476,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);
   }, []);
@@ -20748,6 +20778,7 @@ const createConverter = (optimisticMessageCache) => (state, connectionMetadata)
 const useAthenaRuntime = (config2) => {
   const {
     apiUrl = DEFAULT_API_URL,
+    resumeApiUrl,
     backendUrl = DEFAULT_BACKEND_URL,
     apiKey,
     token,
@@ -20758,9 +20789,9 @@ const useAthenaRuntime = (config2) => {
     workbench = [],
     knowledgeBase = [],
     systemPrompt,
-    threadId: threadIdProp,
-    initialMessages
+    threadId: threadIdProp
   } = config2;
+  const resolvedResumeApiUrl = resumeApiUrl ?? apiUrl.replace(/\/api\/chat$/, "/api/resume");
   const generatedIdRef = useRef(null);
   if (generatedIdRef.current === null) {
     generatedIdRef.current = crypto.randomUUID();
@@ -20776,28 +20807,18 @@ const useAthenaRuntime = (config2) => {
   tokenRef.current = token;
   const apiKeyRef = useRef(apiKey);
   apiKeyRef.current = apiKey;
+  const isExistingThread = !!threadIdProp;
   const runtime = useAssistantTransportRuntime({
-    initialState: { messages: initialMessages ?? [] },
+    initialState: { messages: [] },
     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"
-      };
-    },
+    resumeApi: resolvedResumeApiUrl,
+    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");
@@ -20897,6 +20918,16 @@ const useAthenaRuntime = (config2) => {
       }
     }
   });
+  const hasResumedRef = useRef(false);
+  useEffect(() => {
+    if (isExistingThread && !hasResumedRef.current) {
+      hasResumedRef.current = true;
+      try {
+        runtime.thread.unstable_resumeRun({ parentId: null });
+      } catch {
+      }
+    }
+  }, [isExistingThread, runtime]);
   return runtime;
 };
 function r(e) {
@@ -24130,20 +24161,6 @@ function useAthenaConfig() {
   }
   return ctx;
 }
-const ThreadListContext = createContext(null);
-function useThreadListStore() {
-  const store = useContext(ThreadListContext);
-  if (!store) {
-    throw new Error(
-      "[AthenaSDK] useThreadList must be used within an <AthenaProvider> that has thread management enabled."
-    );
-  }
-  return store;
-}
-const ThreadLoadingContext = createContext(false);
-function useThreadLoading() {
-  return useContext(ThreadLoadingContext);
-}
 function getAuthHeaders(auth) {
   if (auth.token) {
     return { Authorization: `Bearer ${auth.token}` };
@@ -24168,36 +24185,6 @@ async function listThreads(backendUrl, auth, opts = {}) {
   }
   return res.json();
 }
-function deserializeMessage(msg) {
-  if (msg && typeof msg === "object" && "lc" in msg && "kwargs" in msg && msg.type === "constructor") {
-    const kwargs = msg.kwargs;
-    if (Array.isArray(kwargs.tool_calls)) {
-      kwargs.tool_calls = kwargs.tool_calls.map((tc) => {
-        if (tc && typeof tc === "object" && "lc" in tc && "kwargs" in tc) {
-          return tc.kwargs;
-        }
-        return tc;
-      });
-    }
-    return kwargs;
-  }
-  return msg;
-}
-async function getThreadState(backendUrl, auth, threadId) {
-  const base2 = getAgoraBaseUrl(backendUrl);
-  const res = await fetch(`${base2}/api/unstable/threads/${threadId}`, {
-    method: "GET",
-    headers: { ...getAuthHeaders(auth) }
-  });
-  if (!res.ok) {
-    throw new Error(`[AthenaSDK] Failed to get thread state: ${res.status}`);
-  }
-  const data = await res.json();
-  if (Array.isArray(data.messages)) {
-    data.messages = data.messages.map(deserializeMessage);
-  }
-  return data;
-}
 async function archiveThread(backendUrl, auth, threadId) {
   const base2 = getAgoraBaseUrl(backendUrl);
   const res = await fetch(`${base2}/api/conversations/threads/archive`, {
@@ -24209,55 +24196,241 @@ async function archiveThread(backendUrl, auth, threadId) {
     throw new Error(`[AthenaSDK] Failed to archive thread: ${res.status}`);
   }
 }
-function createThreadListStore(config2) {
-  const auth = { apiKey: config2.apiKey, token: config2.token };
-  const store = create((set2, get2) => ({
-    threads: [],
-    activeThreadId: null,
-    isLoading: false,
-    error: null,
-    fetchThreads: async () => {
-      set2({ isLoading: true, error: null });
+const AthenaThreadIdContext = createContext(void 0);
+function useAthenaThreadId() {
+  return useContext(AthenaThreadIdContext);
+}
+function useAthenaThreadListAdapter(config2) {
+  const configRef = useRef(config2);
+  useEffect(() => {
+    configRef.current = config2;
+  }, [config2]);
+  const auth = useMemo(
+    () => ({ apiKey: config2.apiKey, token: config2.token }),
+    [config2.apiKey, config2.token]
+  );
+  const unstable_Provider = useCallback(
+    function AthenaThreadProvider({ children }) {
+      const aui = useAui();
+      const remoteId = aui.threadListItem().getState().remoteId;
+      return /* @__PURE__ */ jsx(AthenaThreadIdContext.Provider, { value: remoteId, children });
+    },
+    []
+  );
+  return useMemo(() => ({
+    async list() {
       try {
-        const { threads } = await listThreads(config2.backendUrl, auth);
-        const sorted = [...threads].sort(
-          (a, b) => new Date(b.updated_at).getTime() - new Date(a.updated_at).getTime()
-        );
-        set2({ threads: sorted, isLoading: false });
-      } catch (e) {
-        set2({ error: e.message, isLoading: false });
+        const { threads } = await listThreads(configRef.current.backendUrl, auth);
+        return {
+          threads: threads.map((t) => ({
+            status: "regular",
+            remoteId: t.thread_id,
+            title: t.title || void 0
+          }))
+        };
+      } catch (err) {
+        console.error("[AthenaSDK] adapter.list() failed:", err);
+        return { threads: [] };
       }
     },
-    switchThread: (threadId) => {
-      if (process.env.NODE_ENV !== "production") {
-        console.log("[AthenaThreads] switchThread called", { threadId, prev: get2().activeThreadId });
-      }
-      set2({ activeThreadId: threadId });
+    async initialize(threadId) {
+      return { remoteId: threadId, externalId: void 0 };
     },
-    newThread: async () => {
-      const localThreadId = `thread_${crypto.randomUUID()}`;
-      set2({ activeThreadId: localThreadId });
-      return localThreadId;
+    async rename(_remoteId, _newTitle) {
     },
-    archiveThread: async (threadId) => {
-      var _a2;
-      try {
-        await archiveThread(config2.backendUrl, auth, threadId);
-        const { threads, activeThreadId } = get2();
-        const remaining = threads.filter((t) => t.thread_id !== threadId);
-        set2({
-          threads: remaining,
-          activeThreadId: activeThreadId === threadId ? ((_a2 = remaining[0]) == null ? void 0 : _a2.thread_id) ?? null : activeThreadId
-        });
-      } catch (e) {
-        set2({ error: e.message });
-      }
-    }
-  }));
-  store.getState().fetchThreads();
-  return store;
-}
-function AthenaRuntimeInner({
+    async archive(remoteId) {
+      await archiveThread(configRef.current.backendUrl, auth, remoteId);
+    },
+    async unarchive(_remoteId) {
+    },
+    async delete(remoteId) {
+      await archiveThread(configRef.current.backendUrl, auth, remoteId);
+    },
+    async generateTitle(_remoteId, _messages) {
+      return new Response("").body;
+    },
+    async fetch(remoteId) {
+      return {
+        status: "regular",
+        remoteId
+      };
+    },
+    unstable_Provider
+  }), [auth, unstable_Provider]);
+}
+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 AthenaStandalone({
   children,
   apiUrl,
   backendUrl,
@@ -24271,8 +24444,7 @@ function AthenaRuntimeInner({
   workbench,
   knowledgeBase,
   systemPrompt,
-  threadId,
-  initialMessages
+  threadId
 }) {
   const auiTools = useMemo(() => Tools({ toolkit: frontendTools }), [frontendTools]);
   const aui = useAui({ tools: auiTools });
@@ -24288,8 +24460,7 @@ function AthenaRuntimeInner({
     workbench,
     knowledgeBase,
     systemPrompt,
-    threadId,
-    initialMessages
+    threadId
   });
   const athenaConfig = useMemo(
     () => ({ backendUrl, apiKey, token }),
@@ -24297,16 +24468,71 @@ 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 useAthenaRuntimeHook(config2) {
+  const remoteId = useAthenaThreadId();
+  return useAthenaRuntime({
+    apiUrl: config2.apiUrl,
+    backendUrl: config2.backendUrl,
+    apiKey: config2.apiKey,
+    token: config2.token,
+    model: config2.model,
+    agent: config2.agent,
+    tools: config2.tools,
+    frontendToolIds: config2.frontendToolIds,
+    workbench: config2.workbench,
+    knowledgeBase: config2.knowledgeBase,
+    systemPrompt: config2.systemPrompt,
+    threadId: remoteId
+  });
+}
+function AthenaWithThreadList({
+  children,
+  apiUrl,
+  backendUrl,
+  apiKey,
+  token,
+  model,
+  agent: agent2,
+  tools,
+  frontendToolIds,
+  frontendTools,
+  workbench,
+  knowledgeBase,
+  systemPrompt
+}) {
+  const adapter = useAthenaThreadListAdapter({
+    backendUrl,
+    apiKey,
+    token
+  });
+  const runtimeConfig = useMemo(() => ({
+    apiUrl,
+    backendUrl,
+    apiKey,
+    token,
+    model,
+    agent: agent2,
+    tools,
+    frontendToolIds,
+    workbench,
+    knowledgeBase,
+    systemPrompt
+  }), [apiUrl, backendUrl, apiKey, token, model, agent2, tools, frontendToolIds, workbench, knowledgeBase, systemPrompt]);
+  const runtimeHook = useCallback(
+    () => useAthenaRuntimeHook(runtimeConfig),
+    [runtimeConfig]
+  );
+  const runtime = useRemoteThreadListRuntime({
+    runtimeHook,
+    adapter
+  });
+  const auiTools = useMemo(() => Tools({ toolkit: frontendTools }), [frontendTools]);
+  const aui = useAui({ tools: auiTools });
+  const athenaConfig = useMemo(
+    () => ({ backendUrl, apiKey, token }),
+    [backendUrl, apiKey, token]
   );
+  return /* @__PURE__ */ jsx(AssistantRuntimeProvider, { aui, runtime, children: /* @__PURE__ */ jsx(AthenaContext.Provider, { value: athenaConfig, children: /* @__PURE__ */ jsx(TooltipProvider, { children }) }) });
 }
 function AthenaProvider({
   children,
@@ -24322,100 +24548,57 @@ 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({
-      backendUrl: effectiveBackendUrl,
-      apiKey,
-      token: effectiveToken
-    });
-  }
-  const activeThreadId = useActiveThreadFromStore(
-    enableThreadList ? threadListStoreRef.current : null
-  );
-  const [displayedThreadId, setDisplayedThreadId] = useState(null);
-  const [loadedMessages, setLoadedMessages] = useState(void 0);
-  const [isLoadingThread, setIsLoadingThread] = useState(false);
-  useEffect(() => {
-    var _a2;
-    if (!enableThreadList) return;
-    if (activeThreadId === displayedThreadId) return;
-    const threads = ((_a2 = threadListStoreRef.current) == null ? void 0 : _a2.getState().threads) ?? [];
-    const isExistingThread = threads.some((t) => t.thread_id === activeThreadId);
-    if (!isExistingThread) {
-      setLoadedMessages(void 0);
-      setDisplayedThreadId(activeThreadId);
-      setIsLoadingThread(false);
-      return;
-    }
-    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
-        });
+  let inner;
+  if (enableThreadList) {
+    inner = /* @__PURE__ */ jsx(
+      AthenaWithThreadList,
+      {
+        apiUrl,
+        backendUrl: effectiveBackendUrl,
+        apiKey,
+        token: effectiveToken,
+        model,
+        agent: agent2,
+        tools,
+        frontendToolIds: frontendToolNames,
+        frontendTools,
+        workbench,
+        knowledgeBase,
+        systemPrompt,
+        children
       }
-      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);
+    );
+  } else {
+    inner = /* @__PURE__ */ jsx(
+      AthenaStandalone,
+      {
+        apiUrl,
+        backendUrl: effectiveBackendUrl,
+        apiKey,
+        token: effectiveToken,
+        model,
+        agent: agent2,
+        tools,
+        frontendToolIds: frontendToolNames,
+        frontendTools,
+        workbench,
+        knowledgeBase,
+        systemPrompt,
+        threadId: threadIdProp,
+        children
       }
-      setLoadedMessages(void 0);
-      setDisplayedThreadId(activeThreadId);
-      setIsLoadingThread(false);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [activeThreadId, displayedThreadId, enableThreadList, effectiveBackendUrl, apiKey, effectiveToken]);
-  const resolvedThreadId = threadIdProp ?? displayedThreadId ?? void 0;
-  const inner = /* @__PURE__ */ jsx(ThreadLoadingContext.Provider, { value: isLoadingThread, children: /* @__PURE__ */ jsx(
-    AthenaRuntimeInner,
-    {
-      apiUrl,
-      backendUrl: effectiveBackendUrl,
-      apiKey,
-      token: effectiveToken,
-      model,
-      agent: agent2,
-      tools,
-      frontendToolIds: frontendToolNames,
-      frontendTools,
-      workbench,
-      knowledgeBase,
-      systemPrompt,
-      threadId: resolvedThreadId,
-      initialMessages: loadedMessages,
-      children
-    },
-    resolvedThreadId ?? "__new__"
-  ) });
-  if (enableThreadList && threadListStoreRef.current) {
-    return /* @__PURE__ */ jsx(ThreadListContext.Provider, { value: threadListStoreRef.current, children: inner });
+    );
+  }
+  if (themeStyleVars) {
+    return /* @__PURE__ */ jsx("div", { className: "athena-themed", style: themeStyleVars, children: inner });
   }
   return inner;
 }
@@ -57210,10 +57393,10 @@ const HorizontalRule$1 = HorizontalRule.extend({
     };
   }
 });
-const Image = Node3.create({
+const Image$1 = Node3.create({
   name: "image"
 });
-const Image$1 = Image.extend({
+const Image$1$1 = Image$1.extend({
   /**
    * @return {{markdown: MarkdownNodeSpec}}
    */
@@ -57497,10 +57680,10 @@ const Italic$1 = Italic.extend({
     };
   }
 });
-const Link = Mark2.create({
+const Link$1 = Mark2.create({
   name: "link"
 });
-const Link$1 = Link.extend({
+const Link$1$1 = Link$1.extend({
   /**
    * @return {{markdown: MarkdownMarkSpec}}
    */
@@ -57537,7 +57720,7 @@ const Strike$1 = Strike.extend({
     };
   }
 });
-const markdownExtensions = [Blockquote$1, BulletList$1, CodeBlock$1, HardBreak$1, Heading$1, HorizontalRule$1, HTMLNode, Image$1, ListItem$1, OrderedList$1, Paragraph$1, Table$1, TaskItem$1, TaskList$1, Text$1, Bold$1, Code$1$1, HTMLMark, Italic$1, Link$1, Strike$1];
+const markdownExtensions = [Blockquote$1, BulletList$1, CodeBlock$1, HardBreak$1, Heading$1, HorizontalRule$1, HTMLNode, Image$1$1, ListItem$1, OrderedList$1, Paragraph$1, Table$1, TaskItem$1, TaskList$1, Text$1, Bold$1, Code$1$1, HTMLMark, Italic$1, Link$1$1, Strike$1];
 function getMarkdownSpec(extension) {
   var _extension$storage, _markdownExtensions$f;
   const markdownSpec = (_extension$storage = extension.storage) === null || _extension$storage === void 0 ? void 0 : _extension$storage.markdown;
@@ -60350,41 +60533,41 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$E = [
+const __iconNode$J = [
   ["rect", { width: "20", height: "5", x: "2", y: "3", rx: "1", key: "1wp1u1" }],
   ["path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8", key: "1s80jp" }],
   ["path", { d: "M10 12h4", key: "a56b0p" }]
 ];
-const Archive = createLucideIcon("archive", __iconNode$E);
+const Archive = createLucideIcon("archive", __iconNode$J);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$D = [
+const __iconNode$I = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
 ];
-const ArrowDown = createLucideIcon("arrow-down", __iconNode$D);
+const ArrowDown = createLucideIcon("arrow-down", __iconNode$I);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$C = [
+const __iconNode$H = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ];
-const ArrowUp = createLucideIcon("arrow-up", __iconNode$C);
+const ArrowUp = createLucideIcon("arrow-up", __iconNode$H);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$B = [
+const __iconNode$G = [
   ["path", { d: "M12 7v14", key: "1akyts" }],
   [
     "path",
@@ -60394,14 +60577,14 @@ const __iconNode$B = [
     }
   ]
 ];
-const BookOpen = createLucideIcon("book-open", __iconNode$B);
+const BookOpen = createLucideIcon("book-open", __iconNode$G);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$A = [
+const __iconNode$F = [
   ["path", { d: "M12 18V5", key: "adv99a" }],
   ["path", { d: "M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4", key: "1e3is1" }],
   ["path", { d: "M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5", key: "1gqd8o" }],
@@ -60411,148 +60594,148 @@ const __iconNode$A = [
   ["path", { d: "M6 18a4 4 0 0 1-2-7.464", key: "k1g0md" }],
   ["path", { d: "M6.003 5.125a4 4 0 0 0-2.526 5.77", key: "q97ue3" }]
 ];
-const Brain = createLucideIcon("brain", __iconNode$A);
+const Brain = createLucideIcon("brain", __iconNode$F);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$z = [
+const __iconNode$E = [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   ["path", { d: "M18 17V9", key: "2bz60n" }],
   ["path", { d: "M13 17V5", key: "1frdt8" }],
   ["path", { d: "M8 17v-3", key: "17ska0" }]
 ];
-const ChartColumn = createLucideIcon("chart-column", __iconNode$z);
+const ChartColumn = createLucideIcon("chart-column", __iconNode$E);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$y = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$y);
+const __iconNode$D = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$D);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$x = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$x);
+const __iconNode$C = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$C);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$w = [
+const __iconNode$B = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$w);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$B);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$v = [
+const __iconNode$A = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ];
-const CircleCheck = createLucideIcon("circle-check", __iconNode$v);
+const CircleCheck = createLucideIcon("circle-check", __iconNode$A);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$u = [
+const __iconNode$z = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
 ];
-const CircleX = createLucideIcon("circle-x", __iconNode$u);
+const CircleX = createLucideIcon("circle-x", __iconNode$z);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$t = [
+const __iconNode$y = [
   ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
   ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
 ];
-const Code = createLucideIcon("code", __iconNode$t);
+const Code = createLucideIcon("code", __iconNode$y);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$s = [
+const __iconNode$x = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("copy", __iconNode$s);
+const Copy = createLucideIcon("copy", __iconNode$x);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$r = [
+const __iconNode$w = [
   ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
   ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
   ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
 ];
-const Database = createLucideIcon("database", __iconNode$r);
+const Database = createLucideIcon("database", __iconNode$w);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$q = [
+const __iconNode$v = [
   ["path", { d: "M12 15V3", key: "m9g1x1" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
 ];
-const Download = createLucideIcon("download", __iconNode$q);
+const Download = createLucideIcon("download", __iconNode$v);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$p = [
+const __iconNode$u = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
   ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
 ];
-const Ellipsis = createLucideIcon("ellipsis", __iconNode$p);
+const Ellipsis = createLucideIcon("ellipsis", __iconNode$u);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$o = [
+const __iconNode$t = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-const ExternalLink = createLucideIcon("external-link", __iconNode$o);
+const ExternalLink = createLucideIcon("external-link", __iconNode$t);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$n = [
+const __iconNode$s = [
   [
     "path",
     {
@@ -60564,14 +60747,14 @@ const __iconNode$n = [
   ["path", { d: "M9 15h6", key: "cctwl0" }],
   ["path", { d: "M12 18v-6", key: "17g6i2" }]
 ];
-const FilePlus = createLucideIcon("file-plus", __iconNode$n);
+const FilePlus = createLucideIcon("file-plus", __iconNode$s);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$m = [
+const __iconNode$r = [
   [
     "path",
     {
@@ -60585,14 +60768,14 @@ const __iconNode$m = [
   ["path", { d: "M8 17h2", key: "2yhykz" }],
   ["path", { d: "M14 17h2", key: "10kma7" }]
 ];
-const FileSpreadsheet = createLucideIcon("file-spreadsheet", __iconNode$m);
+const FileSpreadsheet = createLucideIcon("file-spreadsheet", __iconNode$r);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$l = [
+const __iconNode$q = [
   [
     "path",
     {
@@ -60605,14 +60788,14 @@ const __iconNode$l = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$l);
+const FileText = createLucideIcon("file-text", __iconNode$q);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$k = [
+const __iconNode$p = [
   [
     "path",
     {
@@ -60622,26 +60805,54 @@ const __iconNode$k = [
   ],
   ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }]
 ];
-const File$1 = createLucideIcon("file", __iconNode$k);
+const File$1 = createLucideIcon("file", __iconNode$p);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$j = [
+const __iconNode$o = [
+  [
+    "path",
+    {
+      d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2",
+      key: "usdka0"
+    }
+  ]
+];
+const FolderOpen = createLucideIcon("folder-open", __iconNode$o);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$n = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
   ["path", { d: "M2 12h20", key: "9i4pu4" }]
 ];
-const Globe = createLucideIcon("globe", __iconNode$j);
+const Globe = createLucideIcon("globe", __iconNode$n);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$i = [
+const __iconNode$m = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
+  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
+  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
+];
+const Image = createLucideIcon("image", __iconNode$m);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$l = [
   [
     "path",
     {
@@ -60664,35 +60875,46 @@ const __iconNode$i = [
     }
   ]
 ];
-const Layers = createLucideIcon("layers", __iconNode$i);
+const Layers = createLucideIcon("layers", __iconNode$l);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$h = [
+const __iconNode$k = [
   ["rect", { width: "7", height: "7", x: "3", y: "3", rx: "1", key: "1g98yp" }],
   ["rect", { width: "7", height: "7", x: "14", y: "3", rx: "1", key: "6d4xhi" }],
   ["rect", { width: "7", height: "7", x: "14", y: "14", rx: "1", key: "nxv5o0" }],
   ["rect", { width: "7", height: "7", x: "3", y: "14", rx: "1", key: "1bb6yr" }]
 ];
-const LayoutGrid = createLucideIcon("layout-grid", __iconNode$h);
+const LayoutGrid = createLucideIcon("layout-grid", __iconNode$k);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$g = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$g);
+const __iconNode$j = [
+  ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
+  ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
+];
+const Link = createLucideIcon("link", __iconNode$j);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$f = [
+const __iconNode$i = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$i);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$h = [
   ["path", { d: "M12 2v4", key: "3427ic" }],
   ["path", { d: "m16.2 7.8 2.9-2.9", key: "r700ao" }],
   ["path", { d: "M18 12h4", key: "wj9ykh" }],
@@ -60702,38 +60924,38 @@ const __iconNode$f = [
   ["path", { d: "M2 12h4", key: "j09sii" }],
   ["path", { d: "m4.9 4.9 2.9 2.9", key: "giyufr" }]
 ];
-const Loader = createLucideIcon("loader", __iconNode$f);
+const Loader = createLucideIcon("loader", __iconNode$h);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$e = [
+const __iconNode$g = [
   ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
   ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
 ];
-const Mail = createLucideIcon("mail", __iconNode$e);
+const Mail = createLucideIcon("mail", __iconNode$g);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$d = [
+const __iconNode$f = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "m21 3-7 7", key: "1l2asr" }],
   ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
   ["path", { d: "M9 21H3v-6", key: "wtvkvv" }]
 ];
-const Maximize2 = createLucideIcon("maximize-2", __iconNode$d);
+const Maximize2 = createLucideIcon("maximize-2", __iconNode$f);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$c = [
+const __iconNode$e = [
   [
     "path",
     {
@@ -60742,39 +60964,39 @@ const __iconNode$c = [
     }
   ]
 ];
-const MessageSquare = createLucideIcon("message-square", __iconNode$c);
+const MessageSquare = createLucideIcon("message-square", __iconNode$e);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$b = [
+const __iconNode$d = [
   ["path", { d: "m14 10 7-7", key: "oa77jy" }],
   ["path", { d: "M20 10h-6V4", key: "mjg0md" }],
   ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
   ["path", { d: "M4 14h6v6", key: "rmj7iw" }]
 ];
-const Minimize2 = createLucideIcon("minimize-2", __iconNode$b);
+const Minimize2 = createLucideIcon("minimize-2", __iconNode$d);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$a = [
+const __iconNode$c = [
   ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
   ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
   ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
 ];
-const Monitor = createLucideIcon("monitor", __iconNode$a);
+const Monitor = createLucideIcon("monitor", __iconNode$c);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$9 = [
+const __iconNode$b = [
   ["path", { d: "M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4", key: "re6nr2" }],
   ["path", { d: "M2 6h4", key: "aawbzj" }],
   ["path", { d: "M2 10h4", key: "l0bgd4" }],
@@ -60788,14 +61010,14 @@ const __iconNode$9 = [
     }
   ]
 ];
-const NotebookPen = createLucideIcon("notebook-pen", __iconNode$9);
+const NotebookPen = createLucideIcon("notebook-pen", __iconNode$b);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$8 = [
+const __iconNode$a = [
   ["path", { d: "M13 21h8", key: "1jsn5i" }],
   [
     "path",
@@ -60805,61 +61027,61 @@ const __iconNode$8 = [
     }
   ]
 ];
-const PenLine = createLucideIcon("pen-line", __iconNode$8);
+const PenLine = createLucideIcon("pen-line", __iconNode$a);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$7 = [
+const __iconNode$9 = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ];
-const Plus = createLucideIcon("plus", __iconNode$7);
+const Plus = createLucideIcon("plus", __iconNode$9);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$6 = [
+const __iconNode$8 = [
   ["path", { d: "M2 3h20", key: "91anmk" }],
   ["path", { d: "M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3", key: "2k9sn8" }],
   ["path", { d: "m7 21 5-5 5 5", key: "bip4we" }]
 ];
-const Presentation = createLucideIcon("presentation", __iconNode$6);
+const Presentation = createLucideIcon("presentation", __iconNode$8);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$5 = [
+const __iconNode$7 = [
   ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
   ["path", { d: "M8 16H3v5", key: "1cv678" }]
 ];
-const RefreshCw = createLucideIcon("refresh-cw", __iconNode$5);
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$7);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$4 = [
+const __iconNode$6 = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
 ];
-const Search = createLucideIcon("search", __iconNode$4);
+const Search = createLucideIcon("search", __iconNode$6);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$3 = [
+const __iconNode$5 = [
   [
     "path",
     {
@@ -60869,17 +61091,46 @@ const __iconNode$3 = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Settings = createLucideIcon("settings", __iconNode$3);
+const Settings = createLucideIcon("settings", __iconNode$5);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$2 = [
+const __iconNode$4 = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
 ];
-const Square = createLucideIcon("square", __iconNode$2);
+const Square = createLucideIcon("square", __iconNode$4);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$3 = [
+  ["path", { d: "M12 19h8", key: "baeox8" }],
+  ["path", { d: "m4 17 6-6-6-6", key: "1yngyt" }]
+];
+const Terminal = createLucideIcon("terminal", __iconNode$3);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$2 = [
+  [
+    "path",
+    {
+      d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+      key: "wmoenq"
+    }
+  ],
+  ["path", { d: "M12 9v4", key: "juzpu7" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+];
+const TriangleAlert = createLucideIcon("triangle-alert", __iconNode$2);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -61002,6 +61253,8 @@ const TOOL_META = {
   // Workflows
   create_new_aop: { displayName: "Creating workflow", icon: Brain },
   execute_aop: { displayName: "Running workflow", icon: Brain },
+  // Drive / Assets
+  open_asset_in_workspace: { displayName: "Opening asset", icon: FolderOpen },
   // Preferences
   save_preference_as_memory: { displayName: "Saving preference", icon: Settings }
 };
@@ -61052,6 +61305,14 @@ function extractAssetId$1(result) {
   }
   return null;
 }
+function extractAssetIdFromArgs(argsText) {
+  if (!argsText) return null;
+  const parsed = tryParseJson$2(argsText);
+  if (!parsed) return null;
+  const id = parsed.asset_id ?? parsed.assetId;
+  if (typeof id === "string" && id.startsWith("asset_")) return id;
+  return null;
+}
 function toolMetaToAssetType(toolName) {
   const lower = toolName.toLowerCase();
   if (lower.includes("presentation") || lower.includes("pptx") || lower.includes("slide") || lower.includes("powerpoint"))
@@ -61060,13 +61321,16 @@ function toolMetaToAssetType(toolName) {
     return "spreadsheet";
   if (lower.includes("document") || lower.includes("doc") || lower.includes("markdown"))
     return "document";
+  if (lower.includes("notebook"))
+    return "notebook";
   return "unknown";
 }
 const CREATE_ASSET_TOOLS = [
   "create_powerpoint_deck",
   "create_document_from_markdown",
   "create_new_document",
-  "create_new_sheet"
+  "create_new_sheet",
+  "create_new_notebook"
 ];
 function isAssetTool(toolName, result) {
   return CREATE_ASSET_TOOLS.includes(toolName.toLowerCase()) || extractAssetId$1(result) !== null;
@@ -61415,6 +61679,22 @@ function AssetToolCard({
     ] })
   ] });
 }
+function AssetOpenLink({ assetId, toolName }) {
+  const openAsset = useAssetPanelStore((s) => s.openAsset);
+  const assetType = toolMetaToAssetType(toolName);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick: (e) => {
+        e.stopPropagation();
+        openAsset(assetId, { type: assetType });
+      },
+      className: "flex size-5 shrink-0 items-center justify-center rounded text-muted-foreground/50 transition-colors hover:bg-muted/50 hover:text-foreground",
+      title: "Open asset",
+      children: /* @__PURE__ */ jsx(Link, { className: "size-3" })
+    }
+  );
+}
 const ToolFallbackImpl = ({
   toolName,
   argsText,
@@ -61433,12 +61713,19 @@ const ToolFallbackImpl = ({
       }
     );
   }
+  const isComplete = (status == null ? void 0 : status.type) === "complete" || !status;
+  const resultAssetId = extractAssetId$1(result);
+  const argsAssetId = extractAssetIdFromArgs(argsText);
+  const fallbackAssetId = resultAssetId ?? argsAssetId;
   return /* @__PURE__ */ jsxs(
     ToolFallbackRoot,
     {
       className: cn(isCancelled && "border-muted-foreground/30 bg-muted/30"),
       children: [
-        /* @__PURE__ */ jsx(ToolFallbackTrigger, { toolName, argsText, result, status }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+          /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(ToolFallbackTrigger, { toolName, argsText, result, status }) }),
+          fallbackAssetId && isComplete && !isCancelled && /* @__PURE__ */ jsx("div", { className: "shrink-0 pr-2", children: /* @__PURE__ */ jsx(AssetOpenLink, { assetId: fallbackAssetId, toolName }) })
+        ] }),
         /* @__PURE__ */ jsxs(ToolFallbackContent, { children: [
           /* @__PURE__ */ jsx(ToolFallbackError, { status }),
           /* @__PURE__ */ jsx(
@@ -62168,6 +62455,190 @@ const CreateEmailDraftToolUI = memo(
   CreateEmailDraftToolUIImpl
 );
 CreateEmailDraftToolUI.displayName = "CreateEmailDraftToolUI";
+const CreateNotebookToolUIImpl = (props) => /* @__PURE__ */ jsx(
+  CreateAssetToolUIImpl,
+  {
+    icon: BookOpen,
+    assetType: "notebook",
+    runningLabel: "Creating notebook...",
+    doneLabel: "Created notebook",
+    ...props
+  }
+);
+const CreateNotebookToolUI = memo(
+  CreateNotebookToolUIImpl
+);
+CreateNotebookToolUI.displayName = "CreateNotebookToolUI";
+function parsePythonResult(result) {
+  const data = normalizeResult(result);
+  if (!data) return { stdout: null, stderr: null, value: null, error: null, exception: null, imagePng: null, createdAssets: [] };
+  const inner = typeof data.result === "object" && data.result !== null ? data.result : data;
+  const stdout = inner.stdout ?? null;
+  const stderr = inner.stderr ?? null;
+  const value = inner.value ?? null;
+  const error2 = inner.error ?? null;
+  let exception = null;
+  if (inner.exception && typeof inner.exception === "object") {
+    const exc = inner.exception;
+    exception = {
+      name: exc.name ?? "Error",
+      value: exc.value ?? "",
+      traceback: exc.traceback ?? ""
+    };
+  }
+  let imagePng = null;
+  if (inner.data && typeof inner.data === "object") {
+    imagePng = inner.data.png ?? null;
+  }
+  const createdAssets = Array.isArray(data.created_assets) ? data.created_assets : [];
+  return { stdout, stderr, value, error: error2, exception, imagePng, createdAssets };
+}
+const RunPythonCodeToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  var _a2;
+  const typedArgs = args;
+  const code2 = (typedArgs == null ? void 0 : typedArgs.code) ?? "";
+  const summary = (typedArgs == null ? void 0 : typedArgs.summary) ?? null;
+  const lines = code2 ? code2.split("\n").length : 0;
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete";
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  const parsed = useMemo(() => isComplete ? parsePythonResult(result) : null, [result, isComplete]);
+  const openAsset = useAssetPanelStore((s) => s.openAsset);
+  const hasOutput = parsed && (parsed.stdout || parsed.stderr || parsed.value);
+  const hasError = parsed && (parsed.error || parsed.exception);
+  const hasImage = parsed == null ? void 0 : parsed.imagePng;
+  return /* @__PURE__ */ jsxs(
+    ToolCard,
+    {
+      icon: Code,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: isRunning ? "Running code..." : summary || `Executed ${lines} ${lines !== 1 ? "lines" : "line"}`,
+      toolName,
+      error: errorMsg,
+      children: [
+        code2 && /* @__PURE__ */ jsx(ExpandableSection, { label: "Show code", children: /* @__PURE__ */ jsx("pre", { className: "whitespace-pre-wrap break-words text-[11px] leading-relaxed font-mono text-foreground/80", children: code2 }) }),
+        isComplete && hasOutput && /* @__PURE__ */ jsxs("div", { className: "border-t border-border/40 px-4 py-2.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 mb-1", children: [
+            /* @__PURE__ */ jsx(Terminal, { className: "size-3 text-muted-foreground" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: "Output" })
+          ] }),
+          /* @__PURE__ */ jsx("pre", { className: "max-h-48 overflow-auto whitespace-pre-wrap break-words rounded-md bg-muted/30 p-2 text-[11px] leading-relaxed font-mono text-foreground/80", children: [parsed.value, parsed.stdout, parsed.stderr].filter(Boolean).join("\n") })
+        ] }),
+        isComplete && hasError && /* @__PURE__ */ jsxs("div", { className: "border-t border-border/40 bg-red-50/50 px-4 py-2.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 mb-1", children: [
+            /* @__PURE__ */ jsx(TriangleAlert, { className: "size-3 text-red-500" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-red-600", children: parsed.exception ? `${parsed.exception.name}: ${parsed.exception.value}` : "Error" })
+          ] }),
+          /* @__PURE__ */ jsx("pre", { className: "max-h-48 overflow-auto whitespace-pre-wrap break-words rounded-md bg-red-50 p-2 text-[11px] leading-relaxed font-mono text-red-600/80", children: ((_a2 = parsed.exception) == null ? void 0 : _a2.traceback) ?? parsed.error })
+        ] }),
+        isComplete && hasImage && /* @__PURE__ */ jsxs("div", { className: "border-t border-border/40 px-4 py-2.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 mb-1.5", children: [
+            /* @__PURE__ */ jsx(Image, { className: "size-3 text-muted-foreground" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: "Generated image" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: `data:image/png;base64,${parsed.imagePng}`,
+              alt: "Python output",
+              className: "max-w-full rounded-md border border-border/40"
+            }
+          )
+        ] }),
+        isComplete && parsed && parsed.createdAssets.length > 0 && /* @__PURE__ */ jsxs("div", { className: "border-t border-border/40 px-4 py-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: "Created assets" }),
+          /* @__PURE__ */ jsx("div", { className: "mt-1 flex flex-wrap gap-1.5", children: parsed.createdAssets.map((a) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => openAsset(a.asset_id),
+              className: "flex items-center gap-1 rounded-md border border-border/60 px-2 py-1 text-[11px] font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+              children: [
+                /* @__PURE__ */ jsx(ExternalLink, { className: "size-2.5" }),
+                truncate(a.asset_id, 20)
+              ]
+            },
+            a.asset_id
+          )) })
+        ] })
+      ]
+    }
+  );
+};
+const RunPythonCodeToolUI = memo(
+  RunPythonCodeToolUIImpl
+);
+RunPythonCodeToolUI.displayName = "RunPythonCodeToolUI";
+const OpenAssetToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  const typedArgs = args;
+  const argsAssetId = (typedArgs == null ? void 0 : typedArgs.asset_id) ?? (typedArgs == null ? void 0 : typedArgs.assetId) ?? "";
+  const resultAssetId = extractAssetId(result);
+  const assetId = resultAssetId ?? (argsAssetId.startsWith("asset_") ? argsAssetId : null);
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete" || !status;
+  const isCancelled = (status == null ? void 0 : status.type) === "incomplete" && status.reason === "cancelled";
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  const openAsset = useAssetPanelStore((s) => s.openAsset);
+  const wasCompleteAtMount = useRef(isComplete);
+  useEffect(() => {
+    if (isComplete && !isCancelled && assetId && !wasCompleteAtMount.current) {
+      const store = useAssetPanelStore.getState();
+      if (store.markAutoOpened(assetId)) {
+        store.openAsset(assetId);
+      }
+    }
+  }, [isComplete, isCancelled, assetId]);
+  return /* @__PURE__ */ jsx(
+    ToolCard,
+    {
+      icon: FolderOpen,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: isRunning ? "Opening asset..." : "Asset opened",
+      subtitle: assetId ? truncate(assetId, 30) : void 0,
+      toolName,
+      error: errorMsg,
+      children: assetId && isComplete && !isCancelled && /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 px-4 py-2", children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => openAsset(assetId),
+          className: "flex items-center gap-1.5 rounded-md border border-border/60 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsx(ExternalLink, { className: "size-3" }),
+            "Open asset"
+          ]
+        }
+      ) })
+    }
+  );
+};
+const OpenAssetToolUI = memo(
+  OpenAssetToolUIImpl
+);
+OpenAssetToolUI.displayName = "OpenAssetToolUI";
+function createAssetToolUI(config2) {
+  const Component = (props) => /* @__PURE__ */ jsx(
+    CreateAssetToolUIImpl,
+    {
+      icon: config2.icon,
+      assetType: config2.assetType,
+      runningLabel: config2.runningLabel,
+      doneLabel: config2.doneLabel,
+      ...props
+    }
+  );
+  const Memoized = memo(Component);
+  Memoized.displayName = `CreateAssetToolUI(${config2.assetType})`;
+  return Memoized;
+}
 const TOOL_UI_REGISTRY = {
   search: WebSearchToolUI,
   browse: BrowseToolUI,
@@ -62178,7 +62649,10 @@ const TOOL_UI_REGISTRY = {
   create_new_document: CreateDocumentToolUI,
   create_document_from_markdown: CreateDocumentToolUI,
   create_new_sheet: CreateSheetToolUI,
-  create_powerpoint_deck: CreatePresentationToolUI
+  create_powerpoint_deck: CreatePresentationToolUI,
+  create_new_notebook: CreateNotebookToolUI,
+  run_python_code: RunPythonCodeToolUI,
+  open_asset_in_workspace: OpenAssetToolUI
 };
 const falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
 const cx = clsx;
@@ -62299,7 +62773,6 @@ const AthenaChat = ({
   toolUIs,
   mentionTools
 }) => {
-  const isLoadingThread = useThreadLoading();
   const tools = mentionTools ?? EMPTY_MENTION_TOOLS;
   const mergedToolUIs = useMemo(() => ({
     append_markdown_to_athena_document: AppendDocumentToolUI,
@@ -62311,43 +62784,40 @@ const AthenaChat = ({
     () => () => /* @__PURE__ */ jsx(AssistantMessage, { toolUIs: mergedToolUIs }),
     [mergedToolUIs]
   );
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(
     ThreadPrimitiveRoot,
     {
       className: `aui-root aui-thread-root @container flex h-full flex-col bg-background ${className ?? ""}`,
       style: { ["--thread-max-width"]: maxWidth, position: "relative" },
-      children: [
-        isLoadingThread && /* @__PURE__ */ jsx(ThreadLoadingOverlay, {}),
-        /* @__PURE__ */ jsxs(
-          ThreadPrimitiveViewport,
-          {
-            turnAnchor: "top",
-            className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-scroll scroll-smooth px-4 pt-4",
-            children: [
-              /* @__PURE__ */ jsx(AuiIf, { condition: (s) => s.thread.isEmpty, children: /* @__PURE__ */ jsx("div", { className: "aui-thread-welcome-root mx-auto my-auto flex w-full max-w-(--thread-max-width) grow flex-col", children: /* @__PURE__ */ jsx("div", { className: "aui-thread-welcome-center flex w-full grow flex-col items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "aui-thread-welcome-message flex size-full flex-col justify-center px-4", children: [
-                /* @__PURE__ */ jsx("h1", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both font-semibold text-2xl duration-200", children: welcomeMessage }),
-                /* @__PURE__ */ jsx("p", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-muted-foreground text-xl delay-75 duration-200", children: welcomeSubtext })
-              ] }) }) }) }),
-              /* @__PURE__ */ jsx(
-                ThreadPrimitiveMessages,
-                {
-                  components: {
-                    UserMessage,
-                    AssistantMessage: AssistantMessageComponent
-                  }
+      children: /* @__PURE__ */ jsxs(
+        ThreadPrimitiveViewport,
+        {
+          turnAnchor: "top",
+          className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-scroll scroll-smooth px-4 pt-4",
+          children: [
+            /* @__PURE__ */ jsx(AuiIf, { condition: (s) => s.thread.isEmpty, children: /* @__PURE__ */ jsx("div", { className: "aui-thread-welcome-root mx-auto my-auto flex w-full max-w-(--thread-max-width) grow flex-col", children: /* @__PURE__ */ jsx("div", { className: "aui-thread-welcome-center flex w-full grow flex-col items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "aui-thread-welcome-message flex size-full flex-col justify-center px-4", children: [
+              /* @__PURE__ */ jsx("h1", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both font-semibold text-2xl duration-200", children: welcomeMessage }),
+              /* @__PURE__ */ jsx("p", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-muted-foreground text-xl delay-75 duration-200", children: welcomeSubtext })
+            ] }) }) }) }),
+            /* @__PURE__ */ jsx(
+              ThreadPrimitiveMessages,
+              {
+                components: {
+                  UserMessage,
+                  AssistantMessage: AssistantMessageComponent
                 }
-              ),
-              /* @__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__ */ 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(TiptapComposer, { tools }),
-                  /* @__PURE__ */ jsx(ComposerAction, {})
-                ] })
+              }
+            ),
+            /* @__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__ */ 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(TiptapComposer, { tools }),
+                /* @__PURE__ */ jsx(ComposerAction, {})
               ] })
-            ]
-          }
-        )
-      ]
+            ] })
+          ]
+        }
+      )
     }
   );
 };
@@ -62455,57 +62925,6 @@ const AssistantActionBar = () => /* @__PURE__ */ jsxs(
     ]
   }
 );
-const ThreadLoadingOverlay = () => /* @__PURE__ */ jsxs(
-  "div",
-  {
-    className: "aui-thread-loading-overlay",
-    style: {
-      position: "absolute",
-      inset: 0,
-      zIndex: 50,
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "center",
-      justifyContent: "center",
-      gap: 12,
-      background: "color-mix(in srgb, var(--background, #fff) 80%, transparent)",
-      backdropFilter: "blur(4px)",
-      WebkitBackdropFilter: "blur(4px)",
-      animation: "aui-overlay-in 0.2s ease-out"
-    },
-    children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: {
-            width: 28,
-            height: 28,
-            border: "2.5px solid var(--border, #e5e5e5)",
-            borderTopColor: "var(--primary, #2563eb)",
-            borderRadius: "50%",
-            animation: "aui-spin 0.7s linear infinite"
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          style: {
-            fontSize: 13,
-            fontWeight: 500,
-            color: "var(--muted-foreground, #888)",
-            letterSpacing: "0.01em"
-          },
-          children: "Loading conversation…"
-        }
-      ),
-      /* @__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,
   {
@@ -62584,6 +63003,7 @@ const ASSET_TYPE_CONFIG = {
   presentation: { icon: Presentation, label: "Presentation" },
   spreadsheet: { icon: FileSpreadsheet, label: "Spreadsheet" },
   document: { icon: FileText, label: "Document" },
+  notebook: { icon: BookOpen, label: "Notebook" },
   unknown: { icon: File$1, label: "Asset" }
 };
 const AssetIframe = memo(
@@ -62820,66 +63240,29 @@ const AthenaLayout = ({
     /* @__PURE__ */ jsx("div", { className: "flex h-full flex-1 flex-col overflow-hidden", children: /* @__PURE__ */ jsx(AssetPanel, {}) })
   ] });
 };
-function useThreadList() {
-  const store = useThreadListStore();
-  return useStore$1(store);
-}
-function useActiveThreadId() {
-  const store = useThreadListStore();
-  return useStore$1(store, (s) => s.activeThreadId);
-}
 function ThreadList({ className }) {
-  const {
-    threads,
-    activeThreadId,
-    isLoading,
-    fetchThreads,
-    switchThread,
-    newThread,
-    archiveThread: archiveThread2
-  } = useThreadList();
-  useEffect(() => {
-    fetchThreads();
-  }, [fetchThreads]);
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1", className), children: [
-    /* @__PURE__ */ jsxs(
-      "button",
+  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__ */ jsx("div", { className: "flex flex-col gap-0.5", children: /* @__PURE__ */ jsx(
+      ThreadListPrimitiveItems,
       {
-        onClick: () => newThread(),
-        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"
-        ]
+        components: {
+          ThreadListItem
+        }
       }
-    ),
-    isLoading && threads.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-4 text-muted-foreground", children: /* @__PURE__ */ jsx(LoaderCircle, { className: "size-4 animate-spin" }) }) : threads.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-4 text-center text-xs text-muted-foreground/60", children: "No conversations yet" }) : /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: threads.map((thread) => /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn(
-          "group flex items-center gap-2 rounded-lg px-3 py-2 text-sm transition-colors cursor-pointer",
-          activeThreadId === thread.thread_id ? "bg-muted/50 text-foreground" : "text-muted-foreground hover:bg-muted/30 hover:text-foreground"
-        ),
-        onClick: () => switchThread(thread.thread_id),
-        children: [
-          /* @__PURE__ */ jsx(MessageSquare, { className: "size-3.5 shrink-0" }),
-          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: thread.title || "Untitled" }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: (e) => {
-                e.stopPropagation();
-                archiveThread2(thread.thread_id);
-              },
-              className: "hidden size-5 items-center justify-center rounded text-muted-foreground/60 transition-colors hover:bg-muted hover:text-foreground group-hover:flex",
-              title: "Archive",
-              children: /* @__PURE__ */ jsx(Archive, { className: "size-3" })
-            }
-          )
-        ]
-      },
-      thread.thread_id
-    )) })
+    ) })
+  ] });
+}
+function ThreadListItem() {
+  return /* @__PURE__ */ jsxs(ThreadListItemPrimitiveRoot, { className: "group", children: [
+    /* @__PURE__ */ jsxs(ThreadListItemPrimitiveTrigger, { className: "flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm transition-colors cursor-pointer text-muted-foreground hover:bg-muted/30 hover:text-foreground data-[active]:bg-muted/50 data-[active]:text-foreground", children: [
+      /* @__PURE__ */ jsx(MessageSquare, { className: "size-3.5 shrink-0" }),
+      /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-left", children: /* @__PURE__ */ jsx(ThreadListItemPrimitiveTitle, { fallback: "Untitled" }) })
+    ] }),
+    /* @__PURE__ */ jsx(ThreadListItemPrimitiveArchive, { className: "hidden size-5 items-center justify-center rounded text-muted-foreground/60 transition-colors hover:bg-muted hover:text-foreground group-hover:flex", children: /* @__PURE__ */ jsx(Archive, { className: "size-3" }) })
   ] });
 }
 function useAppendToComposer() {
@@ -62917,6 +63300,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,
@@ -62930,11 +63381,14 @@ export {
   CollapsibleTrigger,
   CreateDocumentToolUI,
   CreateEmailDraftToolUI,
+  CreateNotebookToolUI,
   CreatePresentationToolUI,
   CreateSheetToolUI,
   DEFAULT_BACKEND_URL,
   EmailSearchToolUI,
+  OpenAssetToolUI,
   ReadAssetToolUI,
+  RunPythonCodeToolUI,
   TOOL_UI_REGISTRY,
   ThreadList,
   TiptapComposer,
@@ -62946,6 +63400,7 @@ export {
   ToolFallbackResult,
   ToolFallbackRoot,
   ToolFallbackTrigger,
+  Toolkits,
   Tooltip,
   TooltipContent,
   TooltipIconButton,
@@ -62955,11 +63410,12 @@ export {
   buttonVariants,
   clearAutoOpenedAssets,
   cn,
-  createThreadListStore,
+  createAssetToolUI,
   getAssetInfo,
   resetAssetAutoOpen,
+  themeToStyleVars,
+  themes,
   tryParseJson$1 as tryParseJson,
-  useActiveThreadId,
   useAppendToComposer,
   useAssetEmbed,
   useAssetPanelStore,
@@ -62967,8 +63423,6 @@ export {
   useAthenaRuntime,
   useComposerAttachment,
   useMentionSuggestions,
-  useParentAuth,
-  useThreadList,
-  useThreadLoading
+  useParentAuth
 };
 //# sourceMappingURL=index.js.map