@assistant-ui/react 0.5.74 → 0.5.76

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2; var _class3; var _class4; var _class5; var _class6; var _class7; var _class8; var _class9; var _class10; var _class11; var _class12; var _class13; var _class14; var _class15; var _class16; var _class17;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2; var _class3; var _class4; var _class5; var _class6; var _class7; var _class8; var _class9; var _class10; var _class11; var _class12; var _class13; var _class14; var _class15; var _class16; var _class17; var _class18;
 
 
 
@@ -604,20 +604,13 @@ var useActionBarReload = () => {
 // src/primitive-hooks/actionBar/useActionBarSpeak.tsx
 
 var useActionBarSpeak = () => {
-  const messageStore = useMessageStore();
-  const editComposerStore = useEditComposerStore();
   const messageRunime = useMessageRuntime();
-  const messageUtilsStore = useMessageUtilsStore();
-  const hasSpeakableContent = useCombinedStore(
-    [messageStore, editComposerStore],
-    (message, c) => {
-      return !c.isEditing && (message.role !== "assistant" || message.status.type !== "running") && message.content.some((c2) => c2.type === "text" && c2.text.length > 0);
-    }
-  );
   const callback = _react.useCallback.call(void 0, async () => {
-    const utt = messageRunime.speak();
-    messageUtilsStore.getState().addUtterance(utt);
-  }, [messageRunime, messageUtilsStore]);
+    messageRunime.speak();
+  }, [messageRunime]);
+  const hasSpeakableContent = useMessage((m) => {
+    return (m.role !== "assistant" || m.status.type !== "running") && m.content.some((c) => c.type === "text" && c.text.length > 0);
+  });
   if (!hasSpeakableContent) return null;
   return callback;
 };
@@ -625,11 +618,11 @@ var useActionBarSpeak = () => {
 // src/primitive-hooks/actionBar/useActionBarStopSpeaking.tsx
 
 var useActionBarStopSpeaking = () => {
-  const messageUtilsStore = useMessageUtilsStore();
-  const isSpeaking = useMessageUtils((u) => u.isSpeaking);
+  const messageRuntime = useMessageRuntime();
+  const isSpeaking = useMessage((u) => u.speech != null);
   const callback = _react.useCallback.call(void 0, async () => {
-    messageUtilsStore.getState().stopSpeaking();
-  }, [messageUtilsStore]);
+    messageRuntime.stopSpeaking();
+  }, [messageRuntime]);
   if (!isSpeaking) return null;
   return callback;
 };
@@ -638,13 +631,9 @@ var useActionBarStopSpeaking = () => {
 
 var useActionBarFeedbackPositive = () => {
   const messageRuntime = useMessageRuntime();
-  const messageUtilsStore = useMessageUtilsStore();
   const callback = _react.useCallback.call(void 0, () => {
-    messageRuntime.submitFeedback({
-      type: "positive"
-    });
-    messageUtilsStore.getState().setSubmittedFeedback("positive");
-  }, [messageUtilsStore, messageRuntime]);
+    messageRuntime.submitFeedback({ type: "positive" });
+  }, [messageRuntime]);
   return callback;
 };
 
@@ -652,13 +641,9 @@ var useActionBarFeedbackPositive = () => {
 
 var useActionBarFeedbackNegative = () => {
   const messageRuntime = useMessageRuntime();
-  const messageUtilsStore = useMessageUtilsStore();
   const callback = _react.useCallback.call(void 0, () => {
-    messageRuntime.submitFeedback({
-      type: "negative"
-    });
-    messageUtilsStore.getState().setSubmittedFeedback("negative");
-  }, [messageUtilsStore, messageRuntime]);
+    messageRuntime.submitFeedback({ type: "negative" });
+  }, [messageRuntime]);
   return callback;
 };
 
@@ -746,23 +731,21 @@ var useComposerSend = () => {
 
 var useComposerAddAttachment = () => {
   const disabled = useComposer((c) => !c.isEditing);
-  const threadComposerStore = useThreadComposerStore();
-  const threadRuntimeStore = useThreadComposerStore();
+  const composerRuntime = useComposerRuntime();
   const callback = _react.useCallback.call(void 0, () => {
-    const { addAttachment } = threadComposerStore.getState();
-    const { attachmentAccept } = threadRuntimeStore.getState();
     const input = document.createElement("input");
     input.type = "file";
+    const attachmentAccept = composerRuntime.getAttachmentAccept();
     if (attachmentAccept !== "*") {
       input.accept = attachmentAccept;
     }
     input.onchange = (e) => {
       const file = _optionalChain([e, 'access', _7 => _7.target, 'access', _8 => _8.files, 'optionalAccess', _9 => _9[0]]);
       if (!file) return;
-      addAttachment(file);
+      composerRuntime.addAttachment(file);
     };
     input.click();
-  }, [threadComposerStore, threadRuntimeStore]);
+  }, [composerRuntime]);
   if (disabled) return null;
   return callback;
 };
