@athenaintel/react 0.5.0 → 0.6.1

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);
@@ -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);
@@ -20560,6 +20619,73 @@ const parseLangGraphState = (state) => {
   }
   return result;
 };
+function getAuthHeaders(auth) {
+  if (auth.token) {
+    return { Authorization: `Bearer ${auth.token}` };
+  }
+  if (auth.apiKey) {
+    return { "X-API-KEY": auth.apiKey };
+  }
+  return {};
+}
+function getAgoraBaseUrl(backendUrl) {
+  const stripped = backendUrl.replace(/\/api\/assistant-ui\/?$/, "");
+  if (stripped === backendUrl) {
+    return backendUrl.replace(/\/$/, "");
+  }
+  return stripped;
+}
+async function listThreads(backendUrl, auth, opts = {}) {
+  const base2 = getAgoraBaseUrl(backendUrl);
+  const res = await fetch(`${base2}/api/conversations/threads/list`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json", ...getAuthHeaders(auth) },
+    body: JSON.stringify({ limit: opts.limit ?? 50, offset: opts.offset ?? 0 })
+  });
+  if (!res.ok) {
+    throw new Error(`[AthenaSDK] Failed to list threads: ${res.status}`);
+  }
+  return res.json();
+}
+function deserializeMessage(msg) {
+  if (msg && typeof msg === "object" && "lc" in msg && "kwargs" in msg && msg.type === "constructor") {
+    const kwargs = msg.kwargs;
+    const deserializedToolCalls = Array.isArray(kwargs.tool_calls) ? kwargs.tool_calls.map((tc) => {
+      if (tc && typeof tc === "object" && "lc" in tc && "kwargs" in tc) {
+        return tc.kwargs;
+      }
+      return tc;
+    }) : kwargs.tool_calls;
+    return { ...kwargs, tool_calls: deserializedToolCalls };
+  }
+  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`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json", ...getAuthHeaders(auth) },
+    body: JSON.stringify({ thread_id: threadId })
+  });
+  if (!res.ok) {
+    throw new Error(`[AthenaSDK] Failed to archive thread: ${res.status}`);
+  }
+}
 const DEFAULT_API_URL = "https://sync.athenaintel.com/api/chat";
 const DEFAULT_BACKEND_URL = "https://api.athenaintel.com/api/assistant-ui";
 const DEFAULT_MODEL = "claude-sonnet-4-6-low";
@@ -20719,6 +20845,7 @@ const createConverter = (optimisticMessageCache) => (state, connectionMetadata)
 const useAthenaRuntime = (config2) => {
   const {
     apiUrl = DEFAULT_API_URL,
+    resumeApiUrl,
     backendUrl = DEFAULT_BACKEND_URL,
     apiKey,
     token,
@@ -20729,9 +20856,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();
@@ -20747,10 +20874,12 @@ 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,
+    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 } : {},
@@ -20856,6 +20985,34 @@ const useAthenaRuntime = (config2) => {
       }
     }
   });
+  const hasResumedRef = useRef(false);
+  const prevThreadIdRef = useRef(threadId);
+  if (prevThreadIdRef.current !== threadId) {
+    prevThreadIdRef.current = threadId;
+    hasResumedRef.current = false;
+  }
+  useEffect(() => {
+    if (isExistingThread && !hasResumedRef.current) {
+      hasResumedRef.current = true;
+      (async () => {
+        try {
+          const auth = { apiKey: apiKeyRef.current, token: tokenRef.current };
+          const state = await getThreadState(backendUrl, auth, threadId);
+          runtime.thread.importExternalState({
+            messages: state.messages
+          });
+        } catch (err) {
+          if (process.env.NODE_ENV !== "production") {
+            console.error("[AthenaSDK] Failed to load thread state:", err);
+          }
+          try {
+            runtime.thread.unstable_resumeRun({ parentId: null });
+          } catch {
+          }
+        }
+      })();
+    }
+  }, [isExistingThread, runtime, threadId, backendUrl]);
   return runtime;
 };
 function r(e) {
@@ -24089,132 +24246,67 @@ function useAthenaConfig() {
   }
   return ctx;
 }
-const ThreadLoadingContext = createContext(false);
-function useThreadLoading() {
-  return useContext(ThreadLoadingContext);
-}
-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 AthenaThreadIdContext = createContext(void 0);
+function useAthenaThreadId() {
+  return useContext(AthenaThreadIdContext);
 }
-function getAuthHeaders(auth) {
-  if (auth.token) {
-    return { Authorization: `Bearer ${auth.token}` };
-  }
-  if (auth.apiKey) {
-    return { "X-API-KEY": auth.apiKey };
-  }
-  return {};
-}
-function getAgoraBaseUrl(backendUrl) {
-  return backendUrl.replace(/\/api\/assistant-ui\/?$/, "");
-}
-async function listThreads(backendUrl, auth, opts = {}) {
-  const base2 = getAgoraBaseUrl(backendUrl);
-  const res = await fetch(`${base2}/api/conversations/threads/list`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json", ...getAuthHeaders(auth) },
-    body: JSON.stringify({ limit: opts.limit ?? 50, offset: opts.offset ?? 0 })
-  });
-  if (!res.ok) {
-    throw new Error(`[AthenaSDK] Failed to list threads: ${res.status}`);
-  }
-  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`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json", ...getAuthHeaders(auth) },
-    body: JSON.stringify({ thread_id: threadId })
-  });
-  if (!res.ok) {
-    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 });
+function useAthenaThreadListAdapter(config2) {
+  const configRef = useRef(config2);
+  configRef.current = 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;
+    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 ReadableStream({ start(c) {
+        c.close();
+      } });
+    },
+    async fetch(remoteId) {
+      return {
+        status: "regular",
+        remoteId
+      };
+    },
+    unstable_Provider
+  }), [auth, unstable_Provider]);
 }
 const THEME_TO_CSS = {
   primary: "--primary",
@@ -24388,7 +24480,7 @@ const themes = {
     radius: "0.625rem"
   }
 };
