@assistant-ui/react 0.5.58 → 0.5.60

package/dist/index.mjs

@@ -10,7 +10,7 @@ import {
   toLanguageModelMessages,
   toLanguageModelTools,
   toolResultStream
-} from "./chunk-33TPUWEZ.mjs";
+} from "./chunk-DC342I2Q.mjs";
 import {
   __export
 } from "./chunk-BJPOCE4O.mjs";
@@ -244,7 +244,9 @@ var makeThreadActionStore = (runtimeStore) => {
       append: (message) => runtimeStore.getState().append(message),
       cancelRun: () => runtimeStore.getState().cancelRun(),
       addToolResult: (options) => runtimeStore.getState().addToolResult(options),
-      speak: (messageId) => runtimeStore.getState().speak(messageId)
+      speak: (messageId) => runtimeStore.getState().speak(messageId),
+      submitFeedback: ({ messageId, type }) => runtimeStore.getState().submitFeedback({ messageId, type }),
+      getModelConfig: () => runtimeStore.getState().getModelConfig()
     })
   );
 };
@@ -774,7 +776,10 @@ var useSmooth = (state, smooth = false) => {
   const {
     part: { text }
   } = state;
-  const id = useMessage((m) => m.message.id);
+  const id = useMessage({
+    optional: true,
+    selector: (m) => m.message.id
+  });
   const idRef = useRef(id);
   const [displayedText, setDisplayedText] = useState2(text);
   const smoothStatusStore = useSmoothStatusStore({ optional: true });
@@ -1255,7 +1260,8 @@ var LocalThreadRuntime = class {
     cancel: true,
     unstable_copy: true,
     speak: false,
-    attachments: false
+    attachments: false,
+    feedback: false
   };
   threadId;
   isDisabled = false;
@@ -1266,6 +1272,9 @@ var LocalThreadRuntime = class {
     this,
     this.notifySubscribers.bind(this)
   );
+  getModelConfig() {
+    return this.configProvider.getModelConfig();
+  }
   _options;
   get options() {
     return this._options;
@@ -1284,6 +1293,11 @@ var LocalThreadRuntime = class {
       this.capabilities.attachments = canAttach;
       hasUpdates = true;
     }
+    const canFeedback = options.adapters?.feedback !== void 0;
+    if (this.capabilities.feedback !== canFeedback) {
+      this.capabilities.feedback = canFeedback;
+      hasUpdates = true;
+    }
     if (hasUpdates) this.notifySubscribers();
   }
   getBranches(messageId) {
@@ -1472,6 +1486,12 @@ var LocalThreadRuntime = class {
     this._utterance = utterance;
     return this._utterance;
   }
+  submitFeedback({ messageId, type }) {
+    const adapter = this.options.adapters?.feedback;
+    if (!adapter) throw new Error("Feedback adapter not configured");
+    const { message } = this.repository.getMessage(messageId);
+    adapter.submit({ message, type });
+  }
   export() {
     return this.repository.export();
   }
@@ -1652,6 +1672,10 @@ var hasUpcomingMessage = (isRunning, messages) => {
   return isRunning && messages[messages.length - 1]?.role !== "assistant";
 };
 var ExternalStoreThreadRuntime = class {
+  constructor(configProvider, store) {
+    this.configProvider = configProvider;
+    this.store = store;
+  }
   _subscriptions = /* @__PURE__ */ new Set();
   repository = new MessageRepository();
   assistantOptimisticId = null;
@@ -1662,7 +1686,8 @@ var ExternalStoreThreadRuntime = class {
     cancel: false,
     unstable_copy: false,
     speak: false,
-    attachments: false
+    attachments: false,
+    feedback: false
   };
   get capabilities() {
     return this._capabilities;
@@ -1676,9 +1701,6 @@ var ExternalStoreThreadRuntime = class {
     this,
     this.notifySubscribers.bind(this)
   );
-  constructor(store) {
-    this.store = store;
-  }
   get store() {
     return this._store;
   }
@@ -1697,7 +1719,8 @@ var ExternalStoreThreadRuntime = class {
       speak: this._store.onSpeak !== void 0,
       unstable_copy: this._store.unstable_capabilities?.copy !== false,
       // default true
-      attachments: !!this.store.adapters?.attachments
+      attachments: !!this.store.adapters?.attachments,
+      feedback: !!this.store.adapters?.feedback
     };
     this.composer.setAttachmentAdapter(this._store.adapters?.attachments);
     if (oldStore) {
@@ -1746,6 +1769,9 @@ var ExternalStoreThreadRuntime = class {
     this.messages = this.repository.getMessages();
     this.notifySubscribers();
   }
+  getModelConfig() {
+    return this.configProvider.getModelConfig();
+  }
   notifySubscribers() {
     for (const callback of this._subscriptions) callback();
   }
@@ -1806,6 +1832,12 @@ var ExternalStoreThreadRuntime = class {
     const { message } = this.repository.getMessage(messageId);
     return this._store.onSpeak(message);
   }
+  submitFeedback({ messageId, type }) {
+    const adapter = this._store.adapters?.feedback;
+    if (!adapter) throw new Error("Feedback adapter not configured");
+    const { message } = this.repository.getMessage(messageId);
+    adapter.submit({ message, type });
+  }
   subscribe(callback) {
     this._subscriptions.add(callback);
     return () => this._subscriptions.delete(callback);
@@ -1819,9 +1851,11 @@ var ExternalStoreThreadRuntime = class {
 
 // src/runtimes/external-store/ExternalStoreRuntime.tsx
 var ExternalStoreRuntime = class extends BaseAssistantRuntime {
-  _proxyConfigProvider = new ProxyConfigProvider();
+  _proxyConfigProvider;
   constructor(store) {
-    super(new ExternalStoreThreadRuntime(store));
+    const provider = new ProxyConfigProvider();
+    super(new ExternalStoreThreadRuntime(provider, store));
+    this._proxyConfigProvider = provider;
   }
   get store() {
     return this.thread.store;
@@ -1838,7 +1872,7 @@ var ExternalStoreRuntime = class extends BaseAssistantRuntime {
   async switchToNewThread() {
     if (!this.store.onSwitchToNewThread)
       throw new Error("Runtime does not support switching to new threads.");
-    this.thread = new ExternalStoreThreadRuntime({
+    this.thread = new ExternalStoreThreadRuntime(this._proxyConfigProvider, {
       ...this.store,
       messages: []
     });
@@ -1848,7 +1882,7 @@ var ExternalStoreRuntime = class extends BaseAssistantRuntime {
     if (threadId !== null) {
       if (!this.store.onSwitchToThread)
         throw new Error("Runtime does not support switching threads.");
-      this.thread = new ExternalStoreThreadRuntime({
+      this.thread = new ExternalStoreThreadRuntime(this._proxyConfigProvider, {
         ...this.store,
         messages: []
         // ignore messages until rerender
@@ -2668,6 +2702,38 @@ var useActionBarStopSpeaking = () => {
   return callback;
 };
 
+// src/primitive-hooks/actionBar/useActionBarFeedbackPositive.tsx
+import { useCallback as useCallback8 } from "react";
+var useActionBarFeedbackPositive = () => {
+  const threadActions = useThreadActions();
+  const messageStore = useMessageStore();
+  const messageUtilsStore = useMessageUtilsStore();
+  const callback = useCallback8(() => {
+    threadActions.submitFeedback({
+      messageId: messageStore.getState().message.id,
+      type: "positive"
+    });
+    messageUtilsStore.getState().setSubmittedFeedback("positive");
+  }, [messageStore, messageUtilsStore, threadActions]);
+  return callback;
+};
+
+// src/primitive-hooks/actionBar/useActionBarFeedbackNegative.tsx
+import { useCallback as useCallback9 } from "react";
+var useActionBarFeedbackNegative = () => {
+  const threadActions = useThreadActions();
+  const messageStore = useMessageStore();
+  const messageUtilsStore = useMessageUtilsStore();
+  const callback = useCallback9(() => {
+    threadActions.submitFeedback({
+      messageId: messageStore.getState().message.id,
+      type: "negative"
+    });
+    messageUtilsStore.getState().setSubmittedFeedback("negative");
+  }, [messageStore, messageUtilsStore, threadActions]);
+  return callback;
+};
+
 // src/primitive-hooks/branchPicker/useBranchPickerCount.tsx
 var useBranchPickerCount = () => {
   const branchCount = useMessage((s) => s.branches.length);
@@ -2675,7 +2741,7 @@ var useBranchPickerCount = () => {
 };
 
 // src/primitive-hooks/branchPicker/useBranchPickerNext.tsx
-import { useCallback as useCallback8 } from "react";
+import { useCallback as useCallback10 } from "react";
 var useBranchPickerNext = () => {
   const messageStore = useMessageStore();
   const editComposerStore = useEditComposerStore();
@@ -2684,7 +2750,7 @@ var useBranchPickerNext = () => {
     [messageStore, editComposerStore],
     (m, c) => c.isEditing || m.branches.indexOf(m.message.id) + 1 >= m.branches.length
   );
-  const callback = useCallback8(() => {
+  const callback = useCallback10(() => {
     const { message, branches } = messageStore.getState();
     threadActionsStore.getState().switchToBranch(branches[branches.indexOf(message.id) + 1]);
   }, [threadActionsStore, messageStore]);
@@ -2699,7 +2765,7 @@ var useBranchPickerNumber = () => {
 };
 
 // src/primitive-hooks/branchPicker/useBranchPickerPrevious.tsx
-import { useCallback as useCallback9 } from "react";
+import { useCallback as useCallback11 } from "react";
 var useBranchPickerPrevious = () => {
   const messageStore = useMessageStore();
   const editComposerStore = useEditComposerStore();
@@ -2708,7 +2774,7 @@ var useBranchPickerPrevious = () => {
     [messageStore, editComposerStore],
     (m, c) => c.isEditing || m.branches.indexOf(m.message.id) <= 0
   );
-  const callback = useCallback9(() => {
+  const callback = useCallback11(() => {
     const { message, branches } = messageStore.getState();
     threadActionsStore.getState().switchToBranch(branches[branches.indexOf(message.id) - 1]);
   }, [threadActionsStore, messageStore]);
@@ -2717,11 +2783,11 @@ var useBranchPickerPrevious = () => {
 };
 
 // src/primitive-hooks/composer/useComposerCancel.tsx
-import { useCallback as useCallback10 } from "react";
+import { useCallback as useCallback12 } from "react";
 var useComposerCancel = () => {
   const composerStore = useComposerStore();
   const disabled = useComposer((c) => !c.canCancel);
-  const callback = useCallback10(() => {
+  const callback = useCallback12(() => {
     const { cancel } = composerStore.getState();
     cancel();
   }, [composerStore]);
@@ -2739,7 +2805,7 @@ var useComposerIf = (props) => {
 };
 
 // src/primitive-hooks/composer/useComposerSend.tsx
-import { useCallback as useCallback11 } from "react";
+import { useCallback as useCallback13 } from "react";
 var useComposerSend = () => {
   const threadStore = useThreadStore();
   const threadViewportStore = useThreadViewportStore();
@@ -2749,7 +2815,7 @@ var useComposerSend = () => {
     [threadStore, composerStore],
     (t, c) => t.isRunning || !c.isEditing || c.isEmpty
   );
-  const callback = useCallback11(() => {
+  const callback = useCallback13(() => {
     const composerState = composerStore.getState();
     if (!composerState.isEditing) return;
     composerState.send();
@@ -2761,12 +2827,12 @@ var useComposerSend = () => {
 };
 
 // src/primitive-hooks/composer/useComposerAddAttachment.tsx
-import { useCallback as useCallback12 } from "react";
+import { useCallback as useCallback14 } from "react";
 var useComposerAddAttachment = () => {
   const disabled = useComposer((c) => !c.isEditing);
   const threadComposerStore = useThreadComposerStore();
   const threadRuntimeStore = useThreadComposerStore();
-  const callback = useCallback12(() => {
+  const callback = useCallback14(() => {
     const { addAttachment } = threadComposerStore.getState();
     const { attachmentAccept } = threadRuntimeStore.getState();
     const input = document.createElement("input");
@@ -2827,7 +2893,7 @@ var useMessageIf = (props) => {
   const messageUtilsStore = useMessageUtilsStore();
   return useCombinedStore(
     [messageStore, messageUtilsStore],
-    ({ message, branches, isLast }, { isCopied, isHovering, isSpeaking }) => {
+    ({ message, branches, isLast }, { isCopied, isHovering, isSpeaking, submittedFeedback }) => {
       if (props.hasBranches === true && branches.length < 2) return false;
       if (props.user && message.role !== "user") return false;
       if (props.assistant && message.role !== "assistant") return false;
@@ -2841,6 +2907,8 @@ var useMessageIf = (props) => {
         return false;
       if (props.hasAttachments === false && message.role === "user" && !!message.attachments.length)
         return false;
+      if (props.submittedFeedback !== void 0 && submittedFeedback !== props.submittedFeedback)
+        return false;
       return true;
     }
   );
@@ -2870,12 +2938,12 @@ var useThreadEmpty = () => {
 };
 
 // src/primitive-hooks/thread/useThreadScrollToBottom.tsx
-import { useCallback as useCallback13 } from "react";
+import { useCallback as useCallback15 } from "react";
 var useThreadScrollToBottom = () => {
   const isAtBottom = useThreadViewport((s) => s.isAtBottom);
   const threadViewportStore = useThreadViewportStore();
   const threadComposerStore = useThreadComposerStore();
-  const handleScrollToBottom = useCallback13(() => {
+  const handleScrollToBottom = useCallback15(() => {
     threadViewportStore.getState().scrollToBottom();
     threadComposerStore.getState().focus();
   }, [threadViewportStore, threadComposerStore]);
@@ -2884,7 +2952,7 @@ var useThreadScrollToBottom = () => {
 };
 
 // src/primitive-hooks/thread/useThreadSuggestion.tsx
-import { useCallback as useCallback14 } from "react";
+import { useCallback as useCallback16 } from "react";
 var useThreadSuggestion = ({
   prompt,
   autoSend
@@ -2893,7 +2961,7 @@ var useThreadSuggestion = ({
   const composerStore = useThreadComposerStore();
   const append = useAppendMessage();
   const disabled = useThread((t) => t.isDisabled);
-  const callback = useCallback14(() => {
+  const callback = useCallback16(() => {
     const thread = threadStore.getState();
     const composer = composerStore.getState();
     if (autoSend && !thread.isRunning) {
@@ -2912,6 +2980,8 @@ var actionBar_exports = {};
 __export(actionBar_exports, {
   Copy: () => ActionBarPrimitiveCopy,
   Edit: () => ActionBarPrimitiveEdit,
+  FeedbackNegative: () => ActionBarPrimitiveFeedbackNegative,
+  FeedbackPositive: () => ActionBarPrimitiveFeedbackPositive,
   Reload: () => ActionBarPrimitiveReload,
   Root: () => ActionBarPrimitiveRoot,
   Speak: () => ActionBarPrimitiveSpeak,
@@ -2965,13 +3035,37 @@ var ActionBarPrimitiveRoot = forwardRef5(({ hideWhenRunning, autohide, autohideF
 });
 ActionBarPrimitiveRoot.displayName = "ActionBarPrimitive.Root";
 
-// src/utils/createActionButton.tsx
+// src/primitives/actionBar/ActionBarCopy.tsx
 import { forwardRef as forwardRef6 } from "react";
-import { Primitive as Primitive3 } from "@radix-ui/react-primitive";
 import { composeEventHandlers } from "@radix-ui/primitive";
+import { Primitive as Primitive3 } from "@radix-ui/react-primitive";
 import { jsx as jsx11 } from "react/jsx-runtime";
+var ActionBarPrimitiveCopy = forwardRef6(({ copiedDuration, onClick, disabled, ...props }, forwardedRef) => {
+  const isCopied = useMessageUtils((u) => u.isCopied);
+  const callback = useActionBarCopy({ copiedDuration });
+  return /* @__PURE__ */ jsx11(
+    Primitive3.button,
+    {
+      type: "button",
+      ...isCopied ? { "data-copied": "true" } : {},
+      ...props,
+      ref: forwardedRef,
+      disabled: disabled || !callback,
+      onClick: composeEventHandlers(onClick, () => {
+        callback?.();
+      })
+    }
+  );
+});
+ActionBarPrimitiveCopy.displayName = "ActionBarPrimitive.Copy";
+
+// src/utils/createActionButton.tsx
+import { forwardRef as forwardRef7 } from "react";
+import { Primitive as Primitive4 } from "@radix-ui/react-primitive";
+import { composeEventHandlers as composeEventHandlers2 } from "@radix-ui/primitive";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var createActionButton = (displayName, useActionButton, forwardProps = []) => {
-  const ActionButton = forwardRef6((props, forwardedRef) => {
+  const ActionButton = forwardRef7((props, forwardedRef) => {
     const forwardedProps = {};
     const primitiveProps = {};
     Object.keys(props).forEach((key) => {
@@ -2982,14 +3076,14 @@ var createActionButton = (displayName, useActionButton, forwardProps = []) => {
       }
     });
     const callback = useActionButton(forwardedProps);
-    return /* @__PURE__ */ jsx11(
-      Primitive3.button,
+    return /* @__PURE__ */ jsx12(
+      Primitive4.button,
       {
         type: "button",
         ...primitiveProps,
         ref: forwardedRef,
         disabled: primitiveProps.disabled || !callback,
-        onClick: composeEventHandlers(primitiveProps.onClick, () => {
+        onClick: composeEventHandlers2(primitiveProps.onClick, () => {
           callback?.();
         })
       }
@@ -2999,13 +3093,6 @@ var createActionButton = (displayName, useActionButton, forwardProps = []) => {
   return ActionButton;
 };
 
-// src/primitives/actionBar/ActionBarCopy.tsx
-var ActionBarPrimitiveCopy = createActionButton(
-  "ActionBarPrimitive.Copy",
-  useActionBarCopy,
-  ["copiedDuration"]
-);
-
 // src/primitives/actionBar/ActionBarReload.tsx
 var ActionBarPrimitiveReload = createActionButton(
   "ActionBarPrimitive.Reload",
@@ -3025,12 +3112,12 @@ var ActionBarPrimitiveSpeak = createActionButton(
 );
 
 // src/primitives/actionBar/ActionBarStopSpeaking.tsx
-import { forwardRef as forwardRef7 } from "react";
+import { forwardRef as forwardRef8 } from "react";
 import { useEscapeKeydown } from "@radix-ui/react-use-escape-keydown";
-import { Primitive as Primitive4 } from "@radix-ui/react-primitive";
-import { composeEventHandlers as composeEventHandlers2 } from "@radix-ui/primitive";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var ActionBarPrimitiveStopSpeaking = forwardRef7((props, ref) => {
+import { Primitive as Primitive5 } from "@radix-ui/react-primitive";
+import { composeEventHandlers as composeEventHandlers3 } from "@radix-ui/primitive";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var ActionBarPrimitiveStopSpeaking = forwardRef8((props, ref) => {
   const callback = useActionBarStopSpeaking();
   useEscapeKeydown((e) => {
     if (callback) {
@@ -3038,14 +3125,14 @@ var ActionBarPrimitiveStopSpeaking = forwardRef7((props, ref) => {
       callback();
     }
   });
-  return /* @__PURE__ */ jsx12(
-    Primitive4.button,
+  return /* @__PURE__ */ jsx13(
+    Primitive5.button,
     {
       type: "button",
       disabled: !callback,
       ...props,
       ref,
-      onClick: composeEventHandlers2(props.onClick, () => {
+      onClick: composeEventHandlers3(props.onClick, () => {
         callback?.();
       })
     }
@@ -3053,6 +3140,58 @@ var ActionBarPrimitiveStopSpeaking = forwardRef7((props, ref) => {
 });
 ActionBarPrimitiveStopSpeaking.displayName = "ActionBarPrimitive.StopSpeaking";
 
+// src/primitives/actionBar/ActionBarFeedbackPositive.tsx
+import { forwardRef as forwardRef9 } from "react";
+import { composeEventHandlers as composeEventHandlers4 } from "@radix-ui/primitive";
+import { Primitive as Primitive6 } from "@radix-ui/react-primitive";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var ActionBarPrimitiveFeedbackPositive = forwardRef9(({ onClick, disabled, ...props }, forwardedRef) => {
+  const isSubmitted = useMessageUtils(
+    (u) => u.submittedFeedback === "positive"
+  );
+  const callback = useActionBarFeedbackPositive();
+  return /* @__PURE__ */ jsx14(
+    Primitive6.button,
+    {
+      type: "button",
+      ...isSubmitted ? { "data-submitted": "true" } : {},
+      ...props,
+      ref: forwardedRef,
+      disabled: disabled || !callback,
+      onClick: composeEventHandlers4(onClick, () => {
+        callback?.();
+      })
+    }
+  );
+});
+ActionBarPrimitiveFeedbackPositive.displayName = "ActionBarPrimitive.FeedbackPositive";
+
+// src/primitives/actionBar/ActionBarFeedbackNegative.tsx
+import { forwardRef as forwardRef10 } from "react";
+import { composeEventHandlers as composeEventHandlers5 } from "@radix-ui/primitive";
+import { Primitive as Primitive7 } from "@radix-ui/react-primitive";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var ActionBarPrimitiveFeedbackNegative = forwardRef10(({ onClick, disabled, ...props }, forwardedRef) => {
+  const isSubmitted = useMessageUtils(
+    (u) => u.submittedFeedback === "negative"
+  );
+  const callback = useActionBarFeedbackNegative();
+  return /* @__PURE__ */ jsx15(
+    Primitive7.button,
+    {
+      type: "button",
+      ...isSubmitted ? { "data-submitted": "true" } : {},
+      ...props,
+      ref: forwardedRef,
+      disabled: disabled || !callback,
+      onClick: composeEventHandlers5(onClick, () => {
+        callback?.();
+      })
+    }
+  );
+});
+ActionBarPrimitiveFeedbackNegative.displayName = "ActionBarPrimitive.FeedbackNegative";
+
 // src/primitives/assistantModal/index.ts
 var assistantModal_exports = {};
 __export(assistantModal_exports, {
@@ -3065,7 +3204,7 @@ __export(assistantModal_exports, {
 // src/primitives/assistantModal/AssistantModalRoot.tsx
 import { useState as useState10 } from "react";
 import * as PopoverPrimitive2 from "@radix-ui/react-popover";
-import { composeEventHandlers as composeEventHandlers3 } from "@radix-ui/primitive";
+import { composeEventHandlers as composeEventHandlers6 } from "@radix-ui/primitive";
 
 // src/utils/hooks/useOnComposerFocus.tsx
 import { useCallbackRef as useCallbackRef2 } from "@radix-ui/react-use-callback-ref";
@@ -3085,7 +3224,7 @@ import * as PopoverPrimitive from "@radix-ui/react-popover";
 var usePopoverScope = PopoverPrimitive.createPopoverScope();
 
 // src/primitives/assistantModal/AssistantModalRoot.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var useAssistantModalOpenState = (defaultOpen = false) => {
   const state = useState10(defaultOpen);
   const [, setOpen] = state;
@@ -3103,12 +3242,12 @@ var AssistantModalPrimitiveRoot = ({
 }) => {
   const scope = usePopoverScope(__scopeAssistantModal);
   const [modalOpen, setOpen] = useAssistantModalOpenState(defaultOpen);
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx16(
     PopoverPrimitive2.Root,
     {
       ...scope,
       open: open === void 0 ? modalOpen : open,
-      onOpenChange: composeEventHandlers3(onOpenChange, setOpen),
+      onOpenChange: composeEventHandlers6(onOpenChange, setOpen),
       ...rest
     }
   );
@@ -3116,26 +3255,26 @@ var AssistantModalPrimitiveRoot = ({
 AssistantModalPrimitiveRoot.displayName = "AssistantModalPrimitive.Root";
 
 // src/primitives/assistantModal/AssistantModalTrigger.tsx
-import { forwardRef as forwardRef8 } from "react";
+import { forwardRef as forwardRef11 } from "react";
 import * as PopoverPrimitive3 from "@radix-ui/react-popover";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var AssistantModalPrimitiveTrigger = forwardRef8(
+import { jsx as jsx17 } from "react/jsx-runtime";
+var AssistantModalPrimitiveTrigger = forwardRef11(
   ({
     __scopeAssistantModal,
     ...rest
   }, ref) => {
     const scope = usePopoverScope(__scopeAssistantModal);
-    return /* @__PURE__ */ jsx14(PopoverPrimitive3.Trigger, { ...scope, ...rest, ref });
+    return /* @__PURE__ */ jsx17(PopoverPrimitive3.Trigger, { ...scope, ...rest, ref });
   }
 );
 AssistantModalPrimitiveTrigger.displayName = "AssistantModalPrimitive.Trigger";
 
 // src/primitives/assistantModal/AssistantModalContent.tsx
-import { forwardRef as forwardRef9 } from "react";
+import { forwardRef as forwardRef12 } from "react";
 import * as PopoverPrimitive4 from "@radix-ui/react-popover";
-import { composeEventHandlers as composeEventHandlers4 } from "@radix-ui/primitive";
-import { jsx as jsx15 } from "react/jsx-runtime";
-var AssistantModalPrimitiveContent = forwardRef9(
+import { composeEventHandlers as composeEventHandlers7 } from "@radix-ui/primitive";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var AssistantModalPrimitiveContent = forwardRef12(
   ({
     __scopeAssistantModal,
     side,
@@ -3145,7 +3284,7 @@ var AssistantModalPrimitiveContent = forwardRef9(
     ...props
   }, forwardedRef) => {
     const scope = usePopoverScope(__scopeAssistantModal);
-    return /* @__PURE__ */ jsx15(PopoverPrimitive4.Portal, { ...scope, children: /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx18(PopoverPrimitive4.Portal, { ...scope, children: /* @__PURE__ */ jsx18(
       PopoverPrimitive4.Content,
       {
         ...scope,
@@ -3153,7 +3292,7 @@ var AssistantModalPrimitiveContent = forwardRef9(
         ref: forwardedRef,
         side: side ?? "top",
         align: align ?? "end",
-        onInteractOutside: composeEventHandlers4(
+        onInteractOutside: composeEventHandlers7(
           onInteractOutside,
           dissmissOnInteractOutside ? void 0 : (e) => e.preventDefault()
         )
@@ -3164,16 +3303,16 @@ var AssistantModalPrimitiveContent = forwardRef9(
 AssistantModalPrimitiveContent.displayName = "AssistantModalPrimitive.Content";
 
 // src/primitives/assistantModal/AssistantModalAnchor.tsx
-import { forwardRef as forwardRef10 } from "react";
+import { forwardRef as forwardRef13 } from "react";
 import * as PopoverPrimitive5 from "@radix-ui/react-popover";
-import { jsx as jsx16 } from "react/jsx-runtime";
-var AssistantModalPrimitiveAnchor = forwardRef10(
+import { jsx as jsx19 } from "react/jsx-runtime";
+var AssistantModalPrimitiveAnchor = forwardRef13(
   ({
     __scopeAssistantModal,
     ...rest
   }, ref) => {
     const scope = usePopoverScope(__scopeAssistantModal);
-    return /* @__PURE__ */ jsx16(PopoverPrimitive5.Anchor, { ...scope, ...rest, ref });
+    return /* @__PURE__ */ jsx19(PopoverPrimitive5.Anchor, { ...scope, ...rest, ref });
   }
 );
 AssistantModalPrimitiveAnchor.displayName = "AssistantModalPrimitive.Anchor";
@@ -3201,24 +3340,24 @@ var BranchPickerPrevious = createActionButton(
 );
 
 // src/primitives/branchPicker/BranchPickerCount.tsx
-import { Fragment, jsx as jsx17 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx20 } from "react/jsx-runtime";
 var BranchPickerPrimitiveCount = () => {
   const branchCount = useBranchPickerCount();
-  return /* @__PURE__ */ jsx17(Fragment, { children: branchCount });
+  return /* @__PURE__ */ jsx20(Fragment, { children: branchCount });
 };
 BranchPickerPrimitiveCount.displayName = "BranchPickerPrimitive.Count";
 
 // src/primitives/branchPicker/BranchPickerNumber.tsx
-import { Fragment as Fragment2, jsx as jsx18 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx21 } from "react/jsx-runtime";
 var BranchPickerPrimitiveNumber = () => {
   const branchNumber = useBranchPickerNumber();
-  return /* @__PURE__ */ jsx18(Fragment2, { children: branchNumber });
+  return /* @__PURE__ */ jsx21(Fragment2, { children: branchNumber });
 };
 BranchPickerPrimitiveNumber.displayName = "BranchPickerPrimitive.Number";
 
 // src/primitives/branchPicker/BranchPickerRoot.tsx
-import { Primitive as Primitive7 } from "@radix-ui/react-primitive";
-import { forwardRef as forwardRef14 } from "react";
+import { Primitive as Primitive10 } from "@radix-ui/react-primitive";
+import { forwardRef as forwardRef17 } from "react";
 
 // src/primitives/message/index.ts
 var message_exports = {};
@@ -3231,17 +3370,17 @@ __export(message_exports, {
 });
 
 // src/primitives/message/MessageRoot.tsx
-import { Primitive as Primitive5 } from "@radix-ui/react-primitive";
+import { Primitive as Primitive8 } from "@radix-ui/react-primitive";
 import {
-  forwardRef as forwardRef11,
-  useCallback as useCallback16
+  forwardRef as forwardRef14,
+  useCallback as useCallback18
 } from "react";
 
 // src/utils/hooks/useManagedRef.ts
-import { useCallback as useCallback15, useRef as useRef3 } from "react";
+import { useCallback as useCallback17, useRef as useRef3 } from "react";
 var useManagedRef = (callback) => {
   const cleanupRef = useRef3();
-  const ref = useCallback15(
+  const ref = useCallback17(
     (el) => {
       if (cleanupRef.current) {
         cleanupRef.current();
@@ -3257,10 +3396,10 @@ var useManagedRef = (callback) => {
 
 // src/primitives/message/MessageRoot.tsx
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var useIsHoveringRef = () => {
   const messageUtilsStore = useMessageUtilsStore();
-  const callbackRef = useCallback16(
+  const callbackRef = useCallback18(
     (el) => {
       const setIsHovering = messageUtilsStore.getState().setIsHovering;
       const handleMouseEnter = () => {
@@ -3281,10 +3420,10 @@ var useIsHoveringRef = () => {
   );
   return useManagedRef(callbackRef);
 };
-var MessagePrimitiveRoot = forwardRef11((props, forwardRef30) => {
+var MessagePrimitiveRoot = forwardRef14((props, forwardRef33) => {
   const isHoveringRef = useIsHoveringRef();
-  const ref = useComposedRefs(forwardRef30, isHoveringRef);
-  return /* @__PURE__ */ jsx19(Primitive5.div, { ...props, ref });
+  const ref = useComposedRefs(forwardRef33, isHoveringRef);
+  return /* @__PURE__ */ jsx22(Primitive8.div, { ...props, ref });
 });
 MessagePrimitiveRoot.displayName = "MessagePrimitive.Root";
 
@@ -3304,7 +3443,7 @@ import { memo as memo2 } from "react";
 // src/context/providers/ContentPartProvider.tsx
 import { useEffect as useEffect10, useState as useState11 } from "react";
 import { create as create12 } from "zustand";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var COMPLETE_STATUS2 = {
   type: "complete"
 };
@@ -3369,32 +3508,32 @@ var ContentPartProvider = ({
   children
 }) => {
   const context = useContentPartContext2(partIndex);
-  return /* @__PURE__ */ jsx20(ContentPartContext.Provider, { value: context, children });
+  return /* @__PURE__ */ jsx23(ContentPartContext.Provider, { value: context, children });
 };
 
 // src/primitives/contentPart/ContentPartText.tsx
 import {
-  forwardRef as forwardRef12
+  forwardRef as forwardRef15
 } from "react";
-import { jsx as jsx21 } from "react/jsx-runtime";
-var ContentPartPrimitiveText = forwardRef12(({ smooth = true, component: Component = "span", ...rest }, forwardedRef) => {
+import { jsx as jsx24 } from "react/jsx-runtime";
+var ContentPartPrimitiveText = forwardRef15(({ smooth = true, component: Component = "span", ...rest }, forwardedRef) => {
   const {
     part: { text },
     status
   } = useSmooth(useContentPartText(), smooth);
-  return /* @__PURE__ */ jsx21(Component, { "data-status": status.type, ...rest, ref: forwardedRef, children: text });
+  return /* @__PURE__ */ jsx24(Component, { "data-status": status.type, ...rest, ref: forwardedRef, children: text });
 });
 ContentPartPrimitiveText.displayName = "ContentPartPrimitive.Text";
 
 // src/primitives/contentPart/ContentPartImage.tsx
-import { Primitive as Primitive6 } from "@radix-ui/react-primitive";
-import { forwardRef as forwardRef13 } from "react";
-import { jsx as jsx22 } from "react/jsx-runtime";
-var ContentPartPrimitiveImage = forwardRef13((props, forwardedRef) => {
+import { Primitive as Primitive9 } from "@radix-ui/react-primitive";
+import { forwardRef as forwardRef16 } from "react";
+import { jsx as jsx25 } from "react/jsx-runtime";
+var ContentPartPrimitiveImage = forwardRef16((props, forwardedRef) => {
   const {
     part: { image }
   } = useContentPartImage();
-  return /* @__PURE__ */ jsx22(Primitive6.img, { src: image, ...props, ref: forwardedRef });
+  return /* @__PURE__ */ jsx25(Primitive9.img, { src: image, ...props, ref: forwardedRef });
 });
 ContentPartPrimitiveImage.displayName = "ContentPartPrimitive.Image";
 
@@ -3415,22 +3554,22 @@ var ContentPartPrimitiveInProgress = ({ children }) => {
 ContentPartPrimitiveInProgress.displayName = "ContentPartPrimitive.InProgress";
 
 // src/primitives/message/MessageContent.tsx
-import { jsx as jsx23, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs3 } from "react/jsx-runtime";
 var ToolUIDisplay = ({
   UI,
   ...props
 }) => {
   const Render = useToolUIs((s) => s.getToolUI(props.part.toolName)) ?? UI;
   if (!Render) return null;
-  return /* @__PURE__ */ jsx23(Render, { ...props });
+  return /* @__PURE__ */ jsx26(Render, { ...props });
 };
 var defaultComponents = {
   Text: () => /* @__PURE__ */ jsxs3("p", { style: { whiteSpace: "pre-line" }, children: [
-    /* @__PURE__ */ jsx23(ContentPartPrimitiveText, {}),
-    /* @__PURE__ */ jsx23(ContentPartPrimitiveInProgress, { children: /* @__PURE__ */ jsx23("span", { style: { fontFamily: "revert" }, children: " \u25CF" }) })
+    /* @__PURE__ */ jsx26(ContentPartPrimitiveText, {}),
+    /* @__PURE__ */ jsx26(ContentPartPrimitiveInProgress, { children: /* @__PURE__ */ jsx26("span", { style: { fontFamily: "revert" }, children: " \u25CF" }) })
   ] }),
-  Image: () => /* @__PURE__ */ jsx23(ContentPartPrimitiveImage, {}),
-  UI: () => /* @__PURE__ */ jsx23(ContentPartPrimitiveDisplay, {})
+  Image: () => /* @__PURE__ */ jsx26(ContentPartPrimitiveImage, {}),
+  UI: () => /* @__PURE__ */ jsx26(ContentPartPrimitiveDisplay, {})
 };
 var MessageContentPartComponent = ({
   components: {
@@ -3450,17 +3589,17 @@ var MessageContentPartComponent = ({
       if (status.type === "requires-action")
         throw new Error("Encountered unexpected requires-action status");
       if (part === EMPTY_CONTENT && !!Empty) {
-        return /* @__PURE__ */ jsx23(Empty, { status });
+        return /* @__PURE__ */ jsx26(Empty, { status });
       }
-      return /* @__PURE__ */ jsx23(Text2, { part, status });
+      return /* @__PURE__ */ jsx26(Text2, { part, status });
     case "image":
       if (status.type === "requires-action")
         throw new Error("Encountered unexpected requires-action status");
-      return /* @__PURE__ */ jsx23(Image2, { part, status });
+      return /* @__PURE__ */ jsx26(Image2, { part, status });
     case "ui":
       if (status.type === "requires-action")
         throw new Error("Encountered unexpected requires-action status");
-      return /* @__PURE__ */ jsx23(UI, { part, status });
+      return /* @__PURE__ */ jsx26(UI, { part, status });
     case "tool-call": {
       const Tool = by_name[part.toolName] || Fallback2;
       const addResult = (result) => threadActionsStore.getState().addToolResult({
@@ -3469,7 +3608,7 @@ var MessageContentPartComponent = ({
         toolCallId: part.toolCallId,
         result
       });
-      return /* @__PURE__ */ jsx23(
+      return /* @__PURE__ */ jsx26(
         ToolUIDisplay,
         {
           UI: Tool,
@@ -3488,7 +3627,7 @@ var MessageContentPartImpl = ({
   partIndex,
   components
 }) => {
-  return /* @__PURE__ */ jsx23(ContentPartProvider, { partIndex, children: /* @__PURE__ */ jsx23(MessageContentPartComponent, { components }) });
+  return /* @__PURE__ */ jsx26(ContentPartProvider, { partIndex, children: /* @__PURE__ */ jsx26(MessageContentPartComponent, { components }) });
 };
 var MessageContentPart = memo2(
   MessageContentPartImpl,
@@ -3498,7 +3637,7 @@ var MessagePrimitiveContent = ({
   components
 }) => {
   const contentLength = useMessage((s) => s.message.content.length) || 1;
-  return Array.from({ length: contentLength }, (_, index) => /* @__PURE__ */ jsx23(MessageContentPart, { partIndex: index, components }, index));
+  return Array.from({ length: contentLength }, (_, index) => /* @__PURE__ */ jsx26(MessageContentPart, { partIndex: index, components }, index));
 };
 MessagePrimitiveContent.displayName = "MessagePrimitive.Content";
 
@@ -3558,7 +3697,7 @@ var {
 // src/context/providers/MessageAttachmentProvider.tsx
 import { useEffect as useEffect11, useState as useState12 } from "react";
 import { create as create13 } from "zustand";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var getAttachment = ({ message }, useAttachment2, partIndex) => {
   if (message.role !== "user") return null;
   const attachments = message.attachments;
@@ -3598,11 +3737,11 @@ var MessageAttachmentProvider = ({
   children
 }) => {
   const context = useMessageAttachmentContext2(partIndex);
-  return /* @__PURE__ */ jsx24(AttachmentContext.Provider, { value: context, children });
+  return /* @__PURE__ */ jsx27(AttachmentContext.Provider, { value: context, children });
 };
 
 // src/primitives/message/MessageAttachments.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var getComponent = (components, attachment) => {
   const type = attachment.type;
   switch (type) {
@@ -3622,10 +3761,10 @@ var AttachmentComponent = ({ components }) => {
     (a) => getComponent(components, a.attachment)
   );
   if (!Component) return null;
-  return /* @__PURE__ */ jsx25(Component, {});
+  return /* @__PURE__ */ jsx28(Component, {});
 };
 var MessageAttachmentImpl = ({ components, attachmentIndex }) => {
-  return /* @__PURE__ */ jsx25(MessageAttachmentProvider, { attachmentIndex, children: /* @__PURE__ */ jsx25(AttachmentComponent, { components }) });
+  return /* @__PURE__ */ jsx28(MessageAttachmentProvider, { attachmentIndex, children: /* @__PURE__ */ jsx28(AttachmentComponent, { components }) });
 };
 var MessageAttachment = memo3(
   MessageAttachmentImpl,
@@ -3636,7 +3775,7 @@ var MessagePrimitiveAttachments = ({ components }) => {
     if (message.role !== "user") return 0;
     return message.attachments.length;
   });
-  return Array.from({ length: attachmentsCount }, (_, index) => /* @__PURE__ */ jsx25(
+  return Array.from({ length: attachmentsCount }, (_, index) => /* @__PURE__ */ jsx28(
     MessageAttachment,
     {
       attachmentIndex: index,
@@ -3648,9 +3787,9 @@ var MessagePrimitiveAttachments = ({ components }) => {
 MessagePrimitiveAttachments.displayName = "MessagePrimitive.Attachments";
 
 // src/primitives/branchPicker/BranchPickerRoot.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
-var BranchPickerPrimitiveRoot = forwardRef14(({ hideWhenSingleBranch, ...rest }, ref) => {
-  return /* @__PURE__ */ jsx26(MessagePrimitiveIf, { hasBranches: hideWhenSingleBranch ? true : void 0, children: /* @__PURE__ */ jsx26(Primitive7.div, { ...rest, ref }) });
+import { jsx as jsx29 } from "react/jsx-runtime";
+var BranchPickerPrimitiveRoot = forwardRef17(({ hideWhenSingleBranch, ...rest }, ref) => {
+  return /* @__PURE__ */ jsx29(MessagePrimitiveIf, { hasBranches: hideWhenSingleBranch ? true : void 0, children: /* @__PURE__ */ jsx29(Primitive10.div, { ...rest, ref }) });
 });
 BranchPickerPrimitiveRoot.displayName = "BranchPickerPrimitive.Root";
 
@@ -3667,44 +3806,44 @@ __export(composer_exports, {
 });
 
 // src/primitives/composer/ComposerRoot.tsx
-import { composeEventHandlers as composeEventHandlers5 } from "@radix-ui/primitive";
-import { Primitive as Primitive8 } from "@radix-ui/react-primitive";
+import { composeEventHandlers as composeEventHandlers8 } from "@radix-ui/primitive";
+import { Primitive as Primitive11 } from "@radix-ui/react-primitive";
 import {
-  forwardRef as forwardRef15
+  forwardRef as forwardRef18
 } from "react";
-import { jsx as jsx27 } from "react/jsx-runtime";
-var ComposerPrimitiveRoot = forwardRef15(({ onSubmit, ...rest }, forwardedRef) => {
+import { jsx as jsx30 } from "react/jsx-runtime";
+var ComposerPrimitiveRoot = forwardRef18(({ onSubmit, ...rest }, forwardedRef) => {
   const send = useComposerSend();
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!send) return;
     send();
   };
-  return /* @__PURE__ */ jsx27(
-    Primitive8.form,
+  return /* @__PURE__ */ jsx30(
+    Primitive11.form,
     {
       ...rest,
       ref: forwardedRef,
-      onSubmit: composeEventHandlers5(onSubmit, handleSubmit)
+      onSubmit: composeEventHandlers8(onSubmit, handleSubmit)
     }
   );
 });
 ComposerPrimitiveRoot.displayName = "ComposerPrimitive.Root";
 
 // src/primitives/composer/ComposerInput.tsx
-import { composeEventHandlers as composeEventHandlers6 } from "@radix-ui/primitive";
+import { composeEventHandlers as composeEventHandlers9 } from "@radix-ui/primitive";
 import { useComposedRefs as useComposedRefs2 } from "@radix-ui/react-compose-refs";
 import { Slot } from "@radix-ui/react-slot";
 import {
-  forwardRef as forwardRef16,
-  useCallback as useCallback17,
+  forwardRef as forwardRef19,
+  useCallback as useCallback19,
   useEffect as useEffect12,
   useRef as useRef4
 } from "react";
 import TextareaAutosize from "react-textarea-autosize";
 import { useEscapeKeydown as useEscapeKeydown2 } from "@radix-ui/react-use-escape-keydown";
-import { jsx as jsx28 } from "react/jsx-runtime";
-var ComposerPrimitiveInput = forwardRef16(
+import { jsx as jsx31 } from "react/jsx-runtime";
+var ComposerPrimitiveInput = forwardRef19(
   ({
     autoFocus = false,
     asChild,
@@ -3742,7 +3881,7 @@ var ComposerPrimitiveInput = forwardRef16(
       }
     };
     const autoFocusEnabled = autoFocus && !isDisabled;
-    const focus = useCallback17(() => {
+    const focus = useCallback19(() => {
       const textarea = textareaRef.current;
       if (!textarea || !autoFocusEnabled) return;
       textarea.focus({ preventScroll: true });
@@ -3757,7 +3896,7 @@ var ComposerPrimitiveInput = forwardRef16(
         focus();
       }
     });
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx31(
       Component,
       {
         name: "input",
@@ -3765,12 +3904,12 @@ var ComposerPrimitiveInput = forwardRef16(
         ...rest,
         ref,
         disabled: isDisabled,
-        onChange: composeEventHandlers6(onChange, (e) => {
+        onChange: composeEventHandlers9(onChange, (e) => {
           const composerState = composerStore.getState();
           if (!composerState.isEditing) return;
           return composerState.setText(e.target.value);
         }),
-        onKeyDown: composeEventHandlers6(onKeyDown, handleKeyPress)
+        onKeyDown: composeEventHandlers9(onKeyDown, handleKeyPress)
       }
     );
   }
@@ -3801,7 +3940,7 @@ import { memo as memo4 } from "react";
 // src/context/providers/ComposerAttachmentProvider.tsx
 import { useEffect as useEffect13, useState as useState13 } from "react";
 import { create as create14 } from "zustand";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var getAttachment2 = ({ attachments }, useAttachment2, partIndex) => {
   const attachment = attachments[partIndex];
   if (!attachment) return null;
@@ -3836,11 +3975,11 @@ var useComposerAttachmentContext2 = (partIndex) => {
 };
 var ComposerAttachmentProvider = ({ attachmentIndex: partIndex, children }) => {
   const context = useComposerAttachmentContext2(partIndex);
-  return /* @__PURE__ */ jsx29(AttachmentContext.Provider, { value: context, children });
+  return /* @__PURE__ */ jsx32(AttachmentContext.Provider, { value: context, children });
 };
 
 // src/primitives/composer/ComposerAttachments.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var getComponent2 = (components, attachment) => {
   const type = attachment.type;
   switch (type) {
@@ -3860,10 +3999,10 @@ var AttachmentComponent2 = ({ components }) => {
     (a) => getComponent2(components, a.attachment)
   );
   if (!Component) return null;
-  return /* @__PURE__ */ jsx30(Component, {});
+  return /* @__PURE__ */ jsx33(Component, {});
 };
 var ComposerAttachmentImpl = ({ components, attachmentIndex }) => {
-  return /* @__PURE__ */ jsx30(ComposerAttachmentProvider, { attachmentIndex, children: /* @__PURE__ */ jsx30(AttachmentComponent2, { components }) });
+  return /* @__PURE__ */ jsx33(ComposerAttachmentProvider, { attachmentIndex, children: /* @__PURE__ */ jsx33(AttachmentComponent2, { components }) });
 };
 var ComposerAttachment = memo4(
   ComposerAttachmentImpl,
@@ -3871,7 +4010,7 @@ var ComposerAttachment = memo4(
 );
 var ComposerPrimitiveAttachments = ({ components }) => {
   const attachmentsCount = useThreadComposer((s) => s.attachments.length);
-  return Array.from({ length: attachmentsCount }, (_, index) => /* @__PURE__ */ jsx30(
+  return Array.from({ length: attachmentsCount }, (_, index) => /* @__PURE__ */ jsx33(
     ComposerAttachment,
     {
       attachmentIndex: index,
@@ -3914,11 +4053,11 @@ __export(thread_exports, {
 });
 
 // src/primitives/thread/ThreadRoot.tsx
-import { Primitive as Primitive9 } from "@radix-ui/react-primitive";
-import { forwardRef as forwardRef17 } from "react";
-import { jsx as jsx31 } from "react/jsx-runtime";
-var ThreadPrimitiveRoot = forwardRef17((props, ref) => {
-  return /* @__PURE__ */ jsx31(Primitive9.div, { ...props, ref });
+import { Primitive as Primitive12 } from "@radix-ui/react-primitive";
+import { forwardRef as forwardRef20 } from "react";
+import { jsx as jsx34 } from "react/jsx-runtime";
+var ThreadPrimitiveRoot = forwardRef20((props, ref) => {
+  return /* @__PURE__ */ jsx34(Primitive12.div, { ...props, ref });
 });
 ThreadPrimitiveRoot.displayName = "ThreadPrimitive.Root";
 
@@ -3943,8 +4082,8 @@ ThreadPrimitiveIf.displayName = "ThreadPrimitive.If";
 
 // src/primitives/thread/ThreadViewport.tsx
 import { useComposedRefs as useComposedRefs4 } from "@radix-ui/react-compose-refs";
-import { Primitive as Primitive10 } from "@radix-ui/react-primitive";
-import { forwardRef as forwardRef18 } from "react";
+import { Primitive as Primitive13 } from "@radix-ui/react-primitive";
+import { forwardRef as forwardRef21 } from "react";
 
 // src/primitive-hooks/thread/useThreadViewportAutoScroll.tsx
 import { useComposedRefs as useComposedRefs3 } from "@radix-ui/react-compose-refs";
@@ -3952,10 +4091,10 @@ import { useRef as useRef5 } from "react";
 
 // src/utils/hooks/useOnResizeContent.tsx
 import { useCallbackRef as useCallbackRef3 } from "@radix-ui/react-use-callback-ref";
-import { useCallback as useCallback18 } from "react";
+import { useCallback as useCallback20 } from "react";
 var useOnResizeContent = (callback) => {
   const callbackRef = useCallbackRef3(callback);
-  const refCallback = useCallback18(
+  const refCallback = useCallback20(
     (el) => {
       const resizeObserver = new ResizeObserver(() => {
         callbackRef();
@@ -4055,13 +4194,13 @@ var useThreadViewportAutoScroll = ({
 };
 
 // src/primitives/thread/ThreadViewport.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
-var ThreadPrimitiveViewport = forwardRef18(({ autoScroll, children, ...rest }, forwardedRef) => {
+import { jsx as jsx35 } from "react/jsx-runtime";
+var ThreadPrimitiveViewport = forwardRef21(({ autoScroll, children, ...rest }, forwardedRef) => {
   const autoScrollRef = useThreadViewportAutoScroll({
     autoScroll
   });
   const ref = useComposedRefs4(forwardedRef, autoScrollRef);
-  return /* @__PURE__ */ jsx32(Primitive10.div, { ...rest, ref, children });
+  return /* @__PURE__ */ jsx35(Primitive13.div, { ...rest, ref, children });
 });
 ThreadPrimitiveViewport.displayName = "ThreadPrimitive.Viewport";
 
@@ -4134,12 +4273,16 @@ var makeMessageUtilsStore = () => create16((set) => {
       utt.onEnd(() => {
         set({ isSpeaking: false });
       });
+    },
+    submittedFeedback: null,
+    setSubmittedFeedback: (feedback) => {
+      set({ submittedFeedback: feedback });
     }
   };
 });
 
 // src/context/providers/MessageProvider.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var getIsLast = (messages, message) => {
   return messages[messages.length - 1]?.id === message.id;
 };
@@ -4216,11 +4359,11 @@ var MessageProvider = ({
   children
 }) => {
   const context = useMessageContext2(messageIndex);
-  return /* @__PURE__ */ jsx33(MessageContext.Provider, { value: context, children });
+  return /* @__PURE__ */ jsx36(MessageContext.Provider, { value: context, children });
 };
 
 // src/primitives/thread/ThreadMessages.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx37 } 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;
 };
@@ -4256,13 +4399,13 @@ var ThreadMessageComponent = ({
   const role = useMessage((m) => m.message.role);
   const isEditing = useEditComposer((c) => c.isEditing);
   const Component = getComponent3(components, role, isEditing);
-  return /* @__PURE__ */ jsx34(Component, {});
+  return /* @__PURE__ */ jsx37(Component, {});
 };
 var ThreadMessageImpl = ({
   messageIndex,
   components
 }) => {
-  return /* @__PURE__ */ jsx34(MessageProvider, { messageIndex, children: /* @__PURE__ */ jsx34(ThreadMessageComponent, { components }) });
+  return /* @__PURE__ */ jsx37(MessageProvider, { messageIndex, children: /* @__PURE__ */ jsx37(ThreadMessageComponent, { components }) });
 };
 var ThreadMessage = memo5(
   ThreadMessageImpl,
@@ -4273,7 +4416,7 @@ var ThreadPrimitiveMessagesImpl = ({
 }) => {
   const messagesLength = useThreadMessages((t) => t.length);
   if (messagesLength === 0) return null;
-  return Array.from({ length: messagesLength }, (_, index) => /* @__PURE__ */ jsx34(ThreadMessage, { messageIndex: index, components }, index));
+  return Array.from({ length: messagesLength }, (_, index) => /* @__PURE__ */ jsx37(ThreadMessage, { messageIndex: index, components }, index));
 };
 ThreadPrimitiveMessagesImpl.displayName = "ThreadPrimitive.Messages";
 var ThreadPrimitiveMessages = memo5(
@@ -4299,7 +4442,7 @@ import {
   createContext as createContext7,
   useContext as useContext4
 } from "react";
-import { Fragment as Fragment3, jsx as jsx35 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx38 } from "react/jsx-runtime";
 var ThreadConfigContext = createContext7({});
 var useThreadConfig = () => {
   return useContext4(ThreadConfigContext);
@@ -4309,27 +4452,29 @@ var ThreadConfigProvider = ({
   config
 }) => {
   const hasAssistant = !!useAssistantRuntimeStore({ optional: true });
-  const configProvider = config && Object.keys(config ?? {}).length > 0 ? /* @__PURE__ */ jsx35(ThreadConfigContext.Provider, { value: config, children }) : /* @__PURE__ */ jsx35(Fragment3, { children });
+  const configProvider = config && Object.keys(config ?? {}).length > 0 ? /* @__PURE__ */ jsx38(ThreadConfigContext.Provider, { value: config, children }) : /* @__PURE__ */ jsx38(Fragment3, { children });
   if (!config?.runtime) return configProvider;
   if (hasAssistant) {
     throw new Error(
       "You provided a runtime to <Thread> while simulataneously using <AssistantRuntimeProvider>. This is not allowed."
     );
   }
-  return /* @__PURE__ */ jsx35(AssistantRuntimeProvider, { runtime: config.runtime, children: configProvider });
+  return /* @__PURE__ */ jsx38(AssistantRuntimeProvider, { runtime: config.runtime, children: configProvider });
 };
 ThreadConfigProvider.displayName = "ThreadConfigProvider";
 
 // src/ui/assistant-action-bar.tsx
-import { forwardRef as forwardRef19 } from "react";
+import { forwardRef as forwardRef22 } from "react";
 import {
   AudioLinesIcon,
   CheckIcon,
   CopyIcon,
   RefreshCwIcon,
-  StopCircleIcon
+  StopCircleIcon,
+  ThumbsDownIcon,
+  ThumbsUpIcon
 } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx36, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx39, jsxs as jsxs4 } from "react/jsx-runtime";
 var useAllowCopy = (ensureCapability = false) => {
   const { assistantMessage: { allowCopy = true } = {} } = useThreadConfig();
   const copySupported = useThread((t) => t.capabilities.unstable_copy);
@@ -4345,11 +4490,24 @@ var useAllowReload = (ensureCapability = false) => {
   const reloadSupported = useThread((t) => t.capabilities.reload);
   return allowReload && (!ensureCapability || reloadSupported);
 };
+var useAllowFeedbackPositive = (ensureCapability = false) => {
+  const { assistantMessage: { allowFeedbackPositive = true } = {} } = useThreadConfig();
+  const feedbackSupported = useThread((t) => t.capabilities.feedback);
+  return allowFeedbackPositive && (!ensureCapability || feedbackSupported);
+};
+var useAllowFeedbackNegative = (ensureCapability = false) => {
+  const { assistantMessage: { allowFeedbackNegative = true } = {} } = useThreadConfig();
+  const feedbackSupported = useThread((t) => t.capabilities.feedback);
+  return allowFeedbackNegative && (!ensureCapability || feedbackSupported);
+};
 var AssistantActionBar = () => {
   const allowCopy = useAllowCopy(true);
   const allowReload = useAllowReload(true);
   const allowSpeak = useAllowSpeak(true);
-  if (!allowCopy && !allowReload && !allowSpeak) return null;
+  const allowFeedbackPositive = useAllowFeedbackPositive(true);
+  const allowFeedbackNegative = useAllowFeedbackNegative(true);
+  if (!allowCopy && !allowReload && !allowSpeak && !allowFeedbackPositive && !allowFeedbackNegative)
+    return null;
   return /* @__PURE__ */ jsxs4(
     AssistantActionBarRoot,
     {
@@ -4357,9 +4515,11 @@ var AssistantActionBar = () => {
       autohide: "not-last",
       autohideFloat: "single-branch",
       children: [
-        allowSpeak && /* @__PURE__ */ jsx36(AssistantActionBarSpeechControl, {}),
-        allowCopy && /* @__PURE__ */ jsx36(AssistantActionBarCopy, {}),
-        allowReload && /* @__PURE__ */ jsx36(AssistantActionBarReload, {})
+        allowSpeak && /* @__PURE__ */ jsx39(AssistantActionBarSpeechControl, {}),
+        allowCopy && /* @__PURE__ */ jsx39(AssistantActionBarCopy, {}),
+        allowReload && /* @__PURE__ */ jsx39(AssistantActionBarReload, {}),
+        allowFeedbackPositive && /* @__PURE__ */ jsx39(AssistantActionBarFeedbackPositive, {}),
+        allowFeedbackNegative && /* @__PURE__ */ jsx39(AssistantActionBarFeedbackNegative, {})
       ]
     }
   );
@@ -4369,35 +4529,35 @@ var AssistantActionBarRoot = withDefaults(actionBar_exports.Root, {
   className: "aui-assistant-action-bar-root"
 });
 AssistantActionBarRoot.displayName = "AssistantActionBarRoot";
-var AssistantActionBarCopy = forwardRef19((props, ref) => {
+var AssistantActionBarCopy = forwardRef22((props, ref) => {
   const {
     strings: {
       assistantMessage: { copy: { tooltip = "Copy" } = {} } = {}
     } = {}
   } = useThreadConfig();
-  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, {}) })
+  return /* @__PURE__ */ jsx39(actionBar_exports.Copy, { asChild: true, children: /* @__PURE__ */ jsx39(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    /* @__PURE__ */ jsx39(message_exports.If, { copied: true, children: /* @__PURE__ */ jsx39(CheckIcon, {}) }),
+    /* @__PURE__ */ jsx39(message_exports.If, { copied: false, children: /* @__PURE__ */ jsx39(CopyIcon, {}) })
   ] }) }) });
 });
 AssistantActionBarCopy.displayName = "AssistantActionBarCopy";
 var AssistantActionBarSpeechControl = () => {
   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, {}) })
+    /* @__PURE__ */ jsx39(message_exports.If, { speaking: false, children: /* @__PURE__ */ jsx39(AssistantActionBarSpeak, {}) }),
+    /* @__PURE__ */ jsx39(message_exports.If, { speaking: true, children: /* @__PURE__ */ jsx39(AssistantActionBarStopSpeaking, {}) })
   ] });
 };
-var AssistantActionBarSpeak = forwardRef19((props, ref) => {
+var AssistantActionBarSpeak = forwardRef22((props, ref) => {
   const {
     strings: {
       assistantMessage: { speak: { tooltip = "Read aloud" } = {} } = {}
     } = {}
   } = useThreadConfig();
   const allowSpeak = useAllowSpeak();
-  return /* @__PURE__ */ jsx36(actionBar_exports.Speak, { disabled: !allowSpeak, asChild: true, children: /* @__PURE__ */ jsx36(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx36(AudioLinesIcon, {}) }) });
+  return /* @__PURE__ */ jsx39(actionBar_exports.Speak, { disabled: !allowSpeak, asChild: true, children: /* @__PURE__ */ jsx39(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx39(AudioLinesIcon, {}) }) });
 });
 AssistantActionBarSpeak.displayName = "AssistantActionBarSpeak";
-var AssistantActionBarStopSpeaking = forwardRef19((props, ref) => {
+var AssistantActionBarStopSpeaking = forwardRef22((props, ref) => {
   const {
     strings: {
       assistantMessage: {
@@ -4406,26 +4566,68 @@ var AssistantActionBarStopSpeaking = forwardRef19((props, ref) => {
     } = {}
   } = useThreadConfig();
   const allowSpeak = useAllowSpeak();
-  return /* @__PURE__ */ jsx36(actionBar_exports.StopSpeaking, { disabled: !allowSpeak, asChild: true, children: /* @__PURE__ */ jsx36(TooltipIconButton, { tooltip: stopTooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx36(StopCircleIcon, {}) }) });
+  return /* @__PURE__ */ jsx39(actionBar_exports.StopSpeaking, { disabled: !allowSpeak, asChild: true, children: /* @__PURE__ */ jsx39(TooltipIconButton, { tooltip: stopTooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx39(StopCircleIcon, {}) }) });
 });
 AssistantActionBarStopSpeaking.displayName = "AssistantActionBarStopSpeaking";
-var AssistantActionBarReload = forwardRef19((props, ref) => {
+var AssistantActionBarReload = forwardRef22((props, ref) => {
   const {
     strings: {
       assistantMessage: { reload: { tooltip = "Refresh" } = {} } = {}
     } = {}
   } = useThreadConfig();
   const allowReload = useAllowReload();
-  return /* @__PURE__ */ jsx36(actionBar_exports.Reload, { disabled: !allowReload, asChild: true, children: /* @__PURE__ */ jsx36(TooltipIconButton, { tooltip, ...props, ref, children: /* @__PURE__ */ jsx36(RefreshCwIcon, {}) }) });
+  return /* @__PURE__ */ jsx39(actionBar_exports.Reload, { disabled: !allowReload, asChild: true, children: /* @__PURE__ */ jsx39(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx39(RefreshCwIcon, {}) }) });
 });
 AssistantActionBarReload.displayName = "AssistantActionBarReload";
+var AssistantActionBarFeedbackPositive = forwardRef22((props, ref) => {
+  const {
+    strings: {
+      assistantMessage: {
+        feedback: { positive: { tooltip = "Good response" } = {} } = {}
+      } = {}
+    } = {}
+  } = useThreadConfig();
+  const allowFeedbackPositive = useAllowFeedbackPositive();
+  return /* @__PURE__ */ jsx39(
+    actionBar_exports.FeedbackPositive,
+    {
+      disabled: !allowFeedbackPositive,
+      className: "aui-assistant-action-bar-feedback-positive",
+      asChild: true,
+      children: /* @__PURE__ */ jsx39(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx39(ThumbsUpIcon, {}) })
+    }
+  );
+});
+AssistantActionBarFeedbackPositive.displayName = "AssistantActionBarFeedbackPositive";
+var AssistantActionBarFeedbackNegative = forwardRef22((props, ref) => {
+  const {
+    strings: {
+      assistantMessage: {
+        feedback: { negative: { tooltip = "Bad response" } = {} } = {}
+      } = {}
+    } = {}
+  } = useThreadConfig();
+  const allowFeedbackNegative = useAllowFeedbackNegative();
+  return /* @__PURE__ */ jsx39(
+    actionBar_exports.FeedbackNegative,
+    {
+      disabled: !allowFeedbackNegative,
+      className: "aui-assistant-action-bar-feedback-negative",
+      asChild: true,
+      children: /* @__PURE__ */ jsx39(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx39(ThumbsDownIcon, {}) })
+    }
+  );
+});
+AssistantActionBarFeedbackNegative.displayName = "AssistantActionBarFeedbackNegative";
 var exports = {
   Root: AssistantActionBarRoot,
   Reload: AssistantActionBarReload,
   Copy: AssistantActionBarCopy,
   Speak: AssistantActionBarSpeak,
   StopSpeaking: AssistantActionBarStopSpeaking,
-  SpeechControl: AssistantActionBarSpeechControl
+  SpeechControl: AssistantActionBarSpeechControl,
+  FeedbackPositive: AssistantActionBarFeedbackPositive,
+  FeedbackNegative: AssistantActionBarFeedbackNegative
 };
 var assistant_action_bar_default = Object.assign(
   AssistantActionBar,
@@ -4433,12 +4635,12 @@ var assistant_action_bar_default = Object.assign(
 );
 
 // src/ui/assistant-message.tsx
-import { forwardRef as forwardRef21, useMemo as useMemo5 } from "react";
+import { forwardRef as forwardRef24, useMemo as useMemo5 } from "react";
 
 // src/ui/branch-picker.tsx
-import { forwardRef as forwardRef20 } from "react";
+import { forwardRef as forwardRef23 } from "react";
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs5 } from "react/jsx-runtime";
 var useAllowBranchPicker = (ensureCapability = false) => {
   const { branchPicker: { allowBranchPicker = true } = {} } = useThreadConfig();
   const branchPickerSupported = useThread((t) => t.capabilities.edit);
@@ -4448,9 +4650,9 @@ var BranchPicker = () => {
   const allowBranchPicker = useAllowBranchPicker();
   if (!allowBranchPicker) return null;
   return /* @__PURE__ */ jsxs5(BranchPickerRoot, { hideWhenSingleBranch: true, children: [
-    /* @__PURE__ */ jsx37(BranchPickerPrevious2, {}),
-    /* @__PURE__ */ jsx37(BranchPickerState, {}),
-    /* @__PURE__ */ jsx37(BranchPickerNext, {})
+    /* @__PURE__ */ jsx40(BranchPickerPrevious2, {}),
+    /* @__PURE__ */ jsx40(BranchPickerState, {}),
+    /* @__PURE__ */ jsx40(BranchPickerNext, {})
   ] });
 };
 BranchPicker.displayName = "BranchPicker";
@@ -4458,33 +4660,33 @@ var BranchPickerRoot = withDefaults(branchPicker_exports.Root, {
   className: "aui-branch-picker-root"
 });
 BranchPickerRoot.displayName = "BranchPickerRoot";
-var BranchPickerPrevious2 = forwardRef20((props, ref) => {
+var BranchPickerPrevious2 = forwardRef23((props, ref) => {
   const {
     strings: {
       branchPicker: { previous: { tooltip = "Previous" } = {} } = {}
     } = {}
   } = useThreadConfig();
   const allowBranchPicker = useAllowBranchPicker();
-  return /* @__PURE__ */ jsx37(branchPicker_exports.Previous, { disabled: !allowBranchPicker, asChild: true, children: /* @__PURE__ */ jsx37(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx37(ChevronLeftIcon, {}) }) });
+  return /* @__PURE__ */ jsx40(branchPicker_exports.Previous, { disabled: !allowBranchPicker, asChild: true, children: /* @__PURE__ */ jsx40(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx40(ChevronLeftIcon, {}) }) });
 });
 BranchPickerPrevious2.displayName = "BranchPickerPrevious";
 var BranchPickerStateWrapper = withDefaults("span", {
   className: "aui-branch-picker-state"
 });
-var BranchPickerState = forwardRef20((props, ref) => {
+var BranchPickerState = forwardRef23((props, ref) => {
   return /* @__PURE__ */ jsxs5(BranchPickerStateWrapper, { ...props, ref, children: [
-    /* @__PURE__ */ jsx37(branchPicker_exports.Number, {}),
+    /* @__PURE__ */ jsx40(branchPicker_exports.Number, {}),
     " / ",
-    /* @__PURE__ */ jsx37(branchPicker_exports.Count, {})
+    /* @__PURE__ */ jsx40(branchPicker_exports.Count, {})
   ] });
 });
 BranchPickerState.displayName = "BranchPickerState";
-var BranchPickerNext = forwardRef20((props, ref) => {
+var BranchPickerNext = forwardRef23((props, ref) => {
   const {
     strings: { branchPicker: { next: { tooltip = "Next" } = {} } = {} } = {}
   } = useThreadConfig();
   const allowBranchPicker = useAllowBranchPicker();
-  return /* @__PURE__ */ jsx37(branchPicker_exports.Next, { disabled: !allowBranchPicker, asChild: true, children: /* @__PURE__ */ jsx37(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx37(ChevronRightIcon, {}) }) });
+  return /* @__PURE__ */ jsx40(branchPicker_exports.Next, { disabled: !allowBranchPicker, asChild: true, children: /* @__PURE__ */ jsx40(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx40(ChevronRightIcon, {}) }) });
 });
 BranchPickerNext.displayName = "BranchPickerNext";
 var exports2 = {
@@ -4496,12 +4698,12 @@ 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 jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs6 } from "react/jsx-runtime";
 var Avatar = ({ src, alt, fallback }) => {
   if (src == null && fallback == null) return null;
   return /* @__PURE__ */ jsxs6(AvatarRoot, { children: [
-    src != null && /* @__PURE__ */ jsx38(AvatarImage, { src, alt }),
-    fallback != null && /* @__PURE__ */ jsx38(AvatarFallback, { children: fallback })
+    src != null && /* @__PURE__ */ jsx41(AvatarImage, { src, alt }),
+    fallback != null && /* @__PURE__ */ jsx41(AvatarFallback, { children: fallback })
   ] });
 };
 Avatar.displayName = "Avatar";
@@ -4520,10 +4722,10 @@ AvatarFallback.displayName = "AvatarFallback";
 
 // src/ui/content-part.tsx
 import classNames2 from "classnames";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var Text = () => {
   const status = useSmoothStatus();
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx42(
     contentPart_exports.Text,
     {
       className: classNames2(
@@ -4538,19 +4740,19 @@ var exports3 = { Text: withSmoothContextProvider(Text) };
 var content_part_default = exports3;
 
 // src/ui/assistant-message.tsx
-import { jsx as jsx40, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs7 } from "react/jsx-runtime";
 var AssistantMessage = () => {
   return /* @__PURE__ */ jsxs7(AssistantMessageRoot, { children: [
-    /* @__PURE__ */ jsx40(AssistantMessageAvatar, {}),
-    /* @__PURE__ */ jsx40(AssistantMessageContent, {}),
-    /* @__PURE__ */ jsx40(branch_picker_default, {}),
-    /* @__PURE__ */ jsx40(assistant_action_bar_default, {})
+    /* @__PURE__ */ jsx43(AssistantMessageAvatar, {}),
+    /* @__PURE__ */ jsx43(AssistantMessageContent, {}),
+    /* @__PURE__ */ jsx43(branch_picker_default, {}),
+    /* @__PURE__ */ jsx43(assistant_action_bar_default, {})
   ] });
 };
 AssistantMessage.displayName = "AssistantMessage";
 var AssistantMessageAvatar = () => {
   const { assistantAvatar: avatar = { fallback: "A" } } = useThreadConfig();
-  return /* @__PURE__ */ jsx40(Avatar, { ...avatar });
+  return /* @__PURE__ */ jsx43(Avatar, { ...avatar });
 };
 var AssistantMessageRoot = withDefaults(message_exports.Root, {
   className: "aui-assistant-message-root"
@@ -4559,7 +4761,7 @@ AssistantMessageRoot.displayName = "AssistantMessageRoot";
 var AssistantMessageContentWrapper = withDefaults("div", {
   className: "aui-assistant-message-content"
 });
-var AssistantMessageContent = forwardRef21(({ components: componentsProp, ...rest }, ref) => {
+var AssistantMessageContent = forwardRef24(({ components: componentsProp, ...rest }, ref) => {
   const { tools, assistantMessage: { components = {} } = {} } = useThreadConfig();
   const toolsComponents = useMemo5(
     () => ({
@@ -4574,7 +4776,7 @@ var AssistantMessageContent = forwardRef21(({ components: componentsProp, ...res
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [...tools ?? [], components.ToolFallback]
   );
-  return /* @__PURE__ */ jsx40(AssistantMessageContentWrapper, { ...rest, ref, children: /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx43(AssistantMessageContentWrapper, { ...rest, ref, children: /* @__PURE__ */ jsx43(
     message_exports.Content,
     {
       components: {
@@ -4597,21 +4799,21 @@ var assistant_message_default = Object.assign(
 );
 
 // src/ui/assistant-modal.tsx
-import { forwardRef as forwardRef29 } from "react";
+import { forwardRef as forwardRef32 } from "react";
 import { BotIcon, ChevronDownIcon } from "lucide-react";
 
 // src/ui/thread.tsx
-import { forwardRef as forwardRef28 } from "react";
+import { forwardRef as forwardRef31 } from "react";
 import { ArrowDownIcon } from "lucide-react";
 
 // src/ui/composer.tsx
-import { forwardRef as forwardRef23 } from "react";
+import { forwardRef as forwardRef26 } from "react";
 import { PaperclipIcon, SendHorizontalIcon } from "lucide-react";
 
 // src/ui/base/CircleStopIcon.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 var CircleStopIcon = () => {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx44(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4619,16 +4821,16 @@ var CircleStopIcon = () => {
       fill: "currentColor",
       width: "16",
       height: "16",
-      children: /* @__PURE__ */ jsx41("rect", { width: "10", height: "10", x: "3", y: "3", rx: "2" })
+      children: /* @__PURE__ */ jsx44("rect", { width: "10", height: "10", x: "3", y: "3", rx: "2" })
     }
   );
 };
 CircleStopIcon.displayName = "CircleStopIcon";
 
 // src/ui/composer-attachment.tsx
-import { forwardRef as forwardRef22 } from "react";
+import { forwardRef as forwardRef25 } from "react";
 import { CircleXIcon } from "lucide-react";
-import { jsx as jsx42, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs8 } from "react/jsx-runtime";
 var ComposerAttachmentRoot = withDefaults("div", {
   className: "aui-composer-attachment-root"
 });
@@ -4638,11 +4840,11 @@ var ComposerAttachment2 = () => {
   return /* @__PURE__ */ jsxs8(ComposerAttachmentRoot, { children: [
     ".",
     attachment.name.split(".").pop(),
-    /* @__PURE__ */ jsx42(ComposerAttachmentRemove, {})
+    /* @__PURE__ */ jsx45(ComposerAttachmentRemove, {})
   ] });
 };
 ComposerAttachment2.displayName = "ComposerAttachment";
-var ComposerAttachmentRemove = forwardRef22((props, ref) => {
+var ComposerAttachmentRemove = forwardRef25((props, ref) => {
   const {
     strings: {
       composer: { removeAttachment: { tooltip = "Remove file" } = {} } = {}
@@ -4653,7 +4855,7 @@ var ComposerAttachmentRemove = forwardRef22((props, ref) => {
   const handleRemoveAttachment = () => {
     composerStore.getState().removeAttachment(attachmentStore.getState().attachment.id);
   };
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx45(
     TooltipIconButton,
     {
       tooltip,
@@ -4662,7 +4864,7 @@ var ComposerAttachmentRemove = forwardRef22((props, ref) => {
       ...props,
       onClick: handleRemoveAttachment,
       ref,
-      children: props.children ?? /* @__PURE__ */ jsx42(CircleXIcon, {})
+      children: props.children ?? /* @__PURE__ */ jsx45(CircleXIcon, {})
     }
   );
 });
@@ -4677,7 +4879,7 @@ var composer_attachment_default = Object.assign(
 );
 
 // src/ui/composer.tsx
-import { Fragment as Fragment5, jsx as jsx43, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx46, jsxs as jsxs9 } from "react/jsx-runtime";
 var useAllowAttachments = (ensureCapability = false) => {
   const { composer: { allowAttachments = true } = {} } = useThreadConfig();
   const attachmentsSupported = useThread((t) => t.capabilities.attachments);
@@ -4686,10 +4888,10 @@ var useAllowAttachments = (ensureCapability = false) => {
 var Composer = () => {
   const allowAttachments = useAllowAttachments(true);
   return /* @__PURE__ */ jsxs9(ComposerRoot, { children: [
-    allowAttachments && /* @__PURE__ */ jsx43(ComposerAttachments, {}),
-    allowAttachments && /* @__PURE__ */ jsx43(ComposerAddAttachment, {}),
-    /* @__PURE__ */ jsx43(ComposerInput, { autoFocus: true }),
-    /* @__PURE__ */ jsx43(ComposerAction, {})
+    allowAttachments && /* @__PURE__ */ jsx46(ComposerAttachments, {}),
+    allowAttachments && /* @__PURE__ */ jsx46(ComposerAddAttachment, {}),
+    /* @__PURE__ */ jsx46(ComposerInput, { autoFocus: true }),
+    /* @__PURE__ */ jsx46(ComposerAction, {})
   ] });
 };
 Composer.displayName = "Composer";
@@ -4702,14 +4904,14 @@ var ComposerInputStyled = withDefaults(composer_exports.Input, {
   autoFocus: true,
   className: "aui-composer-input"
 });
-var ComposerInput = forwardRef23(
+var ComposerInput = forwardRef26(
   (props, ref) => {
     const {
       strings: {
         composer: { input: { placeholder = "Write a message..." } = {} } = {}
       } = {}
     } = useThreadConfig();
-    return /* @__PURE__ */ jsx43(ComposerInputStyled, { placeholder, ...props, ref });
+    return /* @__PURE__ */ jsx46(ComposerInputStyled, { placeholder, ...props, ref });
   }
 );
 ComposerInput.displayName = "ComposerInput";
@@ -4717,7 +4919,7 @@ var ComposerAttachmentsContainer = withDefaults("div", {
   className: "aui-composer-attachments"
 });
 var ComposerAttachments = ({ components }) => {
-  return /* @__PURE__ */ jsx43(ComposerAttachmentsContainer, { children: /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx46(ComposerAttachmentsContainer, { children: /* @__PURE__ */ jsx46(
     composer_exports.Attachments,
     {
       components: {
@@ -4731,21 +4933,21 @@ var ComposerAttachButton = withDefaults(TooltipIconButton, {
   variant: "default",
   className: "aui-composer-attach"
 });
-var ComposerAddAttachment = forwardRef23((props, ref) => {
+var ComposerAddAttachment = forwardRef26((props, ref) => {
   const {
     strings: {
       composer: { addAttachment: { tooltip = "Attach file" } = {} } = {}
     } = {}
   } = useThreadConfig();
   const allowAttachments = useAllowAttachments();
-  return /* @__PURE__ */ jsx43(composer_exports.AddAttachment, { disabled: !allowAttachments, asChild: true, children: /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx46(composer_exports.AddAttachment, { disabled: !allowAttachments, asChild: true, children: /* @__PURE__ */ jsx46(
     ComposerAttachButton,
     {
       tooltip,
       variant: "ghost",
       ...props,
       ref,
-      children: props.children ?? /* @__PURE__ */ jsx43(PaperclipIcon, {})
+      children: props.children ?? /* @__PURE__ */ jsx46(PaperclipIcon, {})
     }
   ) });
 });
@@ -4756,10 +4958,10 @@ var useAllowCancel = () => {
 };
 var ComposerAction = () => {
   const allowCancel = useAllowCancel();
-  if (!allowCancel) return /* @__PURE__ */ jsx43(ComposerSend, {});
+  if (!allowCancel) return /* @__PURE__ */ jsx46(ComposerSend, {});
   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, {}) })
+    /* @__PURE__ */ jsx46(thread_exports.If, { running: false, children: /* @__PURE__ */ jsx46(ComposerSend, {}) }),
+    /* @__PURE__ */ jsx46(thread_exports.If, { running: true, children: /* @__PURE__ */ jsx46(ComposerCancel, {}) })
   ] });
 };
 ComposerAction.displayName = "ComposerAction";
@@ -4767,22 +4969,22 @@ var ComposerSendButton = withDefaults(TooltipIconButton, {
   variant: "default",
   className: "aui-composer-send"
 });
-var ComposerSend = forwardRef23((props, ref) => {
+var ComposerSend = forwardRef26((props, ref) => {
   const {
     strings: { composer: { send: { tooltip = "Send" } = {} } = {} } = {}
   } = useThreadConfig();
-  return /* @__PURE__ */ jsx43(composer_exports.Send, { asChild: true, children: /* @__PURE__ */ jsx43(ComposerSendButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx43(SendHorizontalIcon, {}) }) });
+  return /* @__PURE__ */ jsx46(composer_exports.Send, { asChild: true, children: /* @__PURE__ */ jsx46(ComposerSendButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx46(SendHorizontalIcon, {}) }) });
 });
 ComposerSend.displayName = "ComposerSend";
 var ComposerCancelButton = withDefaults(TooltipIconButton, {
   variant: "default",
   className: "aui-composer-cancel"
 });
-var ComposerCancel = forwardRef23((props, ref) => {
+var ComposerCancel = forwardRef26((props, ref) => {
   const {
     strings: { composer: { cancel: { tooltip = "Cancel" } = {} } = {} } = {}
   } = useThreadConfig();
-  return /* @__PURE__ */ jsx43(composer_exports.Cancel, { asChild: true, children: /* @__PURE__ */ jsx43(ComposerCancelButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx43(CircleStopIcon, {}) }) });
+  return /* @__PURE__ */ jsx46(composer_exports.Cancel, { asChild: true, children: /* @__PURE__ */ jsx46(ComposerCancelButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx46(CircleStopIcon, {}) }) });
 });
 ComposerCancel.displayName = "ComposerCancel";
 var exports6 = {
@@ -4797,15 +4999,15 @@ var exports6 = {
 var composer_default = Object.assign(Composer, exports6);
 
 // src/ui/thread-welcome.tsx
-import { forwardRef as forwardRef24 } from "react";
-import { jsx as jsx44, jsxs as jsxs10 } from "react/jsx-runtime";
+import { forwardRef as forwardRef27 } from "react";
+import { jsx as jsx47, jsxs as jsxs10 } from "react/jsx-runtime";
 var ThreadWelcome = () => {
   return /* @__PURE__ */ jsxs10(ThreadWelcomeRoot, { children: [
     /* @__PURE__ */ jsxs10(ThreadWelcomeCenter, { children: [
-      /* @__PURE__ */ jsx44(ThreadWelcomeAvatar, {}),
-      /* @__PURE__ */ jsx44(ThreadWelcomeMessage, {})
+      /* @__PURE__ */ jsx47(ThreadWelcomeAvatar, {}),
+      /* @__PURE__ */ jsx47(ThreadWelcomeMessage, {})
     ] }),
-    /* @__PURE__ */ jsx44(ThreadWelcomeSuggestions, {})
+    /* @__PURE__ */ jsx47(ThreadWelcomeSuggestions, {})
   ] });
 };
 ThreadWelcome.displayName = "ThreadWelcome";
@@ -4815,22 +5017,22 @@ var ThreadWelcomeRootStyled = withDefaults("div", {
 var ThreadWelcomeCenter = withDefaults("div", {
   className: "aui-thread-welcome-center"
 });
-var ThreadWelcomeRoot = forwardRef24(
+var ThreadWelcomeRoot = forwardRef27(
   (props, ref) => {
-    return /* @__PURE__ */ jsx44(thread_exports.Empty, { children: /* @__PURE__ */ jsx44(ThreadWelcomeRootStyled, { ...props, ref }) });
+    return /* @__PURE__ */ jsx47(thread_exports.Empty, { children: /* @__PURE__ */ jsx47(ThreadWelcomeRootStyled, { ...props, ref }) });
   }
 );
 ThreadWelcomeRoot.displayName = "ThreadWelcomeRoot";
 var ThreadWelcomeAvatar = () => {
   const { assistantAvatar: avatar = { fallback: "A" } } = useThreadConfig();
-  return /* @__PURE__ */ jsx44(Avatar, { ...avatar });
+  return /* @__PURE__ */ jsx47(Avatar, { ...avatar });
 };
 var ThreadWelcomeMessageStyled = withDefaults("p", {
   className: "aui-thread-welcome-message"
 });
-var ThreadWelcomeMessage = forwardRef24(({ message: messageProp, ...rest }, ref) => {
+var ThreadWelcomeMessage = forwardRef27(({ message: messageProp, ...rest }, ref) => {
   const { welcome: { message = "How can I help you today?" } = {} } = useThreadConfig();
-  return /* @__PURE__ */ jsx44(ThreadWelcomeMessageStyled, { ...rest, ref, children: messageProp ?? message });
+  return /* @__PURE__ */ jsx47(ThreadWelcomeMessageStyled, { ...rest, ref, children: messageProp ?? message });
 });
 ThreadWelcomeMessage.displayName = "ThreadWelcomeMessage";
 var ThreadWelcomeSuggestionContainer = withDefaults("div", {
@@ -4842,21 +5044,21 @@ var ThreadWelcomeSuggestionStyled = withDefaults(thread_exports.Suggestion, {
 var ThreadWelcomeSuggestion = ({
   suggestion: { text, prompt }
 }) => {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx47(
     ThreadWelcomeSuggestionStyled,
     {
       prompt,
       method: "replace",
       autoSend: true,
-      children: /* @__PURE__ */ jsx44("span", { className: "aui-thread-welcome-suggestion-text", children: text ?? prompt })
+      children: /* @__PURE__ */ jsx47("span", { className: "aui-thread-welcome-suggestion-text", children: text ?? prompt })
     }
   );
 };
 var ThreadWelcomeSuggestions = () => {
   const { welcome: { suggestions } = {} } = useThreadConfig();
-  return /* @__PURE__ */ jsx44(ThreadWelcomeSuggestionContainer, { children: suggestions?.map((suggestion, idx) => {
+  return /* @__PURE__ */ jsx47(ThreadWelcomeSuggestionContainer, { children: suggestions?.map((suggestion, idx) => {
     const key = `${suggestion.prompt}-${idx}`;
-    return /* @__PURE__ */ jsx44(ThreadWelcomeSuggestion, { suggestion }, key);
+    return /* @__PURE__ */ jsx47(ThreadWelcomeSuggestion, { suggestion }, key);
   }) });
 };
 ThreadWelcomeSuggestions.displayName = "ThreadWelcomeSuggestions";
@@ -4871,12 +5073,12 @@ var exports7 = {
 var thread_welcome_default = Object.assign(ThreadWelcome, exports7);
 
 // src/ui/user-message.tsx
-import { forwardRef as forwardRef26 } from "react";
+import { forwardRef as forwardRef29 } from "react";
 
 // src/ui/user-action-bar.tsx
-import { forwardRef as forwardRef25 } from "react";
+import { forwardRef as forwardRef28 } from "react";
 import { PencilIcon } from "lucide-react";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 var useAllowEdit = (ensureCapability = false) => {
   const { userMessage: { allowEdit = true } = {} } = useThreadConfig();
   const editSupported = useThread((t) => t.capabilities.edit);
@@ -4885,19 +5087,19 @@ var useAllowEdit = (ensureCapability = false) => {
 var UserActionBar = () => {
   const allowEdit = useAllowEdit(true);
   if (!allowEdit) return null;
-  return /* @__PURE__ */ jsx45(UserActionBarRoot, { hideWhenRunning: true, autohide: "not-last", children: /* @__PURE__ */ jsx45(UserActionBarEdit, {}) });
+  return /* @__PURE__ */ jsx48(UserActionBarRoot, { hideWhenRunning: true, autohide: "not-last", children: /* @__PURE__ */ jsx48(UserActionBarEdit, {}) });
 };
 UserActionBar.displayName = "UserActionBar";
 var UserActionBarRoot = withDefaults(actionBar_exports.Root, {
   className: "aui-user-action-bar-root"
 });
 UserActionBarRoot.displayName = "UserActionBarRoot";
-var UserActionBarEdit = forwardRef25((props, ref) => {
+var UserActionBarEdit = forwardRef28((props, ref) => {
   const {
     strings: { userMessage: { edit: { tooltip = "Edit" } = {} } = {} } = {}
   } = useThreadConfig();
   const allowEdit = useAllowEdit();
-  return /* @__PURE__ */ jsx45(actionBar_exports.Edit, { disabled: !allowEdit, asChild: true, children: /* @__PURE__ */ jsx45(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx45(PencilIcon, {}) }) });
+  return /* @__PURE__ */ jsx48(actionBar_exports.Edit, { disabled: !allowEdit, asChild: true, children: /* @__PURE__ */ jsx48(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx48(PencilIcon, {}) }) });
 });
 UserActionBarEdit.displayName = "UserActionBarEdit";
 var exports8 = {
@@ -4929,13 +5131,13 @@ var user_message_attachment_default = Object.assign(
 );
 
 // src/ui/user-message.tsx
-import { jsx as jsx46, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs12 } from "react/jsx-runtime";
 var UserMessage = () => {
   return /* @__PURE__ */ jsxs12(UserMessageRoot, { children: [
-    /* @__PURE__ */ jsx46(UserMessageAttachments, {}),
-    /* @__PURE__ */ jsx46(user_action_bar_default, {}),
-    /* @__PURE__ */ jsx46(UserMessageContent, {}),
-    /* @__PURE__ */ jsx46(branch_picker_default, {})
+    /* @__PURE__ */ jsx49(UserMessageAttachments, {}),
+    /* @__PURE__ */ jsx49(user_action_bar_default, {}),
+    /* @__PURE__ */ jsx49(UserMessageContent, {}),
+    /* @__PURE__ */ jsx49(branch_picker_default, {})
   ] });
 };
 UserMessage.displayName = "UserMessage";
@@ -4946,9 +5148,9 @@ UserMessageRoot.displayName = "UserMessageRoot";
 var UserMessageContentWrapper = withDefaults("div", {
   className: "aui-user-message-content"
 });
-var UserMessageContent = forwardRef26(
+var UserMessageContent = forwardRef29(
   ({ components, ...props }, ref) => {
-    return /* @__PURE__ */ jsx46(UserMessageContentWrapper, { ...props, ref, children: /* @__PURE__ */ jsx46(
+    return /* @__PURE__ */ jsx49(UserMessageContentWrapper, { ...props, ref, children: /* @__PURE__ */ jsx49(
       message_exports.Content,
       {
         components: {
@@ -4966,7 +5168,7 @@ var UserMessageAttachmentsContainer = withDefaults("div", {
 var UserMessageAttachments = ({
   components
 }) => {
-  return /* @__PURE__ */ jsx46(message_exports.If, { hasAttachments: true, children: /* @__PURE__ */ jsx46(UserMessageAttachmentsContainer, { children: /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx49(message_exports.If, { hasAttachments: true, children: /* @__PURE__ */ jsx49(UserMessageAttachmentsContainer, { children: /* @__PURE__ */ jsx49(
     message_exports.Attachments,
     {
       components: {
@@ -4984,14 +5186,14 @@ var exports10 = {
 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 jsxs13 } from "react/jsx-runtime";
+import { forwardRef as forwardRef30 } from "react";
+import { jsx as jsx50, jsxs as jsxs13 } from "react/jsx-runtime";
 var EditComposer = () => {
   return /* @__PURE__ */ jsxs13(EditComposerRoot, { children: [
-    /* @__PURE__ */ jsx47(EditComposerInput, {}),
+    /* @__PURE__ */ jsx50(EditComposerInput, {}),
     /* @__PURE__ */ jsxs13(EditComposerFooter, { children: [
-      /* @__PURE__ */ jsx47(EditComposerCancel, {}),
-      /* @__PURE__ */ jsx47(EditComposerSend, {})
+      /* @__PURE__ */ jsx50(EditComposerCancel, {}),
+      /* @__PURE__ */ jsx50(EditComposerSend, {})
     ] })
   ] });
 };
@@ -5008,23 +5210,23 @@ var EditComposerFooter = withDefaults("div", {
   className: "aui-edit-composer-footer"
 });
 EditComposerFooter.displayName = "EditComposerFooter";
-var EditComposerCancel = forwardRef27(
+var EditComposerCancel = forwardRef30(
   (props, ref) => {
     const {
       strings: {
         editComposer: { cancel: { label = "Cancel" } = {} } = {}
       } = {}
     } = useThreadConfig();
-    return /* @__PURE__ */ jsx47(composer_exports.Cancel, { asChild: true, children: /* @__PURE__ */ jsx47(Button, { variant: "ghost", ...props, ref, children: props.children ?? label }) });
+    return /* @__PURE__ */ jsx50(composer_exports.Cancel, { asChild: true, children: /* @__PURE__ */ jsx50(Button, { variant: "ghost", ...props, ref, children: props.children ?? label }) });
   }
 );
 EditComposerCancel.displayName = "EditComposerCancel";
-var EditComposerSend = forwardRef27(
+var EditComposerSend = forwardRef30(
   (props, ref) => {
     const {
       strings: { editComposer: { send: { label = "Send" } = {} } = {} } = {}
     } = useThreadConfig();
-    return /* @__PURE__ */ jsx47(composer_exports.Send, { asChild: true, children: /* @__PURE__ */ jsx47(Button, { ...props, ref, children: props.children ?? label }) });
+    return /* @__PURE__ */ jsx50(composer_exports.Send, { asChild: true, children: /* @__PURE__ */ jsx50(Button, { ...props, ref, children: props.children ?? label }) });
   }
 );
 EditComposerSend.displayName = "EditComposerSend";
@@ -5038,23 +5240,23 @@ var exports11 = {
 var edit_composer_default = Object.assign(EditComposer, exports11);
 
 // src/ui/thread.tsx
-import { jsx as jsx48, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs14 } from "react/jsx-runtime";
 var Thread = (config) => {
-  return /* @__PURE__ */ jsx48(ThreadRoot, { config, children: /* @__PURE__ */ jsxs14(ThreadViewport, { children: [
-    /* @__PURE__ */ jsx48(thread_welcome_default, {}),
-    /* @__PURE__ */ jsx48(ThreadMessages, {}),
+  return /* @__PURE__ */ jsx51(ThreadRoot, { config, children: /* @__PURE__ */ jsxs14(ThreadViewport, { children: [
+    /* @__PURE__ */ jsx51(thread_welcome_default, {}),
+    /* @__PURE__ */ jsx51(ThreadMessages, {}),
     /* @__PURE__ */ jsxs14(ThreadViewportFooter, { children: [
-      /* @__PURE__ */ jsx48(ThreadScrollToBottom, {}),
-      /* @__PURE__ */ jsx48(composer_default, {})
+      /* @__PURE__ */ jsx51(ThreadScrollToBottom, {}),
+      /* @__PURE__ */ jsx51(composer_default, {})
     ] })
   ] }) });
 };
 var ThreadRootStyled = withDefaults(thread_exports.Root, {
   className: "aui-root aui-thread-root"
 });
-var ThreadRoot = forwardRef28(
+var ThreadRoot = forwardRef31(
   ({ config, ...props }, ref) => {
-    return /* @__PURE__ */ jsx48(ThreadConfigProvider, { config, children: /* @__PURE__ */ jsx48(ThreadRootStyled, { ...props, ref }) });
+    return /* @__PURE__ */ jsx51(ThreadConfigProvider, { config, children: /* @__PURE__ */ jsx51(ThreadRootStyled, { ...props, ref }) });
   }
 );
 ThreadRoot.displayName = "ThreadRoot";
@@ -5068,7 +5270,7 @@ var ThreadViewportFooter = withDefaults("div", {
 ThreadViewportFooter.displayName = "ThreadViewportFooter";
 var SystemMessage = () => null;
 var ThreadMessages = ({ components, ...rest }) => {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx51(
     thread_exports.Messages,
     {
       components: {
@@ -5086,13 +5288,13 @@ var ThreadScrollToBottomIconButton = withDefaults(TooltipIconButton, {
   variant: "outline",
   className: "aui-thread-scroll-to-bottom"
 });
-var ThreadScrollToBottom = forwardRef28((props, ref) => {
+var ThreadScrollToBottom = forwardRef31((props, ref) => {
   const {
     strings: {
       thread: { scrollToBottom: { tooltip = "Scroll to bottom" } = {} } = {}
     } = {}
   } = useThreadConfig();
-  return /* @__PURE__ */ jsx48(thread_exports.ScrollToBottom, { asChild: true, children: /* @__PURE__ */ jsx48(ThreadScrollToBottomIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx48(ArrowDownIcon, {}) }) });
+  return /* @__PURE__ */ jsx51(thread_exports.ScrollToBottom, { asChild: true, children: /* @__PURE__ */ jsx51(ThreadScrollToBottomIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx51(ArrowDownIcon, {}) }) });
 });
 ThreadScrollToBottom.displayName = "ThreadScrollToBottom";
 var exports12 = {
@@ -5105,20 +5307,20 @@ var exports12 = {
 var thread_default = Object.assign(Thread, exports12);
 
 // src/ui/assistant-modal.tsx
-import { Fragment as Fragment6, jsx as jsx49, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx52, jsxs as jsxs15 } from "react/jsx-runtime";
 var AssistantModal = (config) => {
   return /* @__PURE__ */ jsxs15(AssistantModalRoot, { config, children: [
-    /* @__PURE__ */ jsx49(AssistantModalTrigger, {}),
-    /* @__PURE__ */ jsx49(AssistantModalContent, { children: /* @__PURE__ */ jsx49(thread_default, {}) })
+    /* @__PURE__ */ jsx52(AssistantModalTrigger, {}),
+    /* @__PURE__ */ jsx52(AssistantModalContent, { children: /* @__PURE__ */ jsx52(thread_default, {}) })
   ] });
 };
 AssistantModal.displayName = "AssistantModal";
 var AssistantModalRoot = ({ config, ...props }) => {
-  return /* @__PURE__ */ jsx49(ThreadConfigProvider, { config, children: /* @__PURE__ */ jsx49(assistantModal_exports.Root, { ...props }) });
+  return /* @__PURE__ */ jsx52(ThreadConfigProvider, { config, children: /* @__PURE__ */ jsx52(assistantModal_exports.Root, { ...props }) });
 };
 AssistantModalRoot.displayName = "AssistantModalRoot";
-var AssistantModalTrigger = forwardRef29((props, ref) => {
-  return /* @__PURE__ */ jsx49(AssistantModalAnchor, { children: /* @__PURE__ */ jsx49(assistantModal_exports.Trigger, { asChild: true, children: /* @__PURE__ */ jsx49(AssistantModalButton, { ...props, ref }) }) });
+var AssistantModalTrigger = forwardRef32((props, ref) => {
+  return /* @__PURE__ */ jsx52(AssistantModalAnchor, { children: /* @__PURE__ */ jsx52(assistantModal_exports.Trigger, { asChild: true, children: /* @__PURE__ */ jsx52(AssistantModalButton, { ...props, ref }) }) });
 });
 AssistantModalTrigger.displayName = "AssistantModalTrigger";
 var AssistantModalAnchor = withDefaults(assistantModal_exports.Anchor, {
@@ -5129,7 +5331,7 @@ var ModalButtonStyled = withDefaults(TooltipIconButton, {
   variant: "default",
   className: "aui-modal-button"
 });
-var AssistantModalButton = forwardRef29(({ "data-state": state, ...rest }, ref) => {
+var AssistantModalButton = forwardRef32(({ "data-state": state, ...rest }, ref) => {
   const {
     strings: {
       assistantModal: {
@@ -5143,7 +5345,7 @@ var AssistantModalButton = forwardRef29(({ "data-state": state, ...rest }, ref)
     } = {}
   } = useThreadConfig();
   const tooltip = state === "open" ? openTooltip : closedTooltip;
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx52(
     ModalButtonStyled,
     {
       side: "left",
@@ -5152,14 +5354,14 @@ var AssistantModalButton = forwardRef29(({ "data-state": state, ...rest }, ref)
       ...rest,
       ref,
       children: rest.children ?? /* @__PURE__ */ jsxs15(Fragment6, { children: [
-        /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx52(
           BotIcon,
           {
             "data-state": state,
             className: "aui-modal-button-closed-icon"
           }
         ),
-        /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx52(
           ChevronDownIcon,
           {
             "data-state": state,
@@ -5230,6 +5432,8 @@ export {
   toLanguageModelTools,
   useActionBarCopy,
   useActionBarEdit,
+  useActionBarFeedbackNegative,
+  useActionBarFeedbackPositive,
   useActionBarReload,
   useActionBarSpeak,
   useActionBarStopSpeaking,