@assistant-ui/react 0.11.23 → 0.11.24

package/package.json

@@ -28,7 +28,7 @@
     "conversational-ui",
     "conversational-ai"
   ],
-  "version": "0.11.23",
+  "version": "0.11.24",
   "license": "MIT",
   "type": "module",
   "exports": {

package/src/legacy-runtime/runtime-cores/assistant-transport/useToolInvocations.ts

@@ -87,7 +87,10 @@ export function useToolInvocations({
           humanInputRef.current.set(toolCallId, { resolve, reject });
           setToolStatuses((prev) => ({
             ...prev,
-            [toolCallId]: { type: "interrupt", payload: { type: "human", payload } },
+            [toolCallId]: {
+              type: "interrupt",
+              payload: { type: "human", payload },
+            },
           }));
         });
       },
@@ -233,7 +236,9 @@ export function useToolInvocations({
         });
         handlers.resolve(payload);
       } else {
-        throw new Error(`Tool call ${toolCallId} is not waiting for human input`);
+        throw new Error(
+          `Tool call ${toolCallId} is not waiting for human input`,
+        );
       }
     },
   };

package/src/primitives/thread/ThreadSuggestion.tsx

@@ -10,23 +10,61 @@ import { useAssistantState, useAssistantApi } from "../../context";
 
 const useThreadSuggestion = ({
   prompt,
+  send,
+  clearComposer = true,
   autoSend,
+  method: _method,
 }: {
+  /** The suggestion prompt. */
   prompt: string;
-  method?: "replace";
+
+  /**
+   * When true, automatically sends the message.
+   * When false, replaces or appends the composer text with the suggestion - depending on the value of `clearComposer`.
+   */
+  send?: boolean | undefined;
+
+  /**
+   * Whether to clear the composer after sending.
+   * When send is set to false, determines if composer text is replaced with suggestion (true, default),
+   * or if it's appended to the composer text (false).
+   *
+   * @default true
+   */
+  clearComposer?: boolean | undefined;
+
+  /** @deprecated Use `send` instead. */
   autoSend?: boolean | undefined;
+
+  /** @deprecated Use `clearComposer` instead. */
+  method?: "replace";
 }) => {
   const api = useAssistantApi();
   const disabled = useAssistantState(({ thread }) => thread.isDisabled);
 
+  // ========== Deprecation Mapping ==========
+  const resolvedSend = send ?? autoSend ?? false;
+  // ==========================================
+
   const callback = useCallback(() => {
     const isRunning = api.thread().getState().isRunning;
-    if (autoSend && !isRunning) {
+
+    if (resolvedSend && !isRunning) {
       api.thread().append(prompt);
+      if (clearComposer) {
+        api.composer().setText("");
+      }
     } else {
-      api.composer().setText(prompt);
+      if (clearComposer) {
+        api.composer().setText(prompt);
+      } else {
+        const currentText = api.composer().getState().text;
+        api
+          .composer()
+          .setText(currentText.trim() ? `${currentText} ${prompt}` : prompt);
+      }
     }
-  }, [api, autoSend, prompt]);
+  }, [api, resolvedSend, clearComposer, prompt]);
 
   if (disabled) return null;
   return callback;
@@ -40,5 +78,5 @@ export namespace ThreadPrimitiveSuggestion {
 export const ThreadPrimitiveSuggestion = createActionButton(
   "ThreadPrimitive.Suggestion",
   useThreadSuggestion,
-  ["prompt", "autoSend", "method"],
+  ["prompt", "send", "clearComposer", "autoSend", "method"],
 );