@@ -809,7 +792,15 @@ var useMessageIf = (props) => {
   const messageUtilsStore = useMessageUtilsStore();
   return useCombinedStore(
     [messageStore, messageUtilsStore],
-    ({ role, attachments, branchCount, isLast }, { isCopied, isHovering, isSpeaking, submittedFeedback }) => {
+    ({
+      role,
+      attachments,
+      content,
+      branchCount,
+      isLast,
+      speech,
+      submittedFeedback
+    }, { isCopied, isHovering }) => {
       if (props.hasBranches === true && branchCount < 2) return false;
       if (props.user && role !== "user") return false;
       if (props.assistant && role !== "assistant") return false;
@@ -817,13 +808,15 @@ var useMessageIf = (props) => {
       if (props.lastOrHover === true && !isHovering && !isLast) return false;
       if (props.copied === true && !isCopied) return false;
       if (props.copied === false && isCopied) return false;
-      if (props.speaking === true && !isSpeaking) return false;
-      if (props.speaking === false && isSpeaking) return false;
+      if (props.speaking === true && speech == null) return false;
+      if (props.speaking === false && speech != null) return false;
       if (props.hasAttachments === true && (role !== "user" || !attachments.length))
         return false;
       if (props.hasAttachments === false && role === "user" && !!attachments.length)
         return false;
-      if (props.submittedFeedback !== void 0 && submittedFeedback !== props.submittedFeedback)
+      if (props.hasContent === true && content.length === 0) return false;
+      if (props.hasContent === false && content.length > 0) return false;
+      if (props.submittedFeedback !== void 0 && (_nullishCoalesce(_optionalChain([submittedFeedback, 'optionalAccess', _10 => _10.type]), () => ( null))) !== props.submittedFeedback)
         return false;
       return true;
     }
@@ -919,7 +912,7 @@ var useActionBarFloatStatus = ({
       const autohideEnabled = autohide === "always" || autohide === "not-last" && !m.isLast;
       if (!autohideEnabled) return "normal" /* Normal */;
       if (!mu.isHovering) return "hidden" /* Hidden */;
-      if (autohideFloat === "always" || autohideFloat === "single-branch" && m.branches.length <= 1)
+      if (autohideFloat === "always" || autohideFloat === "single-branch" && m.branchCount <= 1)
         return "floating" /* Floating */;
       return "normal" /* Normal */;
     }
@@ -963,7 +956,7 @@ var ActionBarPrimitiveCopy = _react.forwardRef.call(void 0, ({ copiedDuration, o
       ref: forwardedRef,
       disabled: disabled || !callback,
       onClick: _primitive.composeEventHandlers.call(void 0, onClick, () => {
-        _optionalChain([callback, 'optionalCall', _10 => _10()]);
+        _optionalChain([callback, 'optionalCall', _11 => _11()]);
       })
     }
   );
@@ -995,7 +988,7 @@ var createActionButton = (displayName, useActionButton, forwardProps = []) => {
         ref: forwardedRef,
         disabled: primitiveProps.disabled || !callback,
         onClick: _primitive.composeEventHandlers.call(void 0, primitiveProps.onClick, () => {
-          _optionalChain([callback, 'optionalCall', _11 => _11()]);
+          _optionalChain([callback, 'optionalCall', _12 => _12()]);
         })
       }
     );
@@ -1044,7 +1037,7 @@ var ActionBarPrimitiveStopSpeaking = _react.forwardRef.call(void 0, (props, ref)
       ...props,
       ref,
       onClick: _primitive.composeEventHandlers.call(void 0, props.onClick, () => {
-        _optionalChain([callback, 'optionalCall', _12 => _12()]);
+        _optionalChain([callback, 'optionalCall', _13 => _13()]);
       })
     }
   );
@@ -1057,8 +1050,8 @@ ActionBarPrimitiveStopSpeaking.displayName = "ActionBarPrimitive.StopSpeaking";
 
 
 var ActionBarPrimitiveFeedbackPositive = _react.forwardRef.call(void 0, ({ onClick, disabled, ...props }, forwardedRef) => {
-  const isSubmitted = useMessageUtils(
-    (u) => u.submittedFeedback === "positive"
+  const isSubmitted = useMessage(
+    (u) => _optionalChain([u, 'access', _14 => _14.submittedFeedback, 'optionalAccess', _15 => _15.type]) === "positive"
   );
   const callback = useActionBarFeedbackPositive();
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1070,7 +1063,7 @@ var ActionBarPrimitiveFeedbackPositive = _react.forwardRef.call(void 0, ({ onCli
       ref: forwardedRef,
       disabled: disabled || !callback,
       onClick: _primitive.composeEventHandlers.call(void 0, onClick, () => {
-        _optionalChain([callback, 'optionalCall', _13 => _13()]);
+        _optionalChain([callback, 'optionalCall', _16 => _16()]);
       })
     }
   );
@@ -1083,8 +1076,8 @@ ActionBarPrimitiveFeedbackPositive.displayName = "ActionBarPrimitive.FeedbackPos
 
 
 var ActionBarPrimitiveFeedbackNegative = _react.forwardRef.call(void 0, ({ onClick, disabled, ...props }, forwardedRef) => {
-  const isSubmitted = useMessageUtils(
-    (u) => u.submittedFeedback === "negative"
+  const isSubmitted = useMessage(
+    (u) => _optionalChain([u, 'access', _17 => _17.submittedFeedback, 'optionalAccess', _18 => _18.type]) === "negative"
   );
   const callback = useActionBarFeedbackNegative();
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1096,7 +1089,7 @@ var ActionBarPrimitiveFeedbackNegative = _react.forwardRef.call(void 0, ({ onCli
       ref: forwardedRef,
       disabled: disabled || !callback,
       onClick: _primitive.composeEventHandlers.call(void 0, onClick, () => {
-        _optionalChain([callback, 'optionalCall', _14 => _14()]);
+        _optionalChain([callback, 'optionalCall', _19 => _19()]);
       })
     }
   );
@@ -1256,7 +1249,7 @@ var AttachmentContext = _react.createContext.call(void 0,
 );
 function useAttachmentContext(options) {
   const context = _react.useContext.call(void 0, AttachmentContext);
-  if (!_optionalChain([options, 'optionalAccess', _15 => _15.optional]) && !context)
+  if (!_optionalChain([options, 'optionalAccess', _20 => _20.optional]) && !context)
     throw new Error(
       "This component must be used within a ComposerPrimitive.Attachments or MessagePrimitive.Attachments component."
     );
@@ -1308,9 +1301,9 @@ var { useAttachment: useMessageAttachment } = createContextStoreHook(
 // src/primitives/attachment/AttachmentThumb.tsx
 
 
-var AttachmentPrimitiveThumb = _react.forwardRef.call(void 0, () => {
+var AttachmentPrimitiveThumb = _react.forwardRef.call(void 0, (props, ref) => {
   const ext = useAttachment((a) => a.name.split(".").pop());
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _reactprimitive.Primitive.div, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _reactprimitive.Primitive.div, { ...props, ref, children: [
     ".",
     ext
   ] });
@@ -1347,7 +1340,7 @@ _chunkPZ5AY32Cjs.__export.call(void 0, branchPicker_exports, {
   Count: () => BranchPickerPrimitiveCount,
   Next: () => BranchPickerPrimitiveNext,
   Number: () => BranchPickerPrimitiveNumber,
-  Previous: () => BranchPickerPrevious,
+  Previous: () => BranchPickerPrimitivePrevious,
   Root: () => BranchPickerPrimitiveRoot
 });
 
@@ -1358,7 +1351,7 @@ var BranchPickerPrimitiveNext = createActionButton(
 );
 
 // src/primitives/branchPicker/BranchPickerPrevious.tsx
-var BranchPickerPrevious = createActionButton(
+var BranchPickerPrimitivePrevious = createActionButton(
   "BranchPickerPrimitive.Previous",
   useBranchPickerPrevious
 );
@@ -1537,7 +1530,7 @@ var withSmoothContextProvider = (Component) => {
 };
 function useSmoothContext(options) {
   const context = _react.useContext.call(void 0, SmoothContext);
-  if (!_optionalChain([options, 'optionalAccess', _16 => _16.optional]) && !context)
+  if (!_optionalChain([options, 'optionalAccess', _21 => _21.optional]) && !context)
     throw new Error(
       "This component must be used within a SmoothContextProvider."
     );
@@ -1747,7 +1740,7 @@ var BaseSubject = (_class2 = class {constructor() { _class2.prototype.__init5.ca
       if (this._connection) return;
       this._connection = this._connect();
     } else {
-      _optionalChain([this, 'access', _17 => _17._connection, 'optionalCall', _18 => _18()]);
+      _optionalChain([this, 'access', _22 => _22._connection, 'optionalCall', _23 => _23()]);
       this._connection = void 0;
     }
   }
@@ -1846,40 +1839,38 @@ var EMPTY_ARRAY = Object.freeze([]);
 var getThreadComposerState = (runtime, focus, onFocus) => {
   return Object.freeze({
     type: "thread",
-    isEditing: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _19 => _19.isEditing]), () => ( false)),
-    canCancel: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _20 => _20.canCancel]), () => ( false)),
-    isEmpty: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _21 => _21.isEmpty]), () => ( true)),
-    text: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _22 => _22.text]), () => ( "")),
-    attachments: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _23 => _23.attachments]), () => ( EMPTY_ARRAY)),
-    attachmentAccept: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _24 => _24.attachmentAccept]), () => ( "*")),
-    value: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _25 => _25.text]), () => ( "")),
-    setValue: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _26 => _26.setText, 'access', _27 => _27.bind, 'call', _28 => _28(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
-    setText: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _29 => _29.setText, 'access', _30 => _30.bind, 'call', _31 => _31(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
+    isEditing: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _24 => _24.isEditing]), () => ( false)),
+    canCancel: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _25 => _25.canCancel]), () => ( false)),
+    isEmpty: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _26 => _26.isEmpty]), () => ( true)),
+    text: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _27 => _27.text]), () => ( "")),
+    attachments: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _28 => _28.attachments]), () => ( EMPTY_ARRAY)),
+    value: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _29 => _29.text]), () => ( "")),
+    setValue: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _30 => _30.setText, 'access', _31 => _31.bind, 'call', _32 => _32(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
+    setText: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _33 => _33.setText, 'access', _34 => _34.bind, 'call', _35 => _35(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
     // edit: beginEdit,
-    send: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _32 => _32.send, 'access', _33 => _33.bind, 'call', _34 => _34(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
-    cancel: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _35 => _35.cancel, 'access', _36 => _36.bind, 'call', _37 => _37(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
+    send: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _36 => _36.send, 'access', _37 => _37.bind, 'call', _38 => _38(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
+    cancel: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _39 => _39.cancel, 'access', _40 => _40.bind, 'call', _41 => _41(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
     focus,
     onFocus,
-    reset: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _38 => _38.reset, 'access', _39 => _39.bind, 'call', _40 => _40(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
-    addAttachment: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _41 => _41.addAttachment, 'access', _42 => _42.bind, 'call', _43 => _43(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
-    removeAttachment: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _44 => _44.removeAttachment, 'access', _45 => _45.bind, 'call', _46 => _46(runtime)]), () => ( METHOD_NOT_SUPPORTED))
+    reset: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _42 => _42.reset, 'access', _43 => _43.bind, 'call', _44 => _44(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
+    addAttachment: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _45 => _45.addAttachment, 'access', _46 => _46.bind, 'call', _47 => _47(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
+    removeAttachment: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _48 => _48.removeAttachment, 'access', _49 => _49.bind, 'call', _50 => _50(runtime)]), () => ( METHOD_NOT_SUPPORTED))
   });
 };
 var getEditComposerState = (runtime, beginEdit) => {
   return Object.freeze({
     type: "edit",
-    isEditing: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _47 => _47.isEditing]), () => ( false)),
-    canCancel: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _48 => _48.canCancel]), () => ( false)),
-    isEmpty: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _49 => _49.isEmpty]), () => ( true)),
-    text: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _50 => _50.text]), () => ( "")),
-    attachments: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _51 => _51.attachments]), () => ( EMPTY_ARRAY)),
-    attachmentAccept: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _52 => _52.attachmentAccept]), () => ( "*")),
-    value: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _53 => _53.text]), () => ( "")),
-    setValue: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _54 => _54.setText, 'access', _55 => _55.bind, 'call', _56 => _56(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
-    setText: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _57 => _57.setText, 'access', _58 => _58.bind, 'call', _59 => _59(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
+    isEditing: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _51 => _51.isEditing]), () => ( false)),
+    canCancel: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _52 => _52.canCancel]), () => ( false)),
+    isEmpty: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _53 => _53.isEmpty]), () => ( true)),
+    text: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _54 => _54.text]), () => ( "")),
+    attachments: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _55 => _55.attachments]), () => ( EMPTY_ARRAY)),
+    value: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _56 => _56.text]), () => ( "")),
+    setValue: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _57 => _57.setText, 'access', _58 => _58.bind, 'call', _59 => _59(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
+    setText: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _60 => _60.setText, 'access', _61 => _61.bind, 'call', _62 => _62(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
     edit: beginEdit,
-    send: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _60 => _60.send, 'access', _61 => _61.bind, 'call', _62 => _62(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
-    cancel: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _63 => _63.cancel, 'access', _64 => _64.bind, 'call', _65 => _65(runtime)]), () => ( METHOD_NOT_SUPPORTED))
+    send: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _63 => _63.send, 'access', _64 => _64.bind, 'call', _65 => _65(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
+    cancel: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _66 => _66.cancel, 'access', _67 => _67.bind, 'call', _68 => _68(runtime)]), () => ( METHOD_NOT_SUPPORTED))
   });
 };
 var ComposerRuntimeImpl = class {
@@ -1910,12 +1901,6 @@ var ComposerRuntimeImpl = class {
   get text() {
     return this.getState().text;
   }
-  /**
-   * @deprecated Use `getState().attachmentAccept` instead. This will be removed in 0.6.0.
-   */
-  get attachmentAccept() {
-    return this.getState().attachmentAccept;
-  }
   /**
    * @deprecated Use `getState().attachments` instead. This will be removed in 0.6.0.
    */
@@ -1970,6 +1955,11 @@ var ComposerRuntimeImpl = class {
   subscribe(callback) {
     return this._core.subscribe(callback);
   }
+  getAttachmentAccept() {
+    const core = this._core.getState();
+    if (!core) throw new Error("Composer is not available");
+    return core.getAttachmentAccept();
+  }
 };
 var ThreadComposerRuntimeImpl = (_class5 = class extends ComposerRuntimeImpl {
   get type() {
@@ -1992,7 +1982,7 @@ var ThreadComposerRuntimeImpl = (_class5 = class extends ComposerRuntimeImpl {
     this._getState = stateBinding.getState.bind(stateBinding);
   }
   get attachments() {
-    return _nullishCoalesce(_optionalChain([this, 'access', _66 => _66.getState, 'call', _67 => _67(), 'optionalAccess', _68 => _68.attachments]), () => ( EMPTY_ARRAY));
+    return _nullishCoalesce(_optionalChain([this, 'access', _69 => _69.getState, 'call', _70 => _70(), 'optionalAccess', _71 => _71.attachments]), () => ( EMPTY_ARRAY));
   }
   getState() {
     return this._getState();
@@ -2094,19 +2084,19 @@ var NestedSubscriptionSubject = class extends BaseSubject {
       this.notifySubscribers();
     };
     let lastState = this.binding.getState();
-    let innerUnsubscribe = _optionalChain([lastState, 'optionalAccess', _69 => _69.subscribe, 'call', _70 => _70(callback)]);
+    let innerUnsubscribe = _optionalChain([lastState, 'optionalAccess', _72 => _72.subscribe, 'call', _73 => _73(callback)]);
     const onRuntimeUpdate = () => {
       const newState = this.binding.getState();
       if (newState === lastState) return;
       lastState = newState;
-      _optionalChain([innerUnsubscribe, 'optionalCall', _71 => _71()]);
-      innerUnsubscribe = _optionalChain([this, 'access', _72 => _72.binding, 'access', _73 => _73.getState, 'call', _74 => _74(), 'optionalAccess', _75 => _75.subscribe, 'call', _76 => _76(callback)]);
+      _optionalChain([innerUnsubscribe, 'optionalCall', _74 => _74()]);
+      innerUnsubscribe = _optionalChain([this, 'access', _75 => _75.binding, 'access', _76 => _76.getState, 'call', _77 => _77(), 'optionalAccess', _78 => _78.subscribe, 'call', _79 => _79(callback)]);
       callback();
     };
     const outerUnsubscribe = this.binding.subscribe(onRuntimeUpdate);
     return () => {
-      _optionalChain([outerUnsubscribe, 'optionalCall', _77 => _77()]);
-      _optionalChain([innerUnsubscribe, 'optionalCall', _78 => _78()]);
+      _optionalChain([outerUnsubscribe, 'optionalCall', _80 => _80()]);
+      _optionalChain([innerUnsubscribe, 'optionalCall', _81 => _81()]);
     };
   }
 };
@@ -2172,6 +2162,16 @@ var MessageRuntimeImpl = (_class6 = class {
     if (!state) throw new Error("Message is not available");
     return this._threadBinding.getState().speak(state.id);
   }
+  stopSpeaking() {
+    const state = this._core.getState();
+    if (!state) throw new Error("Message is not available");
+    const thread = this._threadBinding.getState();
+    if (_optionalChain([thread, 'access', _82 => _82.speech, 'optionalAccess', _83 => _83.messageId]) === state.id) {
+      this._threadBinding.getState().stopSpeaking();
+    } else {
+      throw new Error("Message is not being spoken");
+    }
+  }
   submitFeedback({ type }) {
     const state = this._core.getState();
     if (!state) throw new Error("Message is not available");
@@ -2223,7 +2223,7 @@ var MessageRuntimeImpl = (_class6 = class {
       new ShallowMemoizeSubject({
         getState: () => {
           const attachments = this.getState().attachments;
-          const attachment = _optionalChain([attachments, 'optionalAccess', _79 => _79[idx]]);
+          const attachment = _optionalChain([attachments, 'optionalAccess', _84 => _84[idx]]);
           if (!attachment) return SKIP_UPDATE;
           return {
             ...attachment,
@@ -2312,7 +2312,7 @@ var MessageContentPartImpl = ({
 };
 var MessageContentPart = _react.memo.call(void 0, 
   MessageContentPartImpl,
-  (prev, next) => prev.partIndex === next.partIndex && _optionalChain([prev, 'access', _80 => _80.components, 'optionalAccess', _81 => _81.Text]) === _optionalChain([next, 'access', _82 => _82.components, 'optionalAccess', _83 => _83.Text]) && _optionalChain([prev, 'access', _84 => _84.components, 'optionalAccess', _85 => _85.Image]) === _optionalChain([next, 'access', _86 => _86.components, 'optionalAccess', _87 => _87.Image]) && _optionalChain([prev, 'access', _88 => _88.components, 'optionalAccess', _89 => _89.UI]) === _optionalChain([next, 'access', _90 => _90.components, 'optionalAccess', _91 => _91.UI]) && _optionalChain([prev, 'access', _92 => _92.components, 'optionalAccess', _93 => _93.tools]) === _optionalChain([next, 'access', _94 => _94.components, 'optionalAccess', _95 => _95.tools])
+  (prev, next) => prev.partIndex === next.partIndex && _optionalChain([prev, 'access', _85 => _85.components, 'optionalAccess', _86 => _86.Text]) === _optionalChain([next, 'access', _87 => _87.components, 'optionalAccess', _88 => _88.Text]) && _optionalChain([prev, 'access', _89 => _89.components, 'optionalAccess', _90 => _90.Image]) === _optionalChain([next, 'access', _91 => _91.components, 'optionalAccess', _92 => _92.Image]) && _optionalChain([prev, 'access', _93 => _93.components, 'optionalAccess', _94 => _94.UI]) === _optionalChain([next, 'access', _95 => _95.components, 'optionalAccess', _96 => _96.UI]) && _optionalChain([prev, 'access', _97 => _97.components, 'optionalAccess', _98 => _98.tools]) === _optionalChain([next, 'access', _99 => _99.components, 'optionalAccess', _100 => _100.tools])
 );
 var MessagePrimitiveContent = ({
   components
@@ -2378,11 +2378,11 @@ var getComponent = (components, attachment) => {
   const type = attachment.type;
   switch (type) {
     case "image":
-      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _96 => _96.Image]), () => ( _optionalChain([components, 'optionalAccess', _97 => _97.Attachment])));
+      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _101 => _101.Image]), () => ( _optionalChain([components, 'optionalAccess', _102 => _102.Attachment])));
     case "document":
-      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _98 => _98.Document]), () => ( _optionalChain([components, 'optionalAccess', _99 => _99.Attachment])));
+      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _103 => _103.Document]), () => ( _optionalChain([components, 'optionalAccess', _104 => _104.Attachment])));
     case "file":
-      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _100 => _100.File]), () => ( _optionalChain([components, 'optionalAccess', _101 => _101.Attachment])));
+      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _105 => _105.File]), () => ( _optionalChain([components, 'optionalAccess', _106 => _106.Attachment])));
     default:
       const _exhaustiveCheck = type;
       throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);
