@assistant-ui/react 0.5.52 → 0.5.55

package/dist/index.mjs

@@ -10,7 +10,7 @@ import {
   toLanguageModelMessages,
   toLanguageModelTools,
   toolResultStream
-} from "./chunk-ZQNZLTZL.mjs";
+} from "./chunk-33TPUWEZ.mjs";
 import {
   __export
 } from "./chunk-BJPOCE4O.mjs";
@@ -22,52 +22,72 @@ import { memo } from "react";
 import { useEffect as useEffect4, useInsertionEffect as useInsertionEffect3, useRef as useRef2, useState as useState8 } from "react";
 
 // src/context/react/AssistantContext.ts
-import { createContext, useContext } from "react";
-var AssistantContext = createContext(
-  null
-);
-function useAssistantContext(options) {
-  const context = useContext(AssistantContext);
-  if (!options?.optional && !context)
-    throw new Error(
-      "This component must be used within an AssistantRuntimeProvider."
-    );
-  return context;
+import { createContext } from "react";
+
+// src/context/react/utils/createContextHook.ts
+import { useContext } from "react";
+function createContextHook(context, providerName) {
+  function useContextHook(options) {
+    const contextValue = useContext(context);
+    if (!options?.optional && !contextValue) {
+      throw new Error(`This component must be used within ${providerName}.`);
+    }
+    return contextValue;
+  }
+  return useContextHook;
 }
 
-// src/context/stores/AssistantModelConfig.ts
-import { create } from "zustand";
-
-// src/utils/ProxyConfigProvider.ts
-var ProxyConfigProvider = class {
-  _providers = /* @__PURE__ */ new Set();
-  getModelConfig() {
-    return mergeModelConfigs(this._providers);
+// src/context/react/utils/createContextStoreHook.ts
+function createContextStoreHook(contextHook, contextKey) {
+  function useStoreStoreHook(options) {
+    const context = contextHook(options);
+    if (!context) {
+      if (!options?.optional) {
+        throw new Error(`This component must be used within a ${contextKey}.`);
+      }
+      return null;
+    }
+    return context[contextKey];
   }
-  registerModelConfigProvider(provider) {
-    this._providers.add(provider);
-    return () => {
-      this._providers.delete(provider);
-    };
+  function useStoreHook(param) {
+    let optional = false;
+    let selector;
+    if (typeof param === "function") {
+      selector = param;
+    } else if (param && typeof param === "object") {
+      optional = !!param.optional;
+      selector = param.selector;
+    }
+    const store = useStoreStoreHook({
+      optional
+    });
+    if (!store) return null;
+    return selector ? store(selector) : store();
   }
-};
+  return {
+    [contextKey]: useStoreHook,
+    [`${contextKey}Store`]: useStoreStoreHook
+  };
+}
 
-// src/context/stores/AssistantModelConfig.ts
-var makeAssistantModelConfigStore = () => create(() => {
-  const proxy = new ProxyConfigProvider();
-  return Object.freeze({
-    getModelConfig: () => {
-      return proxy.getModelConfig();
-    },
-    registerModelConfigProvider: (provider) => {
-      return proxy.registerModelConfigProvider(provider);
-    }
-  });
-});
+// src/context/react/AssistantContext.ts
+var AssistantContext = createContext(
+  null
+);
+var useAssistantContext = createContextHook(
+  AssistantContext,
+  "AssistantRuntimeProvider"
+);
+var { useAssistantRuntime, useAssistantRuntimeStore } = createContextStoreHook(useAssistantContext, "useAssistantRuntime");
+var { useToolUIs, useToolUIsStore } = createContextStoreHook(
+  useAssistantContext,
+  "useToolUIs"
+);
+var { useAssistantActions, useAssistantActionsStore } = createContextStoreHook(useAssistantContext, "useAssistantActions");
 
 // src/context/stores/AssistantToolUIs.ts
-import { create as create2 } from "zustand";
-var makeAssistantToolUIsStore = () => create2((set) => {
+import { create } from "zustand";
+var makeAssistantToolUIsStore = () => create((set) => {
   const renderers = /* @__PURE__ */ new Map();
   return Object.freeze({
     getToolUI: (name) => {
@@ -101,24 +121,36 @@ var makeAssistantToolUIsStore = () => create2((set) => {
 import { useEffect as useEffect3, useInsertionEffect as useInsertionEffect2, useState as useState7 } from "react";
 
 // src/context/react/ThreadContext.ts
-import { createContext as createContext2, useContext as useContext2 } from "react";
+import { createContext as createContext2 } from "react";
 var ThreadContext = createContext2(null);
-function useThreadContext(options) {
-  const context = useContext2(ThreadContext);
-  if (!options?.optional && !context)
-    throw new Error(
-      "This component must be used within an AssistantRuntimeProvider."
-    );
-  return context;
-}
-
-// src/context/stores/Composer.ts
-import { create as create3 } from "zustand";
-var makeComposerStore = (useThreadRuntime) => {
+var useThreadContext = createContextHook(
+  ThreadContext,
+  "AssistantRuntimeProvider"
+);
+var { useThreadRuntime, useThreadRuntimeStore } = createContextStoreHook(useThreadContext, "useThreadRuntime");
+var { useThread, useThreadStore } = createContextStoreHook(
+  useThreadContext,
+  "useThread"
+);
+var { useThreadMessages, useThreadMessagesStore } = createContextStoreHook(useThreadContext, "useThreadMessages");
+var { useThreadActions, useThreadActionsStore } = createContextStoreHook(useThreadContext, "useThreadActions");
+var {
+  useComposer: useThreadComposer,
+  useComposerStore: useThreadComposerStore
+} = createContextStoreHook(useThreadContext, "useComposer");
+var {
+  useViewport: useThreadViewport,
+  useViewportStore: useThreadViewportStore
+} = createContextStoreHook(useThreadContext, "useViewport");
+
+// src/context/stores/ThreadComposer.ts
+import { create as create2 } from "zustand";
+var makeThreadComposerStore = (useThreadRuntime2) => {
   const focusListeners = /* @__PURE__ */ new Set();
-  return create3()((_, get) => {
-    const runtime = useThreadRuntime.getState();
+  return create2()((_, get) => {
+    const runtime = useThreadRuntime2.getState();
     return {
+      type: "thread",
       get value() {
         return get().text;
       },
@@ -127,27 +159,27 @@ var makeComposerStore = (useThreadRuntime) => {
       },
       attachments: runtime.composer.attachments,
       addAttachment: (file) => {
-        useThreadRuntime.getState().composer.addAttachment(file);
+        useThreadRuntime2.getState().composer.addAttachment(file);
       },
       removeAttachment: (attachmentId) => {
-        useThreadRuntime.getState().composer.removeAttachment(attachmentId);
+        useThreadRuntime2.getState().composer.removeAttachment(attachmentId);
       },
       reset: () => {
-        useThreadRuntime.getState().composer.reset();
+        useThreadRuntime2.getState().composer.reset();
       },
       text: runtime.composer.text,
       setText: (text) => {
-        useThreadRuntime.getState().composer.setText(text);
+        useThreadRuntime2.getState().composer.setText(text);
       },
       canCancel: runtime.capabilities.cancel,
       isEditing: true,
       isEmpty: runtime.composer.isEmpty,
       send: () => {
-        const runtime2 = useThreadRuntime.getState();
+        const runtime2 = useThreadRuntime2.getState();
         runtime2.composer.send();
       },
       cancel: () => {
-        useThreadRuntime.getState().cancelRun();
+        useThreadRuntime2.getState().cancelRun();
       },
       focus: () => {
         for (const listener of focusListeners) {
@@ -165,7 +197,7 @@ var makeComposerStore = (useThreadRuntime) => {
 };
 
 // src/context/stores/Thread.ts
-import { create as create4 } from "zustand";
+import { create as create3 } from "zustand";
 var getThreadStateFromRuntime = (runtime) => {
   const lastMessage = runtime.messages.at(-1);
   return Object.freeze({
@@ -177,14 +209,14 @@ var getThreadStateFromRuntime = (runtime) => {
 };
 var makeThreadStore = (runtimeRef) => {
   const runtime = runtimeRef.getState();
-  return create4(() => getThreadStateFromRuntime(runtime));
+  return create3(() => getThreadStateFromRuntime(runtime));
 };
 
 // src/context/stores/ThreadViewport.tsx
-import { create as create5 } from "zustand";
+import { create as create4 } from "zustand";
 var makeThreadViewportStore = () => {
   const scrollToBottomListeners = /* @__PURE__ */ new Set();
-  return create5(() => ({
+  return create4(() => ({
     isAtBottom: true,
     scrollToBottom: () => {
       for (const listener of scrollToBottomListeners) {
@@ -201,9 +233,9 @@ var makeThreadViewportStore = () => {
 };
 
 // src/context/stores/ThreadActions.ts
-import { create as create6 } from "zustand";
+import { create as create5 } from "zustand";
 var makeThreadActionStore = (runtimeStore) => {
-  return create6(
+  return create5(
     () => Object.freeze({
       getBranches: (messageId) => runtimeStore.getState().getBranches(messageId),
       switchToBranch: (branchId) => runtimeStore.getState().switchToBranch(branchId),
@@ -217,15 +249,15 @@ var makeThreadActionStore = (runtimeStore) => {
 };
 
 // src/context/stores/ThreadMessages.ts
-import { create as create7 } from "zustand";
+import { create as create6 } from "zustand";
 var makeThreadMessagesStore = (runtimeRef) => {
-  return create7(() => runtimeRef.getState().messages);
+  return create6(() => runtimeRef.getState().messages);
 };
 
 // src/context/stores/ThreadRuntime.tsx
-import { create as create8 } from "zustand";
+import { create as create7 } from "zustand";
 var makeThreadRuntimeStore = (runtime) => {
-  return create8(() => runtime);
+  return create7(() => runtime);
 };
 
 // src/runtimes/core/subscribeToMainThread.ts
@@ -358,6 +390,20 @@ var ThreadRuntimeComposer = class {
   }
 };
 
+// src/utils/ProxyConfigProvider.ts
+var ProxyConfigProvider = class {
+  _providers = /* @__PURE__ */ new Set();
+  getModelConfig() {
+    return mergeModelConfigs(this._providers);
+  }
+  registerModelConfigProvider(provider) {
+    this._providers.add(provider);
+    return () => {
+      this._providers.delete(provider);
+    };
+  }
+};
+
 // src/utils/idUtils.tsx
 import { customAlphabet } from "nanoid/non-secure";
 var generateId = customAlphabet(
@@ -373,7 +419,8 @@ var fromCoreMessages = (message) => {
 };
 var fromCoreMessage = (message, {
   id = generateId(),
-  status = { type: "complete", reason: "unknown" }
+  status = { type: "complete", reason: "unknown" },
+  attachments = []
 } = {}) => {
   const commonProps = {
     id,
@@ -401,7 +448,7 @@ var fromCoreMessage = (message, {
         ...commonProps,
         role,
         content: message.content,
-        attachments: []
+        attachments
       };
     case "system":
       return {
@@ -608,26 +655,43 @@ var MessageRepository = class {
 
 // src/utils/smooth/useSmooth.tsx
 import { useEffect, useMemo, useRef, useState as useState2 } from "react";
+import { useCallbackRef } from "@radix-ui/react-use-callback-ref";
 
 // src/utils/smooth/SmoothContext.tsx
 import {
-  createContext as createContext3,
+  createContext as createContext4,
   forwardRef,
-  useContext as useContext3,
+  useContext as useContext2,
   useState
 } from "react";
-import { create as create9 } from "zustand";
+import { create as create8 } from "zustand";
+
+// src/context/react/ContentPartContext.ts
+import { createContext as createContext3 } from "react";
+var ContentPartContext = createContext3(
+  null
+);
+var useContentPartContext = createContextHook(
+  ContentPartContext,
+  "a component passed to <MessagePrimitive.Content components={...}>"
+);
+var { useContentPart, useContentPartStore } = createContextStoreHook(
+  useContentPartContext,
+  "useContentPart"
+);
+
+// src/utils/smooth/SmoothContext.tsx
 import { jsx } from "react/jsx-runtime";
-var SmoothContext = createContext3(null);
+var SmoothContext = createContext4(null);
 var makeSmoothContext = (initialState) => {
-  const useSmoothStatus2 = create9(() => initialState);
+  const useSmoothStatus2 = create8(() => initialState);
   return { useSmoothStatus: useSmoothStatus2 };
 };
 var SmoothContextProvider = ({ children }) => {
   const outer = useSmoothContext({ optional: true });
-  const { useContentPart } = useContentPartContext();
+  const contentPartStore = useContentPartStore();
   const [context] = useState(
-    () => makeSmoothContext(useContentPart.getState().status)
+    () => makeSmoothContext(contentPartStore.getState().status)
   );
   if (outer) return children;
   return /* @__PURE__ */ jsx(SmoothContext.Provider, { value: context, children });
@@ -640,20 +704,24 @@ var withSmoothContextProvider = (Component) => {
   return Wrapped;
 };
 function useSmoothContext(options) {
-  const context = useContext3(SmoothContext);
+  const context = useContext2(SmoothContext);
   if (!options?.optional && !context)
     throw new Error(
       "This component must be used within a SmoothContextProvider."
     );
   return context;
 }
-var useSmoothStatus = () => {
-  const { useSmoothStatus: useSmoothStatus2 } = useSmoothContext();
-  return useSmoothStatus2();
+var { useSmoothStatus, useSmoothStatusStore } = createContextStoreHook(
+  useSmoothContext,
+  "useSmoothStatus"
+);
+
+// src/context/ReadonlyStore.ts
+var writableStore = (store) => {
+  return store;
 };
 
 // src/utils/smooth/useSmooth.tsx
-import { useCallbackRef } from "@radix-ui/react-use-callback-ref";
 var TextStreamAnimator = class {
   constructor(currentText, setText) {
     this.currentText = currentText;
@@ -702,21 +770,28 @@ var SMOOTH_STATUS = Object.freeze({
   type: "running"
 });
 var useSmooth = (state, smooth = false) => {
-  const { useSmoothStatus: useSmoothStatus2 } = useSmoothContext({ optional: true }) ?? {};
   const {
     part: { text }
   } = state;
-  const { useMessage } = useMessageContext();
   const id = useMessage((m) => m.message.id);
   const idRef = useRef(id);
   const [displayedText, setDisplayedText] = useState2(text);
+  const smoothStatusStore = useSmoothStatusStore({ optional: true });
   const setText = useCallbackRef((text2) => {
     setDisplayedText(text2);
-    useSmoothStatus2?.setState(text2 !== state.part.text ? SMOOTH_STATUS : state.status);
+    if (smoothStatusStore) {
+      writableStore(smoothStatusStore).setState(
+        text2 !== state.part.text ? SMOOTH_STATUS : state.status
+      );
+    }
   });
   useEffect(() => {
-    useSmoothStatus2?.setState(text !== displayedText ? SMOOTH_STATUS : state.status);
-  }, [useSmoothStatus2, text, displayedText, state.status]);
+    if (smoothStatusStore) {
+      writableStore(smoothStatusStore).setState(
+        text !== state.part.text ? SMOOTH_STATUS : state.status
+      );
+    }
+  }, [smoothStatusStore, text, displayedText, state.status, state.part.text]);
   const [animatorRef] = useState2(
     new TextStreamAnimator(text, setText)
   );
@@ -1218,20 +1293,16 @@ var LocalThreadRuntime = class {
     this.notifySubscribers();
   }
   async append(message) {
-    if (message.role !== "user")
-      throw new Error(
-        "Only appending user messages are supported in LocalRuntime. This is likely an internal bug in assistant-ui."
-      );
-    const userMessageId = generateId();
-    const userMessage = {
-      id: userMessageId,
-      role: "user",
-      content: message.content,
-      attachments: message.attachments ?? [],
-      createdAt: /* @__PURE__ */ new Date()
-    };
-    this.repository.addOrUpdateMessage(message.parentId, userMessage);
-    await this.startRun(userMessageId);
+    const newMessage = fromCoreMessage(message, {
+      attachments: message.attachments
+    });
+    this.repository.addOrUpdateMessage(message.parentId, newMessage);
+    if (message.role === "user") {
+      await this.startRun(newMessage.id);
+    } else {
+      this.repository.resetHead(newMessage.id);
+      this.notifySubscribers();
+    }
   }
   async startRun(parentId) {
     this.repository.resetHead(parentId);
@@ -1353,7 +1424,9 @@ var LocalThreadRuntime = class {
     toolCallId,
     result
   }) {
-    let { parentId, message } = this.repository.getMessage(messageId);
+    const messageData = this.repository.getMessage(messageId);
+    const { parentId } = messageData;
+    let { message } = messageData;
     if (message.role !== "assistant")
       throw new Error("Tried to add tool result to non-assistant message");
     let added = false;
@@ -1424,10 +1497,7 @@ var LocalRuntime = class extends BaseAssistantRuntime {
   registerModelConfigProvider(provider) {
     return this._proxyConfigProvider.registerModelConfigProvider(provider);
   }
-  switchToThread(threadId) {
-    if (threadId) {
-      throw new Error("LocalRuntime does not yet support switching threads");
-    }
+  switchToNewThread() {
     const { initialMessages, ...options } = this.thread.options;
     return this.thread = new LocalThreadRuntime(
       this._proxyConfigProvider,
@@ -1435,6 +1505,12 @@ var LocalRuntime = class extends BaseAssistantRuntime {
       options
     );
   }
+  switchToThread(threadId) {
+    if (threadId !== null) {
+      throw new Error("LocalRuntime does not yet support switching threads");
+    }
+    this.switchToNewThread();
+  }
   reset({
     initialMessages
   } = {}) {
@@ -1758,8 +1834,17 @@ var ExternalStoreRuntime = class extends BaseAssistantRuntime {
   registerModelConfigProvider(provider) {
     return this._proxyConfigProvider.registerModelConfigProvider(provider);
   }
+  async switchToNewThread() {
+    if (!this.store.onNewThread)
+      throw new Error("Runtime does not support switching to new threads.");
+    this.thread = new ExternalStoreThreadRuntime({
+      messages: [],
+      onNew: this.store.onNew
+    });
+    await this.store.onNewThread();
+  }
   async switchToThread(threadId) {
-    if (threadId) {
+    if (threadId !== null) {
       if (!this.store.onSwitchThread)
         throw new Error("Runtime does not support switching threads.");
       this.thread = new ExternalStoreThreadRuntime({
@@ -1768,13 +1853,7 @@ var ExternalStoreRuntime = class extends BaseAssistantRuntime {
       });
       this.store.onSwitchThread(threadId);
     } else {
-      if (!this.store.onNewThread)
-        throw new Error("Runtime does not support switching to new threads.");
-      this.thread = new ExternalStoreThreadRuntime({
-        messages: [],
-        onNew: this.store.onNew
-      });
-      await this.store.onNewThread();
+      this.switchToNewThread();
     }
   }
 };
@@ -2149,11 +2228,6 @@ var CompositeAttachmentAdapter = class {
   }
 };
 
-// src/context/ReadonlyStore.ts
-var writableStore = (store) => {
-  return store;
-};
-
 // src/context/providers/ThreadProvider.tsx
 import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
 var ThreadProvider = ({
@@ -2161,18 +2235,18 @@ var ThreadProvider = ({
   provider
 }) => {
   const [context] = useState7(() => {
-    const useThreadRuntime = makeThreadRuntimeStore(provider.thread);
-    const useThread = makeThreadStore(useThreadRuntime);
-    const useThreadMessages = makeThreadMessagesStore(useThreadRuntime);
-    const useThreadActions = makeThreadActionStore(useThreadRuntime);
+    const useThreadRuntime2 = makeThreadRuntimeStore(provider.thread);
+    const useThread2 = makeThreadStore(useThreadRuntime2);
+    const useThreadMessages2 = makeThreadMessagesStore(useThreadRuntime2);
+    const useThreadActions2 = makeThreadActionStore(useThreadRuntime2);
     const useViewport = makeThreadViewportStore();
-    const useComposer = makeComposerStore(useThreadRuntime);
+    const useComposer2 = makeThreadComposerStore(useThreadRuntime2);
     return {
-      useThread,
-      useThreadRuntime,
-      useThreadMessages,
-      useThreadActions,
-      useComposer,
+      useThread: useThread2,
+      useThreadRuntime: useThreadRuntime2,
+      useThreadMessages: useThreadMessages2,
+      useThreadActions: useThreadActions2,
+      useComposer: useComposer2,
       useViewport
     };
   });
@@ -2220,18 +2294,19 @@ var ThreadProvider = ({
 };
 
 // src/context/stores/AssistantActions.tsx
-import { create as create10 } from "zustand";
-var makeAssistantActionsStore = (runtimeRef) => create10(
+import { create as create9 } from "zustand";
+var makeAssistantActionsStore = (runtimeRef) => create9(
   () => Object.freeze({
     switchToThread: () => runtimeRef.current.switchToThread(null),
+    registerModelConfigProvider: (provider) => runtimeRef.current.registerModelConfigProvider(provider),
     getRuntime: () => runtimeRef.current
   })
 );
 
 // src/context/stores/AssistantRuntime.tsx
-import { create as create11 } from "zustand";
+import { create as create10 } from "zustand";
 var makeAssistantRuntimeStore = (runtime) => {
-  return create11(() => runtime);
+  return create10(() => runtime);
 };
 
 // src/context/providers/AssistantProvider.tsx
@@ -2242,21 +2317,15 @@ var AssistantProvider = ({ children, runtime }) => {
     runtimeRef.current = runtime;
   });
   const [context] = useState8(() => {
-    const useAssistantRuntime = makeAssistantRuntimeStore(runtime);
-    const useModelConfig = makeAssistantModelConfigStore();
-    const useToolUIs = makeAssistantToolUIsStore();
-    const useAssistantActions = makeAssistantActionsStore(runtimeRef);
+    const useAssistantRuntime2 = makeAssistantRuntimeStore(runtime);
+    const useToolUIs2 = makeAssistantToolUIsStore();
+    const useAssistantActions2 = makeAssistantActionsStore(runtimeRef);
     return {
-      useModelConfig,
-      useToolUIs,
-      useAssistantRuntime,
-      useAssistantActions
+      useToolUIs: useToolUIs2,
+      useAssistantRuntime: useAssistantRuntime2,
+      useAssistantActions: useAssistantActions2
     };
   });
-  const getModelConfig = context.useModelConfig();
-  useEffect4(() => {
-    return runtime.registerModelConfigProvider(getModelConfig);
-  }, [runtime, getModelConfig]);
   useEffect4(
     () => writableStore(context.useAssistantRuntime).setState(runtime, true),
     [runtime, context]
@@ -2273,93 +2342,95 @@ var AssistantRuntimeProvider = memo(AssistantRuntimeProviderImpl);
 
 // src/context/providers/TextContentPartProvider.tsx
 import { useState as useState9 } from "react";
-import { create as create12 } from "zustand";
-
-// src/context/react/ContentPartContext.ts
-import { createContext as createContext4, useContext as useContext4 } from "react";
-var ContentPartContext = createContext4(
-  null
-);
-function useContentPartContext(options) {
-  const context = useContext4(ContentPartContext);
-  if (!options?.optional && !context)
-    throw new Error(
-      "This component can only be used inside a component passed to <MessagePrimitive.Content components={...} >."
-    );
-  return context;
-}
-
-// src/context/providers/TextContentPartProvider.tsx
+import { create as create11 } from "zustand";
 import { jsx as jsx9 } from "react/jsx-runtime";
 var TextContentPartProvider = ({ children, text }) => {
   const [context] = useState9(() => {
-    const useContentPart = create12(() => ({
+    const useContentPart2 = create11(() => ({
       status: { type: "complete" },
       part: { type: "text", text }
     }));
     return {
-      useContentPart
+      useContentPart: useContentPart2
     };
   });
   return /* @__PURE__ */ jsx9(ContentPartContext.Provider, { value: context, children });
 };
 
-// src/context/react/ComposerContext.ts
-import { useMemo as useMemo3 } from "react";
-
 // src/context/react/MessageContext.ts
-import { createContext as createContext5, useContext as useContext5 } from "react";
+import { createContext as createContext5 } from "react";
 var MessageContext = createContext5(null);
-function useMessageContext(options) {
-  const context = useContext5(MessageContext);
-  if (!options?.optional && !context)
-    throw new Error(
-      "This component can only be used inside a component passed to <ThreadPrimitive.Messages components={...} />."
-    );
-  return context;
-}
+var useMessageContext = createContextHook(
+  MessageContext,
+  "a component passed to <ThreadPrimitive.Messages components={...} />"
+);
+var { useMessage, useMessageStore } = createContextStoreHook(
+  useMessageContext,
+  "useMessage"
+);
+var { useMessageUtils, useMessageUtilsStore } = createContextStoreHook(
+  useMessageContext,
+  "useMessageUtils"
+);
+var { useEditComposer, useEditComposerStore } = createContextStoreHook(
+  useMessageContext,
+  "useEditComposer"
+);
 
 // src/context/react/ComposerContext.ts
+import { useMemo as useMemo3 } from "react";
 var useComposerContext = () => {
-  const { useComposer } = useThreadContext();
-  const { useEditComposer } = useMessageContext({ optional: true }) ?? {};
+  const { useComposer: useComposer2 } = useThreadContext();
+  const { useEditComposer: useEditComposer2 } = useMessageContext({ optional: true }) ?? {};
   return useMemo3(
     () => ({
-      useComposer: useEditComposer ?? useComposer,
-      type: useEditComposer ? "edit" : "new"
+      useComposer: useEditComposer2 ?? useComposer2,
+      type: useEditComposer2 ? "edit" : "new"
     }),
-    [useEditComposer, useComposer]
+    [useEditComposer2, useComposer2]
   );
 };
+var { useComposer, useComposerStore } = createContextStoreHook(
+  useComposerContext,
+  "useComposer"
+);
 
 // src/hooks/useAppendMessage.tsx
 import { useCallback } from "react";
-var toAppendMessage = (useThreadMessages, message) => {
+var toAppendMessage = (useThreadMessages2, message) => {
   if (typeof message === "string") {
     return {
-      parentId: useThreadMessages.getState().at(-1)?.id ?? null,
+      parentId: useThreadMessages2.getState().at(-1)?.id ?? null,
       role: "user",
       content: [{ type: "text", text: message }],
       attachments: []
     };
   }
   return {
-    parentId: message.parentId ?? useThreadMessages.getState().at(-1)?.id ?? null,
+    parentId: message.parentId ?? useThreadMessages2.getState().at(-1)?.id ?? null,
     role: message.role ?? "user",
     content: message.content,
     attachments: message.attachments ?? []
   };
 };
 var useAppendMessage = () => {
-  const { useThreadMessages, useThreadActions, useViewport, useComposer } = useThreadContext();
+  const threadMessagesStore = useThreadMessagesStore();
+  const threadActionsStore = useThreadActionsStore();
+  const threadViewportStore = useThreadViewportStore();
+  const threadComposerStore = useThreadComposerStore();
   const append = useCallback(
     (message) => {
-      const appendMessage = toAppendMessage(useThreadMessages, message);
-      useThreadActions.getState().append(appendMessage);
-      useViewport.getState().scrollToBottom();
-      useComposer.getState().focus();
+      const appendMessage = toAppendMessage(threadMessagesStore, message);
+      threadActionsStore.getState().append(appendMessage);
+      threadViewportStore.getState().scrollToBottom();
+      threadComposerStore.getState().focus();
     },
-    [useThreadMessages, useThreadActions, useViewport, useComposer]
+    [
+      threadMessagesStore,
+      threadActionsStore,
+      threadViewportStore,
+      threadComposerStore
+    ]
   );
   return append;
 };
@@ -2367,23 +2438,20 @@ var useAppendMessage = () => {
 // src/hooks/useSwitchToNewThread.tsx
 import { useCallback as useCallback2 } from "react";
 var useSwitchToNewThread = () => {
-  const { useAssistantActions } = useAssistantContext();
-  const { useComposer } = useThreadContext();
+  const assistantActionsStore = useAssistantActionsStore();
+  const threadComposerStore = useThreadComposerStore();
   const switchToNewThread = useCallback2(() => {
-    useAssistantActions.getState().switchToThread(null);
-    useComposer.getState().focus();
-  }, [useAssistantActions, useComposer]);
+    assistantActionsStore.getState().switchToThread(null);
+    threadComposerStore.getState().focus();
+  }, [assistantActionsStore, threadComposerStore]);
   return switchToNewThread;
 };
 
 // src/model-config/useAssistantTool.tsx
 import { useEffect as useEffect5 } from "react";
 var useAssistantTool = (tool) => {
-  const { useModelConfig, useToolUIs } = useAssistantContext();
-  const registerModelConfigProvider = useModelConfig(
-    (s) => s.registerModelConfigProvider
-  );
-  const setToolUI = useToolUIs((s) => s.setToolUI);
+  const assistantActionsStore = useAssistantActionsStore();
+  const toolUIsStore = useToolUIsStore();
   useEffect5(() => {
     const { toolName, render, ...rest } = tool;
     const config = {
@@ -2391,15 +2459,15 @@ var useAssistantTool = (tool) => {
         [tool.toolName]: rest
       }
     };
-    const unsub1 = registerModelConfigProvider({
+    const unsub1 = assistantActionsStore.getState().registerModelConfigProvider({
       getModelConfig: () => config
     });
-    const unsub2 = render ? setToolUI(toolName, render) : void 0;
+    const unsub2 = render ? toolUIsStore.getState().setToolUI(toolName, render) : void 0;
     return () => {
       unsub1();
       unsub2?.();
     };
-  }, [registerModelConfigProvider, setToolUI, tool]);
+  }, [assistantActionsStore, toolUIsStore, tool]);
 };
 
 // src/model-config/makeAssistantTool.tsx
@@ -2415,13 +2483,12 @@ var makeAssistantTool = (tool) => {
 // src/model-config/useAssistantToolUI.tsx
 import { useEffect as useEffect6 } from "react";
 var useAssistantToolUI = (tool) => {
-  const { useToolUIs } = useAssistantContext();
-  const setToolUI = useToolUIs((s) => s.setToolUI);
+  const toolUIsStore = useToolUIsStore();
   useEffect6(() => {
     if (!tool) return;
     const { toolName, render } = tool;
-    return setToolUI(toolName, render);
-  }, [setToolUI, tool]);
+    return toolUIsStore.getState().setToolUI(toolName, render);
+  }, [toolUIsStore, tool]);
 };
 
 // src/model-config/makeAssistantToolUI.tsx
@@ -2437,16 +2504,13 @@ var makeAssistantToolUI = (tool) => {
 // src/model-config/useAssistantInstructions.tsx
 import { useEffect as useEffect7 } from "react";
 var useAssistantInstructions = (instruction) => {
-  const { useModelConfig } = useAssistantContext();
-  const registerModelConfigProvider = useModelConfig(
-    (s) => s.registerModelConfigProvider
-  );
+  const runtimeStore = useAssistantRuntimeStore();
   useEffect7(() => {
     const config = {
       system: instruction
     };
-    return registerModelConfigProvider({ getModelConfig: () => config });
-  }, [registerModelConfigProvider, instruction]);
+    return runtimeStore.getState().registerModelConfigProvider({ getModelConfig: () => config });
+  }, [runtimeStore, instruction]);
 };
 
 // src/primitive-hooks/actionBar/useActionBarCopy.tsx
@@ -2482,23 +2546,25 @@ var useCombinedStore = (stores, selector) => {
 var useActionBarCopy = ({
   copiedDuration = 3e3
 } = {}) => {
-  const { useMessage, useMessageUtils, useEditComposer } = useMessageContext();
+  const messageStore = useMessageStore();
+  const messageUtilsStore = useMessageUtilsStore();
+  const editComposerStore = useEditComposerStore();
   const hasCopyableContent = useCombinedStore(
-    [useMessage, useEditComposer],
+    [messageStore, editComposerStore],
     ({ message }, c) => {
       return !c.isEditing && (message.role !== "assistant" || message.status.type !== "running") && message.content.some((c2) => c2.type === "text" && c2.text.length > 0);
     }
   );
   const callback = useCallback3(() => {
-    const { message } = useMessage.getState();
-    const { setIsCopied } = useMessageUtils.getState();
-    const { isEditing, text: composerValue } = useEditComposer.getState();
+    const { message } = messageStore.getState();
+    const { setIsCopied } = messageUtilsStore.getState();
+    const { isEditing, text: composerValue } = editComposerStore.getState();
     const valueToCopy = isEditing ? composerValue : getThreadMessageText(message);
     navigator.clipboard.writeText(valueToCopy).then(() => {
       setIsCopied(true);
       setTimeout(() => setIsCopied(false), copiedDuration);
     });
-  }, [useMessage, useMessageUtils, useEditComposer, copiedDuration]);
+  }, [messageStore, messageUtilsStore, editComposerStore, copiedDuration]);
   if (!hasCopyableContent) return null;
   return callback;
 };
@@ -2506,15 +2572,12 @@ var useActionBarCopy = ({
 // src/primitive-hooks/actionBar/useActionBarEdit.tsx
 import { useCallback as useCallback4 } from "react";
 var useActionBarEdit = () => {
-  const { useMessage, useEditComposer } = useMessageContext();
-  const disabled = useCombinedStore(
-    [useMessage, useEditComposer],
-    (m, c) => m.message.role !== "user" || c.isEditing
-  );
+  const editComposerStore = useEditComposerStore();
+  const disabled = useEditComposer((c) => c.isEditing);
   const callback = useCallback4(() => {
-    const { edit } = useEditComposer.getState();
+    const { edit } = editComposerStore.getState();
     edit();
-  }, [useEditComposer]);
+  }, [editComposerStore]);
   if (disabled) return null;
   return callback;
 };
@@ -2522,18 +2585,26 @@ var useActionBarEdit = () => {
 // src/primitive-hooks/actionBar/useActionBarReload.tsx
 import { useCallback as useCallback5 } from "react";
 var useActionBarReload = () => {
-  const { useThread, useThreadActions, useComposer, useViewport } = useThreadContext();
-  const { useMessage } = useMessageContext();
+  const messageStore = useMessageStore();
+  const threadStore = useThreadStore();
+  const threadActionsStore = useThreadActionsStore();
+  const threadComposerStore = useThreadComposerStore();
+  const threadViewportStore = useThreadViewportStore();
   const disabled = useCombinedStore(
-    [useThread, useMessage],
+    [threadStore, messageStore],
     (t, m) => t.isRunning || t.isDisabled || m.message.role !== "assistant"
   );
   const callback = useCallback5(() => {
-    const { parentId } = useMessage.getState();
-    useThreadActions.getState().startRun(parentId);
-    useViewport.getState().scrollToBottom();
-    useComposer.getState().focus();
-  }, [useThreadActions, useComposer, useViewport, useMessage]);
+    const { parentId } = messageStore.getState();
+    threadActionsStore.getState().startRun(parentId);
+    threadViewportStore.getState().scrollToBottom();
+    threadComposerStore.getState().focus();
+  }, [
+    threadActionsStore,
+    threadComposerStore,
+    threadViewportStore,
+    messageStore
+  ]);
   if (disabled) return null;
   return callback;
 };
@@ -2541,19 +2612,21 @@ var useActionBarReload = () => {
 // src/primitive-hooks/actionBar/useActionBarSpeak.tsx
 import { useCallback as useCallback6 } from "react";
 var useActionBarSpeak = () => {
-  const { useThreadActions } = useThreadContext();
-  const { useMessage, useEditComposer, useMessageUtils } = useMessageContext();
+  const messageStore = useMessageStore();
+  const editComposerStore = useEditComposerStore();
+  const threadActionsStore = useThreadActionsStore();
+  const messageUtilsStore = useMessageUtilsStore();
   const hasSpeakableContent = useCombinedStore(
-    [useMessage, useEditComposer],
+    [messageStore, editComposerStore],
     ({ message }, c) => {
       return !c.isEditing && (message.role !== "assistant" || message.status.type !== "running") && message.content.some((c2) => c2.type === "text" && c2.text.length > 0);
     }
   );
   const callback = useCallback6(async () => {
-    const { message } = useMessage.getState();
-    const utt = useThreadActions.getState().speak(message.id);
-    useMessageUtils.getState().addUtterance(utt);
-  }, [useThreadActions, useMessage, useMessageUtils]);
+    const { message } = messageStore.getState();
+    const utt = threadActionsStore.getState().speak(message.id);
+    messageUtilsStore.getState().addUtterance(utt);
+  }, [threadActionsStore, messageStore, messageUtilsStore]);
   if (!hasSpeakableContent) return null;
   return callback;
 };
@@ -2561,18 +2634,17 @@ var useActionBarSpeak = () => {
 // src/primitive-hooks/actionBar/useActionBarStopSpeaking.tsx
 import { useCallback as useCallback7 } from "react";
 var useActionBarStopSpeaking = () => {
-  const { useMessageUtils } = useMessageContext();
+  const messageUtilsStore = useMessageUtilsStore();
   const isSpeaking = useMessageUtils((u) => u.isSpeaking);
   const callback = useCallback7(async () => {
-    useMessageUtils.getState().stopSpeaking();
-  }, [useMessageUtils]);
+    messageUtilsStore.getState().stopSpeaking();
+  }, [messageUtilsStore]);
   if (!isSpeaking) return null;
   return callback;
 };
 
 // src/primitive-hooks/branchPicker/useBranchPickerCount.tsx
 var useBranchPickerCount = () => {
-  const { useMessage } = useMessageContext();
   const branchCount = useMessage((s) => s.branches.length);
   return branchCount;
 };
@@ -2580,23 +2652,23 @@ var useBranchPickerCount = () => {
 // src/primitive-hooks/branchPicker/useBranchPickerNext.tsx
 import { useCallback as useCallback8 } from "react";
 var useBranchPickerNext = () => {
-  const { useThreadActions } = useThreadContext();
-  const { useMessage, useEditComposer } = useMessageContext();
+  const messageStore = useMessageStore();
+  const editComposerStore = useEditComposerStore();
+  const threadActionsStore = useThreadActionsStore();
   const disabled = useCombinedStore(
-    [useMessage, useEditComposer],
+    [messageStore, editComposerStore],
     (m, c) => c.isEditing || m.branches.indexOf(m.message.id) + 1 >= m.branches.length
   );
   const callback = useCallback8(() => {
-    const { message, branches } = useMessage.getState();
-    useThreadActions.getState().switchToBranch(branches[branches.indexOf(message.id) + 1]);
-  }, [useThreadActions, useMessage]);
+    const { message, branches } = messageStore.getState();
+    threadActionsStore.getState().switchToBranch(branches[branches.indexOf(message.id) + 1]);
+  }, [threadActionsStore, messageStore]);
   if (disabled) return null;
   return callback;
 };
 
 // src/primitive-hooks/branchPicker/useBranchPickerNumber.tsx
 var useBranchPickerNumber = () => {
-  const { useMessage } = useMessageContext();
   const branchIdx = useMessage((s) => s.branches.indexOf(s.message.id));
   return branchIdx + 1;
 };
@@ -2604,16 +2676,17 @@ var useBranchPickerNumber = () => {
 // src/primitive-hooks/branchPicker/useBranchPickerPrevious.tsx
 import { useCallback as useCallback9 } from "react";
 var useBranchPickerPrevious = () => {
-  const { useThreadActions } = useThreadContext();
-  const { useMessage, useEditComposer } = useMessageContext();
+  const messageStore = useMessageStore();
+  const editComposerStore = useEditComposerStore();
+  const threadActionsStore = useThreadActionsStore();
   const disabled = useCombinedStore(
-    [useMessage, useEditComposer],
+    [messageStore, editComposerStore],
     (m, c) => c.isEditing || m.branches.indexOf(m.message.id) <= 0
   );
   const callback = useCallback9(() => {
-    const { message, branches } = useMessage.getState();
-    useThreadActions.getState().switchToBranch(branches[branches.indexOf(message.id) - 1]);
-  }, [useThreadActions, useMessage]);
+    const { message, branches } = messageStore.getState();
+    threadActionsStore.getState().switchToBranch(branches[branches.indexOf(message.id) - 1]);
+  }, [threadActionsStore, messageStore]);
   if (disabled) return null;
   return callback;
 };
@@ -2621,19 +2694,18 @@ var useBranchPickerPrevious = () => {
 // src/primitive-hooks/composer/useComposerCancel.tsx
 import { useCallback as useCallback10 } from "react";
 var useComposerCancel = () => {
-  const { useComposer } = useComposerContext();
+  const composerStore = useComposerStore();
   const disabled = useComposer((c) => !c.canCancel);
   const callback = useCallback10(() => {
-    const { cancel } = useComposer.getState();
+    const { cancel } = composerStore.getState();
     cancel();
-  }, [useComposer]);
+  }, [composerStore]);
   if (disabled) return null;
   return callback;
 };
 
 // src/primitive-hooks/composer/useComposerIf.tsx
 var useComposerIf = (props) => {
-  const { useComposer } = useComposerContext();
   return useComposer((composer) => {
     if (props.editing === true && !composer.isEditing) return false;
     if (props.editing === false && composer.isEditing) return false;
@@ -2644,23 +2716,21 @@ var useComposerIf = (props) => {
 // src/primitive-hooks/composer/useComposerSend.tsx
 import { useCallback as useCallback11 } from "react";
 var useComposerSend = () => {
-  const {
-    useThread,
-    useViewport,
-    useComposer: useNewComposer
-  } = useThreadContext();
-  const { useComposer } = useComposerContext();
+  const threadStore = useThreadStore();
+  const threadViewportStore = useThreadViewportStore();
+  const composerStore = useComposerStore();
+  const threadComposerStore = useThreadComposerStore();
   const disabled = useCombinedStore(
-    [useThread, useComposer],
+    [threadStore, composerStore],
     (t, c) => t.isRunning || !c.isEditing || c.isEmpty
   );
   const callback = useCallback11(() => {
-    const composerState = useComposer.getState();
+    const composerState = composerStore.getState();
     if (!composerState.isEditing) return;
     composerState.send();
-    useViewport.getState().scrollToBottom();
-    useNewComposer.getState().focus();
-  }, [useNewComposer, useComposer, useViewport]);
+    threadViewportStore.getState().scrollToBottom();
+    threadComposerStore.getState().focus();
+  }, [threadComposerStore, composerStore, threadViewportStore]);
   if (disabled) return null;
   return callback;
 };
@@ -2668,11 +2738,12 @@ var useComposerSend = () => {
 // src/primitive-hooks/composer/useComposerAddAttachment.tsx
 import { useCallback as useCallback12 } from "react";
 var useComposerAddAttachment = () => {
-  const { useComposer, useThreadRuntime } = useThreadContext();
   const disabled = useComposer((c) => !c.isEditing);
+  const threadComposerStore = useThreadComposerStore();
+  const threadRuntimeStore = useThreadRuntimeStore();
   const callback = useCallback12(() => {
-    const { addAttachment } = useComposer.getState();
-    const { attachmentAccept } = useThreadRuntime.getState().composer;
+    const { addAttachment } = threadComposerStore.getState();
+    const { attachmentAccept } = threadRuntimeStore.getState().composer;
     const input = document.createElement("input");
     input.type = "file";
     if (attachmentAccept !== "*") {
@@ -2684,14 +2755,13 @@ var useComposerAddAttachment = () => {
       addAttachment(file);
     };
     input.click();
-  }, [useComposer, useThreadRuntime]);
+  }, [threadComposerStore, threadRuntimeStore]);
   if (disabled) return null;
   return callback;
 };
 
 // src/primitive-hooks/contentPart/useContentPartDisplay.tsx
 var useContentPartDisplay = () => {
-  const { useContentPart } = useContentPartContext();
   const display = useContentPart((c) => {
     if (c.part.type !== "ui")
       throw new Error(
@@ -2704,7 +2774,6 @@ var useContentPartDisplay = () => {
 
 // src/primitive-hooks/contentPart/useContentPartImage.tsx
 var useContentPartImage = () => {
-  const { useContentPart } = useContentPartContext();
   const image = useContentPart((c) => {
     if (c.part.type !== "image")
       throw new Error(
@@ -2717,7 +2786,6 @@ var useContentPartImage = () => {
 
 // src/primitive-hooks/contentPart/useContentPartText.tsx
 var useContentPartText = () => {
-  const { useContentPart } = useContentPartContext();
   const text = useContentPart((c) => {
     if (c.part.type !== "text")
       throw new Error(
@@ -2730,9 +2798,10 @@ var useContentPartText = () => {
 
 // src/primitive-hooks/message/useMessageIf.tsx
 var useMessageIf = (props) => {
-  const { useMessage, useMessageUtils } = useMessageContext();
+  const messageStore = useMessageStore();
+  const messageUtilsStore = useMessageUtilsStore();
   return useCombinedStore(
-    [useMessage, useMessageUtils],
+    [messageStore, messageUtilsStore],
     ({ message, branches, isLast }, { isCopied, isHovering, isSpeaking }) => {
       if (props.hasBranches === true && branches.length < 2) return false;
       if (props.user && message.role !== "user") return false;
@@ -2754,9 +2823,10 @@ var useMessageIf = (props) => {
 
 // src/primitive-hooks/thread/useThreadIf.tsx
 var useThreadIf = (props) => {
-  const { useThread, useThreadMessages } = useThreadContext();
+  const threadStore = useThreadStore();
+  const threadMessagesStore = useThreadMessagesStore();
   return useCombinedStore(
-    [useThread, useThreadMessages],
+    [threadStore, threadMessagesStore],
     (thread, messages) => {
       if (props.empty === true && messages.length !== 0) return false;
       if (props.empty === false && messages.length === 0) return false;
@@ -2777,12 +2847,13 @@ var useThreadEmpty = () => {
 // src/primitive-hooks/thread/useThreadScrollToBottom.tsx
 import { useCallback as useCallback13 } from "react";
 var useThreadScrollToBottom = () => {
-  const { useComposer, useViewport } = useThreadContext();
-  const isAtBottom = useViewport((s) => s.isAtBottom);
+  const isAtBottom = useThreadViewport((s) => s.isAtBottom);
+  const threadViewportStore = useThreadViewportStore();
+  const threadComposerStore = useThreadComposerStore();
   const handleScrollToBottom = useCallback13(() => {
-    useViewport.getState().scrollToBottom();
-    useComposer.getState().focus();
-  }, [useViewport, useComposer]);
+    threadViewportStore.getState().scrollToBottom();
+    threadComposerStore.getState().focus();
+  }, [threadViewportStore, threadComposerStore]);
   if (isAtBottom) return null;
   return handleScrollToBottom;
 };
@@ -2793,19 +2864,20 @@ var useThreadSuggestion = ({
   prompt,
   autoSend
 }) => {
-  const { useThread, useComposer } = useThreadContext();
+  const threadStore = useThreadStore();
+  const composerStore = useThreadComposerStore();
   const append = useAppendMessage();
   const disabled = useThread((t) => t.isDisabled);
   const callback = useCallback14(() => {
-    const thread = useThread.getState();
-    const composer = useComposer.getState();
+    const thread = threadStore.getState();
+    const composer = composerStore.getState();
     if (autoSend && !thread.isRunning) {
       append(prompt);
       composer.setText("");
     } else {
       composer.setText(prompt);
     }
-  }, [useThread, useComposer, autoSend, append, prompt]);
+  }, [threadStore, composerStore, autoSend, append, prompt]);
   if (disabled) return null;
   return callback;
 };
@@ -2831,10 +2903,11 @@ var useActionBarFloatStatus = ({
   autohide,
   autohideFloat
 }) => {
-  const { useThread } = useThreadContext();
-  const { useMessage, useMessageUtils } = useMessageContext();
+  const threadStore = useThreadStore();
+  const messageStore = useMessageStore();
+  const messageUtilsStore = useMessageUtilsStore();
   return useCombinedStore(
-    [useThread, useMessage, useMessageUtils],
+    [threadStore, messageStore, messageUtilsStore],
     (t, m, mu) => {
       if (hideWhenRunning && t.isRunning) return "hidden" /* Hidden */;
       const autohideEnabled = autohide === "always" || autohide === "not-last" && !m.isLast;
@@ -2953,6 +3026,7 @@ var ActionBarPrimitiveStopSpeaking = forwardRef7((props, ref) => {
     }
   );
 });
+ActionBarPrimitiveStopSpeaking.displayName = "ActionBarPrimitive.StopSpeaking";
 
 // src/primitives/assistantModal/index.ts
 var assistantModal_exports = {};
@@ -2973,12 +3047,12 @@ import { useCallbackRef as useCallbackRef2 } from "@radix-ui/react-use-callback-
 import { useEffect as useEffect8 } from "react";
 var useOnComposerFocus = (callback) => {
   const callbackRef = useCallbackRef2(callback);
-  const { useComposer } = useThreadContext();
+  const threadComposerStore = useThreadComposerStore();
   useEffect8(() => {
-    return useComposer.getState().onFocus(() => {
+    return threadComposerStore.getState().onFocus(() => {
       callbackRef();
     });
-  }, [useComposer, callbackRef]);
+  }, [threadComposerStore, callbackRef]);
 };
 
 // src/primitives/assistantModal/scope.tsx
@@ -3160,10 +3234,10 @@ var useManagedRef = (callback) => {
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
 import { jsx as jsx19 } from "react/jsx-runtime";
 var useIsHoveringRef = () => {
-  const { useMessageUtils } = useMessageContext();
+  const messageUtilsStore = useMessageUtilsStore();
   const callbackRef = useCallback16(
     (el) => {
-      const setIsHovering = useMessageUtils.getState().setIsHovering;
+      const setIsHovering = messageUtilsStore.getState().setIsHovering;
       const handleMouseEnter = () => {
         setIsHovering(true);
       };
@@ -3178,14 +3252,14 @@ var useIsHoveringRef = () => {
         setIsHovering(false);
       };
     },
-    [useMessageUtils]
+    [messageUtilsStore]
   );
   return useManagedRef(callbackRef);
 };
-var MessagePrimitiveRoot = forwardRef11(({ onMouseEnter, onMouseLeave, ...rest }, forwardRef30) => {
+var MessagePrimitiveRoot = forwardRef11((props, forwardRef30) => {
   const isHoveringRef = useIsHoveringRef();
   const ref = useComposedRefs(forwardRef30, isHoveringRef);
-  return /* @__PURE__ */ jsx19(Primitive5.div, { ...rest, ref });
+  return /* @__PURE__ */ jsx19(Primitive5.div, { ...props, ref });
 });
 MessagePrimitiveRoot.displayName = "MessagePrimitive.Root";
 
@@ -3204,7 +3278,7 @@ import { memo as memo2 } from "react";
 
 // src/context/providers/ContentPartProvider.tsx
 import { useEffect as useEffect9, useState as useState11 } from "react";
-import { create as create13 } from "zustand";
+import { create as create12 } from "zustand";
 import { jsx as jsx20 } from "react/jsx-runtime";
 var COMPLETE_STATUS = {
   type: "complete"
@@ -3225,7 +3299,7 @@ var toContentPartStatus = (message, partIndex, part) => {
   return message.status;
 };
 var EMPTY_CONTENT = Object.freeze({ type: "text", text: "" });
-var getContentPartState = ({ message }, useContentPart, partIndex) => {
+var getContentPartState = ({ message }, useContentPart2, partIndex) => {
   let part = message.content[partIndex];
   if (!part) {
     if (message.content.length === 0 && partIndex === 0) {
@@ -3233,20 +3307,22 @@ var getContentPartState = ({ message }, useContentPart, partIndex) => {
     } else {
       return null;
     }
+  } else if (message.content.length === 1 && part.type === "text" && part.text.length === 0) {
+    part = EMPTY_CONTENT;
   }
   const status = toContentPartStatus(message, partIndex, part);
-  const currentState = useContentPart?.getState();
+  const currentState = useContentPart2?.getState();
   if (currentState && currentState.part === part && currentState.status === status)
     return null;
   return Object.freeze({ part, status });
 };
 var useContentPartContext2 = (partIndex) => {
-  const { useMessage } = useMessageContext();
+  const messageStore = useMessageStore();
   const [context] = useState11(() => {
-    const useContentPart = create13(
-      () => getContentPartState(useMessage.getState(), void 0, partIndex)
+    const useContentPart2 = create12(
+      () => getContentPartState(messageStore.getState(), void 0, partIndex)
     );
-    return { useContentPart };
+    return { useContentPart: useContentPart2 };
   });
   useEffect9(() => {
     const syncContentPart = (message) => {
@@ -3258,9 +3334,9 @@ var useContentPartContext2 = (partIndex) => {
       if (!newState) return;
       writableStore(context.useContentPart).setState(newState, true);
     };
-    syncContentPart(useMessage.getState());
-    return useMessage.subscribe(syncContentPart);
-  }, [context, useMessage, partIndex]);
+    syncContentPart(messageStore.getState());
+    return messageStore.subscribe(syncContentPart);
+  }, [context, messageStore, partIndex]);
   return context;
 };
 var ContentPartProvider = ({
@@ -3308,7 +3384,6 @@ ContentPartPrimitiveDisplay.displayName = "ContentPartPrimitive.Display";
 
 // src/primitives/contentPart/ContentPartInProgress.tsx
 var ContentPartPrimitiveInProgress = ({ children }) => {
-  const { useContentPart } = useContentPartContext();
   const isInProgress = useContentPart((c) => c.status.type === "running");
   return isInProgress ? children : null;
 };
@@ -3320,7 +3395,6 @@ var ToolUIDisplay = ({
   UI,
   ...props
 }) => {
-  const { useToolUIs } = useAssistantContext();
   const Render = useToolUIs((s) => s.getToolUI(props.part.toolName)) ?? UI;
   if (!Render) return null;
   return /* @__PURE__ */ jsx23(Render, { ...props });
@@ -3335,24 +3409,24 @@ var defaultComponents = {
 };
 var MessageContentPartComponent = ({
   components: {
-    Empty = defaultComponents.Text,
     Text: Text2 = defaultComponents.Text,
+    Empty,
     Image: Image2 = defaultComponents.Image,
     UI = defaultComponents.UI,
     tools: { by_name = {}, Fallback: Fallback2 = void 0 } = {}
   } = {}
 }) => {
-  const { useThreadActions } = useThreadContext();
-  const { useMessage } = useMessageContext();
-  const addToolResult = useThreadActions((t) => t.addToolResult);
-  const { useContentPart } = useContentPartContext();
+  const messageStore = useMessageStore();
+  const threadActionsStore = useThreadActionsStore();
   const { part, status } = useContentPart();
   const type = part.type;
   switch (type) {
     case "text":
       if (status.type === "requires-action")
         throw new Error("Encountered unexpected requires-action status");
-      if (part === EMPTY_CONTENT) return /* @__PURE__ */ jsx23(Empty, { part, status });
+      if (part === EMPTY_CONTENT && !!Empty) {
+        return /* @__PURE__ */ jsx23(Empty, { status });
+      }
       return /* @__PURE__ */ jsx23(Text2, { part, status });
     case "image":
       if (status.type === "requires-action")
@@ -3364,8 +3438,8 @@ var MessageContentPartComponent = ({
       return /* @__PURE__ */ jsx23(UI, { part, status });
     case "tool-call": {
       const Tool = by_name[part.toolName] || Fallback2;
-      const addResult = (result) => addToolResult({
-        messageId: useMessage.getState().message.id,
+      const addResult = (result) => threadActionsStore.getState().addToolResult({
+        messageId: messageStore.getState().message.id,
         toolName: part.toolName,
         toolCallId: part.toolCallId,
         result
@@ -3398,7 +3472,6 @@ var MessageContentPart = memo2(
 var MessagePrimitiveContent = ({
   components
 }) => {
-  const { useMessage } = useMessageContext();
   const contentLength = useMessage((s) => s.message.content.length) || 1;
   return Array.from({ length: contentLength }, (_, index) => /* @__PURE__ */ jsx23(MessageContentPart, { partIndex: index, components }, index));
 };
@@ -3414,48 +3487,70 @@ MessagePrimitiveInProgress.displayName = "MessagePrimitive.InProgress";
 import { memo as memo3 } from "react";
 
 // src/context/react/AttachmentContext.ts
-import { createContext as createContext6, useContext as useContext6 } from "react";
+import { createContext as createContext6, useContext as useContext3 } from "react";
 var AttachmentContext = createContext6(
   null
 );
 function useAttachmentContext(options) {
-  const context = useContext6(AttachmentContext);
-  if (options?.type === "composer" && context?.type !== "composer")
+  const context = useContext3(AttachmentContext);
+  if (!options?.optional && !context)
     throw new Error(
-      "This component must be used within a ComposerPrimitive.Attachments component."
+      "This component must be used within a ComposerPrimitive.Attachments or MessagePrimitive.Attachments component."
     );
-  if (options?.type === "message" && context?.type !== "message")
+  return context;
+}
+function useComposerAttachmentContext(options) {
+  const context = useAttachmentContext(options);
+  if (!context) return null;
+  if (context.type !== "composer")
     throw new Error(
-      "This component must be used within a MessagePrimitive.Attachments component."
+      "This component must be used within a ComposerPrimitive.Attachments component."
     );
-  if (!options?.optional && !context)
+  return context;
+}
+function useMessageAttachmentContext(options) {
+  const context = useAttachmentContext(options);
+  if (!context) return null;
+  if (context.type !== "message")
     throw new Error(
-      "This component must be used within a ComposerPrimitive.Attachments or MessagePrimitive.Attachments component."
+      "This component must be used within a MessagePrimitive.Attachments component."
     );
   return context;
 }
+var { useAttachment, useAttachmentStore } = createContextStoreHook(
+  useAttachmentContext,
+  "useAttachment"
+);
+var {
+  useAttachment: useComposerAttachment,
+  useAttachmentStore: useComposerAttachmentStore
+} = createContextStoreHook(useComposerAttachmentContext, "useAttachment");
+var {
+  useAttachment: useMessageAttachment,
+  useAttachmentStore: useMessageAttachmentStore
+} = createContextStoreHook(useMessageAttachmentContext, "useAttachment");
 
 // src/context/providers/MessageAttachmentProvider.tsx
 import { useEffect as useEffect10, useState as useState12 } from "react";
-import { create as create14 } from "zustand";
+import { create as create13 } from "zustand";
 import { jsx as jsx24 } from "react/jsx-runtime";
-var getAttachment = ({ message }, useAttachment, partIndex) => {
+var getAttachment = ({ message }, useAttachment2, partIndex) => {
   if (message.role !== "user") return null;
   const attachments = message.attachments;
-  let attachment = attachments[partIndex];
+  const attachment = attachments[partIndex];
   if (!attachment) return null;
-  const currentState = useAttachment?.getState();
+  const currentState = useAttachment2?.getState();
   if (currentState && currentState.attachment === attachment) return null;
   return Object.freeze({ attachment });
 };
-var useMessageAttachmentContext = (partIndex) => {
-  const { useMessage } = useMessageContext();
+var useMessageAttachmentContext2 = (partIndex) => {
+  const messageStore = useMessageStore();
   const [context] = useState12(
     () => {
-      const useAttachment = create14(
-        () => getAttachment(useMessage.getState(), void 0, partIndex)
+      const useAttachment2 = create13(
+        () => getAttachment(messageStore.getState(), void 0, partIndex)
       );
-      return { type: "message", useAttachment };
+      return { type: "message", useAttachment: useAttachment2 };
     }
   );
   useEffect10(() => {
@@ -3468,16 +3563,16 @@ var useMessageAttachmentContext = (partIndex) => {
       if (!newState) return;
       writableStore(context.useAttachment).setState(newState, true);
     };
-    syncAttachment(useMessage.getState());
-    return useMessage.subscribe(syncAttachment);
-  }, [context, useMessage, partIndex]);
+    syncAttachment(messageStore.getState());
+    return messageStore.subscribe(syncAttachment);
+  }, [context, messageStore, partIndex]);
   return context;
 };
 var MessageAttachmentProvider = ({
   attachmentIndex: partIndex,
   children
 }) => {
-  const context = useMessageAttachmentContext(partIndex);
+  const context = useMessageAttachmentContext2(partIndex);
   return /* @__PURE__ */ jsx24(AttachmentContext.Provider, { value: context, children });
 };
 
@@ -3498,8 +3593,7 @@ var getComponent = (components, attachment) => {
   }
 };
 var AttachmentComponent = ({ components }) => {
-  const { useAttachment } = useAttachmentContext({ type: "message" });
-  const Component = useAttachment(
+  const Component = useMessageAttachment(
     (a) => getComponent(components, a.attachment)
   );
   if (!Component) return null;
@@ -3513,7 +3607,6 @@ var MessageAttachment = memo3(
   (prev, next) => prev.attachmentIndex === next.attachmentIndex && prev.components?.Image === next.components?.Image && prev.components?.Document === next.components?.Document && prev.components?.File === next.components?.File && prev.components?.Attachment === next.components?.Attachment
 );
 var MessagePrimitiveAttachments = ({ components }) => {
-  const { useMessage } = useMessageContext();
   const attachmentsCount = useMessage(({ message }) => {
     if (message.role !== "user") return 0;
     return message.attachments.length;
@@ -3595,8 +3688,8 @@ var ComposerPrimitiveInput = forwardRef16(
     onKeyDown,
     ...rest
   }, forwardedRef) => {
-    const { useThread } = useThreadContext();
-    const { useComposer, type } = useComposerContext();
+    const threadStore = useThreadStore();
+    const composerStore = useComposerStore();
     const value = useComposer((c) => {
       if (!c.isEditing) return "";
       return c.text;
@@ -3606,7 +3699,7 @@ var ComposerPrimitiveInput = forwardRef16(
     const textareaRef = useRef4(null);
     const ref = useComposedRefs2(forwardedRef, textareaRef);
     useEscapeKeydown2((e) => {
-      const composer = useComposer.getState();
+      const composer = composerStore.getState();
       if (composer.canCancel) {
         composer.cancel();
         e.preventDefault();
@@ -3616,7 +3709,7 @@ var ComposerPrimitiveInput = forwardRef16(
       if (isDisabled) return;
       if (e.nativeEvent.isComposing) return;
       if (e.key === "Enter" && e.shiftKey === false) {
-        const { isRunning } = useThread.getState();
+        const { isRunning } = threadStore.getState();
         if (!isRunning) {
           e.preventDefault();
           textareaRef.current?.closest("form")?.requestSubmit();
@@ -3635,7 +3728,7 @@ var ComposerPrimitiveInput = forwardRef16(
     }, [autoFocusEnabled]);
     useEffect11(() => focus(), [focus]);
     useOnComposerFocus(() => {
-      if (type === "new") {
+      if (composerStore.getState().type === "thread") {
         focus();
       }
     });
@@ -3648,7 +3741,7 @@ var ComposerPrimitiveInput = forwardRef16(
         ref,
         disabled: isDisabled,
         onChange: composeEventHandlers6(onChange, (e) => {
-          const composerState = useComposer.getState();
+          const composerState = composerStore.getState();
           if (!composerState.isEditing) return;
           return composerState.setText(e.target.value);
         }),
@@ -3682,23 +3775,23 @@ import { memo as memo4 } from "react";
 
 // src/context/providers/ComposerAttachmentProvider.tsx
 import { useEffect as useEffect12, useState as useState13 } from "react";
-import { create as create15 } from "zustand";
+import { create as create14 } from "zustand";
 import { jsx as jsx29 } from "react/jsx-runtime";
-var getAttachment2 = ({ attachments }, useAttachment, partIndex) => {
-  let attachment = attachments[partIndex];
+var getAttachment2 = ({ attachments }, useAttachment2, partIndex) => {
+  const attachment = attachments[partIndex];
   if (!attachment) return null;
-  const currentState = useAttachment?.getState();
+  const currentState = useAttachment2?.getState();
   if (currentState && currentState.attachment === attachment) return null;
   return Object.freeze({ attachment });
 };
-var useComposerAttachmentContext = (partIndex) => {
-  const { useComposer } = useThreadContext();
+var useComposerAttachmentContext2 = (partIndex) => {
+  const threadComposerStore = useThreadComposerStore();
   const [context] = useState13(
     () => {
-      const useAttachment = create15(
-        () => getAttachment2(useComposer.getState(), void 0, partIndex)
+      const useAttachment2 = create14(
+        () => getAttachment2(threadComposerStore.getState(), void 0, partIndex)
       );
-      return { type: "composer", useAttachment };
+      return { type: "composer", useAttachment: useAttachment2 };
     }
   );
   useEffect12(() => {
@@ -3711,13 +3804,13 @@ var useComposerAttachmentContext = (partIndex) => {
       if (!newState) return;
       writableStore(context.useAttachment).setState(newState, true);
     };
-    syncAttachment(useComposer.getState());
-    return useComposer.subscribe(syncAttachment);
-  }, [context, useComposer, partIndex]);
+    syncAttachment(threadComposerStore.getState());
+    return threadComposerStore.subscribe(syncAttachment);
+  }, [context, threadComposerStore, partIndex]);
   return context;
 };
 var ComposerAttachmentProvider = ({ attachmentIndex: partIndex, children }) => {
-  const context = useComposerAttachmentContext(partIndex);
+  const context = useComposerAttachmentContext2(partIndex);
   return /* @__PURE__ */ jsx29(AttachmentContext.Provider, { value: context, children });
 };
 
@@ -3738,8 +3831,7 @@ var getComponent2 = (components, attachment) => {
   }
 };
 var AttachmentComponent2 = ({ components }) => {
-  const { useAttachment } = useAttachmentContext({ type: "composer" });
-  const Component = useAttachment(
+  const Component = useComposerAttachment(
     (a) => getComponent2(components, a.attachment)
   );
   if (!Component) return null;
@@ -3753,8 +3845,7 @@ var ComposerAttachment = memo4(
   (prev, next) => prev.attachmentIndex === next.attachmentIndex && prev.components?.Image === next.components?.Image && prev.components?.Document === next.components?.Document && prev.components?.File === next.components?.File && prev.components?.Attachment === next.components?.Attachment
 );
 var ComposerPrimitiveAttachments = ({ components }) => {
-  const { useComposer } = useThreadContext();
-  const attachmentsCount = useComposer((s) => s.attachments.length);
+  const attachmentsCount = useThreadComposer((s) => s.attachments.length);
   return Array.from({ length: attachmentsCount }, (_, index) => /* @__PURE__ */ jsx30(
     ComposerAttachment,
     {
@@ -3879,12 +3970,12 @@ import { useCallbackRef as useCallbackRef4 } from "@radix-ui/react-use-callback-
 import { useEffect as useEffect13 } from "react";
 var useOnScrollToBottom = (callback) => {
   const callbackRef = useCallbackRef4(callback);
-  const { useViewport } = useThreadContext();
+  const threadViewportStore = useThreadViewportStore();
   useEffect13(() => {
-    return useViewport.getState().onScrollToBottom(() => {
+    return threadViewportStore.getState().onScrollToBottom(() => {
       callbackRef();
     });
-  }, [useViewport, callbackRef]);
+  }, [threadViewportStore, callbackRef]);
 };
 
 // src/primitive-hooks/thread/useThreadViewportAutoScroll.tsx
@@ -3892,7 +3983,7 @@ var useThreadViewportAutoScroll = ({
   autoScroll = true
 }) => {
   const divRef = useRef5(null);
-  const { useViewport } = useThreadContext();
+  const threadViewportStore = useThreadViewportStore();
   const lastScrollTop = useRef5(0);
   const isScrollingToBottomRef = useRef5(false);
   const scrollToBottom = (behavior) => {
@@ -3904,7 +3995,7 @@ var useThreadViewportAutoScroll = ({
   const handleScroll = () => {
     const div = divRef.current;
     if (!div) return;
-    const isAtBottom = useViewport.getState().isAtBottom;
+    const isAtBottom = threadViewportStore.getState().isAtBottom;
     const newIsAtBottom = div.scrollHeight - div.scrollTop <= div.clientHeight + 1;
     if (!newIsAtBottom && lastScrollTop.current < div.scrollTop) {
     } else {
@@ -3912,13 +4003,15 @@ var useThreadViewportAutoScroll = ({
         isScrollingToBottomRef.current = false;
       }
       if (newIsAtBottom !== isAtBottom) {
-        writableStore(useViewport).setState({ isAtBottom: newIsAtBottom });
+        writableStore(threadViewportStore).setState({
+          isAtBottom: newIsAtBottom
+        });
       }
     }
     lastScrollTop.current = div.scrollTop;
   };
   const resizeRef = useOnResizeContent(() => {
-    if (isScrollingToBottomRef.current || useViewport.getState().isAtBottom) {
+    if (isScrollingToBottomRef.current || threadViewportStore.getState().isAtBottom) {
       scrollToBottom("instant");
     }
     handleScroll();
@@ -3938,7 +4031,7 @@ var useThreadViewportAutoScroll = ({
 
 // src/primitives/thread/ThreadViewport.tsx
 import { jsx as jsx32 } from "react/jsx-runtime";
-var ThreadPrimitiveViewport = forwardRef18(({ autoScroll, onScroll, children, ...rest }, forwardedRef) => {
+var ThreadPrimitiveViewport = forwardRef18(({ autoScroll, children, ...rest }, forwardedRef) => {
   const autoScrollRef = useThreadViewportAutoScroll({
     autoScroll
   });
@@ -3952,14 +4045,15 @@ import { memo as memo5 } from "react";
 
 // src/context/providers/MessageProvider.tsx
 import { useEffect as useEffect14, useState as useState14 } from "react";
-import { create as create18 } from "zustand";
+import { create as create17 } from "zustand";
 
 // src/context/stores/EditComposer.ts
-import { create as create16 } from "zustand";
+import { create as create15 } from "zustand";
 var makeEditComposerStore = ({
   onEdit,
   onSend
-}) => create16()((set, get) => ({
+}) => create15()((set, get) => ({
+  type: "edit",
   get value() {
     return get().text;
   },
@@ -3993,8 +4087,8 @@ var makeEditComposerStore = ({
 }));
 
 // src/context/stores/MessageUtils.ts
-import { create as create17 } from "zustand";
-var makeMessageUtilsStore = () => create17((set) => {
+import { create as create16 } from "zustand";
+var makeMessageUtilsStore = () => create16((set) => {
   let utterance = null;
   return {
     isCopied: false,
@@ -4024,13 +4118,13 @@ import { jsx as jsx33 } from "react/jsx-runtime";
 var getIsLast = (messages, message) => {
   return messages[messages.length - 1]?.id === message.id;
 };
-var getMessageState = (messages, getBranches, useMessage, messageIndex) => {
+var getMessageState = (messages, getBranches, useMessage2, messageIndex) => {
   const parentId = messages[messageIndex - 1]?.id ?? null;
   const message = messages[messageIndex];
   if (!message) return null;
   const isLast = getIsLast(messages, message);
   const branches = getBranches(message.id);
-  const currentState = useMessage?.getState();
+  const currentState = useMessage2?.getState();
   if (currentState && currentState.message === message && currentState.parentId === parentId && currentState.branches === branches && currentState.isLast === isLast)
     return null;
   return Object.freeze({
@@ -4041,62 +4135,55 @@ var getMessageState = (messages, getBranches, useMessage, messageIndex) => {
   });
 };
 var useMessageContext2 = (messageIndex) => {
-  const { useThreadMessages, useThreadActions } = useThreadContext();
+  const threadMessagesStore = useThreadMessagesStore();
+  const threadActionsStore = useThreadActionsStore();
   const [context] = useState14(() => {
-    const useMessage = create18(
+    const useMessage2 = create17(
       () => getMessageState(
-        useThreadMessages.getState(),
-        useThreadActions.getState().getBranches,
+        threadMessagesStore.getState(),
+        threadActionsStore.getState().getBranches,
         void 0,
         messageIndex
       )
     );
-    const useMessageUtils = makeMessageUtilsStore();
-    const useEditComposer = makeEditComposerStore({
+    const useMessageUtils2 = makeMessageUtilsStore();
+    const useEditComposer2 = makeEditComposerStore({
       onEdit: () => {
-        const message = useMessage.getState().message;
-        if (message.role !== "user")
-          throw new Error(
-            "Tried to edit a non-user message. Editing is only supported for user messages. This is likely an internal bug in assistant-ui."
-          );
+        const message = useMessage2.getState().message;
         const text = getThreadMessageText(message);
         return text;
       },
       onSend: (text) => {
-        const { message, parentId } = useMessage.getState();
-        if (message.role !== "user")
-          throw new Error(
-            "Tried to edit a non-user message. Editing is only supported for user messages. This is likely an internal bug in assistant-ui."
-          );
+        const { message, parentId } = useMessage2.getState();
         const previousText = getThreadMessageText(message);
         if (previousText === text) return;
         const nonTextParts = message.content.filter(
           (part) => part.type !== "text" && part.type !== "ui"
         );
-        useThreadActions.getState().append({
+        threadActionsStore.getState().append({
           parentId,
-          role: "user",
+          role: message.role,
           content: [{ type: "text", text }, ...nonTextParts],
           attachments: message.attachments
         });
       }
     });
-    return { useMessage, useMessageUtils, useEditComposer };
+    return { useMessage: useMessage2, useMessageUtils: useMessageUtils2, useEditComposer: useEditComposer2 };
   });
   useEffect14(() => {
     const syncMessage = (thread) => {
       const newState = getMessageState(
         thread,
-        useThreadActions.getState().getBranches,
+        threadActionsStore.getState().getBranches,
         context.useMessage,
         messageIndex
       );
       if (!newState) return;
       writableStore(context.useMessage).setState(newState, true);
     };
-    syncMessage(useThreadMessages.getState());
-    return useThreadMessages.subscribe(syncMessage);
-  }, [useThreadMessages, useThreadActions, context, messageIndex]);
+    syncMessage(threadMessagesStore.getState());
+    return threadMessagesStore.subscribe(syncMessage);
+  }, [threadMessagesStore, threadActionsStore, context, messageIndex]);
   return context;
 };
 var MessageProvider = ({
@@ -4108,38 +4195,57 @@ var MessageProvider = ({
 };
 
 // src/primitives/thread/ThreadMessages.tsx
-import { jsx as jsx34, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
+var isComponentsSame = (prev, next) => {
+  return prev.Message === next.Message && prev.EditComposer === next.EditComposer && prev.UserEditComposer === next.UserEditComposer && prev.AssistantEditComposer === next.AssistantEditComposer && prev.SystemEditComposer === next.SystemEditComposer && prev.UserMessage === next.UserMessage && prev.AssistantMessage === next.AssistantMessage && prev.SystemMessage === next.SystemMessage;
+};
 var DEFAULT_SYSTEM_MESSAGE = () => null;
-var getComponents = (components) => {
-  return {
-    EditComposer: components.EditComposer ?? components.UserMessage ?? components.Message,
-    UserMessage: components.UserMessage ?? components.Message,
-    AssistantMessage: components.AssistantMessage ?? components.Message,
-    SystemMessage: components.SystemMessage ?? DEFAULT_SYSTEM_MESSAGE
-  };
+var getComponent3 = (components, role, isEditing) => {
+  switch (role) {
+    case "user":
+      if (isEditing) {
+        return components.UserEditComposer ?? components.EditComposer ?? components.UserMessage ?? components.Message;
+      } else {
+        return components.UserMessage ?? components.Message;
+      }
+    case "assistant":
+      if (isEditing) {
+        return components.AssistantEditComposer ?? components.EditComposer ?? components.AssistantMessage ?? components.Message;
+      } else {
+        return components.AssistantMessage ?? components.Message;
+      }
+    case "system":
+      if (isEditing) {
+        return components.SystemEditComposer ?? components.EditComposer ?? components.SystemMessage ?? components.Message;
+      } else {
+        return components.SystemMessage ?? DEFAULT_SYSTEM_MESSAGE;
+      }
+    default:
+      const _exhaustiveCheck = role;
+      throw new Error(`Unknown message role: ${_exhaustiveCheck}`);
+  }
+};
+var ThreadMessageComponent = ({
+  components
+}) => {
+  const role = useMessage((m) => m.message.role);
+  const isEditing = useEditComposer((c) => c.isEditing);
+  const Component = getComponent3(components, role, isEditing);
+  return /* @__PURE__ */ jsx34(Component, {});
 };
 var ThreadMessageImpl = ({
   messageIndex,
   components
 }) => {
-  const { UserMessage: UserMessage2, EditComposer: EditComposer2, AssistantMessage: AssistantMessage2, SystemMessage: SystemMessage2 } = getComponents(components);
-  return /* @__PURE__ */ jsxs4(MessageProvider, { messageIndex, children: [
-    /* @__PURE__ */ jsxs4(MessagePrimitiveIf, { user: true, children: [
-      /* @__PURE__ */ jsx34(ComposerPrimitiveIf, { editing: false, children: /* @__PURE__ */ jsx34(UserMessage2, {}) }),
-      /* @__PURE__ */ jsx34(ComposerPrimitiveIf, { editing: true, children: /* @__PURE__ */ jsx34(EditComposer2, {}) })
-    ] }),
-    /* @__PURE__ */ jsx34(MessagePrimitiveIf, { assistant: true, children: /* @__PURE__ */ jsx34(AssistantMessage2, {}) }),
-    /* @__PURE__ */ jsx34(MessagePrimitiveIf, { system: true, children: /* @__PURE__ */ jsx34(SystemMessage2, {}) })
-  ] });
+  return /* @__PURE__ */ jsx34(MessageProvider, { messageIndex, children: /* @__PURE__ */ jsx34(ThreadMessageComponent, { components }) });
 };
 var ThreadMessage = memo5(
   ThreadMessageImpl,
-  (prev, next) => prev.messageIndex === next.messageIndex && prev.components.Message === next.components.Message && prev.components.UserMessage === next.components.UserMessage && prev.components.EditComposer === next.components.EditComposer && prev.components.AssistantMessage === next.components.AssistantMessage && prev.components.SystemMessage === next.components.SystemMessage
+  (prev, next) => prev.messageIndex === next.messageIndex && isComponentsSame(prev.components, next.components)
 );
 var ThreadPrimitiveMessagesImpl = ({
   components
 }) => {
-  const { useThreadMessages } = useThreadContext();
   const messagesLength = useThreadMessages((t) => t.length);
   if (messagesLength === 0) return null;
   return Array.from({ length: messagesLength }, (_, index) => /* @__PURE__ */ jsx34(ThreadMessage, { messageIndex: index, components }, index));
@@ -4147,7 +4253,7 @@ var ThreadPrimitiveMessagesImpl = ({
 ThreadPrimitiveMessagesImpl.displayName = "ThreadPrimitive.Messages";
 var ThreadPrimitiveMessages = memo5(
   ThreadPrimitiveMessagesImpl,
-  (prev, next) => prev.components?.Message === next.components?.Message && prev.components?.UserMessage === next.components?.UserMessage && prev.components?.EditComposer === next.components?.EditComposer && prev.components?.AssistantMessage === next.components?.AssistantMessage && prev.components?.SystemMessage === next.components?.SystemMessage
+  (prev, next) => isComponentsSame(prev.components, next.components)
 );
 
 // src/primitives/thread/ThreadScrollToBottom.tsx
@@ -4166,21 +4272,21 @@ var ThreadPrimitiveSuggestion = createActionButton(
 // src/ui/thread-config.tsx
 import {
   createContext as createContext7,
-  useContext as useContext7
+  useContext as useContext4
 } from "react";
 import { Fragment as Fragment3, jsx as jsx35 } from "react/jsx-runtime";
 var ThreadConfigContext = createContext7({});
 var useThreadConfig = () => {
-  return useContext7(ThreadConfigContext);
+  return useContext4(ThreadConfigContext);
 };
 var ThreadConfigProvider = ({
   children,
   config
 }) => {
-  const assistant = useAssistantContext({ optional: true });
+  const hasAssistant = !!useAssistantRuntimeStore({ optional: true });
   const configProvider = config && Object.keys(config ?? {}).length > 0 ? /* @__PURE__ */ jsx35(ThreadConfigContext.Provider, { value: config, children }) : /* @__PURE__ */ jsx35(Fragment3, { children });
   if (!config?.runtime) return configProvider;
-  if (assistant) {
+  if (hasAssistant) {
     throw new Error(
       "You provided a runtime to <Thread> while simulataneously using <AssistantRuntimeProvider>. This is not allowed."
     );
@@ -4198,22 +4304,19 @@ import {
   RefreshCwIcon,
   StopCircleIcon
 } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx36, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx36, jsxs as jsxs4 } from "react/jsx-runtime";
 var useAllowCopy = (ensureCapability = false) => {
   const { assistantMessage: { allowCopy = true } = {} } = useThreadConfig();
-  const { useThread } = useThreadContext();
   const copySupported = useThread((t) => t.capabilities.unstable_copy);
   return allowCopy && (!ensureCapability || copySupported);
 };
 var useAllowSpeak = (ensureCapability = false) => {
   const { assistantMessage: { allowSpeak = true } = {} } = useThreadConfig();
-  const { useThread } = useThreadContext();
   const speakSupported = useThread((t) => t.capabilities.speak);
   return allowSpeak && (!ensureCapability || speakSupported);
 };
 var useAllowReload = (ensureCapability = false) => {
   const { assistantMessage: { allowReload = true } = {} } = useThreadConfig();
-  const { useThread } = useThreadContext();
   const reloadSupported = useThread((t) => t.capabilities.reload);
   return allowReload && (!ensureCapability || reloadSupported);
 };
@@ -4222,7 +4325,7 @@ var AssistantActionBar = () => {
   const allowReload = useAllowReload(true);
   const allowSpeak = useAllowSpeak(true);
   if (!allowCopy && !allowReload && !allowSpeak) return null;
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(
     AssistantActionBarRoot,
     {
       hideWhenRunning: true,
@@ -4247,14 +4350,14 @@ var AssistantActionBarCopy = forwardRef19((props, ref) => {
       assistantMessage: { copy: { tooltip = "Copy" } = {} } = {}
     } = {}
   } = useThreadConfig();
-  return /* @__PURE__ */ jsx36(actionBar_exports.Copy, { asChild: true, children: /* @__PURE__ */ jsx36(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsxs5(Fragment4, { children: [
+  return /* @__PURE__ */ jsx36(actionBar_exports.Copy, { asChild: true, children: /* @__PURE__ */ jsx36(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsxs4(Fragment4, { children: [
     /* @__PURE__ */ jsx36(message_exports.If, { copied: true, children: /* @__PURE__ */ jsx36(CheckIcon, {}) }),
     /* @__PURE__ */ jsx36(message_exports.If, { copied: false, children: /* @__PURE__ */ jsx36(CopyIcon, {}) })
   ] }) }) });
 });
 AssistantActionBarCopy.displayName = "AssistantActionBarCopy";
 var AssistantActionBarSpeechControl = () => {
-  return /* @__PURE__ */ jsxs5(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
     /* @__PURE__ */ jsx36(message_exports.If, { speaking: false, children: /* @__PURE__ */ jsx36(AssistantActionBarSpeak, {}) }),
     /* @__PURE__ */ jsx36(message_exports.If, { speaking: true, children: /* @__PURE__ */ jsx36(AssistantActionBarStopSpeaking, {}) })
   ] });
@@ -4310,17 +4413,16 @@ import { forwardRef as forwardRef21, useMemo as useMemo5 } from "react";
 // src/ui/branch-picker.tsx
 import { forwardRef as forwardRef20 } from "react";
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs5 } from "react/jsx-runtime";
 var useAllowBranchPicker = (ensureCapability = false) => {
   const { branchPicker: { allowBranchPicker = true } = {} } = useThreadConfig();
-  const { useThread } = useThreadContext();
   const branchPickerSupported = useThread((t) => t.capabilities.edit);
   return allowBranchPicker && (!ensureCapability || branchPickerSupported);
 };
 var BranchPicker = () => {
   const allowBranchPicker = useAllowBranchPicker();
   if (!allowBranchPicker) return null;
-  return /* @__PURE__ */ jsxs6(BranchPickerRoot, { hideWhenSingleBranch: true, children: [
+  return /* @__PURE__ */ jsxs5(BranchPickerRoot, { hideWhenSingleBranch: true, children: [
     /* @__PURE__ */ jsx37(BranchPickerPrevious2, {}),
     /* @__PURE__ */ jsx37(BranchPickerState, {}),
     /* @__PURE__ */ jsx37(BranchPickerNext, {})
@@ -4345,7 +4447,7 @@ var BranchPickerStateWrapper = withDefaults("span", {
   className: "aui-branch-picker-state"
 });
 var BranchPickerState = forwardRef20((props, ref) => {
-  return /* @__PURE__ */ jsxs6(BranchPickerStateWrapper, { ...props, ref, children: [
+  return /* @__PURE__ */ jsxs5(BranchPickerStateWrapper, { ...props, ref, children: [
     /* @__PURE__ */ jsx37(branchPicker_exports.Number, {}),
     " / ",
     /* @__PURE__ */ jsx37(branchPicker_exports.Count, {})
@@ -4369,10 +4471,10 @@ var branch_picker_default = Object.assign(BranchPicker, exports2);
 
 // src/ui/base/avatar.tsx
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx38, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs6 } from "react/jsx-runtime";
 var Avatar = ({ src, alt, fallback }) => {
   if (src == null && fallback == null) return null;
-  return /* @__PURE__ */ jsxs7(AvatarRoot, { children: [
+  return /* @__PURE__ */ jsxs6(AvatarRoot, { children: [
     src != null && /* @__PURE__ */ jsx38(AvatarImage, { src, alt }),
     fallback != null && /* @__PURE__ */ jsx38(AvatarFallback, { children: fallback })
   ] });
@@ -4411,9 +4513,9 @@ var exports3 = { Text: withSmoothContextProvider(Text) };
 var content_part_default = exports3;
 
 // src/ui/assistant-message.tsx
-import { jsx as jsx40, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs7 } from "react/jsx-runtime";
 var AssistantMessage = () => {
-  return /* @__PURE__ */ jsxs8(AssistantMessageRoot, { children: [
+  return /* @__PURE__ */ jsxs7(AssistantMessageRoot, { children: [
     /* @__PURE__ */ jsx40(AssistantMessageAvatar, {}),
     /* @__PURE__ */ jsx40(AssistantMessageContent, {}),
     /* @__PURE__ */ jsx40(branch_picker_default, {}),
@@ -4501,15 +4603,14 @@ CircleStopIcon.displayName = "CircleStopIcon";
 // src/ui/composer-attachment.tsx
 import { forwardRef as forwardRef22 } from "react";
 import { CircleXIcon } from "lucide-react";
-import { jsx as jsx42, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs8 } from "react/jsx-runtime";
 var ComposerAttachmentRoot = withDefaults("div", {
   className: "aui-composer-attachment-root"
 });
 ComposerAttachmentRoot.displayName = "ComposerAttachmentRoot";
 var ComposerAttachment2 = () => {
-  const { useAttachment } = useAttachmentContext({ type: "composer" });
-  const attachment = useAttachment((a) => a.attachment);
-  return /* @__PURE__ */ jsxs9(ComposerAttachmentRoot, { children: [
+  const attachment = useComposerAttachment((a) => a.attachment);
+  return /* @__PURE__ */ jsxs8(ComposerAttachmentRoot, { children: [
     ".",
     attachment.name.split(".").pop(),
     /* @__PURE__ */ jsx42(ComposerAttachmentRemove, {})
@@ -4522,10 +4623,10 @@ var ComposerAttachmentRemove = forwardRef22((props, ref) => {
       composer: { removeAttachment: { tooltip = "Remove file" } = {} } = {}
     } = {}
   } = useThreadConfig();
-  const { useComposer } = useThreadContext();
-  const { useAttachment } = useAttachmentContext();
+  const composerStore = useThreadComposerStore();
+  const attachmentStore = useAttachmentStore();
   const handleRemoveAttachment = () => {
-    useComposer.getState().removeAttachment(useAttachment.getState().attachment.id);
+    composerStore.getState().removeAttachment(attachmentStore.getState().attachment.id);
   };
   return /* @__PURE__ */ jsx42(
     TooltipIconButton,
@@ -4551,16 +4652,15 @@ var composer_attachment_default = Object.assign(
 );
 
 // src/ui/composer.tsx
-import { Fragment as Fragment5, jsx as jsx43, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx43, jsxs as jsxs9 } from "react/jsx-runtime";
 var useAllowAttachments = (ensureCapability = false) => {
   const { composer: { allowAttachments = true } = {} } = useThreadConfig();
-  const { useThread } = useThreadContext();
   const attachmentsSupported = useThread((t) => t.capabilities.attachments);
   return allowAttachments && (!ensureCapability || attachmentsSupported);
 };
 var Composer = () => {
   const allowAttachments = useAllowAttachments(true);
-  return /* @__PURE__ */ jsxs10(ComposerRoot, { children: [
+  return /* @__PURE__ */ jsxs9(ComposerRoot, { children: [
     allowAttachments && /* @__PURE__ */ jsx43(ComposerAttachments, {}),
     allowAttachments && /* @__PURE__ */ jsx43(ComposerAddAttachment, {}),
     /* @__PURE__ */ jsx43(ComposerInput, { autoFocus: true }),
@@ -4626,14 +4726,13 @@ var ComposerAddAttachment = forwardRef23((props, ref) => {
 });
 ComposerAddAttachment.displayName = "ComposerAddAttachment";
 var useAllowCancel = () => {
-  const { useThread } = useThreadContext();
   const cancelSupported = useThread((t) => t.capabilities.cancel);
   return cancelSupported;
 };
 var ComposerAction = () => {
   const allowCancel = useAllowCancel();
   if (!allowCancel) return /* @__PURE__ */ jsx43(ComposerSend, {});
-  return /* @__PURE__ */ jsxs10(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs9(Fragment5, { children: [
     /* @__PURE__ */ jsx43(thread_exports.If, { running: false, children: /* @__PURE__ */ jsx43(ComposerSend, {}) }),
     /* @__PURE__ */ jsx43(thread_exports.If, { running: true, children: /* @__PURE__ */ jsx43(ComposerCancel, {}) })
   ] });
@@ -4674,10 +4773,10 @@ var composer_default = Object.assign(Composer, exports6);
 
 // src/ui/thread-welcome.tsx
 import { forwardRef as forwardRef24 } from "react";
-import { jsx as jsx44, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs10 } from "react/jsx-runtime";
 var ThreadWelcome = () => {
-  return /* @__PURE__ */ jsxs11(ThreadWelcomeRoot, { children: [
-    /* @__PURE__ */ jsxs11(ThreadWelcomeCenter, { children: [
+  return /* @__PURE__ */ jsxs10(ThreadWelcomeRoot, { children: [
+    /* @__PURE__ */ jsxs10(ThreadWelcomeCenter, { children: [
       /* @__PURE__ */ jsx44(ThreadWelcomeAvatar, {}),
       /* @__PURE__ */ jsx44(ThreadWelcomeMessage, {})
     ] }),
@@ -4755,7 +4854,6 @@ import { PencilIcon } from "lucide-react";
 import { jsx as jsx45 } from "react/jsx-runtime";
 var useAllowEdit = (ensureCapability = false) => {
   const { userMessage: { allowEdit = true } = {} } = useThreadConfig();
-  const { useThread } = useThreadContext();
   const editSupported = useThread((t) => t.capabilities.edit);
   return allowEdit && (!ensureCapability || editSupported);
 };
@@ -4784,15 +4882,14 @@ var exports8 = {
 var user_action_bar_default = Object.assign(UserActionBar, exports8);
 
 // src/ui/user-message-attachment.tsx
-import { jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsxs as jsxs11 } from "react/jsx-runtime";
 var UserMessageAttachmentRoot = withDefaults("div", {
   className: "aui-user-message-attachment-root"
 });
 UserMessageAttachmentRoot.displayName = "UserMessageAttachmentRoot";
 var UserMessageAttachment = () => {
-  const { useAttachment } = useAttachmentContext();
   const attachment = useAttachment((a) => a.attachment);
-  return /* @__PURE__ */ jsxs12(UserMessageAttachmentRoot, { children: [
+  return /* @__PURE__ */ jsxs11(UserMessageAttachmentRoot, { children: [
     ".",
     attachment.name.split(".").pop()
   ] });
@@ -4807,9 +4904,9 @@ var user_message_attachment_default = Object.assign(
 );
 
 // src/ui/user-message.tsx
-import { jsx as jsx46, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs12 } from "react/jsx-runtime";
 var UserMessage = () => {
-  return /* @__PURE__ */ jsxs13(UserMessageRoot, { children: [
+  return /* @__PURE__ */ jsxs12(UserMessageRoot, { children: [
     /* @__PURE__ */ jsx46(UserMessageAttachments, {}),
     /* @__PURE__ */ jsx46(user_action_bar_default, {}),
     /* @__PURE__ */ jsx46(UserMessageContent, {}),
@@ -4863,11 +4960,11 @@ var user_message_default = Object.assign(UserMessage, exports10);
 
 // src/ui/edit-composer.tsx
 import { forwardRef as forwardRef27 } from "react";
-import { jsx as jsx47, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs13 } from "react/jsx-runtime";
 var EditComposer = () => {
-  return /* @__PURE__ */ jsxs14(EditComposerRoot, { children: [
+  return /* @__PURE__ */ jsxs13(EditComposerRoot, { children: [
     /* @__PURE__ */ jsx47(EditComposerInput, {}),
-    /* @__PURE__ */ jsxs14(EditComposerFooter, { children: [
+    /* @__PURE__ */ jsxs13(EditComposerFooter, { children: [
       /* @__PURE__ */ jsx47(EditComposerCancel, {}),
       /* @__PURE__ */ jsx47(EditComposerSend, {})
     ] })
@@ -4916,12 +5013,12 @@ var exports11 = {
 var edit_composer_default = Object.assign(EditComposer, exports11);
 
 // src/ui/thread.tsx
-import { jsx as jsx48, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs14 } from "react/jsx-runtime";
 var Thread = (config) => {
-  return /* @__PURE__ */ jsx48(ThreadRoot, { config, children: /* @__PURE__ */ jsxs15(ThreadViewport, { children: [
+  return /* @__PURE__ */ jsx48(ThreadRoot, { config, children: /* @__PURE__ */ jsxs14(ThreadViewport, { children: [
     /* @__PURE__ */ jsx48(thread_welcome_default, {}),
     /* @__PURE__ */ jsx48(ThreadMessages, {}),
-    /* @__PURE__ */ jsxs15(ThreadViewportFooter, { children: [
+    /* @__PURE__ */ jsxs14(ThreadViewportFooter, { children: [
       /* @__PURE__ */ jsx48(ThreadScrollToBottom, {}),
       /* @__PURE__ */ jsx48(composer_default, {})
     ] })
@@ -4983,9 +5080,9 @@ var exports12 = {
 var thread_default = Object.assign(Thread, exports12);
 
 // src/ui/assistant-modal.tsx
-import { Fragment as Fragment6, jsx as jsx49, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx49, jsxs as jsxs15 } from "react/jsx-runtime";
 var AssistantModal = (config) => {
-  return /* @__PURE__ */ jsxs16(AssistantModalRoot, { config, children: [
+  return /* @__PURE__ */ jsxs15(AssistantModalRoot, { config, children: [
     /* @__PURE__ */ jsx49(AssistantModalTrigger, {}),
     /* @__PURE__ */ jsx49(AssistantModalContent, { children: /* @__PURE__ */ jsx49(thread_default, {}) })
   ] });
@@ -5029,7 +5126,7 @@ var AssistantModalButton = forwardRef29(({ "data-state": state, ...rest }, ref)
       "data-state": state,
       ...rest,
       ref,
-      children: rest.children ?? /* @__PURE__ */ jsxs16(Fragment6, { children: [
+      children: rest.children ?? /* @__PURE__ */ jsxs15(Fragment6, { children: [
         /* @__PURE__ */ jsx49(
           BotIcon,
           {
@@ -5112,36 +5209,64 @@ export {
   useActionBarSpeak,
   useActionBarStopSpeaking,
   useAppendMessage,
+  useAssistantActions,
+  useAssistantActionsStore,
   useAssistantContext,
   useAssistantInstructions,
+  useAssistantRuntime,
+  useAssistantRuntimeStore,
   useAssistantTool,
   useAssistantToolUI,
   useBranchPickerCount,
   useBranchPickerNext,
   useBranchPickerNumber,
   useBranchPickerPrevious,
+  useComposer,
   useComposerAddAttachment,
   useComposerCancel,
   useComposerContext,
   useComposerIf,
   useComposerSend,
+  useComposerStore,
+  useContentPart,
   useContentPartContext,
   useContentPartDisplay,
   useContentPartImage,
+  useContentPartStore,
   useContentPartText,
   useDangerousInBrowserRuntime,
   useEdgeRuntime,
+  useEditComposer,
+  useEditComposerStore,
   useExternalMessageConverter,
   useExternalStoreRuntime,
   useLocalRuntime,
+  useMessage,
   useMessageContext,
   useMessageIf,
+  useMessageStore,
+  useMessageUtils,
+  useMessageUtilsStore,
   useSwitchToNewThread,
+  useThread,
+  useThreadActions,
+  useThreadActionsStore,
+  useThreadComposer,
+  useThreadComposerStore,
   useThreadConfig,
   useThreadContext,
   useThreadEmpty,
   useThreadIf,
+  useThreadMessages,
+  useThreadMessagesStore,
+  useThreadRuntime,
+  useThreadRuntimeStore,
   useThreadScrollToBottom,
-  useThreadSuggestion
+  useThreadStore,
+  useThreadSuggestion,
+  useThreadViewport,
+  useThreadViewportStore,
+  useToolUIs,
+  useToolUIsStore
 };
 //# sourceMappingURL=index.mjs.map