@assistant-ui/react 0.5.67 → 0.5.68

package/dist/index.mjs

@@ -184,7 +184,7 @@ var writableStore = (store) => {
 
 // src/context/providers/ThreadRuntimeProvider.tsx
 import { create as create3 } from "zustand";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 var useThreadRuntimeStore2 = (runtime) => {
   const [store] = useState(() => create3(() => runtime));
   useEffect(() => {
@@ -235,13 +235,7 @@ var ThreadRuntimeProvider = ({ children, runtime }) => {
       useViewport
     };
   }, [useThread2, useThreadRuntime2, useThreadMessages2, useThreadComposer2]);
-  const Synchronizer = context.useThread(
-    (t) => t.unstable_synchronizer
-  );
-  return /* @__PURE__ */ jsxs(ThreadContext.Provider, { value: context, children: [
-    Synchronizer && /* @__PURE__ */ jsx(Synchronizer, {}),
-    children
-  ] });
+  return /* @__PURE__ */ jsx(ThreadContext.Provider, { value: context, children });
 };
 
 // src/context/providers/AssistantRuntimeProvider.tsx
@@ -577,11 +571,11 @@ var useActionBarCopy = ({
 // src/primitive-hooks/actionBar/useActionBarEdit.tsx
 import { useCallback as useCallback4 } from "react";
 var useActionBarEdit = () => {
-  const composerRuntime = useComposerRuntime();
-  const disabled = useComposer((c) => c.isEditing);
+  const messageRuntime = useMessageRuntime();
+  const disabled = useEditComposer((c) => c.isEditing);
   const callback = useCallback4(() => {
-    composerRuntime.beginEdit();
-  }, [composerRuntime]);
+    messageRuntime.composer.beginEdit();
+  }, [messageRuntime]);
   if (disabled) return null;
   return callback;
 };
@@ -1590,14 +1584,165 @@ var ContentPartPrimitiveInProgress = ({ children }) => {
 };
 ContentPartPrimitiveInProgress.displayName = "ContentPartPrimitive.InProgress";
 
+// src/api/AttachmentRuntime.ts
+var AttachmentRuntime = class {
+  constructor(_core) {
+    this._core = _core;
+  }
+  getState() {
+    return this._core.getState();
+  }
+  subscribe(callback) {
+    return this._core.subscribe(callback);
+  }
+};
+var ComposerAttachmentRuntime = class extends AttachmentRuntime {
+  constructor(core, _composerApi) {
+    super(core);
+    this._composerApi = _composerApi;
+  }
+  remove() {
+    const core = this._composerApi.getState();
+    if (!core) throw new Error("Composer is not available");
+    return core.removeAttachment(this.getState().id);
+  }
+};
+var ThreadComposerAttachmentRuntime = class extends ComposerAttachmentRuntime {
+  get source() {
+    return "thread-composer";
+  }
+};
+var EditComposerAttachmentRuntime = class extends ComposerAttachmentRuntime {
+  get source() {
+    return "edit-composer";
+  }
+};
+var MessageAttachmentRuntime = class extends AttachmentRuntime {
+  get source() {
+    return "message";
+  }
+  constructor(core) {
+    super(core);
+  }
+  remove() {
+    throw new Error("Message attachments cannot be removed");
+  }
+};
+
+// src/api/subscribable/BaseSubject.ts
+var BaseSubject = class {
+  _subscriptions = /* @__PURE__ */ new Set();
+  _connection;
+  get isConnected() {
+    return !!this._connection;
+  }
+  notifySubscribers() {
+    for (const callback of this._subscriptions) callback();
+  }
+  _updateConnection() {
+    if (this._subscriptions.size > 0) {
+      if (this._connection) return;
+      this._connection = this._connect();
+    } else {
+      this._connection?.();
+      this._connection = void 0;
+    }
+  }
+  subscribe(callback) {
+    this._subscriptions.add(callback);
+    this._updateConnection();
+    return () => {
+      this._subscriptions.delete(callback);
+      this._updateConnection();
+    };
+  }
+};
+
+// src/api/subscribable/SKIP_UPDATE.ts
+var SKIP_UPDATE = Symbol("skip-update");
+
+// src/api/subscribable/LazyMemoizeSubject.ts
+var LazyMemoizeSubject = class extends BaseSubject {
+  constructor(binding) {
+    super();
+    this.binding = binding;
+  }
+  _previousStateDirty = true;
+  _previousState;
+  getState = () => {
+    if (!this.isConnected || this._previousStateDirty) {
+      const newState = this.binding.getState();
+      if (newState !== SKIP_UPDATE) {
+        this._previousState = newState;
+      }
+      this._previousStateDirty = false;
+    }
+    if (this._previousState === void 0)
+      throw new Error("Entry not available in the store");
+    return this._previousState;
+  };
+  _connect() {
+    const callback = () => {
+      this._previousStateDirty = true;
+      this.notifySubscribers();
+    };
+    return this.binding.subscribe(callback);
+  }
+};
+
+// src/api/subscribable/shallowEqual.ts
+function shallowEqual(objA, objB) {
+  if (objA === void 0 && objB === void 0) return true;
+  if (objA === void 0) return false;
+  if (objB === void 0) return false;
+  for (const key of Object.keys(objA)) {
+    const valueA = objA[key];
+    const valueB = objB[key];
+    if (!Object.is(valueA, valueB)) return false;
+  }
+  return true;
+}
+
+// src/api/subscribable/ShallowMemoizeSubject.ts
+var ShallowMemoizeSubject = class extends BaseSubject {
+  constructor(binding) {
+    super();
+    this.binding = binding;
+    const state = binding.getState();
+    if (state === SKIP_UPDATE)
+      throw new Error("Entry not available in the store");
+    this._previousState = state;
+  }
+  _previousState;
+  getState = () => {
+    if (!this.isConnected) this._syncState();
+    return this._previousState;
+  };
+  _syncState() {
+    const state = this.binding.getState();
+    if (state === SKIP_UPDATE) return false;
+    if (shallowEqual(state, this._previousState)) return false;
+    this._previousState = state;
+    return true;
+  }
+  _connect() {
+    const callback = () => {
+      if (this._syncState()) {
+        this.notifySubscribers();
+      }
+    };
+    return this.binding.subscribe(callback);
+  }
+};
+
 // src/api/ComposerRuntime.ts
 var METHOD_NOT_SUPPORTED = () => {
   throw new Error("Composer is not available");
 };
 var EMPTY_ARRAY = Object.freeze([]);
-var getThreadComposerState = (type, runtime, beginEdit, focus, onFocus) => {
+var getThreadComposerState = (runtime, focus, onFocus) => {
   return Object.freeze({
-    type,
+    type: "thread",
     isEditing: runtime?.isEditing ?? false,
     canCancel: runtime?.canCancel ?? false,
     isEmpty: runtime?.isEmpty ?? true,
@@ -1607,23 +1752,36 @@ var getThreadComposerState = (type, runtime, beginEdit, focus, onFocus) => {
     value: runtime?.text ?? "",
     setValue: runtime?.setText.bind(runtime) ?? METHOD_NOT_SUPPORTED,
     setText: runtime?.setText.bind(runtime) ?? METHOD_NOT_SUPPORTED,
-    edit: beginEdit,
+    // edit: beginEdit,
     send: runtime?.send.bind(runtime) ?? METHOD_NOT_SUPPORTED,
     cancel: runtime?.cancel.bind(runtime) ?? METHOD_NOT_SUPPORTED,
-    focus: focus ?? METHOD_NOT_SUPPORTED,
-    onFocus: onFocus ?? METHOD_NOT_SUPPORTED,
+    focus,
+    onFocus,
     reset: runtime?.reset.bind(runtime) ?? METHOD_NOT_SUPPORTED,
     addAttachment: runtime?.addAttachment.bind(runtime) ?? METHOD_NOT_SUPPORTED,
     removeAttachment: runtime?.removeAttachment.bind(runtime) ?? METHOD_NOT_SUPPORTED
   });
 };
+var getEditComposerState = (runtime, beginEdit) => {
+  return Object.freeze({
+    type: "edit",
+    isEditing: runtime?.isEditing ?? false,
+    canCancel: runtime?.canCancel ?? false,
+    isEmpty: runtime?.isEmpty ?? true,
+    text: runtime?.text ?? "",
+    attachments: runtime?.attachments ?? EMPTY_ARRAY,
+    attachmentAccept: runtime?.attachmentAccept ?? "*",
+    value: runtime?.text ?? "",
+    setValue: runtime?.setText.bind(runtime) ?? METHOD_NOT_SUPPORTED,
+    setText: runtime?.setText.bind(runtime) ?? METHOD_NOT_SUPPORTED,
+    edit: beginEdit,
+    send: runtime?.send.bind(runtime) ?? METHOD_NOT_SUPPORTED,
+    cancel: runtime?.cancel.bind(runtime) ?? METHOD_NOT_SUPPORTED
+  });
+};
 var ComposerRuntime = class {
-  constructor(_core, _beginEdit) {
+  constructor(_core) {
     this._core = _core;
-    this._beginEdit = _beginEdit;
-  }
-  get type() {
-    return this._beginEdit ? "edit" : "thread";
   }
   /**
    * @deprecated Use `getState().isEditing` instead. This will be removed in 0.6.0.
@@ -1655,7 +1813,6 @@ var ComposerRuntime = class {
   get attachmentAccept() {
     return this.getState().attachmentAccept;
   }
-  // TODO should this instead return getAttachmentByIndex([idx]) instead?
   /**
    * @deprecated Use `getState().attachments` instead. This will be removed in 0.6.0.
    */
@@ -1668,15 +1825,6 @@ var ComposerRuntime = class {
   get value() {
     return this.text;
   }
-  getState() {
-    return getThreadComposerState(
-      this.type,
-      this._core.getState(),
-      this._beginEdit?.bind(this) ?? METHOD_NOT_SUPPORTED,
-      this.focus.bind(this),
-      this.onFocus.bind(this)
-    );
-  }
   setText(text) {
     const core = this._core.getState();
     if (!core) throw new Error("Composer is not available");
@@ -1716,18 +1864,37 @@ var ComposerRuntime = class {
     if (!core) throw new Error("Composer is not available");
     core.cancel();
   }
-  beginEdit() {
-    this._beginEdit?.();
-  }
-  /**
-   * @deprecated Use `beginEdit()` instead. This will be removed in 0.6.0.
-   */
-  edit() {
-    this.beginEdit();
-  }
   subscribe(callback) {
     return this._core.subscribe(callback);
   }
+};
+var ThreadComposerRuntime = class extends ComposerRuntime {
+  get type() {
+    return "thread";
+  }
+  _getState;
+  constructor(core) {
+    const stateBinding = new LazyMemoizeSubject({
+      getState: () => getThreadComposerState(
+        core.getState(),
+        this.focus.bind(this),
+        this.onFocus.bind(this)
+      ),
+      subscribe: (callback) => core.subscribe(callback)
+    });
+    super({
+      getState: () => core.getState(),
+      subscribe: (callback) => stateBinding.subscribe(callback)
+    });
+    this._getState = stateBinding.getState.bind(stateBinding);
+  }
+  get attachments() {
+    return this.getState()?.attachments ?? EMPTY_ARRAY;
+  }
+  getState() {
+    return this._getState();
+  }
+  // TODO replace with events
   _focusListeners = /* @__PURE__ */ new Set();
   focus() {
     this._focusListeners.forEach((callback) => callback());
@@ -1736,34 +1903,71 @@ var ComposerRuntime = class {
     this._focusListeners.add(callback);
     return () => this._focusListeners.delete(callback);
   }
+  unstable_getAttachmentByIndex(idx) {
+    return new ThreadComposerAttachmentRuntime(
+      new ShallowMemoizeSubject({
+        getState: () => {
+          const attachments = this.getState().attachments;
+          const attachment = attachments[idx];
+          if (!attachment) return SKIP_UPDATE;
+          return {
+            ...attachment,
+            attachment,
+            source: "thread-composer"
+          };
+        },
+        subscribe: (callback) => this._core.subscribe(callback)
+      }),
+      this._core
+    );
+  }
 };
-
-// src/api/subscribable/BaseSubject.ts
-var BaseSubject = class {
-  _subscriptions = /* @__PURE__ */ new Set();
-  _connection;
-  get isConnected() {
-    return !!this._connection;
+var EditComposerRuntime = class extends ComposerRuntime {
+  constructor(core, _beginEdit) {
+    const stateBinding = new LazyMemoizeSubject({
+      getState: () => getEditComposerState(core.getState(), this._beginEdit),
+      subscribe: (callback) => core.subscribe(callback)
+    });
+    super({
+      getState: () => core.getState(),
+      subscribe: (callback) => stateBinding.subscribe(callback)
+    });
+    this._beginEdit = _beginEdit;
+    this._getState = stateBinding.getState.bind(stateBinding);
   }
-  notifySubscribers() {
-    for (const callback of this._subscriptions) callback();
+  get type() {
+    return "edit";
   }
-  _updateConnection() {
-    if (this._subscriptions.size > 0) {
-      if (this._connection) return;
-      this._connection = this._connect();
-    } else {
-      this._connection?.();
-      this._connection = void 0;
-    }
+  _getState;
+  getState() {
+    return this._getState();
   }
-  subscribe(callback) {
-    this._subscriptions.add(callback);
-    this._updateConnection();
-    return () => {
-      this._subscriptions.delete(callback);
-      this._updateConnection();
-    };
+  beginEdit() {
+    this._beginEdit();
+  }
+  /**
+   * @deprecated Use `beginEdit()` instead. This will be removed in 0.6.0.
+   */
+  edit() {
+    this.beginEdit();
+  }
+  unstable_getAttachmentByIndex(idx) {
+    return new EditComposerAttachmentRuntime(
+      new ShallowMemoizeSubject({
+        getState: () => {
+          const attachments = this.getState().attachments;
+          const attachment = attachments[idx];
+          if (!attachment) return SKIP_UPDATE;
+          return {
+            ...attachment,
+            attachment,
+            source: "edit-composer"
+          };
+        },
+        subscribe: (callback) => this._core.subscribe(callback)
+      }),
+      this._core
+    );
   }
 };
 
@@ -1798,51 +2002,6 @@ var NestedSubscriptionSubject = class extends BaseSubject {
   }
 };
 
-// src/api/subscribable/shallowEqual.ts
-function shallowEqual(objA, objB) {
-  if (objA === void 0 && objB === void 0) return true;
-  if (objA === void 0) return false;
-  if (objB === void 0) return false;
-  for (const key of Object.keys(objA)) {
-    const valueA = objA[key];
-    const valueB = objB[key];
-    if (!Object.is(valueA, valueB)) return false;
-  }
-  return true;
-}
-
-// src/api/subscribable/ShallowMemoizeSubject.ts
-var ShallowMemoizeSubject = class extends BaseSubject {
-  constructor(binding) {
-    super();
-    this.binding = binding;
-    const state = binding.getState();
-    if (state === void 0)
-      throw new Error("Entry not available in the store");
-    this._previousState = state;
-  }
-  _previousState;
-  getState = () => {
-    if (!this.isConnected) this._syncState();
-    return this._previousState;
-  };
-  _syncState() {
-    const state = this.binding.getState();
-    if (state === void 0) return false;
-    if (shallowEqual(state, this._previousState)) return false;
-    this._previousState = state;
-    return true;
-  }
-  _connect() {
-    const callback = () => {
-      if (this._syncState()) {
-        this.notifySubscribers();
-      }
-    };
-    return this.binding.subscribe(callback);
-  }
-};
-
 // src/api/MessageRuntime.ts
 var COMPLETE_STATUS2 = {
   type: "complete"
@@ -1869,7 +2028,7 @@ var getContentPartState = (message, partIndex) => {
     if (message.content.length === 0 && partIndex === 0) {
       part = EMPTY_CONTENT;
     } else {
-      return void 0;
+      return SKIP_UPDATE;
     }
   } else if (message.content.length === 1 && part.type === "text" && part.text.length === 0) {
     part = EMPTY_CONTENT;
@@ -1882,7 +2041,7 @@ var MessageRuntime = class {
     this._core = _core;
     this._threadBinding = _threadBinding;
   }
-  composer = new ComposerRuntime(
+  composer = new EditComposerRuntime(
     new NestedSubscriptionSubject({
       getState: () => this._threadBinding.getState().getEditComposer(this._core.getState().id),
       subscribe: (callback) => this._threadBinding.subscribe(callback)
@@ -1959,10 +2118,27 @@ var MessageRuntime = class {
       this._threadBinding
     );
   }
+  unstable_getAttachmentByIndex(idx) {
+    return new MessageAttachmentRuntime(
+      new ShallowMemoizeSubject({
+        getState: () => {
+          const attachments = this.getState().attachments;
+          const attachment = attachments?.[idx];
+          if (!attachment) return SKIP_UPDATE;
+          return {
+            ...attachment,
+            attachment,
+            source: "message"
+          };
+        },
+        subscribe: (callback) => this._core.subscribe(callback)
+      })
+    );
+  }
 };
 
 // src/primitives/message/MessageContent.tsx
-import { jsx as jsx21, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs } from "react/jsx-runtime";
 var ToolUIDisplay = ({
   UI,
   ...props
@@ -1972,7 +2148,7 @@ var ToolUIDisplay = ({
   return /* @__PURE__ */ jsx21(Render, { ...props });
 };
 var defaultComponents = {
-  Text: () => /* @__PURE__ */ jsxs2("p", { style: { whiteSpace: "pre-line" }, children: [
+  Text: () => /* @__PURE__ */ jsxs("p", { style: { whiteSpace: "pre-line" }, children: [
     /* @__PURE__ */ jsx21(ContentPartPrimitiveText, {}),
     /* @__PURE__ */ jsx21(ContentPartPrimitiveInProgress, { children: /* @__PURE__ */ jsx21("span", { style: { fontFamily: "revert" }, children: " \u25CF" }) })
   ] }),
@@ -2053,7 +2229,7 @@ var MessagePrimitiveInProgress = () => {
 MessagePrimitiveInProgress.displayName = "MessagePrimitive.InProgress";
 
 // src/primitives/message/MessageAttachments.tsx
-import { memo as memo3 } from "react";
+import { memo as memo3, useMemo as useMemo8 } from "react";
 
 // src/context/react/AttachmentContext.ts
 import { createContext as createContext6, useContext as useContext3 } from "react";
@@ -2068,80 +2244,87 @@ function useAttachmentContext(options) {
     );
   return context;
 }
-function useComposerAttachmentContext(options) {
+function useThreadComposerAttachmentContext(options) {
+  const context = useAttachmentContext(options);
+  if (!context) return null;
+  if (context.source !== "thread-composer")
+    throw new Error(
+      "This component must be used within a thread's ComposerPrimitive.Attachments component."
+    );
+  return context;
+}
+function useEditComposerAttachmentContext(options) {
   const context = useAttachmentContext(options);
   if (!context) return null;
-  if (context.type !== "composer")
+  if (context.source !== "edit-composer")
     throw new Error(
-      "This component must be used within a ComposerPrimitive.Attachments component."
+      "This component must be used within a messages's ComposerPrimitive.Attachments component."
     );
   return context;
 }
 function useMessageAttachmentContext(options) {
   const context = useAttachmentContext(options);
   if (!context) return null;
-  if (context.type !== "message")
+  if (context.source !== "message")
     throw new Error(
       "This component must be used within a MessagePrimitive.Attachments component."
     );
   return context;
 }
-var { useAttachment, useAttachmentStore } = createContextStoreHook(
+function useAttachmentRuntime(options) {
+  const attachmentRuntime = useAttachmentContext(options);
+  if (!attachmentRuntime) return null;
+  return attachmentRuntime.useAttachmentRuntime();
+}
+var { useAttachment } = createContextStoreHook(
   useAttachmentContext,
   "useAttachment"
 );
-var {
-  useAttachment: useComposerAttachment,
-  useAttachmentStore: useComposerAttachmentStore
-} = createContextStoreHook(useComposerAttachmentContext, "useAttachment");
-var {
-  useAttachment: useMessageAttachment,
-  useAttachmentStore: useMessageAttachmentStore
-} = createContextStoreHook(useMessageAttachmentContext, "useAttachment");
+var { useAttachment: useThreadComposerAttachment } = createContextStoreHook(useThreadComposerAttachmentContext, "useAttachment");
+var { useAttachment: useEditComposerAttachment } = createContextStoreHook(useEditComposerAttachmentContext, "useAttachment");
+var { useAttachment: useMessageAttachment } = createContextStoreHook(
+  useMessageAttachmentContext,
+  "useAttachment"
+);
 
-// src/context/providers/MessageAttachmentProvider.tsx
-import { useEffect as useEffect10, useState as useState8 } from "react";
+// src/context/providers/AttachmentRuntimeProvider.tsx
+import {
+  useEffect as useEffect10,
+  useMemo as useMemo7,
+  useState as useState8
+} from "react";
 import { create as create8 } from "zustand";
 import { jsx as jsx22 } from "react/jsx-runtime";
-var getAttachment = (message, useAttachment2, partIndex) => {
-  if (message.role !== "user") return null;
-  const attachments = message.attachments;
-  const attachment = attachments[partIndex];
-  if (!attachment) return null;
-  const currentState = useAttachment2?.getState();
-  if (currentState && currentState.attachment === attachment) return null;
-  return Object.freeze({ attachment });
-};
-var useMessageAttachmentContext2 = (partIndex) => {
-  const messageStore = useMessageStore();
-  const [context] = useState8(
-    () => {
-      const useAttachment2 = create8(
-        () => getAttachment(messageStore.getState(), void 0, partIndex)
-      );
-      return { type: "message", useAttachment: useAttachment2 };
-    }
-  );
+var useAttachmentRuntimeStore = (runtime) => {
+  const [store] = useState8(() => create8(() => runtime));
   useEffect10(() => {
-    const syncAttachment = (messageState) => {
-      const newState = getAttachment(
-        messageState,
-        context.useAttachment,
-        partIndex
-      );
-      if (!newState) return;
-      writableStore(context.useAttachment).setState(newState, true);
-    };
-    syncAttachment(messageStore.getState());
-    return messageStore.subscribe(syncAttachment);
-  }, [context, messageStore, partIndex]);
-  return context;
+    writableStore(store).setState(runtime, true);
+  }, [runtime, store]);
+  return store;
+};
+var useAttachmentStore = (runtime) => {
+  const [store] = useState8(() => create8(() => runtime.getState()));
+  useEffect10(() => {
+    const updateState = () => writableStore(store).setState(runtime.getState(), true);
+    updateState();
+    return runtime.subscribe(updateState);
+  }, [runtime, store]);
+  return store;
 };
-var MessageAttachmentProvider = ({
-  attachmentIndex: partIndex,
+var AttachmentRuntimeProvider = ({
+  runtime,
   children
 }) => {
-  const context = useMessageAttachmentContext2(partIndex);
+  const useAttachmentRuntime2 = useAttachmentRuntimeStore(runtime);
+  const useAttachment2 = useAttachmentStore(runtime);
+  const source = useAttachment2((s) => s.source);
+  const context = useMemo7(() => {
+    return {
+      source,
+      useAttachmentRuntime: useAttachmentRuntime2,
+      useAttachment: useAttachment2
+    };
+  }, [useAttachmentRuntime2, useAttachment2]);
   return /* @__PURE__ */ jsx22(AttachmentContext.Provider, { value: context, children });
 };
 
@@ -2169,7 +2352,12 @@ var AttachmentComponent = ({ components }) => {
   return /* @__PURE__ */ jsx23(Component, {});
 };
 var MessageAttachmentImpl = ({ components, attachmentIndex }) => {
-  return /* @__PURE__ */ jsx23(MessageAttachmentProvider, { attachmentIndex, children: /* @__PURE__ */ jsx23(AttachmentComponent, { components }) });
+  const messageRuntime = useMessageRuntime();
+  const runtime = useMemo8(
+    () => messageRuntime.unstable_getAttachmentByIndex(attachmentIndex),
+    [messageRuntime, attachmentIndex]
+  );
+  return /* @__PURE__ */ jsx23(AttachmentRuntimeProvider, { runtime, children: /* @__PURE__ */ jsx23(AttachmentComponent, { components }) });
 };
 var MessageAttachment = memo3(
   MessageAttachmentImpl,
@@ -2343,51 +2531,8 @@ var ComposerPrimitiveAddAttachment = createActionButton(
 );
 
 // src/primitives/composer/ComposerAttachments.tsx
-import { memo as memo4 } from "react";
-
-// src/context/providers/ComposerAttachmentProvider.tsx
-import { useEffect as useEffect12, useState as useState9 } from "react";
-import { create as create9 } from "zustand";
+import { memo as memo4, useMemo as useMemo9 } from "react";
 import { jsx as jsx27 } from "react/jsx-runtime";
-var getAttachment2 = ({ attachments }, useAttachment2, partIndex) => {
-  const attachment = attachments[partIndex];
-  if (!attachment) return null;
-  const currentState = useAttachment2?.getState();
-  if (currentState && currentState.attachment === attachment) return null;
-  return Object.freeze({ attachment });
-};
-var useComposerAttachmentContext2 = (partIndex) => {
-  const threadComposerStore = useThreadComposerStore();
-  const [context] = useState9(
-    () => {
-      const useAttachment2 = create9(
-        () => getAttachment2(threadComposerStore.getState(), void 0, partIndex)
-      );
-      return { type: "composer", useAttachment: useAttachment2 };
-    }
-  );
-  useEffect12(() => {
-    const syncAttachment = (composer) => {
-      const newState = getAttachment2(
-        composer,
-        context.useAttachment,
-        partIndex
-      );
-      if (!newState) return;
-      writableStore(context.useAttachment).setState(newState, true);
-    };
-    syncAttachment(threadComposerStore.getState());
-    return threadComposerStore.subscribe(syncAttachment);
-  }, [context, threadComposerStore, partIndex]);
-  return context;
-};
-var ComposerAttachmentProvider = ({ attachmentIndex: partIndex, children }) => {
-  const context = useComposerAttachmentContext2(partIndex);
-  return /* @__PURE__ */ jsx27(AttachmentContext.Provider, { value: context, children });
-};
-
-// src/primitives/composer/ComposerAttachments.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
 var getComponent2 = (components, attachment) => {
   const type = attachment.type;
   switch (type) {
@@ -2403,22 +2548,27 @@ var getComponent2 = (components, attachment) => {
   }
 };
 var AttachmentComponent2 = ({ components }) => {
-  const Component = useComposerAttachment(
-    (a) => getComponent2(components, a.attachment)
+  const Component = useThreadComposerAttachment(
+    (a) => getComponent2(components, a)
   );
   if (!Component) return null;
-  return /* @__PURE__ */ jsx28(Component, {});
+  return /* @__PURE__ */ jsx27(Component, {});
 };
 var ComposerAttachmentImpl = ({ components, attachmentIndex }) => {
-  return /* @__PURE__ */ jsx28(ComposerAttachmentProvider, { attachmentIndex, children: /* @__PURE__ */ jsx28(AttachmentComponent2, { components }) });
+  const composerRuntime = useComposerRuntime();
+  const runtime = useMemo9(
+    () => composerRuntime.unstable_getAttachmentByIndex(attachmentIndex),
+    [composerRuntime, attachmentIndex]
+  );
+  return /* @__PURE__ */ jsx27(AttachmentRuntimeProvider, { runtime, children: /* @__PURE__ */ jsx27(AttachmentComponent2, { components }) });
 };
 var ComposerAttachment = memo4(
   ComposerAttachmentImpl,
   (prev, next) => prev.attachmentIndex === next.attachmentIndex && prev.components?.Image === next.components?.Image && prev.components?.Document === next.components?.Document && prev.components?.File === next.components?.File && prev.components?.Attachment === next.components?.Attachment
 );
 var ComposerPrimitiveAttachments = ({ components }) => {
-  const attachmentsCount = useThreadComposer((s) => s.attachments.length);
-  return Array.from({ length: attachmentsCount }, (_, index) => /* @__PURE__ */ jsx28(
+  const attachmentsCount = useComposer((s) => s.attachments.length);
+  return Array.from({ length: attachmentsCount }, (_, index) => /* @__PURE__ */ jsx27(
     ComposerAttachment,
     {
       attachmentIndex: index,
@@ -2463,9 +2613,9 @@ __export(thread_exports, {
 // src/primitives/thread/ThreadRoot.tsx
 import { Primitive as Primitive11 } from "@radix-ui/react-primitive";
 import { forwardRef as forwardRef17 } from "react";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var ThreadPrimitiveRoot = forwardRef17((props, ref) => {
-  return /* @__PURE__ */ jsx29(Primitive11.div, { ...props, ref });
+  return /* @__PURE__ */ jsx28(Primitive11.div, { ...props, ref });
 });
 ThreadPrimitiveRoot.displayName = "ThreadPrimitive.Root";
 
@@ -2539,11 +2689,11 @@ var useOnResizeContent = (callback) => {
 
 // src/utils/hooks/useOnScrollToBottom.tsx
 import { useCallbackRef as useCallbackRef4 } from "@radix-ui/react-use-callback-ref";
-import { useEffect as useEffect13 } from "react";
+import { useEffect as useEffect12 } from "react";
 var useOnScrollToBottom = (callback) => {
   const callbackRef = useCallbackRef4(callback);
   const threadViewportStore = useThreadViewportStore();
-  useEffect13(() => {
+  useEffect12(() => {
     return threadViewportStore.getState().onScrollToBottom(() => {
       callbackRef();
     });
@@ -2602,26 +2752,26 @@ var useThreadViewportAutoScroll = ({
 };
 
 // src/primitives/thread/ThreadViewport.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var ThreadPrimitiveViewport = forwardRef18(({ autoScroll, children, ...rest }, forwardedRef) => {
   const autoScrollRef = useThreadViewportAutoScroll({
     autoScroll
   });
   const ref = useComposedRefs4(forwardedRef, autoScrollRef);
-  return /* @__PURE__ */ jsx30(Primitive12.div, { ...rest, ref, children });
+  return /* @__PURE__ */ jsx29(Primitive12.div, { ...rest, ref, children });
 });
 ThreadPrimitiveViewport.displayName = "ThreadPrimitive.Viewport";
 
 // src/primitives/thread/ThreadMessages.tsx
-import { memo as memo5, useMemo as useMemo7 } from "react";
+import { memo as memo5, useMemo as useMemo10 } from "react";
 
 // src/context/providers/MessageRuntimeProvider.tsx
-import { useEffect as useEffect14, useState as useState10 } from "react";
-import { create as create11 } from "zustand";
+import { useEffect as useEffect13, useState as useState9 } from "react";
+import { create as create10 } from "zustand";
 
 // src/context/stores/MessageUtils.ts
-import { create as create10 } from "zustand";
-var makeMessageUtilsStore = () => create10((set) => {
+import { create as create9 } from "zustand";
+var makeMessageUtilsStore = () => create9((set) => {
   let utterance = null;
   return {
     isCopied: false,
@@ -2651,17 +2801,17 @@ var makeMessageUtilsStore = () => create10((set) => {
 });
 
 // src/context/providers/MessageRuntimeProvider.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var useMessageRuntimeStore = (runtime) => {
-  const [store] = useState10(() => create11(() => runtime));
-  useEffect14(() => {
+  const [store] = useState9(() => create10(() => runtime));
+  useEffect13(() => {
     writableStore(store).setState(runtime, true);
   }, [runtime, store]);
   return store;
 };
 var useMessageStore2 = (runtime) => {
-  const [store] = useState10(() => create11(() => runtime.getState()));
-  useEffect14(() => {
+  const [store] = useState9(() => create10(() => runtime.getState()));
+  useEffect13(() => {
     const updateState = () => writableStore(store).setState(runtime.getState(), true);
     updateState();
     return runtime.subscribe(updateState);
@@ -2669,13 +2819,13 @@ var useMessageStore2 = (runtime) => {
   return store;
 };
 var useMessageUtilsStore2 = () => {
-  const [store] = useState10(() => makeMessageUtilsStore());
+  const [store] = useState9(() => makeMessageUtilsStore());
   return store;
 };
 var useEditComposerStore2 = (useMessageRuntime2) => {
   const runtime = useMessageRuntime2.getState().composer;
-  const [store] = useState10(() => create11(() => runtime.getState()));
-  useEffect14(() => {
+  const [store] = useState9(() => create10(() => runtime.getState()));
+  useEffect13(() => {
     const updateState = () => writableStore(store).setState(runtime.getState());
     updateState();
     return runtime.subscribe(updateState);
@@ -2690,14 +2840,14 @@ var MessageRuntimeProvider = ({
   const useMessage2 = useMessageStore2(runtime);
   const useMessageUtils2 = useMessageUtilsStore2();
   const useEditComposer2 = useEditComposerStore2(useMessageRuntime2);
-  const [context] = useState10(() => {
+  const [context] = useState9(() => {
     return { useMessageRuntime: useMessageRuntime2, useMessage: useMessage2, useMessageUtils: useMessageUtils2, useEditComposer: useEditComposer2 };
   });
-  return /* @__PURE__ */ jsx31(MessageContext.Provider, { value: context, children });
+  return /* @__PURE__ */ jsx30(MessageContext.Provider, { value: context, children });
 };
 
 // src/primitives/thread/ThreadMessages.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx31 } 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;
 };
@@ -2733,18 +2883,18 @@ var ThreadMessageComponent = ({
   const role = useMessage((m) => m.role);
   const isEditing = useEditComposer((c) => c.isEditing);
   const Component = getComponent3(components, role, isEditing);
-  return /* @__PURE__ */ jsx32(Component, {});
+  return /* @__PURE__ */ jsx31(Component, {});
 };
 var ThreadMessageImpl = ({
   messageIndex,
   components
 }) => {
   const threadRuntime = useThreadRuntime();
-  const runtime = useMemo7(
+  const runtime = useMemo10(
     () => threadRuntime.unstable_getMesssageByIndex(messageIndex),
     [threadRuntime, messageIndex]
   );
-  return /* @__PURE__ */ jsx32(MessageRuntimeProvider, { runtime, children: /* @__PURE__ */ jsx32(ThreadMessageComponent, { components }) });
+  return /* @__PURE__ */ jsx31(MessageRuntimeProvider, { runtime, children: /* @__PURE__ */ jsx31(ThreadMessageComponent, { components }) });
 };
 var ThreadMessage = memo5(
   ThreadMessageImpl,
@@ -2755,7 +2905,7 @@ var ThreadPrimitiveMessagesImpl = ({
 }) => {
   const messagesLength = useThread((t) => t.messages.length);
   if (messagesLength === 0) return null;
-  return Array.from({ length: messagesLength }, (_, index) => /* @__PURE__ */ jsx32(ThreadMessage, { messageIndex: index, components }, index));
+  return Array.from({ length: messagesLength }, (_, index) => /* @__PURE__ */ jsx31(ThreadMessage, { messageIndex: index, components }, index));
 };
 ThreadPrimitiveMessagesImpl.displayName = "ThreadPrimitive.Messages";
 var ThreadPrimitiveMessages = memo5(
@@ -2797,7 +2947,7 @@ var subscribeToMainThread = (runtime, callback) => {
 };
 
 // src/runtimes/local/useLocalRuntime.tsx
-import { useInsertionEffect, useMemo as useMemo8, useState as useState12 } from "react";
+import { useInsertionEffect, useMemo as useMemo11, useState as useState11 } from "react";
 
 // src/runtimes/core/BaseAssistantRuntimeCore.tsx
 var BaseAssistantRuntimeCore = class {
@@ -2839,6 +2989,7 @@ __export(internal_exports, {
 });
 
 // src/runtimes/composer/BaseComposerRuntimeCore.tsx
+var isAttachmentComplete = (a) => a.status.type === "complete";
 var BaseComposerRuntimeCore = class {
   isEditing = true;
   attachmentAccept = "*";
@@ -2868,9 +3019,14 @@ var BaseComposerRuntimeCore = class {
   }
   async send() {
     const attachments = this._attachmentAdapter ? await Promise.all(
-      this.attachments.map(
-        async (a) => await this._attachmentAdapter.send(a)
-      )
+      this.attachments.map(async (a) => {
+        if (isAttachmentComplete(a)) return a;
+        const result = await this._attachmentAdapter.send(a);
+        if (result.status?.type !== "complete") {
+          result.status = { type: "complete" };
+        }
+        return result;
+      })
     ) : [];
     const message = {
       role: "user",
@@ -2893,6 +3049,9 @@ var BaseComposerRuntimeCore = class {
     if (!this._attachmentAdapter)
       throw new Error("Attachments are not supported");
     const attachment = await this._attachmentAdapter.add({ file });
+    if (attachment.status === void 0) {
+      attachment.status = { type: "requires-action", reason: "composer-send" };
+    }
     this._attachments = [...this._attachments, attachment];
     this.notifySubscribers();
   }
@@ -2927,6 +3086,9 @@ var DefaultThreadComposerRuntimeCore = class extends BaseComposerRuntimeCore {
   get canCancel() {
     return this._canCancel;
   }
+  get attachments() {
+    return super.attachments;
+  }
   connect() {
     return this.runtime.subscribe(() => {
       if (this.canCancel !== this.runtime.capabilities.cancel) {
@@ -3220,7 +3382,7 @@ import {
   forwardRef as forwardRef19
 } from "react";
 import classNames from "classnames";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var withDefaultProps = ({
   className,
   ...defaultProps
@@ -3236,7 +3398,7 @@ var withDefaults = (Component, defaultProps) => {
   const WithDefaults = forwardRef19(
     (props, ref) => {
       const ComponentAsAny = Component;
-      return /* @__PURE__ */ jsx33(ComponentAsAny, { ...getProps(props), ref });
+      return /* @__PURE__ */ jsx32(ComponentAsAny, { ...getProps(props), ref });
     }
   );
   WithDefaults.displayName = "withDefaults(" + (typeof Component === "string" ? Component : Component.displayName) + ")";
@@ -3244,9 +3406,9 @@ var withDefaults = (Component, defaultProps) => {
 };
 
 // src/ui/base/tooltip.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var Tooltip = (props) => {
-  return /* @__PURE__ */ jsx34(TooltipPrimitive.Provider, { children: /* @__PURE__ */ jsx34(TooltipPrimitive.Root, { ...props }) });
+  return /* @__PURE__ */ jsx33(TooltipPrimitive.Provider, { children: /* @__PURE__ */ jsx33(TooltipPrimitive.Root, { ...props }) });
 };
 Tooltip.displayName = "Tooltip";
 var TooltipTrigger = TooltipPrimitive.Trigger;
@@ -3260,7 +3422,7 @@ TooltipContent.displayName = "TooltipContent";
 import { cva } from "class-variance-authority";
 import { Primitive as Primitive13 } from "@radix-ui/react-primitive";
 import { forwardRef as forwardRef20 } from "react";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var buttonVariants = cva("aui-button", {
   variants: {
     variant: {
@@ -3280,7 +3442,7 @@ var buttonVariants = cva("aui-button", {
 });
 var Button = forwardRef20(
   ({ className, variant, size, ...props }, ref) => {
-    return /* @__PURE__ */ jsx35(
+    return /* @__PURE__ */ jsx34(
       Primitive13.button,
       {
         className: buttonVariants({ variant, size, className }),
@@ -3293,14 +3455,14 @@ var Button = forwardRef20(
 Button.displayName = "Button";
 
 // src/ui/base/tooltip-icon-button.tsx
-import { jsx as jsx36, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs2 } from "react/jsx-runtime";
 var TooltipIconButton = forwardRef21(({ children, tooltip, side = "bottom", ...rest }, ref) => {
-  return /* @__PURE__ */ jsxs3(Tooltip, { children: [
-    /* @__PURE__ */ jsx36(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs3(Button, { variant: "ghost", size: "icon", ...rest, ref, children: [
+  return /* @__PURE__ */ jsxs2(Tooltip, { children: [
+    /* @__PURE__ */ jsx35(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs2(Button, { variant: "ghost", size: "icon", ...rest, ref, children: [
       children,
-      /* @__PURE__ */ jsx36("span", { className: "aui-sr-only", children: tooltip })
+      /* @__PURE__ */ jsx35("span", { className: "aui-sr-only", children: tooltip })
     ] }) }),
-    /* @__PURE__ */ jsx36(TooltipContent, { side, children: tooltip })
+    /* @__PURE__ */ jsx35(TooltipContent, { side, children: tooltip })
   ] });
 });
 TooltipIconButton.displayName = "TooltipIconButton";
@@ -3335,37 +3497,6 @@ var AssistantRuntime = class {
   }
 };
 
-// src/api/subscribable/LazyMemoizeSubject.ts
-var LazyMemoizeSubject = class extends BaseSubject {
-  constructor(binding) {
-    super();
-    this.binding = binding;
-    const state = binding.getState();
-    if (state === void 0)
-      throw new Error("Entry not available in the store");
-    this._previousState = state;
-  }
-  _previousStateDirty = true;
-  _previousState;
-  getState = () => {
-    if (!this.isConnected || this._previousStateDirty) {
-      const newState = this.binding.getState();
-      if (newState !== void 0) {
-        this._previousState = newState;
-      }
-      this._previousStateDirty = false;
-    }
-    return this._previousState;
-  };
-  _connect() {
-    const callback = () => {
-      this._previousStateDirty = true;
-      this.notifySubscribers();
-    };
-    return this.binding.subscribe(callback);
-  }
-};
-
 // src/api/ThreadRuntime.ts
 var toAppendMessage = (messages2, message) => {
   if (typeof message === "string") {
@@ -3393,8 +3524,7 @@ var getThreadState = (runtime) => {
     capabilities: runtime.capabilities,
     isDisabled: runtime.isDisabled,
     isRunning: lastMessage?.role !== "assistant" ? false : lastMessage.status.type === "running",
-    messages: runtime.messages,
-    unstable_synchronizer: runtime.unstable_synchronizer
+    messages: runtime.messages
   });
 };
 var ThreadRuntime = class {
@@ -3444,7 +3574,7 @@ var ThreadRuntime = class {
       subscribe: (callback) => threadBinding.subscribe(callback)
     };
   }
-  composer = new ComposerRuntime(
+  composer = new ThreadComposerRuntime(
     new NestedSubscriptionSubject({
       getState: () => this._threadBinding.getState().composer,
       subscribe: (callback) => this._threadBinding.subscribe(callback)
@@ -3501,13 +3631,13 @@ var ThreadRuntime = class {
     return this._threadBinding.getState().submitFeedback(options);
   }
   /**
-   * @deprecated This is a temporary API. This will be removed in 0.6.0.
+   * @deprecated Use `getMesssageById(id).unstable_getMessageByIndex(idx).composer` instead. This will be removed in 0.6.0.
    */
   getEditComposer(messageId) {
     return this._threadBinding.getState().getEditComposer(messageId);
   }
   /**
-   * @deprecated This is a temporary API. This will be removed in 0.6.0.
+   * @deprecated Use `getMesssageById(id).unstable_getMessageByIndex(idx).composer.beginEdit()` instead. This will be removed in 0.6.0.
    */
   beginEdit(messageId) {
     return this._threadBinding.getState().beginEdit(messageId);
@@ -3523,9 +3653,9 @@ var ThreadRuntime = class {
     return new MessageRuntime(
       new ShallowMemoizeSubject({
         getState: () => {
-          const messages2 = this.messages;
+          const messages2 = this.getState().messages;
           const message = messages2[idx];
-          if (!message) return void 0;
+          if (!message) return SKIP_UPDATE;
           const branches = this._threadBinding.getState().getBranches(message.id);
           return {
             ...message,
@@ -3583,6 +3713,9 @@ var fromLanguageModelMessages = (lm, { mergeRoundtrips }) => {
                 }
                 throw new Error("Only images with URL data are supported");
               }
+              case "file": {
+                throw new Error("File content parts are not supported");
+              }
               default: {
                 const unhandledType = type;
                 throw new Error(`Unknown content part type: ${unhandledType}`);
@@ -3708,7 +3841,7 @@ var streamUtils = {
 };
 
 // src/runtimes/edge/useEdgeRuntime.ts
-import { useState as useState11 } from "react";
+import { useState as useState10 } from "react";
 
 // src/runtimes/edge/streams/assistantDecoderStream.ts
 function assistantDecoderStream() {
@@ -3840,7 +3973,7 @@ var useEdgeRuntime = ({
   adapters,
   ...options
 }) => {
-  const [adapter] = useState11(() => new EdgeChatAdapter(options));
+  const [adapter] = useState10(() => new EdgeChatAdapter(options));
   return useLocalRuntime(adapter, {
     initialMessages,
     maxToolRoundtrips,
@@ -4220,16 +4353,16 @@ var LocalRuntime = class extends AssistantRuntime {
   }
 };
 var useLocalRuntime = (adapter, options = {}) => {
-  const [runtime] = useState12(() => new LocalRuntimeCore(adapter, options));
+  const [runtime] = useState11(() => new LocalRuntimeCore(adapter, options));
   useInsertionEffect(() => {
     runtime.thread.adapter = adapter;
     runtime.thread.options = options;
   });
-  return useMemo8(() => new LocalRuntime(runtime), [runtime]);
+  return useMemo11(() => new LocalRuntime(runtime), [runtime]);
 };
 
 // src/runtimes/external-store/useExternalStoreRuntime.tsx
-import { useEffect as useEffect15, useMemo as useMemo9, useState as useState13 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo12, useState as useState12 } from "react";
 
 // src/runtimes/external-store/getExternalStoreMessage.tsx
 var symbolInnerMessage = Symbol("innerMessage");
@@ -4582,15 +4715,15 @@ var ExternalStoreRuntimeCore = class extends BaseAssistantRuntimeCore {
 
 // src/runtimes/external-store/useExternalStoreRuntime.tsx
 var useExternalStoreRuntime = (store) => {
-  const [runtime] = useState13(() => new ExternalStoreRuntimeCore(store));
-  useEffect15(() => {
+  const [runtime] = useState12(() => new ExternalStoreRuntimeCore(store));
+  useEffect14(() => {
     runtime.thread.store = store;
   });
-  return useMemo9(() => new AssistantRuntime(runtime, ThreadRuntime), [runtime]);
+  return useMemo12(() => new AssistantRuntime(runtime, ThreadRuntime), [runtime]);
 };
 
 // src/runtimes/external-store/external-message-converter.tsx
-import { useMemo as useMemo10 } from "react";
+import { useMemo as useMemo13 } from "react";
 var joinExternalMessages = (messages2) => {
   const assistantMessage = {
     role: "assistant",
@@ -4676,7 +4809,7 @@ var useExternalMessageConverter = ({
   messages: messages2,
   isRunning
 }) => {
-  const state = useMemo10(
+  const state = useMemo13(
     () => ({
       callback,
       callbackCache: /* @__PURE__ */ new WeakMap(),
@@ -4685,7 +4818,7 @@ var useExternalMessageConverter = ({
     }),
     [callback]
   );
-  return useMemo10(() => {
+  return useMemo13(() => {
     const callbackResults = [];
     for (const message of messages2) {
       let result = state.callbackCache.get(message);
@@ -4736,7 +4869,7 @@ var shallowArrayEqual = (a, b) => {
 };
 
 // src/runtimes/dangerous-in-browser/useDangerousInBrowserRuntime.ts
-import { useState as useState14 } from "react";
+import { useState as useState13 } from "react";
 
 // src/runtimes/dangerous-in-browser/DangerousInBrowserAdapter.ts
 var DangerousInBrowserAdapter = class {
@@ -4767,7 +4900,7 @@ var useDangerousInBrowserRuntime = ({
   initialMessages,
   ...options
 }) => {
-  const [adapter] = useState14(() => new DangerousInBrowserAdapter(options));
+  const [adapter] = useState13(() => new DangerousInBrowserAdapter(options));
   return useLocalRuntime(adapter, { initialMessages });
 };
 
@@ -4820,12 +4953,15 @@ var SimpleImageAttachmentAdapter = class {
       id: state.file.name,
       type: "image",
       name: state.file.name,
-      file: state.file
+      contentType: state.file.type,
+      file: state.file,
+      status: { type: "requires-action", reason: "composer-send" }
     };
   }
   async send(attachment) {
     return {
       ...attachment,
+      status: { type: "complete" },
       content: [
         {
           type: "image",
@@ -4852,12 +4988,15 @@ var SimpleTextAttachmentAdapter = class {
       id: state.file.name,
       type: "document",
       name: state.file.name,
-      file: state.file
+      contentType: state.file.type,
+      file: state.file,
+      status: { type: "requires-action", reason: "composer-send" }
     };
   }
   async send(attachment) {
     return {
       ...attachment,
+      status: { type: "complete" },
       content: [
         {
           type: "text",
@@ -4940,7 +5079,14 @@ var CompositeAttachmentAdapter = class {
   async remove(attachment) {
     const adapters = this._adapters.slice();
     for (const adapter of adapters) {
-      if (fileMatchesAccept(attachment.file, adapter.accept)) {
+      if (fileMatchesAccept(
+        {
+          name: attachment.name,
+          type: attachment.contentType ?? "unknown/unknown"
+          // TODO remove after 0.6.0
+        },
+        adapter.accept
+      )) {
         return adapter.remove(attachment);
       }
     }
@@ -4953,7 +5099,7 @@ import {
   createContext as createContext7,
   useContext as useContext4
 } from "react";
-import { Fragment as Fragment3, jsx as jsx37 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx36 } from "react/jsx-runtime";
 var ThreadConfigContext = createContext7({});
 var useThreadConfig = () => {
   return useContext4(ThreadConfigContext);
@@ -4963,14 +5109,14 @@ var ThreadConfigProvider = ({
   config
 }) => {
   const hasAssistant = !!useAssistantRuntime({ optional: true });
-  const configProvider = config && Object.keys(config ?? {}).length > 0 ? /* @__PURE__ */ jsx37(ThreadConfigContext.Provider, { value: config, children }) : /* @__PURE__ */ jsx37(Fragment3, { children });
+  const configProvider = config && Object.keys(config ?? {}).length > 0 ? /* @__PURE__ */ jsx36(ThreadConfigContext.Provider, { value: config, children }) : /* @__PURE__ */ jsx36(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__ */ jsx37(AssistantRuntimeProvider, { runtime: config.runtime, children: configProvider });
+  return /* @__PURE__ */ jsx36(AssistantRuntimeProvider, { runtime: config.runtime, children: configProvider });
 };
 ThreadConfigProvider.displayName = "ThreadConfigProvider";
 
@@ -4985,7 +5131,7 @@ import {
   ThumbsDownIcon,
   ThumbsUpIcon
 } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx38, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx37, jsxs as jsxs3 } from "react/jsx-runtime";
 var useAllowCopy = (ensureCapability = false) => {
   const { assistantMessage: { allowCopy = true } = {} } = useThreadConfig();
   const copySupported = useThread((t) => t.capabilities.unstable_copy);
@@ -5019,18 +5165,18 @@ var AssistantActionBar = () => {
   const allowFeedbackNegative = useAllowFeedbackNegative(true);
   if (!allowCopy && !allowReload && !allowSpeak && !allowFeedbackPositive && !allowFeedbackNegative)
     return null;
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(
     AssistantActionBarRoot,
     {
       hideWhenRunning: true,
       autohide: "not-last",
       autohideFloat: "single-branch",
       children: [
-        allowSpeak && /* @__PURE__ */ jsx38(AssistantActionBarSpeechControl, {}),
-        allowCopy && /* @__PURE__ */ jsx38(AssistantActionBarCopy, {}),
-        allowReload && /* @__PURE__ */ jsx38(AssistantActionBarReload, {}),
-        allowFeedbackPositive && /* @__PURE__ */ jsx38(AssistantActionBarFeedbackPositive, {}),
-        allowFeedbackNegative && /* @__PURE__ */ jsx38(AssistantActionBarFeedbackNegative, {})
+        allowSpeak && /* @__PURE__ */ jsx37(AssistantActionBarSpeechControl, {}),
+        allowCopy && /* @__PURE__ */ jsx37(AssistantActionBarCopy, {}),
+        allowReload && /* @__PURE__ */ jsx37(AssistantActionBarReload, {}),
+        allowFeedbackPositive && /* @__PURE__ */ jsx37(AssistantActionBarFeedbackPositive, {}),
+        allowFeedbackNegative && /* @__PURE__ */ jsx37(AssistantActionBarFeedbackNegative, {})
       ]
     }
   );
@@ -5046,16 +5192,16 @@ var AssistantActionBarCopy = forwardRef22((props, ref) => {
       assistantMessage: { copy: { tooltip = "Copy" } = {} } = {}
     } = {}
   } = useThreadConfig();
-  return /* @__PURE__ */ jsx38(actionBar_exports.Copy, { asChild: true, children: /* @__PURE__ */ jsx38(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsxs4(Fragment4, { children: [
-    /* @__PURE__ */ jsx38(message_exports.If, { copied: true, children: /* @__PURE__ */ jsx38(CheckIcon, {}) }),
-    /* @__PURE__ */ jsx38(message_exports.If, { copied: false, children: /* @__PURE__ */ jsx38(CopyIcon, {}) })
+  return /* @__PURE__ */ jsx37(actionBar_exports.Copy, { asChild: true, children: /* @__PURE__ */ jsx37(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsxs3(Fragment4, { children: [
+    /* @__PURE__ */ jsx37(message_exports.If, { copied: true, children: /* @__PURE__ */ jsx37(CheckIcon, {}) }),
+    /* @__PURE__ */ jsx37(message_exports.If, { copied: false, children: /* @__PURE__ */ jsx37(CopyIcon, {}) })
   ] }) }) });
 });
 AssistantActionBarCopy.displayName = "AssistantActionBarCopy";
 var AssistantActionBarSpeechControl = () => {
-  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
-    /* @__PURE__ */ jsx38(message_exports.If, { speaking: false, children: /* @__PURE__ */ jsx38(AssistantActionBarSpeak, {}) }),
-    /* @__PURE__ */ jsx38(message_exports.If, { speaking: true, children: /* @__PURE__ */ jsx38(AssistantActionBarStopSpeaking, {}) })
+  return /* @__PURE__ */ jsxs3(Fragment4, { children: [
+    /* @__PURE__ */ jsx37(message_exports.If, { speaking: false, children: /* @__PURE__ */ jsx37(AssistantActionBarSpeak, {}) }),
+    /* @__PURE__ */ jsx37(message_exports.If, { speaking: true, children: /* @__PURE__ */ jsx37(AssistantActionBarStopSpeaking, {}) })
   ] });
 };
 var AssistantActionBarSpeak = forwardRef22((props, ref) => {
@@ -5065,7 +5211,7 @@ var AssistantActionBarSpeak = forwardRef22((props, ref) => {
     } = {}
   } = useThreadConfig();
   const allowSpeak = useAllowSpeak();
-  return /* @__PURE__ */ jsx38(actionBar_exports.Speak, { disabled: !allowSpeak, asChild: true, children: /* @__PURE__ */ jsx38(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx38(AudioLinesIcon, {}) }) });
+  return /* @__PURE__ */ jsx37(actionBar_exports.Speak, { disabled: !allowSpeak, asChild: true, children: /* @__PURE__ */ jsx37(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx37(AudioLinesIcon, {}) }) });
 });
 AssistantActionBarSpeak.displayName = "AssistantActionBarSpeak";
 var AssistantActionBarStopSpeaking = forwardRef22((props, ref) => {
@@ -5077,7 +5223,7 @@ var AssistantActionBarStopSpeaking = forwardRef22((props, ref) => {
     } = {}
   } = useThreadConfig();
   const allowSpeak = useAllowSpeak();
-  return /* @__PURE__ */ jsx38(actionBar_exports.StopSpeaking, { disabled: !allowSpeak, asChild: true, children: /* @__PURE__ */ jsx38(TooltipIconButton, { tooltip: stopTooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx38(StopCircleIcon, {}) }) });
+  return /* @__PURE__ */ jsx37(actionBar_exports.StopSpeaking, { disabled: !allowSpeak, asChild: true, children: /* @__PURE__ */ jsx37(TooltipIconButton, { tooltip: stopTooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx37(StopCircleIcon, {}) }) });
 });
 AssistantActionBarStopSpeaking.displayName = "AssistantActionBarStopSpeaking";
 var AssistantActionBarReload = forwardRef22((props, ref) => {
@@ -5087,7 +5233,7 @@ var AssistantActionBarReload = forwardRef22((props, ref) => {
     } = {}
   } = useThreadConfig();
   const allowReload = useAllowReload();
-  return /* @__PURE__ */ jsx38(actionBar_exports.Reload, { disabled: !allowReload, asChild: true, children: /* @__PURE__ */ jsx38(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx38(RefreshCwIcon, {}) }) });
+  return /* @__PURE__ */ jsx37(actionBar_exports.Reload, { disabled: !allowReload, asChild: true, children: /* @__PURE__ */ jsx37(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx37(RefreshCwIcon, {}) }) });
 });
 AssistantActionBarReload.displayName = "AssistantActionBarReload";
 var AssistantActionBarFeedbackPositive = forwardRef22((props, ref) => {
@@ -5099,13 +5245,13 @@ var AssistantActionBarFeedbackPositive = forwardRef22((props, ref) => {
     } = {}
   } = useThreadConfig();
   const allowFeedbackPositive = useAllowFeedbackPositive();
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx37(
     actionBar_exports.FeedbackPositive,
     {
       disabled: !allowFeedbackPositive,
       className: "aui-assistant-action-bar-feedback-positive",
       asChild: true,
-      children: /* @__PURE__ */ jsx38(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx38(ThumbsUpIcon, {}) })
+      children: /* @__PURE__ */ jsx37(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx37(ThumbsUpIcon, {}) })
     }
   );
 });
@@ -5119,13 +5265,13 @@ var AssistantActionBarFeedbackNegative = forwardRef22((props, ref) => {
     } = {}
   } = useThreadConfig();
   const allowFeedbackNegative = useAllowFeedbackNegative();
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx37(
     actionBar_exports.FeedbackNegative,
     {
       disabled: !allowFeedbackNegative,
       className: "aui-assistant-action-bar-feedback-negative",
       asChild: true,
-      children: /* @__PURE__ */ jsx38(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx38(ThumbsDownIcon, {}) })
+      children: /* @__PURE__ */ jsx37(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx37(ThumbsDownIcon, {}) })
     }
   );
 });
@@ -5146,24 +5292,24 @@ var assistant_action_bar_default = Object.assign(
 );
 
 // src/ui/assistant-message.tsx
-import { forwardRef as forwardRef24, useMemo as useMemo11 } from "react";
+import { forwardRef as forwardRef24, useMemo as useMemo14 } from "react";
 
 // src/ui/branch-picker.tsx
 import { forwardRef as forwardRef23 } from "react";
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
-import { jsx as jsx39, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs4 } from "react/jsx-runtime";
 var useAllowBranchPicker = (ensureCapability = false) => {
   const { branchPicker: { allowBranchPicker = true } = {} } = useThreadConfig();
   const branchPickerSupported = useThread((t) => t.capabilities.edit);
   return allowBranchPicker && (!ensureCapability || branchPickerSupported);
 };
 var BranchPicker = () => {
-  const allowBranchPicker = useAllowBranchPicker();
+  const allowBranchPicker = useAllowBranchPicker(true);
   if (!allowBranchPicker) return null;
-  return /* @__PURE__ */ jsxs5(BranchPickerRoot, { hideWhenSingleBranch: true, children: [
-    /* @__PURE__ */ jsx39(BranchPickerPrevious2, {}),
-    /* @__PURE__ */ jsx39(BranchPickerState, {}),
-    /* @__PURE__ */ jsx39(BranchPickerNext, {})
+  return /* @__PURE__ */ jsxs4(BranchPickerRoot, { hideWhenSingleBranch: true, children: [
+    /* @__PURE__ */ jsx38(BranchPickerPrevious2, {}),
+    /* @__PURE__ */ jsx38(BranchPickerState, {}),
+    /* @__PURE__ */ jsx38(BranchPickerNext, {})
   ] });
 };
 BranchPicker.displayName = "BranchPicker";
@@ -5178,17 +5324,17 @@ var BranchPickerPrevious2 = forwardRef23((props, ref) => {
     } = {}
   } = useThreadConfig();
   const allowBranchPicker = useAllowBranchPicker();
-  return /* @__PURE__ */ jsx39(branchPicker_exports.Previous, { disabled: !allowBranchPicker, asChild: true, children: /* @__PURE__ */ jsx39(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx39(ChevronLeftIcon, {}) }) });
+  return /* @__PURE__ */ jsx38(branchPicker_exports.Previous, { disabled: !allowBranchPicker, asChild: true, children: /* @__PURE__ */ jsx38(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx38(ChevronLeftIcon, {}) }) });
 });
 BranchPickerPrevious2.displayName = "BranchPickerPrevious";
 var BranchPickerStateWrapper = withDefaults("span", {
   className: "aui-branch-picker-state"
 });
 var BranchPickerState = forwardRef23((props, ref) => {
-  return /* @__PURE__ */ jsxs5(BranchPickerStateWrapper, { ...props, ref, children: [
-    /* @__PURE__ */ jsx39(branchPicker_exports.Number, {}),
+  return /* @__PURE__ */ jsxs4(BranchPickerStateWrapper, { ...props, ref, children: [
+    /* @__PURE__ */ jsx38(branchPicker_exports.Number, {}),
     " / ",
-    /* @__PURE__ */ jsx39(branchPicker_exports.Count, {})
+    /* @__PURE__ */ jsx38(branchPicker_exports.Count, {})
   ] });
 });
 BranchPickerState.displayName = "BranchPickerState";
@@ -5197,7 +5343,7 @@ var BranchPickerNext = forwardRef23((props, ref) => {
     strings: { branchPicker: { next: { tooltip = "Next" } = {} } = {} } = {}
   } = useThreadConfig();
   const allowBranchPicker = useAllowBranchPicker();
-  return /* @__PURE__ */ jsx39(branchPicker_exports.Next, { disabled: !allowBranchPicker, asChild: true, children: /* @__PURE__ */ jsx39(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx39(ChevronRightIcon, {}) }) });
+  return /* @__PURE__ */ jsx38(branchPicker_exports.Next, { disabled: !allowBranchPicker, asChild: true, children: /* @__PURE__ */ jsx38(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx38(ChevronRightIcon, {}) }) });
 });
 BranchPickerNext.displayName = "BranchPickerNext";
 var exports2 = {
@@ -5209,12 +5355,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 jsx40, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs5 } from "react/jsx-runtime";
 var Avatar = ({ src, alt, fallback }) => {
   if (src == null && fallback == null) return null;
-  return /* @__PURE__ */ jsxs6(AvatarRoot, { children: [
-    src != null && /* @__PURE__ */ jsx40(AvatarImage, { src, alt }),
-    fallback != null && /* @__PURE__ */ jsx40(AvatarFallback, { children: fallback })
+  return /* @__PURE__ */ jsxs5(AvatarRoot, { children: [
+    src != null && /* @__PURE__ */ jsx39(AvatarImage, { src, alt }),
+    fallback != null && /* @__PURE__ */ jsx39(AvatarFallback, { children: fallback })
   ] });
 };
 Avatar.displayName = "Avatar";
@@ -5233,10 +5379,10 @@ AvatarFallback.displayName = "AvatarFallback";
 
 // src/ui/content-part.tsx
 import classNames2 from "classnames";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var Text = () => {
   const status = useSmoothStatus();
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx40(
     contentPart_exports.Text,
     {
       className: classNames2(
@@ -5251,19 +5397,19 @@ var exports3 = { Text: withSmoothContextProvider(Text) };
 var content_part_default = exports3;
 
 // src/ui/assistant-message.tsx
-import { jsx as jsx42, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs6 } from "react/jsx-runtime";
 var AssistantMessage = () => {
-  return /* @__PURE__ */ jsxs7(AssistantMessageRoot, { children: [
-    /* @__PURE__ */ jsx42(AssistantMessageAvatar, {}),
-    /* @__PURE__ */ jsx42(AssistantMessageContent, {}),
-    /* @__PURE__ */ jsx42(branch_picker_default, {}),
-    /* @__PURE__ */ jsx42(assistant_action_bar_default, {})
+  return /* @__PURE__ */ jsxs6(AssistantMessageRoot, { children: [
+    /* @__PURE__ */ jsx41(AssistantMessageAvatar, {}),
+    /* @__PURE__ */ jsx41(AssistantMessageContent, {}),
+    /* @__PURE__ */ jsx41(branch_picker_default, {}),
+    /* @__PURE__ */ jsx41(assistant_action_bar_default, {})
   ] });
 };
 AssistantMessage.displayName = "AssistantMessage";
 var AssistantMessageAvatar = () => {
   const { assistantAvatar: avatar = { fallback: "A" } } = useThreadConfig();
-  return /* @__PURE__ */ jsx42(Avatar, { ...avatar });
+  return /* @__PURE__ */ jsx41(Avatar, { ...avatar });
 };
 var AssistantMessageRoot = withDefaults(message_exports.Root, {
   className: "aui-assistant-message-root"
@@ -5274,7 +5420,7 @@ var AssistantMessageContentWrapper = withDefaults("div", {
 });
 var AssistantMessageContent = forwardRef24(({ components: componentsProp, ...rest }, ref) => {
   const { tools, assistantMessage: { components = {} } = {} } = useThreadConfig();
-  const toolsComponents = useMemo11(
+  const toolsComponents = useMemo14(
     () => ({
       by_name: !tools ? void 0 : Object.fromEntries(
         tools.map((t) => [
@@ -5287,7 +5433,7 @@ var AssistantMessageContent = forwardRef24(({ components: componentsProp, ...res
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [...tools ?? [], components.ToolFallback]
   );
-  return /* @__PURE__ */ jsx42(AssistantMessageContentWrapper, { ...rest, ref, children: /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx41(AssistantMessageContentWrapper, { ...rest, ref, children: /* @__PURE__ */ jsx41(
     message_exports.Content,
     {
       components: {
@@ -5322,9 +5468,9 @@ import { forwardRef as forwardRef26 } from "react";
 import { PaperclipIcon, SendHorizontalIcon } from "lucide-react";
 
 // src/ui/base/CircleStopIcon.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var CircleStopIcon = () => {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx42(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5332,7 +5478,7 @@ var CircleStopIcon = () => {
       fill: "currentColor",
       width: "16",
       height: "16",
-      children: /* @__PURE__ */ jsx43("rect", { width: "10", height: "10", x: "3", y: "3", rx: "2" })
+      children: /* @__PURE__ */ jsx42("rect", { width: "10", height: "10", x: "3", y: "3", rx: "2" })
     }
   );
 };
@@ -5341,17 +5487,17 @@ CircleStopIcon.displayName = "CircleStopIcon";
 // src/ui/composer-attachment.tsx
 import { forwardRef as forwardRef25 } from "react";
 import { CircleXIcon } from "lucide-react";
-import { jsx as jsx44, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs7 } from "react/jsx-runtime";
 var ComposerAttachmentRoot = withDefaults("div", {
   className: "aui-composer-attachment-root"
 });
 ComposerAttachmentRoot.displayName = "ComposerAttachmentRoot";
 var ComposerAttachment2 = () => {
-  const attachment = useComposerAttachment((a) => a.attachment);
-  return /* @__PURE__ */ jsxs8(ComposerAttachmentRoot, { children: [
+  const attachment = useThreadComposerAttachment((a) => a.attachment);
+  return /* @__PURE__ */ jsxs7(ComposerAttachmentRoot, { children: [
     ".",
     attachment.name.split(".").pop(),
-    /* @__PURE__ */ jsx44(ComposerAttachmentRemove, {})
+    /* @__PURE__ */ jsx43(ComposerAttachmentRemove, {})
   ] });
 };
 ComposerAttachment2.displayName = "ComposerAttachment";
@@ -5361,12 +5507,11 @@ var ComposerAttachmentRemove = forwardRef25((props, ref) => {
       composer: { removeAttachment: { tooltip = "Remove file" } = {} } = {}
     } = {}
   } = useThreadConfig();
-  const composerStore = useThreadComposerStore();
-  const attachmentStore = useAttachmentStore();
+  const attachmentRuntime = useAttachmentRuntime();
   const handleRemoveAttachment = () => {
-    composerStore.getState().removeAttachment(attachmentStore.getState().attachment.id);
+    attachmentRuntime.remove();
   };
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx43(
     TooltipIconButton,
     {
       tooltip,
@@ -5375,7 +5520,7 @@ var ComposerAttachmentRemove = forwardRef25((props, ref) => {
       ...props,
       onClick: handleRemoveAttachment,
       ref,
-      children: props.children ?? /* @__PURE__ */ jsx44(CircleXIcon, {})
+      children: props.children ?? /* @__PURE__ */ jsx43(CircleXIcon, {})
     }
   );
 });
@@ -5390,7 +5535,7 @@ var composer_attachment_default = Object.assign(
 );
 
 // src/ui/composer.tsx
-import { Fragment as Fragment5, jsx as jsx45, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx44, jsxs as jsxs8 } from "react/jsx-runtime";
 var useAllowAttachments = (ensureCapability = false) => {
   const { composer: { allowAttachments = true } = {} } = useThreadConfig();
   const attachmentsSupported = useThread((t) => t.capabilities.attachments);
@@ -5398,11 +5543,11 @@ var useAllowAttachments = (ensureCapability = false) => {
 };
 var Composer = () => {
   const allowAttachments = useAllowAttachments(true);
-  return /* @__PURE__ */ jsxs9(ComposerRoot, { children: [
-    allowAttachments && /* @__PURE__ */ jsx45(ComposerAttachments, {}),
-    allowAttachments && /* @__PURE__ */ jsx45(ComposerAddAttachment, {}),
-    /* @__PURE__ */ jsx45(ComposerInput, { autoFocus: true }),
-    /* @__PURE__ */ jsx45(ComposerAction, {})
+  return /* @__PURE__ */ jsxs8(ComposerRoot, { children: [
+    allowAttachments && /* @__PURE__ */ jsx44(ComposerAttachments, {}),
+    allowAttachments && /* @__PURE__ */ jsx44(ComposerAddAttachment, {}),
+    /* @__PURE__ */ jsx44(ComposerInput, { autoFocus: true }),
+    /* @__PURE__ */ jsx44(ComposerAction, {})
   ] });
 };
 Composer.displayName = "Composer";
@@ -5422,7 +5567,7 @@ var ComposerInput = forwardRef26(
         composer: { input: { placeholder = "Write a message..." } = {} } = {}
       } = {}
     } = useThreadConfig();
-    return /* @__PURE__ */ jsx45(ComposerInputStyled, { placeholder, ...props, ref });
+    return /* @__PURE__ */ jsx44(ComposerInputStyled, { placeholder, ...props, ref });
   }
 );
 ComposerInput.displayName = "ComposerInput";
@@ -5430,7 +5575,7 @@ var ComposerAttachmentsContainer = withDefaults("div", {
   className: "aui-composer-attachments"
 });
 var ComposerAttachments = ({ components }) => {
-  return /* @__PURE__ */ jsx45(ComposerAttachmentsContainer, { children: /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx44(ComposerAttachmentsContainer, { children: /* @__PURE__ */ jsx44(
     composer_exports.Attachments,
     {
       components: {
@@ -5451,14 +5596,14 @@ var ComposerAddAttachment = forwardRef26((props, ref) => {
     } = {}
   } = useThreadConfig();
   const allowAttachments = useAllowAttachments();
-  return /* @__PURE__ */ jsx45(composer_exports.AddAttachment, { disabled: !allowAttachments, asChild: true, children: /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx44(composer_exports.AddAttachment, { disabled: !allowAttachments, asChild: true, children: /* @__PURE__ */ jsx44(
     ComposerAttachButton,
     {
       tooltip,
       variant: "ghost",
       ...props,
       ref,
-      children: props.children ?? /* @__PURE__ */ jsx45(PaperclipIcon, {})
+      children: props.children ?? /* @__PURE__ */ jsx44(PaperclipIcon, {})
     }
   ) });
 });
@@ -5469,10 +5614,10 @@ var useAllowCancel = () => {
 };
 var ComposerAction = () => {
   const allowCancel = useAllowCancel();
-  if (!allowCancel) return /* @__PURE__ */ jsx45(ComposerSend, {});
-  return /* @__PURE__ */ jsxs9(Fragment5, { children: [
-    /* @__PURE__ */ jsx45(thread_exports.If, { running: false, children: /* @__PURE__ */ jsx45(ComposerSend, {}) }),
-    /* @__PURE__ */ jsx45(thread_exports.If, { running: true, children: /* @__PURE__ */ jsx45(ComposerCancel, {}) })
+  if (!allowCancel) return /* @__PURE__ */ jsx44(ComposerSend, {});
+  return /* @__PURE__ */ jsxs8(Fragment5, { children: [
+    /* @__PURE__ */ jsx44(thread_exports.If, { running: false, children: /* @__PURE__ */ jsx44(ComposerSend, {}) }),
+    /* @__PURE__ */ jsx44(thread_exports.If, { running: true, children: /* @__PURE__ */ jsx44(ComposerCancel, {}) })
   ] });
 };
 ComposerAction.displayName = "ComposerAction";
@@ -5484,7 +5629,7 @@ var ComposerSend = forwardRef26((props, ref) => {
   const {
     strings: { composer: { send: { tooltip = "Send" } = {} } = {} } = {}
   } = useThreadConfig();
-  return /* @__PURE__ */ jsx45(composer_exports.Send, { asChild: true, children: /* @__PURE__ */ jsx45(ComposerSendButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx45(SendHorizontalIcon, {}) }) });
+  return /* @__PURE__ */ jsx44(composer_exports.Send, { asChild: true, children: /* @__PURE__ */ jsx44(ComposerSendButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx44(SendHorizontalIcon, {}) }) });
 });
 ComposerSend.displayName = "ComposerSend";
 var ComposerCancelButton = withDefaults(TooltipIconButton, {
@@ -5495,7 +5640,7 @@ var ComposerCancel = forwardRef26((props, ref) => {
   const {
     strings: { composer: { cancel: { tooltip = "Cancel" } = {} } = {} } = {}
   } = useThreadConfig();
-  return /* @__PURE__ */ jsx45(composer_exports.Cancel, { asChild: true, children: /* @__PURE__ */ jsx45(ComposerCancelButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx45(CircleStopIcon, {}) }) });
+  return /* @__PURE__ */ jsx44(composer_exports.Cancel, { asChild: true, children: /* @__PURE__ */ jsx44(ComposerCancelButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx44(CircleStopIcon, {}) }) });
 });
 ComposerCancel.displayName = "ComposerCancel";
 var exports6 = {
@@ -5511,14 +5656,14 @@ var composer_default = Object.assign(Composer, exports6);
 
 // src/ui/thread-welcome.tsx
 import { forwardRef as forwardRef27 } from "react";
-import { jsx as jsx46, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs9 } from "react/jsx-runtime";
 var ThreadWelcome = () => {
-  return /* @__PURE__ */ jsxs10(ThreadWelcomeRoot, { children: [
-    /* @__PURE__ */ jsxs10(ThreadWelcomeCenter, { children: [
-      /* @__PURE__ */ jsx46(ThreadWelcomeAvatar, {}),
-      /* @__PURE__ */ jsx46(ThreadWelcomeMessage, {})
+  return /* @__PURE__ */ jsxs9(ThreadWelcomeRoot, { children: [
+    /* @__PURE__ */ jsxs9(ThreadWelcomeCenter, { children: [
+      /* @__PURE__ */ jsx45(ThreadWelcomeAvatar, {}),
+      /* @__PURE__ */ jsx45(ThreadWelcomeMessage, {})
     ] }),
-    /* @__PURE__ */ jsx46(ThreadWelcomeSuggestions, {})
+    /* @__PURE__ */ jsx45(ThreadWelcomeSuggestions, {})
   ] });
 };
 ThreadWelcome.displayName = "ThreadWelcome";
@@ -5530,20 +5675,20 @@ var ThreadWelcomeCenter = withDefaults("div", {
 });
 var ThreadWelcomeRoot = forwardRef27(
   (props, ref) => {
-    return /* @__PURE__ */ jsx46(thread_exports.Empty, { children: /* @__PURE__ */ jsx46(ThreadWelcomeRootStyled, { ...props, ref }) });
+    return /* @__PURE__ */ jsx45(thread_exports.Empty, { children: /* @__PURE__ */ jsx45(ThreadWelcomeRootStyled, { ...props, ref }) });
   }
 );
 ThreadWelcomeRoot.displayName = "ThreadWelcomeRoot";
 var ThreadWelcomeAvatar = () => {
   const { assistantAvatar: avatar = { fallback: "A" } } = useThreadConfig();
-  return /* @__PURE__ */ jsx46(Avatar, { ...avatar });
+  return /* @__PURE__ */ jsx45(Avatar, { ...avatar });
 };
 var ThreadWelcomeMessageStyled = withDefaults("p", {
   className: "aui-thread-welcome-message"
 });
 var ThreadWelcomeMessage = forwardRef27(({ message: messageProp, ...rest }, ref) => {
   const { welcome: { message = "How can I help you today?" } = {} } = useThreadConfig();
-  return /* @__PURE__ */ jsx46(ThreadWelcomeMessageStyled, { ...rest, ref, children: messageProp ?? message });
+  return /* @__PURE__ */ jsx45(ThreadWelcomeMessageStyled, { ...rest, ref, children: messageProp ?? message });
 });
 ThreadWelcomeMessage.displayName = "ThreadWelcomeMessage";
 var ThreadWelcomeSuggestionContainer = withDefaults("div", {
@@ -5555,21 +5700,21 @@ var ThreadWelcomeSuggestionStyled = withDefaults(thread_exports.Suggestion, {
 var ThreadWelcomeSuggestion = ({
   suggestion: { text, prompt }
 }) => {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx45(
     ThreadWelcomeSuggestionStyled,
     {
       prompt,
       method: "replace",
       autoSend: true,
-      children: /* @__PURE__ */ jsx46("span", { className: "aui-thread-welcome-suggestion-text", children: text ?? prompt })
+      children: /* @__PURE__ */ jsx45("span", { className: "aui-thread-welcome-suggestion-text", children: text ?? prompt })
     }
   );
 };
 var ThreadWelcomeSuggestions = () => {
   const { welcome: { suggestions } = {} } = useThreadConfig();
-  return /* @__PURE__ */ jsx46(ThreadWelcomeSuggestionContainer, { children: suggestions?.map((suggestion, idx) => {
+  return /* @__PURE__ */ jsx45(ThreadWelcomeSuggestionContainer, { children: suggestions?.map((suggestion, idx) => {
     const key = `${suggestion.prompt}-${idx}`;
-    return /* @__PURE__ */ jsx46(ThreadWelcomeSuggestion, { suggestion }, key);
+    return /* @__PURE__ */ jsx45(ThreadWelcomeSuggestion, { suggestion }, key);
   }) });
 };
 ThreadWelcomeSuggestions.displayName = "ThreadWelcomeSuggestions";
@@ -5589,7 +5734,7 @@ import { forwardRef as forwardRef29 } from "react";
 // src/ui/user-action-bar.tsx
 import { forwardRef as forwardRef28 } from "react";
 import { PencilIcon } from "lucide-react";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var useAllowEdit = (ensureCapability = false) => {
   const { userMessage: { allowEdit = true } = {} } = useThreadConfig();
   const editSupported = useThread((t) => t.capabilities.edit);
@@ -5598,7 +5743,7 @@ var useAllowEdit = (ensureCapability = false) => {
 var UserActionBar = () => {
   const allowEdit = useAllowEdit(true);
   if (!allowEdit) return null;
-  return /* @__PURE__ */ jsx47(UserActionBarRoot, { hideWhenRunning: true, autohide: "not-last", children: /* @__PURE__ */ jsx47(UserActionBarEdit, {}) });
+  return /* @__PURE__ */ jsx46(UserActionBarRoot, { hideWhenRunning: true, autohide: "not-last", children: /* @__PURE__ */ jsx46(UserActionBarEdit, {}) });
 };
 UserActionBar.displayName = "UserActionBar";
 var UserActionBarRoot = withDefaults(actionBar_exports.Root, {
@@ -5610,7 +5755,7 @@ var UserActionBarEdit = forwardRef28((props, ref) => {
     strings: { userMessage: { edit: { tooltip = "Edit" } = {} } = {} } = {}
   } = useThreadConfig();
   const allowEdit = useAllowEdit();
-  return /* @__PURE__ */ jsx47(actionBar_exports.Edit, { disabled: !allowEdit, asChild: true, children: /* @__PURE__ */ jsx47(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx47(PencilIcon, {}) }) });
+  return /* @__PURE__ */ jsx46(actionBar_exports.Edit, { disabled: !allowEdit, asChild: true, children: /* @__PURE__ */ jsx46(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx46(PencilIcon, {}) }) });
 });
 UserActionBarEdit.displayName = "UserActionBarEdit";
 var exports8 = {
@@ -5620,14 +5765,14 @@ var exports8 = {
 var user_action_bar_default = Object.assign(UserActionBar, exports8);
 
 // src/ui/user-message-attachment.tsx
-import { jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsxs as jsxs10 } from "react/jsx-runtime";
 var UserMessageAttachmentRoot = withDefaults("div", {
   className: "aui-user-message-attachment-root"
 });
 UserMessageAttachmentRoot.displayName = "UserMessageAttachmentRoot";
 var UserMessageAttachment = () => {
   const attachment = useAttachment((a) => a.attachment);
-  return /* @__PURE__ */ jsxs11(UserMessageAttachmentRoot, { children: [
+  return /* @__PURE__ */ jsxs10(UserMessageAttachmentRoot, { children: [
     ".",
     attachment.name.split(".").pop()
   ] });
@@ -5642,13 +5787,13 @@ var user_message_attachment_default = Object.assign(
 );
 
 // src/ui/user-message.tsx
-import { jsx as jsx48, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs11 } from "react/jsx-runtime";
 var UserMessage = () => {
-  return /* @__PURE__ */ jsxs12(UserMessageRoot, { children: [
-    /* @__PURE__ */ jsx48(UserMessageAttachments, {}),
-    /* @__PURE__ */ jsx48(user_action_bar_default, {}),
-    /* @__PURE__ */ jsx48(UserMessageContent, {}),
-    /* @__PURE__ */ jsx48(branch_picker_default, {})
+  return /* @__PURE__ */ jsxs11(UserMessageRoot, { children: [
+    /* @__PURE__ */ jsx47(UserMessageAttachments, {}),
+    /* @__PURE__ */ jsx47(user_action_bar_default, {}),
+    /* @__PURE__ */ jsx47(UserMessageContent, {}),
+    /* @__PURE__ */ jsx47(branch_picker_default, {})
   ] });
 };
 UserMessage.displayName = "UserMessage";
@@ -5661,7 +5806,7 @@ var UserMessageContentWrapper = withDefaults("div", {
 });
 var UserMessageContent = forwardRef29(
   ({ components, ...props }, ref) => {
-    return /* @__PURE__ */ jsx48(UserMessageContentWrapper, { ...props, ref, children: /* @__PURE__ */ jsx48(
+    return /* @__PURE__ */ jsx47(UserMessageContentWrapper, { ...props, ref, children: /* @__PURE__ */ jsx47(
       message_exports.Content,
       {
         components: {
@@ -5679,7 +5824,7 @@ var UserMessageAttachmentsContainer = withDefaults("div", {
 var UserMessageAttachments = ({
   components
 }) => {
-  return /* @__PURE__ */ jsx48(message_exports.If, { hasAttachments: true, children: /* @__PURE__ */ jsx48(UserMessageAttachmentsContainer, { children: /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx47(message_exports.If, { hasAttachments: true, children: /* @__PURE__ */ jsx47(UserMessageAttachmentsContainer, { children: /* @__PURE__ */ jsx47(
     message_exports.Attachments,
     {
       components: {
@@ -5698,13 +5843,13 @@ var user_message_default = Object.assign(UserMessage, exports10);
 
 // src/ui/edit-composer.tsx
 import { forwardRef as forwardRef30 } from "react";
-import { jsx as jsx49, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs12 } from "react/jsx-runtime";
 var EditComposer = () => {
-  return /* @__PURE__ */ jsxs13(EditComposerRoot, { children: [
-    /* @__PURE__ */ jsx49(EditComposerInput, {}),
-    /* @__PURE__ */ jsxs13(EditComposerFooter, { children: [
-      /* @__PURE__ */ jsx49(EditComposerCancel, {}),
-      /* @__PURE__ */ jsx49(EditComposerSend, {})
+  return /* @__PURE__ */ jsxs12(EditComposerRoot, { children: [
+    /* @__PURE__ */ jsx48(EditComposerInput, {}),
+    /* @__PURE__ */ jsxs12(EditComposerFooter, { children: [
+      /* @__PURE__ */ jsx48(EditComposerCancel, {}),
+      /* @__PURE__ */ jsx48(EditComposerSend, {})
     ] })
   ] });
 };
@@ -5728,7 +5873,7 @@ var EditComposerCancel = forwardRef30(
         editComposer: { cancel: { label = "Cancel" } = {} } = {}
       } = {}
     } = useThreadConfig();
-    return /* @__PURE__ */ jsx49(composer_exports.Cancel, { asChild: true, children: /* @__PURE__ */ jsx49(Button, { variant: "ghost", ...props, ref, children: props.children ?? label }) });
+    return /* @__PURE__ */ jsx48(composer_exports.Cancel, { asChild: true, children: /* @__PURE__ */ jsx48(Button, { variant: "ghost", ...props, ref, children: props.children ?? label }) });
   }
 );
 EditComposerCancel.displayName = "EditComposerCancel";
@@ -5737,7 +5882,7 @@ var EditComposerSend = forwardRef30(
     const {
       strings: { editComposer: { send: { label = "Send" } = {} } = {} } = {}
     } = useThreadConfig();
-    return /* @__PURE__ */ jsx49(composer_exports.Send, { asChild: true, children: /* @__PURE__ */ jsx49(Button, { ...props, ref, children: props.children ?? label }) });
+    return /* @__PURE__ */ jsx48(composer_exports.Send, { asChild: true, children: /* @__PURE__ */ jsx48(Button, { ...props, ref, children: props.children ?? label }) });
   }
 );
 EditComposerSend.displayName = "EditComposerSend";
@@ -5751,14 +5896,14 @@ var exports11 = {
 var edit_composer_default = Object.assign(EditComposer, exports11);
 
 // src/ui/thread.tsx
-import { jsx as jsx50, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs13 } from "react/jsx-runtime";
 var Thread = (config) => {
-  return /* @__PURE__ */ jsx50(ThreadRoot, { config, children: /* @__PURE__ */ jsxs14(ThreadViewport, { children: [
-    /* @__PURE__ */ jsx50(thread_welcome_default, {}),
-    /* @__PURE__ */ jsx50(ThreadMessages, {}),
-    /* @__PURE__ */ jsxs14(ThreadViewportFooter, { children: [
-      /* @__PURE__ */ jsx50(ThreadScrollToBottom, {}),
-      /* @__PURE__ */ jsx50(composer_default, {})
+  return /* @__PURE__ */ jsx49(ThreadRoot, { config, children: /* @__PURE__ */ jsxs13(ThreadViewport, { children: [
+    /* @__PURE__ */ jsx49(thread_welcome_default, {}),
+    /* @__PURE__ */ jsx49(ThreadMessages, {}),
+    /* @__PURE__ */ jsxs13(ThreadViewportFooter, { children: [
+      /* @__PURE__ */ jsx49(ThreadScrollToBottom, {}),
+      /* @__PURE__ */ jsx49(composer_default, {})
     ] })
   ] }) });
 };
@@ -5767,7 +5912,7 @@ var ThreadRootStyled = withDefaults(thread_exports.Root, {
 });
 var ThreadRoot = forwardRef31(
   ({ config, ...props }, ref) => {
-    return /* @__PURE__ */ jsx50(ThreadConfigProvider, { config, children: /* @__PURE__ */ jsx50(ThreadRootStyled, { ...props, ref }) });
+    return /* @__PURE__ */ jsx49(ThreadConfigProvider, { config, children: /* @__PURE__ */ jsx49(ThreadRootStyled, { ...props, ref }) });
   }
 );
 ThreadRoot.displayName = "ThreadRoot";
@@ -5781,7 +5926,7 @@ var ThreadViewportFooter = withDefaults("div", {
 ThreadViewportFooter.displayName = "ThreadViewportFooter";
 var SystemMessage = () => null;
 var ThreadMessages = ({ components, ...rest }) => {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx49(
     thread_exports.Messages,
     {
       components: {
@@ -5805,7 +5950,7 @@ var ThreadScrollToBottom = forwardRef31((props, ref) => {
       thread: { scrollToBottom: { tooltip = "Scroll to bottom" } = {} } = {}
     } = {}
   } = useThreadConfig();
-  return /* @__PURE__ */ jsx50(thread_exports.ScrollToBottom, { asChild: true, children: /* @__PURE__ */ jsx50(ThreadScrollToBottomIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx50(ArrowDownIcon, {}) }) });
+  return /* @__PURE__ */ jsx49(thread_exports.ScrollToBottom, { asChild: true, children: /* @__PURE__ */ jsx49(ThreadScrollToBottomIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx49(ArrowDownIcon, {}) }) });
 });
 ThreadScrollToBottom.displayName = "ThreadScrollToBottom";
 var exports12 = {
@@ -5818,20 +5963,20 @@ var exports12 = {
 var thread_default = Object.assign(Thread, exports12);
 
 // src/ui/assistant-modal.tsx
-import { Fragment as Fragment6, jsx as jsx51, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx50, jsxs as jsxs14 } from "react/jsx-runtime";
 var AssistantModal = (config) => {
-  return /* @__PURE__ */ jsxs15(AssistantModalRoot, { config, children: [
-    /* @__PURE__ */ jsx51(AssistantModalTrigger, {}),
-    /* @__PURE__ */ jsx51(AssistantModalContent, { children: /* @__PURE__ */ jsx51(thread_default, {}) })
+  return /* @__PURE__ */ jsxs14(AssistantModalRoot, { config, children: [
+    /* @__PURE__ */ jsx50(AssistantModalTrigger, {}),
+    /* @__PURE__ */ jsx50(AssistantModalContent, { children: /* @__PURE__ */ jsx50(thread_default, {}) })
   ] });
 };
 AssistantModal.displayName = "AssistantModal";
 var AssistantModalRoot = ({ config, ...props }) => {
-  return /* @__PURE__ */ jsx51(ThreadConfigProvider, { config, children: /* @__PURE__ */ jsx51(assistantModal_exports.Root, { ...props }) });
+  return /* @__PURE__ */ jsx50(ThreadConfigProvider, { config, children: /* @__PURE__ */ jsx50(assistantModal_exports.Root, { ...props }) });
 };
 AssistantModalRoot.displayName = "AssistantModalRoot";
 var AssistantModalTrigger = forwardRef32((props, ref) => {
-  return /* @__PURE__ */ jsx51(AssistantModalAnchor, { children: /* @__PURE__ */ jsx51(assistantModal_exports.Trigger, { asChild: true, children: /* @__PURE__ */ jsx51(AssistantModalButton, { ...props, ref }) }) });
+  return /* @__PURE__ */ jsx50(AssistantModalAnchor, { children: /* @__PURE__ */ jsx50(assistantModal_exports.Trigger, { asChild: true, children: /* @__PURE__ */ jsx50(AssistantModalButton, { ...props, ref }) }) });
 });
 AssistantModalTrigger.displayName = "AssistantModalTrigger";
 var AssistantModalAnchor = withDefaults(assistantModal_exports.Anchor, {
@@ -5856,7 +6001,7 @@ var AssistantModalButton = forwardRef32(({ "data-state": state, ...rest }, ref)
     } = {}
   } = useThreadConfig();
   const tooltip = state === "open" ? openTooltip : closedTooltip;
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx50(
     ModalButtonStyled,
     {
       side: "left",
@@ -5864,15 +6009,15 @@ var AssistantModalButton = forwardRef32(({ "data-state": state, ...rest }, ref)
       "data-state": state,
       ...rest,
       ref,
-      children: rest.children ?? /* @__PURE__ */ jsxs15(Fragment6, { children: [
-        /* @__PURE__ */ jsx51(
+      children: rest.children ?? /* @__PURE__ */ jsxs14(Fragment6, { children: [
+        /* @__PURE__ */ jsx50(
           BotIcon,
           {
             "data-state": state,
             className: "aui-modal-button-closed-icon"
           }
         ),
-        /* @__PURE__ */ jsx51(
+        /* @__PURE__ */ jsx50(
           ChevronDownIcon,
           {
             "data-state": state,