@@ -2405,7 +2405,7 @@ var MessageAttachmentImpl = ({ components, attachmentIndex }) => {
 };
 var MessageAttachment = _react.memo.call(void 0, 
   MessageAttachmentImpl,
-  (prev, next) => prev.attachmentIndex === next.attachmentIndex && _optionalChain([prev, 'access', _102 => _102.components, 'optionalAccess', _103 => _103.Image]) === _optionalChain([next, 'access', _104 => _104.components, 'optionalAccess', _105 => _105.Image]) && _optionalChain([prev, 'access', _106 => _106.components, 'optionalAccess', _107 => _107.Document]) === _optionalChain([next, 'access', _108 => _108.components, 'optionalAccess', _109 => _109.Document]) && _optionalChain([prev, 'access', _110 => _110.components, 'optionalAccess', _111 => _111.File]) === _optionalChain([next, 'access', _112 => _112.components, 'optionalAccess', _113 => _113.File]) && _optionalChain([prev, 'access', _114 => _114.components, 'optionalAccess', _115 => _115.Attachment]) === _optionalChain([next, 'access', _116 => _116.components, 'optionalAccess', _117 => _117.Attachment])
+  (prev, next) => prev.attachmentIndex === next.attachmentIndex && _optionalChain([prev, 'access', _107 => _107.components, 'optionalAccess', _108 => _108.Image]) === _optionalChain([next, 'access', _109 => _109.components, 'optionalAccess', _110 => _110.Image]) && _optionalChain([prev, 'access', _111 => _111.components, 'optionalAccess', _112 => _112.Document]) === _optionalChain([next, 'access', _113 => _113.components, 'optionalAccess', _114 => _114.Document]) && _optionalChain([prev, 'access', _115 => _115.components, 'optionalAccess', _116 => _116.File]) === _optionalChain([next, 'access', _117 => _117.components, 'optionalAccess', _118 => _118.File]) && _optionalChain([prev, 'access', _119 => _119.components, 'optionalAccess', _120 => _120.Attachment]) === _optionalChain([next, 'access', _121 => _121.components, 'optionalAccess', _122 => _122.Attachment])
 );
 var MessagePrimitiveAttachments = ({ components }) => {
   const attachmentsCount = useMessage(({ message }) => {
@@ -2516,7 +2516,7 @@ var ComposerPrimitiveInput = _react.forwardRef.call(void 0,
         const { isRunning } = threadStore.getState();
         if (!isRunning) {
           e.preventDefault();
-          _optionalChain([textareaRef, 'access', _118 => _118.current, 'optionalAccess', _119 => _119.closest, 'call', _120 => _120("form"), 'optionalAccess', _121 => _121.requestSubmit, 'call', _122 => _122()]);
+          _optionalChain([textareaRef, 'access', _123 => _123.current, 'optionalAccess', _124 => _124.closest, 'call', _125 => _125("form"), 'optionalAccess', _126 => _126.requestSubmit, 'call', _127 => _127()]);
         }
       }
     };
@@ -2581,11 +2581,11 @@ var getComponent2 = (components, attachment) => {
   const type = attachment.type;
   switch (type) {
     case "image":
-      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _123 => _123.Image]), () => ( _optionalChain([components, 'optionalAccess', _124 => _124.Attachment])));
+      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _128 => _128.Image]), () => ( _optionalChain([components, 'optionalAccess', _129 => _129.Attachment])));
     case "document":
-      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _125 => _125.Document]), () => ( _optionalChain([components, 'optionalAccess', _126 => _126.Attachment])));
+      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _130 => _130.Document]), () => ( _optionalChain([components, 'optionalAccess', _131 => _131.Attachment])));
     case "file":
-      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _127 => _127.File]), () => ( _optionalChain([components, 'optionalAccess', _128 => _128.Attachment])));
+      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _132 => _132.File]), () => ( _optionalChain([components, 'optionalAccess', _133 => _133.Attachment])));
     default:
       const _exhaustiveCheck = type;
       throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);
