@assistant-ui/react 0.5.55 → 0.5.57

package/dist/index.mjs

@@ -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 = 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 @@ import { create as create9 } from "zustand";
 var makeAssistantActionsStore = (runtimeRef) => create9(
   () => 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 = useCallback2(() => {
-    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
 import { useEffect as useEffect7 } from "react";
 var useAssistantInstructions = (instruction) => {
-  const runtimeStore = useAssistantRuntimeStore();
+  const actionsStore = useAssistantActionsStore();
   useEffect7(() => {
     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 @@ import { useCallback as useCallback12 } from "react";
 var useComposerAddAttachment = () => {
   const disabled = useComposer((c) => !c.isEditing);
   const threadComposerStore = useThreadComposerStore();
-  const threadRuntimeStore = useThreadRuntimeStore();
+  const threadRuntimeStore = useThreadComposerStore();
   const callback = useCallback12(() => {
     const { addAttachment } = threadComposerStore.getState();
-    const { attachmentAccept } = threadRuntimeStore.getState().composer;
+    const { attachmentAccept } = threadRuntimeStore.getState();
     const input = document.createElement("input");
     input.type = "file";
     if (attachmentAccept !== "*") {