-function AthenaRuntimeInner({
+function AthenaStandalone({
   children,
   apiUrl,
   backendUrl,
@@ -24402,13 +24494,10 @@ function AthenaRuntimeInner({
   workbench,
   knowledgeBase,
   systemPrompt,
-  threadId,
-  initialMessages
+  threadId
 }) {
   const auiTools = useMemo(() => Tools({ toolkit: frontendTools }), [frontendTools]);
-  const aui = useAui({
-    tools: auiTools
-  });
+  const aui = useAui({ tools: auiTools });
   const runtime = useAthenaRuntime({
     apiUrl,
     backendUrl,
@@ -24421,8 +24510,7 @@ function AthenaRuntimeInner({
     workbench,
     knowledgeBase,
     systemPrompt,
-    threadId,
-    initialMessages
+    threadId
   });
   const athenaConfig = useMemo(
     () => ({ backendUrl, apiKey, token }),
@@ -24430,6 +24518,85 @@ function AthenaRuntimeInner({
   );
   return /* @__PURE__ */ jsx(AssistantRuntimeProvider, { aui, runtime, children: /* @__PURE__ */ jsx(AthenaContext.Provider, { value: athenaConfig, children: /* @__PURE__ */ jsx(TooltipProvider, { children }) }) });
 }
+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 runtimeConfigRef = useRef({
+    apiUrl,
+    backendUrl,
+    apiKey,
+    token,
+    model,
+    agent: agent2,
+    tools,
+    frontendToolIds,
+    workbench,
+    knowledgeBase,
+    systemPrompt
+  });
+  runtimeConfigRef.current = {
+    apiUrl,
+    backendUrl,
+    apiKey,
+    token,
+    model,
+    agent: agent2,
+    tools,
+    frontendToolIds,
+    workbench,
+    knowledgeBase,
+    systemPrompt
+  };
+  const runtimeHook = useCallback(
+    () => useAthenaRuntimeHook(runtimeConfigRef.current),
+    []
+  );
+  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,
   apiKey,
@@ -24452,75 +24619,46 @@ function AthenaProvider({
   const parentAuthToken = useParentAuth();
   const effectiveToken = tokenProp ?? parentAuthToken;
   const effectiveBackendUrl = backendUrl ?? DEFAULT_BACKEND_URL;
-  const threadListStoreRef = useRef(null);
-  if (enableThreadList && !threadListStoreRef.current) {
-    threadListStoreRef.current = createThreadListStore({
-      backendUrl: effectiveBackendUrl,
-      apiKey,
-      token: effectiveToken
-    });
-  }
-  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);
-  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) => {
-      if (cancelled) return;
-      setLoadedMessages(state.messages ?? []);
-      setDisplayedThreadId(activeThreadId);
-      setIsLoadingThread(false);
-    }).catch((err) => {
-      if (cancelled) return;
-      if (process.env.NODE_ENV !== "production") {
-        console.error("[AthenaSDK] Failed to load thread state:", err);
+  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(void 0);
-      setDisplayedThreadId(activeThreadId);
-      setIsLoadingThread(false);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [activeThreadId, displayedThreadId, enableThreadList, effectiveBackendUrl, apiKey, effectiveToken]);
-  const resolvedThreadId = threadIdProp ?? displayedThreadId ?? void 0;
-  const runtimeContent = /* @__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__"
-  ) });
-  let inner = runtimeContent;
-  if (enableThreadList && threadListStoreRef.current) {
-    inner = /* @__PURE__ */ jsx(ThreadListContext.Provider, { value: threadListStoreRef.current, children: inner });
+    );
+  } else {
+    inner = /* @__PURE__ */ jsx(
+      AthenaStandalone,
+      {
+        apiUrl,
+        backendUrl: effectiveBackendUrl,
+        apiKey,
+        token: effectiveToken,
+        model,
+        agent: agent2,
+        tools,
+        frontendToolIds: frontendToolNames,
+        frontendTools,
+        workbench,
+        knowledgeBase,
+        systemPrompt,
+        threadId: threadIdProp,
+        children
+      }
+    );
   }
   if (themeStyleVars) {
     return /* @__PURE__ */ jsx("div", { className: "athena-themed", style: themeStyleVars, children: inner });
@@ -57318,10 +57456,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}}
    */
@@ -57605,10 +57743,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}}
    */
@@ -57645,7 +57783,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;
@@ -60458,41 +60596,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",
@@ -60502,14 +60640,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" }],
@@ -60519,148 +60657,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",
     {
@@ -60672,14 +60810,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",
     {
@@ -60693,14 +60831,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",
     {
@@ -60713,14 +60851,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",
     {
@@ -60730,26 +60868,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",
     {
@@ -60772,35 +60938,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" }],
@@ -60810,38 +60987,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",
     {
@@ -60850,39 +61027,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" }],
@@ -60896,14 +61073,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",
@@ -60913,61 +61090,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",
     {
@@ -60977,17 +61154,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
  *
@@ -61110,6 +61316,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 }
 };
@@ -61160,6 +61368,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"))
@@ -61168,13 +61384,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;
@@ -61486,6 +61705,7 @@ function AssetToolCard({
       assetId && isComplete && !isCancelled && CREATE_ASSET_TOOLS.includes(toolName.toLowerCase()) && /* @__PURE__ */ jsxs(
         "button",
         {
+          type: "button",
           onClick: () => openAsset(assetId, { name: title ?? void 0, type: assetType }),
           className: "flex shrink-0 items-center gap-1 rounded-md border border-border/60 px-2 py-0.5 text-[11px] font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
           children: [
@@ -61498,6 +61718,7 @@ function AssetToolCard({
       !isCancelled && /* @__PURE__ */ jsx(
         "button",
         {
+          type: "button",
           onClick: () => setDetailsOpen((o) => !o),
           className: cn(
             "flex size-5 shrink-0 items-center justify-center rounded transition-all",
@@ -61523,6 +61744,23 @@ function AssetToolCard({
     ] })
   ] });
 }
+function AssetOpenLink({ assetId, toolName }) {
+  const openAsset = useAssetPanelStore((s) => s.openAsset);
+  const assetType = toolMetaToAssetType(toolName);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "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,
@@ -61541,12 +61779,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(
@@ -61930,7 +62175,7 @@ function ToolCard({
             "flex size-8 shrink-0 items-center justify-center rounded-lg",
             isRunning && "bg-blue-50 text-blue-600",
             isComplete && "bg-emerald-50 text-emerald-600",
-            isError && "bg-red-50 text-red-500"
+            isError && "bg-destructive/10 text-destructive"
           ),
           children: isRunning ? /* @__PURE__ */ jsx(Loader, { className: "size-4 animate-spin" }) : isError ? /* @__PURE__ */ jsx(CircleAlert, { className: "size-4" }) : /* @__PURE__ */ jsx(Icon2, { className: "size-4" })
         }
@@ -61949,7 +62194,7 @@ function ToolCard({
         /* @__PURE__ */ jsx("div", { className: "h-1.5 w-6 animate-pulse rounded-full bg-blue-100" })
       ] })
     ] }),
-    error2 && /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 bg-red-50/50 px-4 py-2.5", children: /* @__PURE__ */ jsx("p", { className: "text-[12px] leading-relaxed text-red-600", children: error2 }) }),
+    error2 && /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 bg-destructive/10 px-4 py-2.5", children: /* @__PURE__ */ jsx("p", { className: "text-[12px] leading-relaxed text-destructive", children: error2 }) }),
     children
   ] });
 }
@@ -62195,6 +62440,7 @@ function CreateAssetToolUIImpl({
       children: assetId && isComplete && !isCancelled && /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 px-4 py-2", children: /* @__PURE__ */ jsxs(
         "button",
         {
+          type: "button",
           onClick: handleOpen,
           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: [
@@ -62276,6 +62522,192 @@ 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-destructive/10 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-destructive" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-destructive", 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-destructive/5 p-2 text-[11px] leading-relaxed font-mono text-destructive/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",
+            {
+              type: "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",
+        {
+          type: "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,
@@ -62286,7 +62718,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;
@@ -62407,7 +62842,6 @@ const AthenaChat = ({
   toolUIs,
   mentionTools
 }) => {
-  const isLoadingThread = useThreadLoading();
   const tools = mentionTools ?? EMPTY_MENTION_TOOLS;
   const mergedToolUIs = useMemo(() => ({
     append_markdown_to_athena_document: AppendDocumentToolUI,
@@ -62419,43 +62853,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, {})
               ] })
-            ]
-          }
-        )
-      ]
+            ] })
+          ]
+        }
+      )
     }
   );
 };
@@ -62571,53 +63002,6 @@ const UserMessage = () => /* @__PURE__ */ jsx(
     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",
-  {
-    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)"
-          },
-          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 embedCache = /* @__PURE__ */ new Map();
 function useAssetEmbed(assetId, options = {
   backendUrl: ""
@@ -62688,6 +63072,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(
@@ -62924,66 +63309,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() {
@@ -63102,11 +63450,14 @@ export {
   CollapsibleTrigger,
   CreateDocumentToolUI,
   CreateEmailDraftToolUI,
+  CreateNotebookToolUI,
   CreatePresentationToolUI,
   CreateSheetToolUI,
   DEFAULT_BACKEND_URL,
   EmailSearchToolUI,
+  OpenAssetToolUI,
   ReadAssetToolUI,
+  RunPythonCodeToolUI,
   TOOL_UI_REGISTRY,
   ThreadList,
   TiptapComposer,
@@ -63128,13 +63479,12 @@ export {
   buttonVariants,
   clearAutoOpenedAssets,
   cn,
-  createThreadListStore,
+  createAssetToolUI,
   getAssetInfo,
   resetAssetAutoOpen,
   themeToStyleVars,
   themes,
   tryParseJson$1 as tryParseJson,
-  useActiveThreadId,
   useAppendToComposer,
   useAssetEmbed,
   useAssetPanelStore,
@@ -63142,8 +63492,6 @@ export {
   useAthenaRuntime,
   useComposerAttachment,
   useMentionSuggestions,
-  useParentAuth,
-  useThreadList,
-  useThreadLoading
+  useParentAuth
 };
 //# sourceMappingURL=index.js.map