@assistant-ui/react 0.5.15 → 0.5.17

package/dist/index.mjs

@@ -209,6 +209,7 @@ var makeComposerStore = (useThreadMessages, useThreadActions) => {
 import { create as create4 } from "zustand";
 var makeThreadStore = (runtimeRef) => {
   return create4(() => ({
+    isDisabled: runtimeRef.getState().isDisabled,
     isRunning: runtimeRef.getState().isRunning
   }));
 };
@@ -307,10 +308,12 @@ var ThreadProvider = ({
     useCallback2(
       (thread) => {
         const onThreadUpdate = () => {
-          if (thread.isRunning !== context.useThread.getState().isRunning) {
+          const threadState = context.useThread.getState();
+          if (thread.isRunning !== threadState.isRunning || thread.isDisabled !== threadState.isDisabled) {
             context.useThread.setState(
               Object.freeze({
-                isRunning: thread.isRunning
+                isRunning: thread.isRunning,
+                isDisabled: thread.isDisabled
               }),
               true
             );
@@ -621,7 +624,7 @@ var useActionBarReload = () => {
   const { useMessage } = useMessageContext();
   const disabled = useCombinedStore(
     [useThread, useMessage],
-    (t, m) => t.isRunning || m.message.role !== "assistant"
+    (t, m) => t.isRunning || t.isDisabled || m.message.role !== "assistant"
   );
   const callback = useCallback7(() => {
     const { parentId } = useMessage.getState();
@@ -707,9 +710,16 @@ var useComposerIf = (props) => {
 // src/primitive-hooks/composer/useComposerSend.tsx
 import { useCallback as useCallback11 } from "react";
 var useComposerSend = () => {
-  const { useViewport, useComposer: useNewComposer } = useThreadContext();
+  const {
+    useThread,
+    useViewport,
+    useComposer: useNewComposer
+  } = useThreadContext();
   const { useComposer } = useComposerContext();
-  const disabled = useComposer((c) => !c.isEditing || c.value.length === 0);
+  const disabled = useCombinedStore(
+    [useThread, useComposer],
+    (t, c) => t.isDisabled || t.isRunning || !c.isEditing || c.value.length === 0
+  );
   const callback = useCallback11(() => {
     const composerState = useComposer.getState();
     if (!composerState.isEditing) return;
@@ -788,6 +798,8 @@ var useThreadIf = (props) => {
       if (props.empty === false && messages.length === 0) return false;
       if (props.running === true && !thread.isRunning) return false;
       if (props.running === false && thread.isRunning) return false;
+      if (props.disabled === true && thread.isDisabled) return false;
+      if (props.disabled === false && thread.isDisabled) return false;
       return true;
     }
   );
@@ -819,7 +831,7 @@ var useThreadSuggestion = ({
 }) => {
   const { useThread, useComposer } = useThreadContext();
   const append = useAppendMessage();
-  const disabled = useThread((t) => t.isRunning);
+  const disabled = useThread((t) => t.isDisabled);
   const callback = useCallback13(() => {
     const thread = useThread.getState();
     const composer = useComposer.getState();
@@ -1512,7 +1524,14 @@ import TextareaAutosize from "react-textarea-autosize";
 import { useEscapeKeydown } from "@radix-ui/react-use-escape-keydown";
 import { jsx as jsx19 } from "react/jsx-runtime";
 var ComposerPrimitiveInput = forwardRef11(
-  ({ autoFocus = false, asChild, disabled, onChange, onKeyDown, ...rest }, forwardedRef) => {
+  ({
+    autoFocus = false,
+    asChild,
+    disabled: disabledProp,
+    onChange,
+    onKeyDown,
+    ...rest
+  }, forwardedRef) => {
     const { useThread } = useThreadContext();
     const { useComposer, type } = useComposerContext();
     const value = useComposer((c) => {
@@ -1520,6 +1539,7 @@ var ComposerPrimitiveInput = forwardRef11(
       return c.value;
     });
     const Component = asChild ? Slot : TextareaAutosize;
+    const isDisabled = useThread((t) => t.isDisabled) ?? disabledProp ?? false;
     const textareaRef = useRef4(null);
     const ref = useComposedRefs2(forwardedRef, textareaRef);
     useEscapeKeydown((e) => {
@@ -1530,7 +1550,7 @@ var ComposerPrimitiveInput = forwardRef11(
       }
     });
     const handleKeyPress = (e) => {
-      if (disabled) return;
+      if (isDisabled) return;
       if (e.key === "Enter" && e.shiftKey === false) {
         const isRunning = useThread.getState().isRunning;
         if (!isRunning) {
@@ -1539,7 +1559,7 @@ var ComposerPrimitiveInput = forwardRef11(
         }
       }
     };
-    const autoFocusEnabled = autoFocus && !disabled;
+    const autoFocusEnabled = autoFocus && !isDisabled;
     const focus = useCallback15(() => {
       const textarea = textareaRef.current;
       if (!textarea || !autoFocusEnabled) return;
@@ -1562,7 +1582,7 @@ var ComposerPrimitiveInput = forwardRef11(
         value,
         ...rest,
         ref,
-        disabled,
+        disabled: isDisabled,
         onChange: composeEventHandlers5(onChange, (e) => {
           const composerState = useComposer.getState();
           if (!composerState.isEditing) return;
@@ -3325,7 +3345,7 @@ var EdgeChatAdapter = class {
   constructor(options) {
     this.options = options;
   }
-  async run({ messages, abortSignal, config, onUpdate }) {
+  async *run({ messages, abortSignal, config }) {
     const result = await fetch(this.options.api, {
       method: "POST",
       headers: {
@@ -3346,11 +3366,10 @@ var EdgeChatAdapter = class {
     const stream = result.body.pipeThrough(new TextDecoderStream()).pipeThrough(chunkByLineStream()).pipeThrough(assistantDecoderStream()).pipeThrough(toolResultStream(config.tools)).pipeThrough(runResultStream());
     let update;
     for await (update of asAsyncIterable(stream)) {
-      onUpdate(update);
+      yield update;
     }
     if (update === void 0)
       throw new Error("No data received from Edge Runtime");
-    return update;
   }
 };
 
@@ -3392,6 +3411,7 @@ var LocalThreadRuntime = class {
   abortController = null;
   repository = new MessageRepository();
   capabilities = CAPABILITIES;
+  isDisabled = false;
   get messages() {
     return this.repository.getMessages();
   }
@@ -3468,21 +3488,27 @@ var LocalThreadRuntime = class {
       });
     }
     try {
-      const result = await this.adapter.run({
+      const promiseOrGenerator = this.adapter.run({
         messages,
         abortSignal: this.abortController.signal,
         config: this.configProvider.getModelConfig(),
         onUpdate: updateMessage
       });
-      if (result.status?.type === "running")
-        throw new Error(
-          "Unexpected running status returned from ChatModelAdapter"
-        );
+      if (Symbol.asyncIterator in promiseOrGenerator) {
+        for await (const r of promiseOrGenerator) {
+          updateMessage(r);
+        }
+      } else {
+        updateMessage(await promiseOrGenerator);
+      }
       this.abortController = null;
-      updateMessage({
-        status: { type: "complete", reason: "unknown" },
-        ...result
-      });
+      if (message.status.type === "running") {
+        updateMessage({
+          status: { type: "complete", reason: "unknown" }
+        });
+      } else {
+        this.notifySubscribers();
+      }
     } catch (e) {
       this.abortController = null;
       if (e instanceof Error && e.name === "AbortError") {
@@ -3702,6 +3728,7 @@ var useExternalStoreSync = (adapter, updateData) => {
   }, [adapter.convertMessage]);
   useEffect11(() => {
     updateData(
+      adapter.isDisabled ?? false,
       adapter.isRunning ?? false,
       converter.convertMessages(adapter.messages, convertCallback)
     );
@@ -3709,8 +3736,9 @@ var useExternalStoreSync = (adapter, updateData) => {
     updateData,
     converter,
     convertCallback,
-    adapter.messages,
-    adapter.isRunning
+    adapter.isDisabled,
+    adapter.isRunning,
+    adapter.messages
   ]);
 };
 
@@ -3721,6 +3749,9 @@ var hasUpcomingMessage = (isRunning, messages) => {
 var ExternalStoreThreadRuntime = class {
   constructor(store) {
     this.store = store;
+    this.isDisabled = store.isDisabled ?? false;
+    this.isRunning = store.isRunning ?? false;
+    this.messages = store.messages;
     this.useStore = create14(() => ({
       store
     }));
@@ -3738,8 +3769,9 @@ var ExternalStoreThreadRuntime = class {
       copy: this.store.onCopy !== null
     };
   }
-  messages = [];
-  isRunning = false;
+  messages;
+  isDisabled;
+  isRunning;
   getBranches(messageId) {
     return this.repository.getBranches(messageId);
   }
@@ -3790,7 +3822,7 @@ var ExternalStoreThreadRuntime = class {
       this.useStore.setState({ store: this.store });
     }
   }
-  updateData = (isRunning, vm) => {
+  updateData = (isDisabled, isRunning, vm) => {
     for (let i = 0; i < vm.length; i++) {
       const message = vm[i];
       const parent = vm[i - 1];
@@ -3813,6 +3845,7 @@ var ExternalStoreThreadRuntime = class {
       this.assistantOptimisticId ?? vm.at(-1)?.id ?? null
     );
     this.messages = this.repository.getMessages();
+    this.isDisabled = isDisabled;
     this.isRunning = isRunning;
     for (const callback of this._subscriptions) callback();
   };