@@ -2608,7 +2608,7 @@ var ComposerAttachmentImpl = ({ components, attachmentIndex }) => {
 };
 var ComposerAttachment = _react.memo.call(void 0, 
   ComposerAttachmentImpl,
-  (prev, next) => prev.attachmentIndex === next.attachmentIndex && _optionalChain([prev, 'access', _129 => _129.components, 'optionalAccess', _130 => _130.Image]) === _optionalChain([next, 'access', _131 => _131.components, 'optionalAccess', _132 => _132.Image]) && _optionalChain([prev, 'access', _133 => _133.components, 'optionalAccess', _134 => _134.Document]) === _optionalChain([next, 'access', _135 => _135.components, 'optionalAccess', _136 => _136.Document]) && _optionalChain([prev, 'access', _137 => _137.components, 'optionalAccess', _138 => _138.File]) === _optionalChain([next, 'access', _139 => _139.components, 'optionalAccess', _140 => _140.File]) && _optionalChain([prev, 'access', _141 => _141.components, 'optionalAccess', _142 => _142.Attachment]) === _optionalChain([next, 'access', _143 => _143.components, 'optionalAccess', _144 => _144.Attachment])
+  (prev, next) => prev.attachmentIndex === next.attachmentIndex && _optionalChain([prev, 'access', _134 => _134.components, 'optionalAccess', _135 => _135.Image]) === _optionalChain([next, 'access', _136 => _136.components, 'optionalAccess', _137 => _137.Image]) && _optionalChain([prev, 'access', _138 => _138.components, 'optionalAccess', _139 => _139.Document]) === _optionalChain([next, 'access', _140 => _140.components, 'optionalAccess', _141 => _141.Document]) && _optionalChain([prev, 'access', _142 => _142.components, 'optionalAccess', _143 => _143.File]) === _optionalChain([next, 'access', _144 => _144.components, 'optionalAccess', _145 => _145.File]) && _optionalChain([prev, 'access', _146 => _146.components, 'optionalAccess', _147 => _147.Attachment]) === _optionalChain([next, 'access', _148 => _148.components, 'optionalAccess', _149 => _149.Attachment])
 );
 var ComposerPrimitiveAttachments = ({ components }) => {
   const attachmentsCount = useComposer((s) => s.attachments.length);
@@ -2816,7 +2816,6 @@ ThreadPrimitiveViewport.displayName = "ThreadPrimitive.Viewport";
 // src/context/stores/MessageUtils.ts
 
 var makeMessageUtilsStore = () => _zustand.create.call(void 0, (set) => {
-  let utterance = null;
   return {
     isCopied: false,
     setIsCopied: (value) => {
@@ -2825,21 +2824,6 @@ var makeMessageUtilsStore = () => _zustand.create.call(void 0, (set) => {
     isHovering: false,
     setIsHovering: (value) => {
       set({ isHovering: value });
-    },
-    isSpeaking: false,
-    stopSpeaking: () => {
-      _optionalChain([utterance, 'optionalAccess', _145 => _145.cancel, 'call', _146 => _146()]);
-    },
-    addUtterance: (utt) => {
-      utterance = utt;
-      set({ isSpeaking: true });
-      utt.onEnd(() => {
-        set({ isSpeaking: false });
-      });
-    },
-    submittedFeedback: null,
-    setSubmittedFeedback: (feedback) => {
-      set({ submittedFeedback: feedback });
     }
   };
 });
@@ -2975,7 +2959,7 @@ var subscribeToMainThread = (runtime, callback) => {
   let first = true;
   let cleanup;
   const inner = () => {
-    _optionalChain([cleanup, 'optionalCall', _147 => _147()]);
+    _optionalChain([cleanup, 'optionalCall', _150 => _150()]);
     cleanup = runtime.thread.subscribe(callback);
     if (!first) {
       callback();
@@ -2986,7 +2970,7 @@ var subscribeToMainThread = (runtime, callback) => {
   inner();
   return () => {
     unsubscribe();
-    _optionalChain([cleanup, 'optionalCall', _148 => _148()]);
+    _optionalChain([cleanup, 'optionalCall', _151 => _151()]);
   };
 };
 
@@ -3034,10 +3018,12 @@ _chunkPZ5AY32Cjs.__export.call(void 0, internal_exports, {
 
 // src/runtimes/composer/BaseComposerRuntimeCore.tsx
 var isAttachmentComplete = (a) => a.status.type === "complete";
-var BaseComposerRuntimeCore = (_class8 = class {constructor() { _class8.prototype.__init13.call(this);_class8.prototype.__init14.call(this);_class8.prototype.__init15.call(this);_class8.prototype.__init16.call(this);_class8.prototype.__init17.call(this); }
+var BaseComposerRuntimeCore = (_class8 = class {constructor() { _class8.prototype.__init13.call(this);_class8.prototype.__init14.call(this);_class8.prototype.__init15.call(this);_class8.prototype.__init16.call(this); }
   __init13() {this.isEditing = true}
-  __init14() {this.attachmentAccept = "*"}
-  __init15() {this._attachments = []}
+  getAttachmentAccept() {
+    return _nullishCoalesce(_optionalChain([this, 'access', _152 => _152.getAttachmentAdapter, 'call', _153 => _153(), 'optionalAccess', _154 => _154.accept]), () => ( "*"));
+  }
+  __init14() {this._attachments = []}
   set attachments(value) {
     this._attachments = value;
     this.notifySubscribers();
@@ -3048,7 +3034,7 @@ var BaseComposerRuntimeCore = (_class8 = class {constructor() { _class8.prototyp
   get isEmpty() {
     return !this.text.trim() && !this.attachments.length;
   }
-  __init16() {this._text = ""}
+  __init15() {this._text = ""}
   get text() {
     return this._text;
   }
@@ -3062,11 +3048,12 @@ var BaseComposerRuntimeCore = (_class8 = class {constructor() { _class8.prototyp
     this.notifySubscribers();
   }
   async send() {
-    const attachments = this._attachmentAdapter ? await Promise.all(
+    const adapter = this.getAttachmentAdapter();
+    const attachments = adapter && this.attachments.length > 0 ? await Promise.all(
       this.attachments.map(async (a) => {
         if (isAttachmentComplete(a)) return a;
-        const result = await this._attachmentAdapter.send(a);
-        if (_optionalChain([result, 'access', _149 => _149.status, 'optionalAccess', _150 => _150.type]) !== "complete") {
+        const result = await adapter.send(a);
+        if (_optionalChain([result, 'access', _155 => _155.status, 'optionalAccess', _156 => _156.type]) !== "complete") {
           result.status = { type: "complete" };
         }
         return result;
@@ -3080,19 +3067,10 @@ var BaseComposerRuntimeCore = (_class8 = class {constructor() { _class8.prototyp
     this.reset();
     this.handleSend(message);
   }
-  
-  setAttachmentAdapter(adapter) {
-    this._attachmentAdapter = adapter;
-    const accept = _nullishCoalesce(_optionalChain([adapter, 'optionalAccess', _151 => _151.accept]), () => ( "*"));
-    if (this.attachmentAccept !== accept) {
-      this.attachmentAccept = accept;
-      this.notifySubscribers();
-    }
-  }
   async addAttachment(file) {
-    if (!this._attachmentAdapter)
-      throw new Error("Attachments are not supported");
-    const attachment = await this._attachmentAdapter.add({ file });
+    const adapter = this.getAttachmentAdapter();
+    if (!adapter) throw new Error("Attachments are not supported");
+    const attachment = await adapter.add({ file });
     if (attachment.status === void 0) {
       attachment.status = { type: "requires-action", reason: "composer-send" };
     }
@@ -3100,16 +3078,16 @@ var BaseComposerRuntimeCore = (_class8 = class {constructor() { _class8.prototyp
     this.notifySubscribers();
   }
   async removeAttachment(attachmentId) {
-    if (!this._attachmentAdapter)
-      throw new Error("Attachments are not supported");
+    const adapter = this.getAttachmentAdapter();
+    if (!adapter) throw new Error("Attachments are not supported");
     const index = this._attachments.findIndex((a) => a.id === attachmentId);
     if (index === -1) throw new Error("Attachment not found");
     const attachment = this._attachments[index];
-    await this._attachmentAdapter.remove(attachment);
+    await adapter.remove(attachment);
     this._attachments = this._attachments.toSpliced(index, 1);
     this.notifySubscribers();
   }
-  __init17() {this._subscriptions = /* @__PURE__ */ new Set()}
+  __init16() {this._subscriptions = /* @__PURE__ */ new Set()}
   notifySubscribers() {
     for (const callback of this._subscriptions) callback();
   }
@@ -3122,17 +3100,20 @@ var BaseComposerRuntimeCore = (_class8 = class {constructor() { _class8.prototyp
 // src/runtimes/composer/DefaultThreadComposerRuntimeCore.tsx
 var DefaultThreadComposerRuntimeCore = (_class9 = class extends BaseComposerRuntimeCore {
   constructor(runtime) {
-    super();_class9.prototype.__init18.call(this);;
+    super();_class9.prototype.__init17.call(this);;
     this.runtime = runtime;
     this.connect();
   }
-  __init18() {this._canCancel = false}
+  __init17() {this._canCancel = false}
   get canCancel() {
     return this._canCancel;
   }
   get attachments() {
     return super.attachments;
   }
+  getAttachmentAdapter() {
+    return _optionalChain([this, 'access', _157 => _157.runtime, 'access', _158 => _158.adapters, 'optionalAccess', _159 => _159.attachments]);
+  }
   connect() {
     return this.runtime.subscribe(() => {
       if (this.canCancel !== this.runtime.capabilities.cancel) {
@@ -3144,7 +3125,7 @@ var DefaultThreadComposerRuntimeCore = (_class9 = class extends BaseComposerRunt
   async handleSend(message) {
     this.runtime.append({
       ...message,
-      parentId: _nullishCoalesce(_optionalChain([this, 'access', _152 => _152.runtime, 'access', _153 => _153.messages, 'access', _154 => _154.at, 'call', _155 => _155(-1), 'optionalAccess', _156 => _156.id]), () => ( null))
+      parentId: _nullishCoalesce(_optionalChain([this, 'access', _160 => _160.runtime, 'access', _161 => _161.messages, 'access', _162 => _162.at, 'call', _163 => _163(-1), 'optionalAccess', _164 => _164.id]), () => ( null))
     });
   }
   async cancel() {
@@ -3153,8 +3134,8 @@ var DefaultThreadComposerRuntimeCore = (_class9 = class extends BaseComposerRunt
 }, _class9);
 
 // src/utils/ProxyConfigProvider.ts
-var ProxyConfigProvider = (_class10 = class {constructor() { _class10.prototype.__init19.call(this); }
-  __init19() {this._providers = /* @__PURE__ */ new Set()}
+var ProxyConfigProvider = (_class10 = class {constructor() { _class10.prototype.__init18.call(this); }
+  __init18() {this._providers = /* @__PURE__ */ new Set()}
   getModelConfig() {
     return _chunkKVXP3Q6Kjs.mergeModelConfigs.call(void 0, this._providers);
   }
@@ -3231,11 +3212,11 @@ var findHead = (message) => {
   if ("current" in message) return message;
   return null;
 };
-var MessageRepository = (_class11 = class {constructor() { _class11.prototype.__init20.call(this);_class11.prototype.__init21.call(this);_class11.prototype.__init22.call(this); }
-  __init20() {this.messages = /* @__PURE__ */ new Map()}
+var MessageRepository = (_class11 = class {constructor() { _class11.prototype.__init19.call(this);_class11.prototype.__init20.call(this);_class11.prototype.__init21.call(this); }
+  __init19() {this.messages = /* @__PURE__ */ new Map()}
   // message_id -> item
-  __init21() {this.head = null}
-  __init22() {this.root = {
+  __init20() {this.head = null}
+  __init21() {this.root = {
     children: [],
     next: null
   }}
@@ -3277,7 +3258,7 @@ var MessageRepository = (_class11 = class {constructor() { _class11.prototype.__
     }
   }
   getMessages() {
-    const messages2 = new Array(_nullishCoalesce(_optionalChain([this, 'access', _157 => _157.head, 'optionalAccess', _158 => _158.level]), () => ( 0)));
+    const messages2 = new Array(_nullishCoalesce(_optionalChain([this, 'access', _165 => _165.head, 'optionalAccess', _166 => _166.level]), () => ( 0)));
     for (let current = this.head; current; current = current.prev) {
       messages2[current.level] = current.current;
     }
@@ -3315,7 +3296,7 @@ var MessageRepository = (_class11 = class {constructor() { _class11.prototype.__
         "MessageRepository(updateMessage): Message not found. This is likely an internal bug in assistant-ui."
       );
     return {
-      parentId: _nullishCoalesce(_optionalChain([message, 'access', _159 => _159.prev, 'optionalAccess', _160 => _160.current, 'access', _161 => _161.id]), () => ( null)),
+      parentId: _nullishCoalesce(_optionalChain([message, 'access', _167 => _167.prev, 'optionalAccess', _168 => _168.current, 'access', _169 => _169.id]), () => ( null)),
       message: message.current
     };
   }
@@ -3399,11 +3380,11 @@ var MessageRepository = (_class11 = class {constructor() { _class11.prototype.__
     for (const [, message] of this.messages) {
       exportItems.push({
         message: message.current,
-        parentId: _nullishCoalesce(_optionalChain([message, 'access', _162 => _162.prev, 'optionalAccess', _163 => _163.current, 'access', _164 => _164.id]), () => ( null))
+        parentId: _nullishCoalesce(_optionalChain([message, 'access', _170 => _170.prev, 'optionalAccess', _171 => _171.current, 'access', _172 => _172.id]), () => ( null))
       });
     }
     return {
-      headId: _nullishCoalesce(_optionalChain([this, 'access', _165 => _165.head, 'optionalAccess', _166 => _166.current, 'access', _167 => _167.id]), () => ( null)),
+      headId: _nullishCoalesce(_optionalChain([this, 'access', _173 => _173.head, 'optionalAccess', _174 => _174.current, 'access', _175 => _175.id]), () => ( null)),
       messages: exportItems
     };
   }
@@ -3411,7 +3392,7 @@ var MessageRepository = (_class11 = class {constructor() { _class11.prototype.__
     for (const { message, parentId } of messages2) {
       this.addOrUpdateMessage(parentId, message);
     }
-    this.resetHead(_nullishCoalesce(_nullishCoalesce(headId, () => ( _optionalChain([messages2, 'access', _168 => _168.at, 'call', _169 => _169(-1), 'optionalAccess', _170 => _170.message, 'access', _171 => _171.id]))), () => ( null)));
+    this.resetHead(_nullishCoalesce(_nullishCoalesce(headId, () => ( _optionalChain([messages2, 'access', _176 => _176.at, 'call', _177 => _177(-1), 'optionalAccess', _178 => _178.message, 'access', _179 => _179.id]))), () => ( null)));
   }
 }, _class11);
 
@@ -3511,41 +3492,11 @@ var TooltipIconButton = _react.forwardRef.call(void 0, ({ children, tooltip, sid
 });
 TooltipIconButton.displayName = "TooltipIconButton";
 
-// src/api/AssistantRuntime.ts
-var AssistantRuntimeImpl = class {
-  constructor(_core, CustomThreadRuntime) {
-    this._core = _core;
-    this.thread = new CustomThreadRuntime(
-      new NestedSubscriptionSubject({
-        getState: () => this._core.thread,
-        subscribe: (callback) => this._core.subscribe(callback)
-      })
-    );
-  }
-  
-  switchToNewThread() {
-    return this._core.switchToNewThread();
-  }
-  switchToThread(threadId) {
-    return this._core.switchToThread(threadId);
-  }
-  registerModelConfigProvider(provider) {
-    return this._core.registerModelConfigProvider(provider);
-  }
-  // TODO events for thread switching
-  /**
-   * @deprecated Thread is now static and never gets updated. This will be removed in 0.6.0.
-   */
-  subscribe(callback) {
-    return this._core.subscribe(callback);
-  }
-};
-
 // src/api/ThreadRuntime.ts
 var toAppendMessage = (messages2, message) => {
   if (typeof message === "string") {
     return {
-      parentId: _nullishCoalesce(_optionalChain([messages2, 'access', _172 => _172.at, 'call', _173 => _173(-1), 'optionalAccess', _174 => _174.id]), () => ( null)),
+      parentId: _nullishCoalesce(_optionalChain([messages2, 'access', _180 => _180.at, 'call', _181 => _181(-1), 'optionalAccess', _182 => _182.id]), () => ( null)),
       role: "user",
       content: [{ type: "text", text: message }],
       attachments: []
@@ -3555,7 +3506,7 @@ var toAppendMessage = (messages2, message) => {
     return message;
   }
   return {
-    parentId: _nullishCoalesce(_nullishCoalesce(message.parentId, () => ( _optionalChain([messages2, 'access', _175 => _175.at, 'call', _176 => _176(-1), 'optionalAccess', _177 => _177.id]))), () => ( null)),
+    parentId: _nullishCoalesce(_nullishCoalesce(message.parentId, () => ( _optionalChain([messages2, 'access', _183 => _183.at, 'call', _184 => _184(-1), 'optionalAccess', _185 => _185.id]))), () => ( null)),
     role: _nullishCoalesce(message.role, () => ( "user")),
     content: message.content,
     attachments: _nullishCoalesce(message.attachments, () => ( []))
@@ -3567,10 +3518,11 @@ var getThreadState = (runtime) => {
     threadId: runtime.threadId,
     capabilities: runtime.capabilities,
     isDisabled: runtime.isDisabled,
-    isRunning: _optionalChain([lastMessage, 'optionalAccess', _178 => _178.role]) !== "assistant" ? false : lastMessage.status.type === "running",
+    isRunning: _optionalChain([lastMessage, 'optionalAccess', _186 => _186.role]) !== "assistant" ? false : lastMessage.status.type === "running",
     messages: runtime.messages,
     suggestions: runtime.suggestions,
-    extras: runtime.extras
+    extras: runtime.extras,
+    speech: runtime.speech
   });
 };
 var ThreadRuntimeImpl = (_class12 = class {
@@ -3617,11 +3569,17 @@ var ThreadRuntimeImpl = (_class12 = class {
   get messages() {
     return this._threadBinding.getState().messages;
   }
+  /**
+   * @deprecated Use `getState().speechState` instead. This will be removed in 0.6.0.
+   */
+  get speech() {
+    return this._threadBinding.getState().speech;
+  }
   unstable_getCore() {
     return this._threadBinding.getState();
   }
   
-  constructor(threadBinding) {;_class12.prototype.__init23.call(this);
+  constructor(threadBinding) {;_class12.prototype.__init22.call(this);
     const stateBinding = new LazyMemoizeSubject({
       getState: () => getThreadState(threadBinding.getState()),
       subscribe: (callback) => threadBinding.subscribe(callback)
@@ -3632,7 +3590,7 @@ var ThreadRuntimeImpl = (_class12 = class {
       subscribe: (callback) => threadBinding.subscribe(callback)
     };
   }
-  __init23() {this.composer = new ThreadComposerRuntimeImpl(
+  __init22() {this.composer = new ThreadComposerRuntimeImpl(
     new NestedSubscriptionSubject({
       getState: () => this._threadBinding.getState().composer,
       subscribe: (callback) => this._threadBinding.subscribe(callback)
@@ -3677,15 +3635,21 @@ var ThreadRuntimeImpl = (_class12 = class {
   switchToBranch(branchId) {
     return this._threadBinding.getState().switchToBranch(branchId);
   }
-  // /**
-  //  * @deprecated Use `getMesssageById(id).speak()` instead. This will be removed in 0.6.0.
-  //  */
+  /**
+   * @deprecated Use `getMesssageById(id).speak()` instead. This will be removed in 0.6.0.
+   */
   speak(messageId) {
     return this._threadBinding.getState().speak(messageId);
   }
-  // /**
-  //  * @deprecated Use `getMesssageById(id).submitFeedback({ type })` instead. This will be removed in 0.6.0.
-  //  */
+  stopSpeaking() {
+    return this._threadBinding.getState().stopSpeaking();
+  }
+  getSubmittedFeedback(messageId) {
+    return this._threadBinding.getState().getSubmittedFeedback(messageId);
+  }
+  /**
+   * @deprecated Use `getMesssageById(id).submitFeedback({ type })` instead. This will be removed in 0.6.0.
+   */
   submitFeedback(options) {
     return this._threadBinding.getState().submitFeedback(options);
   }
@@ -3712,18 +3676,22 @@ var ThreadRuntimeImpl = (_class12 = class {
     return new MessageRuntimeImpl(
       new ShallowMemoizeSubject({
         getState: () => {
-          const messages2 = this.getState().messages;
+          const { messages: messages2, speech: speechState } = this.getState();
           const message = messages2[idx];
           if (!message) return SKIP_UPDATE;
-          const branches = this._threadBinding.getState().getBranches(message.id);
+          const thread = this._threadBinding.getState();
+          const branches = thread.getBranches(message.id);
+          const submittedFeedback = thread.getSubmittedFeedback(message.id);
           return {
             ...message,
             message,
             isLast: idx === messages2.length - 1,
-            parentId: _nullishCoalesce(_optionalChain([messages2, 'access', _179 => _179[idx - 1], 'optionalAccess', _180 => _180.id]), () => ( null)),
+            parentId: _nullishCoalesce(_optionalChain([messages2, 'access', _187 => _187[idx - 1], 'optionalAccess', _188 => _188.id]), () => ( null)),
             branches,
             branchNumber: branches.indexOf(message.id) + 1,
-            branchCount: branches.length
+            branchCount: branches.length,
+            speech: _optionalChain([speechState, 'optionalAccess', _189 => _189.messageId]) === message.id ? speechState : void 0,
+            submittedFeedback
           };
         },
         subscribe: (callback) => this._threadBinding.subscribe(callback)
@@ -3733,6 +3701,47 @@ var ThreadRuntimeImpl = (_class12 = class {
   }
 }, _class12);
 
+// src/api/AssistantRuntime.ts
+var AssistantRuntimeImpl = class _AssistantRuntimeImpl {
+  constructor(_core, _thread) {
+    this._core = _core;
+    this._thread = _thread;
+  }
+  get thread() {
+    return this._thread;
+  }
+  switchToNewThread() {
+    return this._core.switchToNewThread();
+  }
+  switchToThread(threadId) {
+    return this._core.switchToThread(threadId);
+  }
+  registerModelConfigProvider(provider) {
+    return this._core.registerModelConfigProvider(provider);
+  }
+  // TODO events for thread switching
+  /**
+   * @deprecated Thread is now static and never gets updated. This will be removed in 0.6.0.
+   */
+  subscribe(callback) {
+    return this._core.subscribe(callback);
+  }
+  static createThreadRuntime(_core, CustomThreadRuntime = ThreadRuntimeImpl) {
+    return new CustomThreadRuntime(
+      new NestedSubscriptionSubject({
+        getState: () => _core.thread,
+        subscribe: (callback) => _core.subscribe(callback)
+      })
+    );
+  }
+  static create(_core, CustomThreadRuntime = ThreadRuntimeImpl) {
+    return new _AssistantRuntimeImpl(
+      _core,
+      _AssistantRuntimeImpl.createThreadRuntime(_core, CustomThreadRuntime)
+    );
+  }
+};
+
 // src/runtimes/edge/converters/fromLanguageModelMessages.ts
 var fromLanguageModelMessages = (lm, { mergeSteps }) => {
   const messages2 = [];
@@ -3799,7 +3808,7 @@ var fromLanguageModelMessages = (lm, { mergeSteps }) => {
         });
         if (mergeSteps) {
           const previousMessage = messages2[messages2.length - 1];
-          if (_optionalChain([previousMessage, 'optionalAccess', _181 => _181.role]) === "assistant") {
+          if (_optionalChain([previousMessage, 'optionalAccess', _190 => _190.role]) === "assistant") {
             previousMessage.content.push(...newContent);
             break;
           }
@@ -3812,7 +3821,7 @@ var fromLanguageModelMessages = (lm, { mergeSteps }) => {
       }
       case "tool": {
         const previousMessage = messages2[messages2.length - 1];
-        if (_optionalChain([previousMessage, 'optionalAccess', _182 => _182.role]) !== "assistant")
+        if (_optionalChain([previousMessage, 'optionalAccess', _191 => _191.role]) !== "assistant")
           throw new Error(
             "A tool message must be preceded by an assistant message."
           );
@@ -3934,7 +3943,7 @@ function assistantDecoderStream() {
         }
         case "c" /* ToolCallDelta */: {
           const { toolCallId, argsTextDelta } = value;
-          if (_optionalChain([currentToolCall, 'optionalAccess', _183 => _183.id]) !== toolCallId) {
+          if (_optionalChain([currentToolCall, 'optionalAccess', _192 => _192.id]) !== toolCallId) {
             throw new Error(
               `Received tool call delta for unknown tool call "${toolCallId}".`
             );
@@ -4081,7 +4090,7 @@ var useEdgeRuntime = (options) => {
 };
 
 // src/runtimes/local/shouldContinue.tsx
-var shouldContinue = (result) => _optionalChain([result, 'access', _184 => _184.status, 'optionalAccess', _185 => _185.type]) === "requires-action" && result.status.reason === "tool-calls" && result.content.every((c) => c.type !== "tool-call" || !!c.result);
+var shouldContinue = (result) => _optionalChain([result, 'access', _193 => _193.status, 'optionalAccess', _194 => _194.type]) === "requires-action" && result.status.reason === "tool-calls" && result.content.every((c) => c.type !== "tool-call" || !!c.result);
 
 // src/runtimes/composer/DefaultEditComposerRuntimeCore.tsx
 var DefaultEditComposerRuntimeCore = class extends BaseComposerRuntimeCore {
@@ -4095,10 +4104,14 @@ var DefaultEditComposerRuntimeCore = class extends BaseComposerRuntimeCore {
     this._nonTextParts = message.content.filter(
       (part) => part.type !== "text" && part.type !== "ui"
     );
+    this.attachments = _nullishCoalesce(message.attachments, () => ( []));
   }
   get canCancel() {
     return true;
   }
+  getAttachmentAdapter() {
+    return _optionalChain([this, 'access', _195 => _195.runtime, 'access', _196 => _196.adapters, 'optionalAccess', _197 => _197.attachments]);
+  }
   
   
   
@@ -4120,10 +4133,107 @@ var DefaultEditComposerRuntimeCore = class extends BaseComposerRuntimeCore {
   }
 };
 
-// src/runtimes/local/LocalThreadRuntimeCore.tsx
-var LocalThreadRuntimeCore = (_class13 = class {
-  constructor(configProvider, adapter, { initialMessages, ...options }) {;_class13.prototype.__init24.call(this);_class13.prototype.__init25.call(this);_class13.prototype.__init26.call(this);_class13.prototype.__init27.call(this);_class13.prototype.__init28.call(this);_class13.prototype.__init29.call(this);_class13.prototype.__init30.call(this);_class13.prototype.__init31.call(this);
+// src/runtimes/core/BaseThreadRuntimeCore.tsx
+var BaseThreadRuntimeCore = (_class13 = class {
+  constructor(configProvider) {;_class13.prototype.__init23.call(this);_class13.prototype.__init24.call(this);_class13.prototype.__init25.call(this);_class13.prototype.__init26.call(this);_class13.prototype.__init27.call(this);
     this.configProvider = configProvider;
+  }
+  __init23() {this._subscriptions = /* @__PURE__ */ new Set()}
+  __init24() {this.repository = new MessageRepository()}
+  get messages() {
+    return this.repository.getMessages();
+  }
+  __init25() {this.composer = new DefaultThreadComposerRuntimeCore(this)}
+  getModelConfig() {
+    return this.configProvider.getModelConfig();
+  }
+  __init26() {this._editComposers = /* @__PURE__ */ new Map()}
+  getEditComposer(messageId) {
+    return this._editComposers.get(messageId);
+  }
+  beginEdit(messageId) {
+    if (this._editComposers.has(messageId))
+      throw new Error("Edit already in progress");
+    this._editComposers.set(
+      messageId,
+      new DefaultEditComposerRuntimeCore(
+        this,
+        () => this._editComposers.delete(messageId),
+        this.repository.getMessage(messageId)
+      )
+    );
+    this.notifySubscribers();
+  }
+  getBranches(messageId) {
+    return this.repository.getBranches(messageId);
+  }
+  switchToBranch(branchId) {
+    this.repository.switchToBranch(branchId);
+    this.notifySubscribers();
+  }
+  notifySubscribers() {
+    for (const callback of this._subscriptions) callback();
+  }
+  subscribe(callback) {
+    this._subscriptions.add(callback);
+    return () => this._subscriptions.delete(callback);
+  }
+  __init27() {this._submittedFeedback = {}}
+  getSubmittedFeedback(messageId) {
+    return this._submittedFeedback[messageId];
+  }
+  submitFeedback({ messageId, type }) {
+    const adapter = _optionalChain([this, 'access', _198 => _198.adapters, 'optionalAccess', _199 => _199.feedback]);
+    if (!adapter) throw new Error("Feedback adapter not configured");
+    const { message } = this.repository.getMessage(messageId);
+    adapter.submit({ message, type });
+    this._submittedFeedback[messageId] = { type };
+    this.notifySubscribers();
+  }
+  
+  
+  speak(messageId) {
+    const adapter = _optionalChain([this, 'access', _200 => _200.adapters, 'optionalAccess', _201 => _201.speech]);
+    if (!adapter) throw new Error("Speech adapter not configured");
+    const { message } = this.repository.getMessage(messageId);
+    _optionalChain([this, 'access', _202 => _202._stopSpeaking, 'optionalCall', _203 => _203()]);
+    const utterance = adapter.speak(message);
+    const unsub = utterance.subscribe(() => {
+      if (utterance.status.type === "ended") {
+        this._stopSpeaking = void 0;
+        this.speech = void 0;
+      } else {
+        this.speech = { messageId, status: utterance.status };
+      }
+      this.notifySubscribers();
+    });
+    this.speech = { messageId, status: utterance.status };
+    this.notifySubscribers();
+    this._stopSpeaking = () => {
+      utterance.cancel();
+      unsub();
+      this.speech = void 0;
+      this._stopSpeaking = void 0;
+    };
+  }
+  stopSpeaking() {
+    if (!this._stopSpeaking) throw new Error("No message is being spoken");
+    this._stopSpeaking();
+    this.notifySubscribers();
+  }
+  export() {
+    return this.repository.export();
+  }
+  import(data) {
+    this.repository.import(data);
+    this.notifySubscribers();
+  }
+}, _class13);
+
+// src/runtimes/local/LocalThreadRuntimeCore.tsx
+var LocalThreadRuntimeCore = (_class14 = class extends BaseThreadRuntimeCore {
+  constructor(configProvider, adapter, { initialMessages, ...options }) {
+    super(configProvider);_class14.prototype.__init28.call(this);_class14.prototype.__init29.call(this);_class14.prototype.__init30.call(this);_class14.prototype.__init31.call(this);;
     this.adapter = adapter;
     this.threadId = generateId();
     this.options = options;
@@ -4136,28 +4246,22 @@ var LocalThreadRuntimeCore = (_class13 = class {
       }
     }
   }
-  __init24() {this._subscriptions = /* @__PURE__ */ new Set()}
-  __init25() {this.abortController = null}
-  __init26() {this.repository = new MessageRepository()}
-  __init27() {this.capabilities = {
+  __init28() {this.capabilities = {
     switchToBranch: true,
     edit: true,
     reload: true,
     cancel: true,
     unstable_copy: true,
-    speak: false,
+    speech: false,
     attachments: false,
     feedback: false
   }}
+  __init29() {this.abortController = null}
   
-  __init28() {this.isDisabled = false}
-  __init29() {this.suggestions = []}
-  get messages() {
-    return this.repository.getMessages();
-  }
-  __init30() {this.composer = new DefaultThreadComposerRuntimeCore(this)}
-  getModelConfig() {
-    return this.configProvider.getModelConfig();
+  __init30() {this.isDisabled = false}
+  __init31() {this.suggestions = []}
+  get adapters() {
+    return this.options.adapters;
   }
   
   get options() {
@@ -4169,48 +4273,23 @@ var LocalThreadRuntimeCore = (_class13 = class {
   set options({ initialMessages, ...options }) {
     this._options = options;
     let hasUpdates = false;
-    const canSpeak = _optionalChain([options, 'access', _186 => _186.adapters, 'optionalAccess', _187 => _187.speech]) !== void 0;
-    if (this.capabilities.speak !== canSpeak) {
-      this.capabilities.speak = canSpeak;
+    const canSpeak = _optionalChain([options, 'access', _204 => _204.adapters, 'optionalAccess', _205 => _205.speech]) !== void 0;
+    if (this.capabilities.speech !== canSpeak) {
+      this.capabilities.speech = canSpeak;
       hasUpdates = true;
     }
-    this.composer.setAttachmentAdapter(_optionalChain([options, 'access', _188 => _188.adapters, 'optionalAccess', _189 => _189.attachments]));
-    const canAttach = _optionalChain([options, 'access', _190 => _190.adapters, 'optionalAccess', _191 => _191.attachments]) !== void 0;
+    const canAttach = _optionalChain([options, 'access', _206 => _206.adapters, 'optionalAccess', _207 => _207.attachments]) !== void 0;
     if (this.capabilities.attachments !== canAttach) {
       this.capabilities.attachments = canAttach;
       hasUpdates = true;
     }
-    const canFeedback = _optionalChain([options, 'access', _192 => _192.adapters, 'optionalAccess', _193 => _193.feedback]) !== void 0;
+    const canFeedback = _optionalChain([options, 'access', _208 => _208.adapters, 'optionalAccess', _209 => _209.feedback]) !== void 0;
     if (this.capabilities.feedback !== canFeedback) {
       this.capabilities.feedback = canFeedback;
       hasUpdates = true;
     }
     if (hasUpdates) this.notifySubscribers();
   }
-  __init31() {this._editComposers = /* @__PURE__ */ new Map()}
-  getEditComposer(messageId) {
-    return this._editComposers.get(messageId);
-  }
-  beginEdit(messageId) {
-    if (this._editComposers.has(messageId))
-      throw new Error("Edit already in progress");
-    this._editComposers.set(
-      messageId,
-      new DefaultEditComposerRuntimeCore(
-        this,
-        () => this._editComposers.delete(messageId),
-        this.repository.getMessage(messageId)
-      )
-    );
-    this.notifySubscribers();
-  }
-  getBranches(messageId) {
-    return this.repository.getBranches(messageId);
-  }
-  switchToBranch(branchId) {
-    this.repository.switchToBranch(branchId);
-    this.notifySubscribers();
-  }
   async append(message) {
     const newMessage = fromCoreMessage(message, {
       attachments: message.attachments
@@ -4239,13 +4318,13 @@ var LocalThreadRuntimeCore = (_class13 = class {
   }
   async performRoundtrip(parentId, message) {
     const messages2 = this.repository.getMessages();
-    _optionalChain([this, 'access', _194 => _194.abortController, 'optionalAccess', _195 => _195.abort, 'call', _196 => _196()]);
+    _optionalChain([this, 'access', _210 => _210.abortController, 'optionalAccess', _211 => _211.abort, 'call', _212 => _212()]);
     this.abortController = new AbortController();
     const initialContent = message.content;
-    const initialSteps = _optionalChain([message, 'access', _197 => _197.metadata, 'optionalAccess', _198 => _198.steps]);
-    const initalCustom = _optionalChain([message, 'access', _199 => _199.metadata, 'optionalAccess', _200 => _200.custom]);
+    const initialSteps = _optionalChain([message, 'access', _213 => _213.metadata, 'optionalAccess', _214 => _214.steps]);
+    const initalCustom = _optionalChain([message, 'access', _215 => _215.metadata, 'optionalAccess', _216 => _216.custom]);
     const updateMessage = (m) => {
-      const newSteps = _optionalChain([m, 'access', _201 => _201.metadata, 'optionalAccess', _202 => _202.steps]) || _optionalChain([m, 'access', _203 => _203.metadata, 'optionalAccess', _204 => _204.roundtrips]);
+      const newSteps = _optionalChain([m, 'access', _217 => _217.metadata, 'optionalAccess', _218 => _218.steps]) || _optionalChain([m, 'access', _219 => _219.metadata, 'optionalAccess', _220 => _220.roundtrips]);
       const steps2 = newSteps ? [..._nullishCoalesce(initialSteps, () => ( [])), ...newSteps] : void 0;
       message = {
         ...message,
@@ -4257,7 +4336,7 @@ var LocalThreadRuntimeCore = (_class13 = class {
           metadata: {
             ...message.metadata,
             ...steps2 ? { roundtrips: steps2, steps: steps2 } : void 0,
-            ..._optionalChain([m, 'access', _205 => _205.metadata, 'optionalAccess', _206 => _206.custom]) ? {
+            ..._optionalChain([m, 'access', _221 => _221.metadata, 'optionalAccess', _222 => _222.custom]) ? {
               custom: { ..._nullishCoalesce(initalCustom, () => ( {})), ...m.metadata.custom }
             } : void 0
           }
@@ -4267,7 +4346,7 @@ var LocalThreadRuntimeCore = (_class13 = class {
       this.notifySubscribers();
     };
     const maxSteps = this.options.maxSteps ? this.options.maxSteps : (_nullishCoalesce(this.options.maxToolRoundtrips, () => ( 1))) + 1;
-    const steps = _nullishCoalesce(_optionalChain([message, 'access', _207 => _207.metadata, 'optionalAccess', _208 => _208.steps, 'optionalAccess', _209 => _209.length]), () => ( 0));
+    const steps = _nullishCoalesce(_optionalChain([message, 'access', _223 => _223.metadata, 'optionalAccess', _224 => _224.steps, 'optionalAccess', _225 => _225.length]), () => ( 0));
     if (steps >= maxSteps) {
       updateMessage({
         status: {
@@ -4287,7 +4366,7 @@ var LocalThreadRuntimeCore = (_class13 = class {
       const promiseOrGenerator = this.adapter.run({
         messages: messages2,
         abortSignal: this.abortController.signal,
-        config: this.configProvider.getModelConfig(),
+        config: this.getModelConfig(),
         onUpdate: updateMessage
       });
       if (Symbol.asyncIterator in promiseOrGenerator) {
@@ -4319,17 +4398,9 @@ var LocalThreadRuntimeCore = (_class13 = class {
     return message;
   }
   cancelRun() {
-    if (!this.abortController) return;
-    this.abortController.abort();
+    _optionalChain([this, 'access', _226 => _226.abortController, 'optionalAccess', _227 => _227.abort, 'call', _228 => _228()]);
     this.abortController = null;
   }
-  notifySubscribers() {
-    for (const callback of this._subscriptions) callback();
-  }
-  subscribe(callback) {
-    this._subscriptions.add(callback);
-    return () => this._subscriptions.delete(callback);
-  }
   addToolResult({
     messageId,
     toolCallId,
@@ -4363,39 +4434,7 @@ var LocalThreadRuntimeCore = (_class13 = class {
       this.performRoundtrip(parentId, message);
     }
   }
-  // TODO lift utterance state to thread runtime
-  
-  speak(messageId) {
-    const adapter = _optionalChain([this, 'access', _210 => _210.options, 'access', _211 => _211.adapters, 'optionalAccess', _212 => _212.speech]);
-    if (!adapter) throw new Error("Speech adapter not configured");
-    const { message } = this.repository.getMessage(messageId);
-    if (this._utterance) {
-      this._utterance.cancel();
-      this._utterance = void 0;
-    }
-    const utterance = adapter.speak(message);
-    utterance.onEnd(() => {
-      if (this._utterance === utterance) {
-        this._utterance = void 0;
-      }
-    });
-    this._utterance = utterance;
-    return this._utterance;
-  }
-  submitFeedback({ messageId, type }) {
-    const adapter = _optionalChain([this, 'access', _213 => _213.options, 'access', _214 => _214.adapters, 'optionalAccess', _215 => _215.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();
-  }
-  import(data) {
-    this.repository.import(data);
-    this.notifySubscribers();
-  }
-}, _class13);
+}, _class14);
 
 // src/runtimes/local/LocalRuntimeCore.tsx
 var LocalRuntimeCore = class extends BaseAssistantRuntimeCore {
@@ -4430,7 +4469,7 @@ var LocalRuntimeCore = class extends BaseAssistantRuntimeCore {
     const messages2 = fromCoreMessages(initialMessages);
     this.thread.import({
       messages: messages2.map((m, idx) => ({
-        parentId: _nullishCoalesce(_optionalChain([messages2, 'access', _216 => _216[idx - 1], 'optionalAccess', _217 => _217.id]), () => ( null)),
+        parentId: _nullishCoalesce(_optionalChain([messages2, 'access', _229 => _229[idx - 1], 'optionalAccess', _230 => _230.id]), () => ( null)),
         message: m
       }))
     });
@@ -4438,14 +4477,20 @@ var LocalRuntimeCore = class extends BaseAssistantRuntimeCore {
 };
 
 // src/runtimes/local/useLocalRuntime.tsx
-var LocalRuntime = class extends AssistantRuntimeImpl {
-  constructor(core) {
-    super(core, ThreadRuntimeImpl);
+var LocalRuntimeImpl = class _LocalRuntimeImpl extends AssistantRuntimeImpl {
+  constructor(core, thread) {
+    super(core, thread);
     this.core = core;
   }
   reset(options) {
     this.core.reset(options);
   }
+  static create(_core) {
+    return new _LocalRuntimeImpl(
+      _core,
+      AssistantRuntimeImpl.createThreadRuntime(_core, ThreadRuntimeImpl)
+    );
+  }
 };
 var useLocalRuntime = (adapter, options = {}) => {
   const [runtime] = _react.useState.call(void 0, () => new LocalRuntimeCore(adapter, options));
@@ -4453,7 +4498,7 @@ var useLocalRuntime = (adapter, options = {}) => {
     runtime.thread.adapter = adapter;
     runtime.thread.options = options;
   });
-  return _react.useMemo.call(void 0, () => new LocalRuntime(runtime), [runtime]);
+  return _react.useMemo.call(void 0, () => LocalRuntimeImpl.create(runtime), [runtime]);
 };
 
 // src/runtimes/external-store/useExternalStoreRuntime.tsx
@@ -4466,7 +4511,7 @@ var getExternalStoreMessage = (message) => {
 };
 
 // src/runtimes/external-store/ThreadMessageConverter.ts
-var ThreadMessageConverter = (_class14 = class {constructor() { _class14.prototype.__init32.call(this); }
+var ThreadMessageConverter = (_class15 = class {constructor() { _class15.prototype.__init32.call(this); }
   __init32() {this.cache = /* @__PURE__ */ new WeakMap()}
   convertMessages(messages2, converter) {
     return messages2.map((m, idx) => {
@@ -4476,7 +4521,7 @@ var ThreadMessageConverter = (_class14 = class {constructor() { _class14.prototy
       return newMessage;
     });
   }
-}, _class14);
+}, _class15);
 
 // src/runtimes/external-store/auto-status.tsx
 var AUTO_STATUS_RUNNING = Object.freeze({ type: "running" });
@@ -4564,23 +4609,17 @@ var fromThreadMessageLike = (like, fallbackId, fallbackStatus) => {
 // src/runtimes/external-store/ExternalStoreThreadRuntimeCore.tsx
 var EMPTY_ARRAY2 = Object.freeze([]);
 var hasUpcomingMessage = (isRunning, messages2) => {
-  return isRunning && _optionalChain([messages2, 'access', _218 => _218[messages2.length - 1], 'optionalAccess', _219 => _219.role]) !== "assistant";
+  return isRunning && _optionalChain([messages2, 'access', _231 => _231[messages2.length - 1], 'optionalAccess', _232 => _232.role]) !== "assistant";
 };
-var ExternalStoreThreadRuntimeCore = (_class15 = class {
-  constructor(configProvider, store) {;_class15.prototype.__init33.call(this);_class15.prototype.__init34.call(this);_class15.prototype.__init35.call(this);_class15.prototype.__init36.call(this);_class15.prototype.__init37.call(this);_class15.prototype.__init38.call(this);_class15.prototype.__init39.call(this);_class15.prototype.__init40.call(this);_class15.prototype.__init41.call(this);_class15.prototype.__init42.call(this);
-    this.configProvider = configProvider;
-    this.store = store;
-  }
-  __init33() {this._subscriptions = /* @__PURE__ */ new Set()}
-  __init34() {this.repository = new MessageRepository()}
-  __init35() {this.assistantOptimisticId = null}
-  __init36() {this._capabilities = {
+var ExternalStoreThreadRuntimeCore = (_class16 = class extends BaseThreadRuntimeCore {
+  __init33() {this.assistantOptimisticId = null}
+  __init34() {this._capabilities = {
     switchToBranch: false,
     edit: false,
     reload: false,
     cancel: false,
     unstable_copy: false,
-    speak: false,
+    speech: false,
     attachments: false,
     feedback: false
   }}
@@ -4590,27 +4629,24 @@ var ExternalStoreThreadRuntimeCore = (_class15 = class {
   
   
   
-  __init37() {this.suggestions = []}
-  __init38() {this.extras = void 0}
-  __init39() {this._converter = new ThreadMessageConverter()}
-  
-  __init40() {this.composer = new DefaultThreadComposerRuntimeCore(this)}
-  __init41() {this._editComposers = /* @__PURE__ */ new Map()}
-  getEditComposer(messageId) {
-    return this._editComposers.get(messageId);
+  get messages() {
+    return this._messages;
+  }
+  get adapters() {
+    return this._store.adapters;
   }
+  __init35() {this.suggestions = []}
+  __init36() {this.extras = void 0}
+  __init37() {this._converter = new ThreadMessageConverter()}
+  
   beginEdit(messageId) {
-    if (this._editComposers.has(messageId))
-      throw new Error("Edit already in progress");
-    this._editComposers.set(
-      messageId,
-      new DefaultEditComposerRuntimeCore(
-        this,
-        () => this._editComposers.delete(messageId),
-        this.repository.getMessage(messageId)
-      )
-    );
-    this.notifySubscribers();
+    if (!this.store.onEdit)
+      throw new Error("Runtime does not support editing.");
+    super.beginEdit(messageId);
+  }
+  constructor(configProvider, store) {
+    super(configProvider);_class16.prototype.__init33.call(this);_class16.prototype.__init34.call(this);_class16.prototype.__init35.call(this);_class16.prototype.__init36.call(this);_class16.prototype.__init37.call(this);_class16.prototype.__init38.call(this);;
+    this.store = store;
   }
   get store() {
     return this._store;
@@ -4629,13 +4665,12 @@ var ExternalStoreThreadRuntimeCore = (_class15 = class {
       edit: this._store.onEdit !== void 0,
       reload: this._store.onReload !== void 0,
       cancel: this._store.onCancel !== void 0,
-      speak: this._store.onSpeak !== void 0,
-      unstable_copy: _optionalChain([this, 'access', _223 => _223._store, 'access', _224 => _224.unstable_capabilities, 'optionalAccess', _225 => _225.copy]) !== false,
+      speech: _optionalChain([this, 'access', _236 => _236._store, 'access', _237 => _237.adapters, 'optionalAccess', _238 => _238.speech]) !== void 0,
+      unstable_copy: _optionalChain([this, 'access', _239 => _239._store, 'access', _240 => _240.unstable_capabilities, 'optionalAccess', _241 => _241.copy]) !== false,
       // default true
-      attachments: !!_optionalChain([this, 'access', _226 => _226.store, 'access', _227 => _227.adapters, 'optionalAccess', _228 => _228.attachments]),
-      feedback: !!_optionalChain([this, 'access', _229 => _229.store, 'access', _230 => _230.adapters, 'optionalAccess', _231 => _231.feedback])
+      attachments: !!_optionalChain([this, 'access', _242 => _242.store, 'access', _243 => _243.adapters, 'optionalAccess', _244 => _244.attachments]),
+      feedback: !!_optionalChain([this, 'access', _245 => _245.store, 'access', _246 => _246.adapters, 'optionalAccess', _247 => _247.feedback])
     };
-    this.composer.setAttachmentAdapter(_optionalChain([this, 'access', _232 => _232._store, 'access', _233 => _233.adapters, 'optionalAccess', _234 => _234.attachments]));
     if (oldStore) {
       if (oldStore.convertMessage !== store.convertMessage) {
         this._converter = new ThreadMessageConverter();
@@ -4661,7 +4696,7 @@ var ExternalStoreThreadRuntimeCore = (_class15 = class {
     for (let i = 0; i < messages2.length; i++) {
       const message = messages2[i];
       const parent = messages2[i - 1];
-      this.repository.addOrUpdateMessage(_nullishCoalesce(_optionalChain([parent, 'optionalAccess', _235 => _235.id]), () => ( null)), message);
+      this.repository.addOrUpdateMessage(_nullishCoalesce(_optionalChain([parent, 'optionalAccess', _248 => _248.id]), () => ( null)), message);
     }
     if (this.assistantOptimisticId) {
       this.repository.deleteMessage(this.assistantOptimisticId);
@@ -4669,7 +4704,7 @@ var ExternalStoreThreadRuntimeCore = (_class15 = class {
     }
     if (hasUpcomingMessage(isRunning, messages2)) {
       this.assistantOptimisticId = this.repository.appendOptimisticMessage(
-        _nullishCoalesce(_optionalChain([messages2, 'access', _236 => _236.at, 'call', _237 => _237(-1), 'optionalAccess', _238 => _238.id]), () => ( null)),
+        _nullishCoalesce(_optionalChain([messages2, 'access', _249 => _249.at, 'call', _250 => _250(-1), 'optionalAccess', _251 => _251.id]), () => ( null)),
         {
           role: "assistant",
           content: []
@@ -4677,20 +4712,11 @@ var ExternalStoreThreadRuntimeCore = (_class15 = class {
       );
     }
     this.repository.resetHead(
-      _nullishCoalesce(_nullishCoalesce(this.assistantOptimisticId, () => ( _optionalChain([messages2, 'access', _239 => _239.at, 'call', _240 => _240(-1), 'optionalAccess', _241 => _241.id]))), () => ( null))
+      _nullishCoalesce(_nullishCoalesce(this.assistantOptimisticId, () => ( _optionalChain([messages2, 'access', _252 => _252.at, 'call', _253 => _253(-1), 'optionalAccess', _254 => _254.id]))), () => ( null))
     );
-    this.messages = this.repository.getMessages();
+    this._messages = this.repository.getMessages();
     this.notifySubscribers();
   }
-  getModelConfig() {
-    return this.configProvider.getModelConfig();
-  }
-  notifySubscribers() {
-    for (const callback of this._subscriptions) callback();
-  }
-  getBranches(messageId) {
-    return this.repository.getBranches(messageId);
-  }
   switchToBranch(branchId) {
     if (!this._store.setMessages)
       throw new Error("Runtime does not support switching branches.");
@@ -4698,7 +4724,7 @@ var ExternalStoreThreadRuntimeCore = (_class15 = class {
     this.updateMessages(this.repository.getMessages());
   }
   async append(message) {
-    if (message.parentId !== (_nullishCoalesce(_optionalChain([this, 'access', _242 => _242.messages, 'access', _243 => _243.at, 'call', _244 => _244(-1), 'optionalAccess', _245 => _245.id]), () => ( null)))) {
+    if (message.parentId !== (_nullishCoalesce(_optionalChain([this, 'access', _255 => _255.messages, 'access', _256 => _256.at, 'call', _257 => _257(-1), 'optionalAccess', _258 => _258.id]), () => ( null)))) {
       if (!this._store.onEdit)
         throw new Error("Runtime does not support editing messages.");
       await this._store.onEdit(message);
@@ -4721,7 +4747,7 @@ var ExternalStoreThreadRuntimeCore = (_class15 = class {
     }
     let messages2 = this.repository.getMessages();
     const previousMessage = messages2[messages2.length - 1];
-    if (_optionalChain([previousMessage, 'optionalAccess', _246 => _246.role]) === "user" && previousMessage.id === _optionalChain([messages2, 'access', _247 => _247.at, 'call', _248 => _248(-1), 'optionalAccess', _249 => _249.id])) {
+    if (_optionalChain([previousMessage, 'optionalAccess', _259 => _259.role]) === "user" && previousMessage.id === _optionalChain([messages2, 'access', _260 => _260.at, 'call', _261 => _261(-1), 'optionalAccess', _262 => _262.id])) {
       this.repository.deleteMessage(previousMessage.id);
       if (!this.composer.text.trim()) {
         this.composer.setText(getThreadMessageText(previousMessage));
@@ -4739,34 +4765,12 @@ var ExternalStoreThreadRuntimeCore = (_class15 = class {
       throw new Error("Runtime does not support tool results.");
     this._store.onAddToolResult(options);
   }
-  speak(messageId) {
-    if (!this._store.onSpeak)
-      throw new Error("Runtime does not support speaking.");
-    const { message } = this.repository.getMessage(messageId);
-    return this._store.onSpeak(message);
-  }
-  submitFeedback({ messageId, type }) {
-    const adapter = _optionalChain([this, 'access', _250 => _250._store, 'access', _251 => _251.adapters, 'optionalAccess', _252 => _252.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);
-  }
-  __init42() {this.updateMessages = (messages2) => {
-    _optionalChain([this, 'access', _253 => _253._store, 'access', _254 => _254.setMessages, 'optionalCall', _255 => _255(
+  __init38() {this.updateMessages = (messages2) => {
+    _optionalChain([this, 'access', _263 => _263._store, 'access', _264 => _264.setMessages, 'optionalCall', _265 => _265(
       messages2.flatMap(getExternalStoreMessage).filter((m) => m != null)
     )]);
   }}
-  import(repository) {
-    this.repository.import(repository);
-  }
-  export() {
-    return this.repository.export();
-  }
-}, _class15);
+}, _class16);
 
 // src/runtimes/external-store/ExternalStoreRuntimeCore.tsx
 var ExternalStoreRuntimeCore = class extends BaseAssistantRuntimeCore {
@@ -4820,7 +4824,7 @@ var useExternalStoreRuntime = (store) => {
     runtime.thread.store = store;
   });
   return _react.useMemo.call(void 0, 
-    () => new AssistantRuntimeImpl(runtime, ThreadRuntimeImpl),
+    () => AssistantRuntimeImpl.create(runtime, ThreadRuntimeImpl),
     [runtime]
   );
 };
@@ -5010,11 +5014,11 @@ var WebSpeechSynthesisAdapter = class {
   speak(message) {
     const text = getThreadMessageText(message);
     const utterance = new SpeechSynthesisUtterance(text);
-    const endHandlers = /* @__PURE__ */ new Set();
+    const subscribers = /* @__PURE__ */ new Set();
     const handleEnd = (reason, error) => {
       if (res.status.type === "ended") return;
       res.status = { type: "ended", reason, error };
-      endHandlers.forEach((handler) => handler());
+      subscribers.forEach((handler) => handler());
     };
     utterance.addEventListener("end", () => handleEnd("finished"));
     utterance.addEventListener("error", (e) => handleEnd("error", e.error));
@@ -5025,7 +5029,7 @@ var WebSpeechSynthesisAdapter = class {
         window.speechSynthesis.cancel();
         handleEnd("cancelled");
       },
-      onEnd: (callback) => {
+      subscribe: (callback) => {
         if (res.status.type === "ended") {
           let cancelled = false;
           queueMicrotask(() => {
@@ -5035,9 +5039,9 @@ var WebSpeechSynthesisAdapter = class {
             cancelled = true;
           };
         } else {
-          endHandlers.add(callback);
+          subscribers.add(callback);
           return () => {
-            endHandlers.delete(callback);
+            subscribers.delete(callback);
           };
         }
       }
@@ -5047,8 +5051,8 @@ var WebSpeechSynthesisAdapter = class {
 };
 
 // src/runtimes/attachment/SimpleImageAttachmentAdapter.ts
-var SimpleImageAttachmentAdapter = (_class16 = class {constructor() { _class16.prototype.__init43.call(this); }
-  __init43() {this.accept = "image/*"}
+var SimpleImageAttachmentAdapter = (_class17 = class {constructor() { _class17.prototype.__init39.call(this); }
+  __init39() {this.accept = "image/*"}
   async add(state) {
     return {
       id: state.file.name,
@@ -5073,7 +5077,7 @@ var SimpleImageAttachmentAdapter = (_class16 = class {constructor() { _class16.p
   }
   async remove() {
   }
-}, _class16);
+}, _class17);
 var getFileDataURL = (file) => new Promise((resolve, reject) => {
   const reader = new FileReader();
   reader.onload = () => resolve(reader.result);
@@ -5082,8 +5086,8 @@ var getFileDataURL = (file) => new Promise((resolve, reject) => {
 });
 
 // src/runtimes/attachment/SimpleTextAttachmentAdapter.ts
-var SimpleTextAttachmentAdapter = (_class17 = class {constructor() { _class17.prototype.__init44.call(this); }
-  __init44() {this.accept = "text/plain,text/html,text/markdown,text/csv,text/xml,text/json,text/css"}
+var SimpleTextAttachmentAdapter = (_class18 = class {constructor() { _class18.prototype.__init40.call(this); }
+  __init40() {this.accept = "text/plain,text/html,text/markdown,text/csv,text/xml,text/json,text/css"}
   async add(state) {
     return {
       id: state.file.name,
@@ -5110,7 +5114,7 @@ ${await getFileText(attachment.file)}
   }
   async remove() {
   }
-}, _class17);
+}, _class18);
 var getFileText = (file) => new Promise((resolve, reject) => {
   const reader = new FileReader();
   reader.onload = () => resolve(reader.result);
@@ -5211,7 +5215,7 @@ var ThreadConfigProvider = ({
 }) => {
   const hasAssistant = !!useAssistantRuntime({ optional: true });
   const configProvider = config && Object.keys(_nullishCoalesce(config, () => ( {}))).length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadConfigContext.Provider, { value: config, children }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children });
-  if (!_optionalChain([config, 'optionalAccess', _256 => _256.runtime])) return configProvider;
+  if (!_optionalChain([config, 'optionalAccess', _266 => _266.runtime])) return configProvider;
   if (hasAssistant) {
     throw new Error(
       "You provided a runtime to <Thread> while simulataneously using <AssistantRuntimeProvider>. This is not allowed."
@@ -5240,8 +5244,8 @@ var useAllowCopy = (ensureCapability = false) => {
 };
 var useAllowSpeak = (ensureCapability = false) => {
   const { assistantMessage: { allowSpeak = true } = {} } = useThreadConfig();
-  const speakSupported = useThread((t) => t.capabilities.speak);
-  return allowSpeak && (!ensureCapability || speakSupported);
+  const speechSupported = useThread((t) => t.capabilities.speech);
+  return allowSpeak && (!ensureCapability || speechSupported);
 };
 var useAllowReload = (ensureCapability = false) => {
   const { assistantMessage: { allowReload = true } = {} } = useThreadConfig();
@@ -5287,13 +5291,13 @@ var AssistantActionBarRoot = withDefaults(actionBar_exports.Root, {
   className: "aui-assistant-action-bar-root"
 });
 AssistantActionBarRoot.displayName = "AssistantActionBarRoot";
-var AssistantActionBarCopy = _react.forwardRef.call(void 0, (props, ref) => {
+var AssistantActionBarCopy = _react.forwardRef.call(void 0, ({ copiedDuration, ...props }, ref) => {
   const {
     strings: {
       assistantMessage: { copy: { tooltip = "Copy" } = {} } = {}
     } = {}
   } = useThreadConfig();
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, actionBar_exports.Copy, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipIconButton, { tooltip, ...props, ref, children: _nullishCoalesce(props.children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, actionBar_exports.Copy, { copiedDuration, asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipIconButton, { tooltip, ...props, ref, children: _nullishCoalesce(props.children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, message_exports.If, { copied: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CheckIcon, {}) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, message_exports.If, { copied: false, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CopyIcon, {}) })
   ] }))) }) });
@@ -5408,7 +5412,7 @@ var BranchPicker = () => {
   const allowBranchPicker = useAllowBranchPicker(true);
   if (!allowBranchPicker) return null;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BranchPickerRoot, { hideWhenSingleBranch: true, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BranchPickerPrevious2, {}),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BranchPickerPrevious, {}),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BranchPickerState, {}),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BranchPickerNext, {})
   ] });
@@ -5418,7 +5422,7 @@ var BranchPickerRoot = withDefaults(branchPicker_exports.Root, {
   className: "aui-branch-picker-root"
 });
 BranchPickerRoot.displayName = "BranchPickerRoot";
-var BranchPickerPrevious2 = _react.forwardRef.call(void 0, (props, ref) => {
+var BranchPickerPrevious = _react.forwardRef.call(void 0, (props, ref) => {
   const {
     strings: {
       branchPicker: { previous: { tooltip = "Previous" } = {} } = {}
@@ -5427,7 +5431,7 @@ var BranchPickerPrevious2 = _react.forwardRef.call(void 0, (props, ref) => {
   const allowBranchPicker = useAllowBranchPicker();
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, branchPicker_exports.Previous, { disabled: !allowBranchPicker, asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipIconButton, { tooltip, ...props, ref, children: _nullishCoalesce(props.children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronLeftIcon, {}))) }) });
 });
-BranchPickerPrevious2.displayName = "BranchPickerPrevious";
+BranchPickerPrevious.displayName = "BranchPickerPrevious";
 var BranchPickerStateWrapper = withDefaults("span", {
   className: "aui-branch-picker-state"
 });
@@ -5449,7 +5453,7 @@ var BranchPickerNext = _react.forwardRef.call(void 0, (props, ref) => {
 BranchPickerNext.displayName = "BranchPickerNext";
 var exports2 = {
   Root: BranchPickerRoot,
-  Previous: BranchPickerPrevious2,
+  Previous: BranchPickerPrevious,
   Next: BranchPickerNext
 };
 var branch_picker_default = Object.assign(BranchPicker, exports2);
@@ -5539,7 +5543,7 @@ var AssistantMessageContent = _react.forwardRef.call(void 0, ({ components: comp
     {
       components: {
         ...componentsProp,
-        Text: _nullishCoalesce(_nullishCoalesce(_optionalChain([componentsProp, 'optionalAccess', _257 => _257.Text]), () => ( components.Text)), () => ( content_part_default.Text)),
+        Text: _nullishCoalesce(_nullishCoalesce(_optionalChain([componentsProp, 'optionalAccess', _267 => _267.Text]), () => ( components.Text)), () => ( content_part_default.Text)),
         tools: toolsComponents
       }
     }
@@ -5590,12 +5594,30 @@ CircleStopIcon.displayName = "CircleStopIcon";
 
 
 var ComposerAttachmentRoot = withDefaults(attachment_exports.Root, {
-  className: "aui-composer-attachment-root"
+  className: "aui-attachment-root"
 });
 ComposerAttachmentRoot.displayName = "ComposerAttachmentRoot";
 var ComposerAttachment2 = () => {
+  const typeLabel = useAttachment((a) => {
+    const type = a.type;
+    switch (type) {
+      case "image":
+        return "Image";
+      case "document":
+        return "Document";
+      case "file":
+        return "File";
+      default:
+        const _exhaustiveCheck = type;
+        throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);
+    }
+  });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ComposerAttachmentRoot, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, attachment_exports.unstable_Thumb, {}),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, attachment_exports.unstable_Thumb, { className: "aui-attachment-thumb" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "aui-attachment-text", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "aui-attachment-name", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, attachment_exports.Name, {}) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "aui-attachment-type", children: typeLabel })
+    ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ComposerAttachmentRemove, {})
   ] });
 };
@@ -5674,7 +5696,7 @@ var ComposerAttachments = ({ components }) => {
     {
       components: {
         ...components,
-        Attachment: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _258 => _258.Attachment]), () => ( composer_attachment_default))
+        Attachment: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _268 => _268.Attachment]), () => ( composer_attachment_default))
       }
     }
   ) });
@@ -5719,23 +5741,27 @@ var ComposerSendButton = withDefaults(TooltipIconButton, {
   variant: "default",
   className: "aui-composer-send"
 });
-var ComposerSend = _react.forwardRef.call(void 0, (props, ref) => {
-  const {
-    strings: { composer: { send: { tooltip = "Send" } = {} } = {} } = {}
-  } = useThreadConfig();
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, composer_exports.Send, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ComposerSendButton, { tooltip, ...props, ref, children: _nullishCoalesce(props.children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.SendHorizontalIcon, {}))) }) });
-});
+var ComposerSend = _react.forwardRef.call(void 0, 
+  (props, ref) => {
+    const {
+      strings: { composer: { send: { tooltip = "Send" } = {} } = {} } = {}
+    } = useThreadConfig();
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, composer_exports.Send, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ComposerSendButton, { tooltip, ...props, ref, children: _nullishCoalesce(props.children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.SendHorizontalIcon, {}))) }) });
+  }
+);
 ComposerSend.displayName = "ComposerSend";
 var ComposerCancelButton = withDefaults(TooltipIconButton, {
   variant: "default",
   className: "aui-composer-cancel"
 });
-var ComposerCancel = _react.forwardRef.call(void 0, (props, ref) => {
-  const {
-    strings: { composer: { cancel: { tooltip = "Cancel" } = {} } = {} } = {}
-  } = useThreadConfig();
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, composer_exports.Cancel, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ComposerCancelButton, { tooltip, ...props, ref, children: _nullishCoalesce(props.children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CircleStopIcon, {}))) }) });
-});
+var ComposerCancel = _react.forwardRef.call(void 0, 
+  (props, ref) => {
+    const {
+      strings: { composer: { cancel: { tooltip = "Cancel" } = {} } = {} } = {}
+    } = useThreadConfig();
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, composer_exports.Cancel, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ComposerCancelButton, { tooltip, ...props, ref, children: _nullishCoalesce(props.children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CircleStopIcon, {}))) }) });
+  }
+);
 ComposerCancel.displayName = "ComposerCancel";
 var exports6 = {
   Root: ComposerRoot,
@@ -5767,11 +5793,9 @@ var ThreadWelcomeRootStyled = withDefaults("div", {
 var ThreadWelcomeCenter = withDefaults("div", {
   className: "aui-thread-welcome-center"
 });
-var ThreadWelcomeRoot = _react.forwardRef.call(void 0, 
-  (props, ref) => {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, thread_exports.Empty, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadWelcomeRootStyled, { ...props, ref }) });
-  }
-);
+var ThreadWelcomeRoot = _react.forwardRef.call(void 0, (props, ref) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, thread_exports.Empty, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadWelcomeRootStyled, { ...props, ref }) });
+});
 ThreadWelcomeRoot.displayName = "ThreadWelcomeRoot";
 var ThreadWelcomeAvatar = () => {
   const { assistantAvatar: avatar = { fallback: "A" } } = useThreadConfig();
@@ -5800,7 +5824,7 @@ var ThreadWelcomeSuggestions = () => {
   const suggestions2 = useThread((t) => t.suggestions);
   const { welcome: { suggestions } = {} } = useThreadConfig();
   const finalSuggestions = suggestions2.length ? suggestions2 : suggestions;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadWelcomeSuggestionContainer, { children: _optionalChain([finalSuggestions, 'optionalAccess', _259 => _259.map, 'call', _260 => _260((suggestion, idx) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadWelcomeSuggestionContainer, { children: _optionalChain([finalSuggestions, 'optionalAccess', _269 => _269.map, 'call', _270 => _270((suggestion, idx) => {
     const key = `${suggestion.prompt}-${idx}`;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadWelcomeSuggestion, { suggestion }, key);
   })]) });
@@ -5855,11 +5879,31 @@ var user_action_bar_default = Object.assign(UserActionBar, exports8);
 // src/ui/user-message-attachment.tsx
 
 var UserMessageAttachmentRoot = withDefaults(attachment_exports.Root, {
-  className: "aui-user-message-attachment-root"
+  className: "aui-attachment-root"
 });
 UserMessageAttachmentRoot.displayName = "UserMessageAttachmentRoot";
 var UserMessageAttachment = () => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UserMessageAttachmentRoot, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, attachment_exports.unstable_Thumb, {}) });
+  const typeLabel = useAttachment((a) => {
+    const type = a.type;
+    switch (type) {
+      case "image":
+        return "Image";
+      case "document":
+        return "Document";
+      case "file":
+        return "File";
+      default:
+        const _exhaustiveCheck = type;
+        throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);
+    }
+  });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, UserMessageAttachmentRoot, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, attachment_exports.unstable_Thumb, { className: "aui-attachment-thumb" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "aui-attachment-text", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "aui-attachment-name", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, attachment_exports.Name, {}) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "aui-attachment-type", children: typeLabel })
+    ] })
+  ] });
 };
 UserMessageAttachment.displayName = "UserMessageAttachment";
 var exports9 = {
@@ -5875,8 +5919,10 @@ var user_message_attachment_default = Object.assign(
 var UserMessage = () => {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, UserMessageRoot, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UserMessageAttachments, {}),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, user_action_bar_default, {}),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UserMessageContent, {}),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, message_exports.If, { hasContent: true, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, user_action_bar_default, {}),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UserMessageContent, {})
+    ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, branch_picker_default, {})
   ] });
 };
@@ -5888,19 +5934,17 @@ UserMessageRoot.displayName = "UserMessageRoot";
 var UserMessageContentWrapper = withDefaults("div", {
   className: "aui-user-message-content"
 });
-var UserMessageContent = _react.forwardRef.call(void 0, 
-  ({ components, ...props }, ref) => {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UserMessageContentWrapper, { ...props, ref, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      message_exports.Content,
-      {
-        components: {
-          ...components,
-          Text: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _261 => _261.Text]), () => ( content_part_default.Text))
-        }
+var UserMessageContent = _react.forwardRef.call(void 0, ({ components, ...props }, ref) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UserMessageContentWrapper, { ...props, ref, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    message_exports.Content,
+    {
+      components: {
+        ...components,
+        Text: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _271 => _271.Text]), () => ( content_part_default.Text))
       }
-    ) });
-  }
-);
+    }
+  ) });
+});
 UserMessageContent.displayName = "UserMessageContent";
 var UserMessageAttachmentsContainer = withDefaults("div", {
   className: "aui-user-message-attachments"
@@ -5913,7 +5957,7 @@ var UserMessageAttachments = ({
     {
       components: {
         ...components,
-        Attachment: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _262 => _262.Attachment]), () => ( user_message_attachment_default))
+        Attachment: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _272 => _272.Attachment]), () => ( user_message_attachment_default))
       }
     }
   ) }) });
@@ -5950,25 +5994,19 @@ var EditComposerFooter = withDefaults("div", {
   className: "aui-edit-composer-footer"
 });
 EditComposerFooter.displayName = "EditComposerFooter";
-var EditComposerCancel = _react.forwardRef.call(void 0, 
-  (props, ref) => {
-    const {
-      strings: {
-        editComposer: { cancel: { label = "Cancel" } = {} } = {}
-      } = {}
-    } = useThreadConfig();
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, composer_exports.Cancel, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Button, { variant: "ghost", ...props, ref, children: _nullishCoalesce(props.children, () => ( label)) }) });
-  }
-);
+var EditComposerCancel = _react.forwardRef.call(void 0, (props, ref) => {
+  const {
+    strings: { editComposer: { cancel: { label = "Cancel" } = {} } = {} } = {}
+  } = useThreadConfig();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, composer_exports.Cancel, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Button, { variant: "ghost", ...props, ref, children: _nullishCoalesce(props.children, () => ( label)) }) });
+});
 EditComposerCancel.displayName = "EditComposerCancel";
-var EditComposerSend = _react.forwardRef.call(void 0, 
-  (props, ref) => {
-    const {
-      strings: { editComposer: { send: { label = "Send" } = {} } = {} } = {}
-    } = useThreadConfig();
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, composer_exports.Send, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Button, { ...props, ref, children: _nullishCoalesce(props.children, () => ( label)) }) });
-  }
-);
+var EditComposerSend = _react.forwardRef.call(void 0, (props, ref) => {
+  const {
+    strings: { editComposer: { send: { label = "Send" } = {} } = {} } = {}
+  } = useThreadConfig();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, composer_exports.Send, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Button, { ...props, ref, children: _nullishCoalesce(props.children, () => ( label)) }) });
+});
 EditComposerSend.displayName = "EditComposerSend";
 var exports11 = {
   Root: EditComposerRoot,
@@ -6022,10 +6060,10 @@ var ThreadMessages = ({ components, unstable_flexGrowDiv: flexGrowDiv = true, ..
       thread_exports.Messages,
       {
         components: {
-          UserMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _263 => _263.UserMessage]), () => ( user_message_default)),
-          EditComposer: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _264 => _264.EditComposer]), () => ( edit_composer_default)),
-          AssistantMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _265 => _265.AssistantMessage]), () => ( assistant_message_default)),
-          SystemMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _266 => _266.SystemMessage]), () => ( SystemMessage))
+          UserMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _273 => _273.UserMessage]), () => ( user_message_default)),
+          EditComposer: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _274 => _274.EditComposer]), () => ( edit_composer_default)),
+          AssistantMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _275 => _275.AssistantMessage]), () => ( assistant_message_default)),
+          SystemMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _276 => _276.SystemMessage]), () => ( SystemMessage))
         },
         ...rest
       }
@@ -6036,7 +6074,7 @@ var ThreadMessages = ({ components, unstable_flexGrowDiv: flexGrowDiv = true, ..
 ThreadMessages.displayName = "ThreadMessages";
 var ThreadFollowupSuggestions = () => {
   const suggestions = useThread((t) => t.suggestions);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, thread_exports.If, { empty: false, running: false, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aui-thread-followup-suggestions", children: _optionalChain([suggestions, 'optionalAccess', _267 => _267.map, 'call', _268 => _268((suggestion, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, thread_exports.If, { empty: false, running: false, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aui-thread-followup-suggestions", children: _optionalChain([suggestions, 'optionalAccess', _277 => _277.map, 'call', _278 => _278((suggestion, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     thread_exports.Suggestion,
     {
       className: "aui-thread-followup-suggestion",
@@ -6080,7 +6118,10 @@ var AssistantModal = (config) => {
   ] });
 };
 AssistantModal.displayName = "AssistantModal";
-var AssistantModalRoot = ({ config, ...props }) => {
+var AssistantModalRoot = ({
+  config,
+  ...props
+}) => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadConfigProvider, { config, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, assistantModal_exports.Root, { ...props }) });
 };
 AssistantModalRoot.displayName = "AssistantModalRoot";