@assistant-ui/react 0.5.55 → 0.5.57

package/dist/index.d.mts

@@ -341,9 +341,9 @@ type ExternalStoreAdapterBase<T> = {
     onEdit?: ((message: AppendMessage) => Promise<void>) | undefined;
     onReload?: ((parentId: string | null) => Promise<void>) | undefined;
     onCancel?: (() => Promise<void>) | undefined;
-    onNewThread?: (() => Promise<void> | void) | undefined;
     onAddToolResult?: ((options: AddToolResultOptions) => Promise<void> | void) | undefined;
-    onSwitchThread?: ((threadId: string | null) => Promise<void> | void) | undefined;
+    onSwitchToThread?: ((threadId: string) => Promise<void> | void) | undefined;
+    onSwitchToNewThread?: (() => Promise<void> | void) | undefined;
     onSpeak?: ((message: ThreadMessage) => SpeechSynthesisAdapter.Utterance) | undefined;
     convertMessage?: ExternalStoreMessageConverter<T> | undefined;
     adapters?: {
@@ -603,7 +603,8 @@ type AssistantRuntime = ThreadRuntimeWithSubscribe & {
     /**
      * @deprecated Use `switchToNewThread` instead. This will be removed in 0.6.0.
      */
-    switchToThread: (threadId: string | null) => void;
+    switchToThread(threadId: null): void;
+    switchToThread(threadId: string): void;
     registerModelConfigProvider: (provider: ModelConfigProvider) => Unsubscribe;
 };
 
@@ -618,9 +619,13 @@ type TextContentPartProviderProps = {
 declare const TextContentPartProvider: FC<PropsWithChildren<TextContentPartProviderProps>>;
 
 type AssistantActionsState = Readonly<{
-    switchToThread: (threadId: string | null) => void;
+    /**
+     * @deprecated Use `switchToNewThread` instead. This will be removed in 0.6.0.
+     */
+    switchToThread(threadId: null): void;
+    switchToThread(threadId: string): void;
+    switchToNewThread: () => void;
     registerModelConfigProvider: (provider: ModelConfigProvider) => Unsubscribe;
-    getRuntime: () => AssistantRuntime;
 }>;
 
 type AssistantToolUIsState = Readonly<{
@@ -695,43 +700,49 @@ declare const useToolUIsStore: {
 };
 declare const useAssistantActions: {
     (): Readonly<{
-        switchToThread: (threadId: string | null) => void;
+        switchToThread(threadId: null): void;
+        switchToThread(threadId: string): void;
+        switchToNewThread: () => void;
         registerModelConfigProvider: (provider: ModelConfigProvider) => Unsubscribe;
-        getRuntime: () => AssistantRuntime;
     }>;
     <TSelected>(selector: (state: Readonly<{
-        switchToThread: (threadId: string | null) => void;
+        switchToThread(threadId: null): void;
+        switchToThread(threadId: string): void;
+        switchToNewThread: () => void;
         registerModelConfigProvider: (provider: ModelConfigProvider) => Unsubscribe;
-        getRuntime: () => AssistantRuntime;
     }>) => TSelected): TSelected;
     (options: {
         optional: true;
     }): Readonly<{
-        switchToThread: (threadId: string | null) => void;
+        switchToThread(threadId: null): void;
+        switchToThread(threadId: string): void;
+        switchToNewThread: () => void;
         registerModelConfigProvider: (provider: ModelConfigProvider) => Unsubscribe;
-        getRuntime: () => AssistantRuntime;
     }> | null;
     <TSelected>(options: {
         optional: true;
         selector?: (state: Readonly<{
-            switchToThread: (threadId: string | null) => void;
+            switchToThread(threadId: null): void;
+            switchToThread(threadId: string): void;
+            switchToNewThread: () => void;
             registerModelConfigProvider: (provider: ModelConfigProvider) => Unsubscribe;
-            getRuntime: () => AssistantRuntime;
         }>) => TSelected;
     }): TSelected | null;
 };
 declare const useAssistantActionsStore: {
     (): ReadonlyStore<Readonly<{
-        switchToThread: (threadId: string | null) => void;
+        switchToThread(threadId: null): void;
+        switchToThread(threadId: string): void;
+        switchToNewThread: () => void;
         registerModelConfigProvider: (provider: ModelConfigProvider) => Unsubscribe;
-        getRuntime: () => AssistantRuntime;
     }>>;
     (options: {
         optional: true;
     }): ReadonlyStore<Readonly<{
-        switchToThread: (threadId: string | null) => void;
+        switchToThread(threadId: null): void;
+        switchToThread(threadId: string): void;
+        switchToNewThread: () => void;
         registerModelConfigProvider: (provider: ModelConfigProvider) => Unsubscribe;
-        getRuntime: () => AssistantRuntime;
     }>> | null;
 };
 
@@ -910,6 +921,7 @@ declare const useThreadComposer: {
         type: "thread";
         value: string;
         setValue: (value: string) => void;
+        attachmentAccept: string;
         attachments: readonly ThreadComposerAttachment[];
         addAttachment: (file: File) => void;
         removeAttachment: (attachmentId: string) => void;
@@ -928,6 +940,7 @@ declare const useThreadComposer: {
         type: "thread";
         value: string;
         setValue: (value: string) => void;
+        attachmentAccept: string;
         attachments: readonly ThreadComposerAttachment[];
         addAttachment: (file: File) => void;
         removeAttachment: (attachmentId: string) => void;
@@ -948,6 +961,7 @@ declare const useThreadComposer: {
         type: "thread";
         value: string;
         setValue: (value: string) => void;
+        attachmentAccept: string;
         attachments: readonly ThreadComposerAttachment[];
         addAttachment: (file: File) => void;
         removeAttachment: (attachmentId: string) => void;
@@ -968,6 +982,7 @@ declare const useThreadComposer: {
             type: "thread";
             value: string;
             setValue: (value: string) => void;
+            attachmentAccept: string;
             attachments: readonly ThreadComposerAttachment[];
             addAttachment: (file: File) => void;
             removeAttachment: (attachmentId: string) => void;
@@ -989,6 +1004,7 @@ declare const useThreadComposerStore: {
         type: "thread";
         value: string;
         setValue: (value: string) => void;
+        attachmentAccept: string;
         attachments: readonly ThreadComposerAttachment[];
         addAttachment: (file: File) => void;
         removeAttachment: (attachmentId: string) => void;
@@ -1009,6 +1025,7 @@ declare const useThreadComposerStore: {
         type: "thread";
         value: string;
         setValue: (value: string) => void;
+        attachmentAccept: string;
         attachments: readonly ThreadComposerAttachment[];
         addAttachment: (file: File) => void;
         removeAttachment: (attachmentId: string) => void;
@@ -1383,6 +1400,7 @@ declare const useComposer: {
         type: "thread";
         value: string;
         setValue: (value: string) => void;
+        attachmentAccept: string;
         attachments: readonly ThreadComposerAttachment[];
         addAttachment: (file: File) => void;
         removeAttachment: (attachmentId: string) => void;
@@ -1413,6 +1431,7 @@ declare const useComposer: {
         type: "thread";
         value: string;
         setValue: (value: string) => void;
+        attachmentAccept: string;
         attachments: readonly ThreadComposerAttachment[];
         addAttachment: (file: File) => void;
         removeAttachment: (attachmentId: string) => void;
@@ -1445,6 +1464,7 @@ declare const useComposer: {
         type: "thread";
         value: string;
         setValue: (value: string) => void;
+        attachmentAccept: string;
         attachments: readonly ThreadComposerAttachment[];
         addAttachment: (file: File) => void;
         removeAttachment: (attachmentId: string) => void;
@@ -1477,6 +1497,7 @@ declare const useComposer: {
             type: "thread";
             value: string;
             setValue: (value: string) => void;
+            attachmentAccept: string;
             attachments: readonly ThreadComposerAttachment[];
             addAttachment: (file: File) => void;
             removeAttachment: (attachmentId: string) => void;
@@ -1510,6 +1531,7 @@ declare const useComposerStore: {
         type: "thread";
         value: string;
         setValue: (value: string) => void;
+        attachmentAccept: string;
         attachments: readonly ThreadComposerAttachment[];
         addAttachment: (file: File) => void;
         removeAttachment: (attachmentId: string) => void;
@@ -1542,6 +1564,7 @@ declare const useComposerStore: {
         type: "thread";
         value: string;
         setValue: (value: string) => void;
+        attachmentAccept: string;
         attachments: readonly ThreadComposerAttachment[];
         addAttachment: (file: File) => void;
         removeAttachment: (attachmentId: string) => void;
@@ -1564,6 +1587,7 @@ type ThreadComposerState = Readonly<{
     value: string;
     /** @deprecated Use `setText` instead. */
     setValue: (value: string) => void;
+    attachmentAccept: string;
     attachments: readonly ThreadComposerAttachment[];
     addAttachment: (file: File) => void;
     removeAttachment: (attachmentId: string) => void;
@@ -1587,6 +1611,9 @@ type CreateAppendMessage = string | {
 };
 declare const useAppendMessage: () => (message: CreateAppendMessage) => void;
 
+/**
+ * @deprecated Use `useRuntimeActions().switchToNewThread()` instead. This will be removed in 0.6.0.
+ */
 declare const useSwitchToNewThread: () => () => void;
 
 type AssistantToolProps<TArgs extends Record<string, unknown>, TResult> = Tool<TArgs, TResult> & {

package/dist/index.d.ts

@@ -341,9 +341,9 @@ type ExternalStoreAdapterBase<T> = {
     onEdit?: ((message: AppendMessage) => Promise<void>) | undefined;
     onReload?: ((parentId: string | null) => Promise<void>) | undefined;
     onCancel?: (() => Promise<void>) | undefined;
-    onNewThread?: (() => Promise<void> | void) | undefined;
     onAddToolResult?: ((options: AddToolResultOptions) => Promise<void> | void) | undefined;
-    onSwitchThread?: ((threadId: string | null) => Promise<void> | void) | undefined;
+    onSwitchToThread?: ((threadId: string) => Promise<void> | void) | undefined;
+    onSwitchToNewThread?: (() => Promise<void> | void) | undefined;
     onSpeak?: ((message: ThreadMessage) => SpeechSynthesisAdapter.Utterance) | undefined;
     convertMessage?: ExternalStoreMessageConverter<T> | undefined;
     adapters?: {
@@ -603,7 +603,8 @@ type AssistantRuntime = ThreadRuntimeWithSubscribe & {
     /**
      * @deprecated Use `switchToNewThread` instead. This will be removed in 0.6.0.
      */
-    switchToThread: (threadId: string | null) => void;
+    switchToThread(threadId: null): void;
+    switchToThread(threadId: string): void;
     registerModelConfigProvider: (provider: ModelConfigProvider) => Unsubscribe;
 };
 
@@ -618,9 +619,13 @@ type TextContentPartProviderProps = {
 declare const TextContentPartProvider: FC<PropsWithChildren<TextContentPartProviderProps>>;
 
 type AssistantActionsState = Readonly<{
-    switchToThread: (threadId: string | null) => void;
+    /**
+     * @deprecated Use `switchToNewThread` instead. This will be removed in 0.6.0.
+     */
+    switchToThread(threadId: null): void;
+    switchToThread(threadId: string): void;
+    switchToNewThread: () => void;
     registerModelConfigProvider: (provider: ModelConfigProvider) => Unsubscribe;
-    getRuntime: () => AssistantRuntime;
 }>;
 
 type AssistantToolUIsState = Readonly<{
@@ -695,43 +700,49 @@ declare const useToolUIsStore: {
 };
 declare const useAssistantActions: {
     (): Readonly<{
-        switchToThread: (threadId: string | null) => void;
+        switchToThread(threadId: null): void;
+        switchToThread(threadId: string): void;
+        switchToNewThread: () => void;
         registerModelConfigProvider: (provider: ModelConfigProvider) => Unsubscribe;
-        getRuntime: () => AssistantRuntime;
     }>;
     <TSelected>(selector: (state: Readonly<{
-        switchToThread: (threadId: string | null) => void;
+        switchToThread(threadId: null): void;
+        switchToThread(threadId: string): void;
+        switchToNewThread: () => void;
         registerModelConfigProvider: (provider: ModelConfigProvider) => Unsubscribe;
-        getRuntime: () => AssistantRuntime;
     }>) => TSelected): TSelected;
     (options: {
         optional: true;
     }): Readonly<{
-        switchToThread: (threadId: string | null) => void;
+        switchToThread(threadId: null): void;
+        switchToThread(threadId: string): void;
+        switchToNewThread: () => void;
         registerModelConfigProvider: (provider: ModelConfigProvider) => Unsubscribe;
-        getRuntime: () => AssistantRuntime;
     }> | null;
     <TSelected>(options: {
         optional: true;
         selector?: (state: Readonly<{
-            switchToThread: (threadId: string | null) => void;
+            switchToThread(threadId: null): void;
+            switchToThread(threadId: string): void;
+            switchToNewThread: () => void;
             registerModelConfigProvider: (provider: ModelConfigProvider) => Unsubscribe;
-            getRuntime: () => AssistantRuntime;
         }>) => TSelected;
     }): TSelected | null;
 };
 declare const useAssistantActionsStore: {
     (): ReadonlyStore<Readonly<{
-        switchToThread: (threadId: string | null) => void;
+        switchToThread(threadId: null): void;
+        switchToThread(threadId: string): void;
+        switchToNewThread: () => void;
         registerModelConfigProvider: (provider: ModelConfigProvider) => Unsubscribe;
-        getRuntime: () => AssistantRuntime;
     }>>;
     (options: {
         optional: true;
     }): ReadonlyStore<Readonly<{
-        switchToThread: (threadId: string | null) => void;
+        switchToThread(threadId: null): void;
+        switchToThread(threadId: string): void;
+        switchToNewThread: () => void;
         registerModelConfigProvider: (provider: ModelConfigProvider) => Unsubscribe;
-        getRuntime: () => AssistantRuntime;
     }>> | null;
 };
 
@@ -910,6 +921,7 @@ declare const useThreadComposer: {
         type: "thread";
         value: string;
         setValue: (value: string) => void;
+        attachmentAccept: string;
         attachments: readonly ThreadComposerAttachment[];
         addAttachment: (file: File) => void;
         removeAttachment: (attachmentId: string) => void;
@@ -928,6 +940,7 @@ declare const useThreadComposer: {
         type: "thread";
         value: string;
         setValue: (value: string) => void;
+        attachmentAccept: string;
         attachments: readonly ThreadComposerAttachment[];
         addAttachment: (file: File) => void;
         removeAttachment: (attachmentId: string) => void;
@@ -948,6 +961,7 @@ declare const useThreadComposer: {
         type: "thread";
         value: string;
         setValue: (value: string) => void;
+        attachmentAccept: string;
         attachments: readonly ThreadComposerAttachment[];
         addAttachment: (file: File) => void;
         removeAttachment: (attachmentId: string) => void;
@@ -968,6 +982,7 @@ declare const useThreadComposer: {
             type: "thread";
             value: string;
             setValue: (value: string) => void;
+            attachmentAccept: string;
             attachments: readonly ThreadComposerAttachment[];
             addAttachment: (file: File) => void;
             removeAttachment: (attachmentId: string) => void;
@@ -989,6 +1004,7 @@ declare const useThreadComposerStore: {
         type: "thread";
         value: string;
         setValue: (value: string) => void;
+        attachmentAccept: string;
         attachments: readonly ThreadComposerAttachment[];
         addAttachment: (file: File) => void;
         removeAttachment: (attachmentId: string) => void;
@@ -1009,6 +1025,7 @@ declare const useThreadComposerStore: {
         type: "thread";
         value: string;
         setValue: (value: string) => void;
+        attachmentAccept: string;
         attachments: readonly ThreadComposerAttachment[];
         addAttachment: (file: File) => void;
         removeAttachment: (attachmentId: string) => void;
@@ -1383,6 +1400,7 @@ declare const useComposer: {
         type: "thread";
         value: string;
         setValue: (value: string) => void;
+        attachmentAccept: string;
         attachments: readonly ThreadComposerAttachment[];
         addAttachment: (file: File) => void;
         removeAttachment: (attachmentId: string) => void;
@@ -1413,6 +1431,7 @@ declare const useComposer: {
         type: "thread";
         value: string;
         setValue: (value: string) => void;
+        attachmentAccept: string;
         attachments: readonly ThreadComposerAttachment[];
         addAttachment: (file: File) => void;
         removeAttachment: (attachmentId: string) => void;
@@ -1445,6 +1464,7 @@ declare const useComposer: {
         type: "thread";
         value: string;
         setValue: (value: string) => void;
+        attachmentAccept: string;
         attachments: readonly ThreadComposerAttachment[];
         addAttachment: (file: File) => void;
         removeAttachment: (attachmentId: string) => void;
@@ -1477,6 +1497,7 @@ declare const useComposer: {
             type: "thread";
             value: string;
             setValue: (value: string) => void;
+            attachmentAccept: string;
             attachments: readonly ThreadComposerAttachment[];
             addAttachment: (file: File) => void;
             removeAttachment: (attachmentId: string) => void;
@@ -1510,6 +1531,7 @@ declare const useComposerStore: {
         type: "thread";
         value: string;
         setValue: (value: string) => void;
+        attachmentAccept: string;
         attachments: readonly ThreadComposerAttachment[];
         addAttachment: (file: File) => void;
         removeAttachment: (attachmentId: string) => void;
@@ -1542,6 +1564,7 @@ declare const useComposerStore: {
         type: "thread";
         value: string;
         setValue: (value: string) => void;
+        attachmentAccept: string;
         attachments: readonly ThreadComposerAttachment[];
         addAttachment: (file: File) => void;
         removeAttachment: (attachmentId: string) => void;
@@ -1564,6 +1587,7 @@ type ThreadComposerState = Readonly<{
     value: string;
     /** @deprecated Use `setText` instead. */
     setValue: (value: string) => void;
+    attachmentAccept: string;
     attachments: readonly ThreadComposerAttachment[];
     addAttachment: (file: File) => void;
     removeAttachment: (attachmentId: string) => void;
@@ -1587,6 +1611,9 @@ type CreateAppendMessage = string | {
 };
 declare const useAppendMessage: () => (message: CreateAppendMessage) => void;
 
+/**
+ * @deprecated Use `useRuntimeActions().switchToNewThread()` instead. This will be removed in 0.6.0.
+ */
 declare const useSwitchToNewThread: () => () => void;
 
 type AssistantToolProps<TArgs extends Record<string, unknown>, TResult> = Tool<TArgs, TResult> & {

package/dist/index.js

@@ -157,6 +157,7 @@ var makeThreadComposerStore = (useThreadRuntime2) => {
       setValue(value) {
         get().setText(value);
       },
+      attachmentAccept: runtime.composer.attachmentAccept,
       attachments: runtime.composer.attachments,
       addAttachment: (file) => {
         useThreadRuntime2.getState().composer.addAttachment(file);
@@ -1835,23 +1836,24 @@ var ExternalStoreRuntime = (_class9 = class extends BaseAssistantRuntime {
     return this._proxyConfigProvider.registerModelConfigProvider(provider);
   }
   async switchToNewThread() {
-    if (!this.store.onNewThread)
+    if (!this.store.onSwitchToNewThread)
       throw new Error("Runtime does not support switching to new threads.");
     this.thread = new ExternalStoreThreadRuntime({
-      messages: [],
-      onNew: this.store.onNew
+      ...this.store,
+      messages: []
     });
-    await this.store.onNewThread();
+    await this.store.onSwitchToNewThread();
   }
   async switchToThread(threadId) {
     if (threadId !== null) {
-      if (!this.store.onSwitchThread)
+      if (!this.store.onSwitchToThread)
         throw new Error("Runtime does not support switching threads.");
       this.thread = new ExternalStoreThreadRuntime({
-        messages: [],
-        onNew: this.store.onNew
+        ...this.store,
+        messages: []
+        // ignore messages until rerender
       });
-      this.store.onSwitchThread(threadId);
+      this.store.onSwitchToThread(threadId);
     } else {
       this.switchToNewThread();
     }
@@ -2266,10 +2268,11 @@ var ThreadProvider = ({
         );
       }
       const composerState = context.useComposer.getState();
-      if (thread.composer.isEmpty !== composerState.isEmpty || thread.composer.text !== composerState.text || thread.composer.attachments !== composerState.attachments || state.capabilities.cancel !== composerState.canCancel) {
+      if (thread.composer.isEmpty !== composerState.isEmpty || thread.composer.text !== composerState.text || thread.composer.attachmentAccept !== composerState.attachmentAccept || thread.composer.attachments !== composerState.attachments || state.capabilities.cancel !== composerState.canCancel) {
         writableStore(context.useComposer).setState({
           isEmpty: thread.composer.isEmpty,
           text: thread.composer.text,
+          attachmentAccept: thread.composer.attachmentAccept,
           attachments: thread.composer.attachments,
           canCancel: state.capabilities.cancel
         });
@@ -2298,6 +2301,7 @@ var ThreadProvider = ({
 var makeAssistantActionsStore = (runtimeRef) => _zustand.create.call(void 0, 
   () => Object.freeze({
     switchToThread: () => runtimeRef.current.switchToThread(null),
+    switchToNewThread: () => runtimeRef.current.switchToNewThread(),
     registerModelConfigProvider: (provider) => runtimeRef.current.registerModelConfigProvider(provider),
     getRuntime: () => runtimeRef.current
   })
@@ -2441,7 +2445,7 @@ var useSwitchToNewThread = () => {
   const assistantActionsStore = useAssistantActionsStore();
   const threadComposerStore = useThreadComposerStore();
   const switchToNewThread = _react.useCallback.call(void 0, () => {
-    assistantActionsStore.getState().switchToThread(null);
+    assistantActionsStore.getState().switchToNewThread();
     threadComposerStore.getState().focus();
   }, [assistantActionsStore, threadComposerStore]);
   return switchToNewThread;
@@ -2504,13 +2508,13 @@ var makeAssistantToolUI = (tool) => {
 // src/model-config/useAssistantInstructions.tsx
 
 var useAssistantInstructions = (instruction) => {
-  const runtimeStore = useAssistantRuntimeStore();
+  const actionsStore = useAssistantActionsStore();
   _react.useEffect.call(void 0, () => {
     const config = {
       system: instruction
     };
-    return runtimeStore.getState().registerModelConfigProvider({ getModelConfig: () => config });
-  }, [runtimeStore, instruction]);
+    return actionsStore.getState().registerModelConfigProvider({ getModelConfig: () => config });
+  }, [actionsStore, instruction]);
 };
 
 // src/primitive-hooks/actionBar/useActionBarCopy.tsx
@@ -2740,10 +2744,10 @@ var useComposerSend = () => {
 var useComposerAddAttachment = () => {
   const disabled = useComposer((c) => !c.isEditing);
   const threadComposerStore = useThreadComposerStore();
-  const threadRuntimeStore = useThreadRuntimeStore();
+  const threadRuntimeStore = useThreadComposerStore();
   const callback = _react.useCallback.call(void 0, () => {
     const { addAttachment } = threadComposerStore.getState();
-    const { attachmentAccept } = threadRuntimeStore.getState().composer;
+    const { attachmentAccept } = threadRuntimeStore.getState();
     const input = document.createElement("input");
     input.type = "file";
     if (attachmentAccept !== "*") {