@assistant-ui/react 0.5.89 → 0.5.91

package/dist/index.js

@@ -9,7 +9,7 @@
 
 
 
-var _chunk75WIGDCWjs = require('./chunk-75WIGDCW.js');
+var _chunkMRIZ4RHIjs = require('./chunk-MRIZ4RHI.js');
 
 
 var _chunkPZ5AY32Cjs = require('./chunk-PZ5AY32C.js');
@@ -2325,6 +2325,7 @@ var defaultComponents = {
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContentPartPrimitiveInProgress, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontFamily: "revert" }, children: " \u25CF" }) })
   ] }),
   Image: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContentPartPrimitiveImage, {}),
+  Unstable_Audio: () => null,
   UI: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContentPartPrimitiveDisplay, {})
 };
 var MessageContentPartComponent = ({
@@ -2333,33 +2334,32 @@ var MessageContentPartComponent = ({
     Empty,
     Image: Image2 = defaultComponents.Image,
     UI = defaultComponents.UI,
+    Unstable_Audio: Audio = defaultComponents.Unstable_Audio,
     tools: { by_name = {}, Fallback: Fallback2 = void 0 } = {}
   } = {}
 }) => {
   const contentPartRuntime = useContentPartRuntime();
   const part = useContentPart();
   const type = part.type;
+  if (type === "tool-call") {
+    const Tool = by_name[part.toolName] || Fallback2;
+    const addResult = (result) => contentPartRuntime.addToolResult(result);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ToolUIDisplay, { ...part, part, UI: Tool, addResult });
+  }
+  if (part.status.type === "requires-action")
+    throw new Error("Encountered unexpected requires-action status");
   switch (type) {
     case "text":
-      if (part.status.type === "requires-action")
-        throw new Error("Encountered unexpected requires-action status");
       if (part.part === EMPTY_CONTENT && !!Empty) {
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Empty, { status: part.status });
       }
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Text2, { ...part, part });
     case "image":
-      if (part.status.type === "requires-action")
-        throw new Error("Encountered unexpected requires-action status");
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Image2, { ...part, part });
+    case "audio":
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Audio, { ...part, part });
     case "ui":
-      if (part.status.type === "requires-action")
-        throw new Error("Encountered unexpected requires-action status");
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UI, { ...part, part });
-    case "tool-call": {
-      const Tool = by_name[part.toolName] || Fallback2;
-      const addResult = (result) => contentPartRuntime.addToolResult(result);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ToolUIDisplay, { ...part, part, UI: Tool, addResult });
-    }
     default:
       const unhandledType = type;
       throw new Error(`Unknown content part type: ${unhandledType}`);
@@ -2378,7 +2378,7 @@ var MessageContentPartImpl = ({
 };
 var MessageContentPart = _react.memo.call(void 0, 
   MessageContentPartImpl,
-  (prev, next) => prev.partIndex === next.partIndex && _optionalChain([prev, 'access', _90 => _90.components, 'optionalAccess', _91 => _91.Text]) === _optionalChain([next, 'access', _92 => _92.components, 'optionalAccess', _93 => _93.Text]) && _optionalChain([prev, 'access', _94 => _94.components, 'optionalAccess', _95 => _95.Image]) === _optionalChain([next, 'access', _96 => _96.components, 'optionalAccess', _97 => _97.Image]) && _optionalChain([prev, 'access', _98 => _98.components, 'optionalAccess', _99 => _99.UI]) === _optionalChain([next, 'access', _100 => _100.components, 'optionalAccess', _101 => _101.UI]) && _optionalChain([prev, 'access', _102 => _102.components, 'optionalAccess', _103 => _103.tools]) === _optionalChain([next, 'access', _104 => _104.components, 'optionalAccess', _105 => _105.tools])
+  (prev, next) => prev.partIndex === next.partIndex && _optionalChain([prev, 'access', _90 => _90.components, 'optionalAccess', _91 => _91.Text]) === _optionalChain([next, 'access', _92 => _92.components, 'optionalAccess', _93 => _93.Text]) && _optionalChain([prev, 'access', _94 => _94.components, 'optionalAccess', _95 => _95.Image]) === _optionalChain([next, 'access', _96 => _96.components, 'optionalAccess', _97 => _97.Image]) && _optionalChain([prev, 'access', _98 => _98.components, 'optionalAccess', _99 => _99.Unstable_Audio]) === _optionalChain([next, 'access', _100 => _100.components, 'optionalAccess', _101 => _101.Unstable_Audio]) && _optionalChain([prev, 'access', _102 => _102.components, 'optionalAccess', _103 => _103.UI]) === _optionalChain([next, 'access', _104 => _104.components, 'optionalAccess', _105 => _105.UI]) && _optionalChain([prev, 'access', _106 => _106.components, 'optionalAccess', _107 => _107.tools]) === _optionalChain([next, 'access', _108 => _108.components, 'optionalAccess', _109 => _109.tools])
 );
 var MessagePrimitiveContent = ({
   components
@@ -2444,11 +2444,11 @@ var getComponent = (components, attachment) => {
   const type = attachment.type;
   switch (type) {
     case "image":
-      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _106 => _106.Image]), () => ( _optionalChain([components, 'optionalAccess', _107 => _107.Attachment])));
+      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _110 => _110.Image]), () => ( _optionalChain([components, 'optionalAccess', _111 => _111.Attachment])));
     case "document":
-      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _108 => _108.Document]), () => ( _optionalChain([components, 'optionalAccess', _109 => _109.Attachment])));
+      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _112 => _112.Document]), () => ( _optionalChain([components, 'optionalAccess', _113 => _113.Attachment])));
     case "file":
-      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _110 => _110.File]), () => ( _optionalChain([components, 'optionalAccess', _111 => _111.Attachment])));
+      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _114 => _114.File]), () => ( _optionalChain([components, 'optionalAccess', _115 => _115.Attachment])));
     default:
       const _exhaustiveCheck = type;
       throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);
@@ -2471,7 +2471,7 @@ var MessageAttachmentImpl = ({ components, attachmentIndex }) => {
 };
 var MessageAttachment = _react.memo.call(void 0, 
   MessageAttachmentImpl,
-  (prev, next) => prev.attachmentIndex === next.attachmentIndex && _optionalChain([prev, 'access', _112 => _112.components, 'optionalAccess', _113 => _113.Image]) === _optionalChain([next, 'access', _114 => _114.components, 'optionalAccess', _115 => _115.Image]) && _optionalChain([prev, 'access', _116 => _116.components, 'optionalAccess', _117 => _117.Document]) === _optionalChain([next, 'access', _118 => _118.components, 'optionalAccess', _119 => _119.Document]) && _optionalChain([prev, 'access', _120 => _120.components, 'optionalAccess', _121 => _121.File]) === _optionalChain([next, 'access', _122 => _122.components, 'optionalAccess', _123 => _123.File]) && _optionalChain([prev, 'access', _124 => _124.components, 'optionalAccess', _125 => _125.Attachment]) === _optionalChain([next, 'access', _126 => _126.components, 'optionalAccess', _127 => _127.Attachment])
+  (prev, next) => prev.attachmentIndex === next.attachmentIndex && _optionalChain([prev, 'access', _116 => _116.components, 'optionalAccess', _117 => _117.Image]) === _optionalChain([next, 'access', _118 => _118.components, 'optionalAccess', _119 => _119.Image]) && _optionalChain([prev, 'access', _120 => _120.components, 'optionalAccess', _121 => _121.Document]) === _optionalChain([next, 'access', _122 => _122.components, 'optionalAccess', _123 => _123.Document]) && _optionalChain([prev, 'access', _124 => _124.components, 'optionalAccess', _125 => _125.File]) === _optionalChain([next, 'access', _126 => _126.components, 'optionalAccess', _127 => _127.File]) && _optionalChain([prev, 'access', _128 => _128.components, 'optionalAccess', _129 => _129.Attachment]) === _optionalChain([next, 'access', _130 => _130.components, 'optionalAccess', _131 => _131.Attachment])
 );
 var MessagePrimitiveAttachments = ({ components }) => {
   const attachmentsCount = useMessage(({ message }) => {
@@ -2597,7 +2597,7 @@ var ComposerPrimitiveInput = _react.forwardRef.call(void 0,
         const { isRunning } = threadRuntime.getState();
         if (!isRunning) {
           e.preventDefault();
-          _optionalChain([textareaRef, 'access', _128 => _128.current, 'optionalAccess', _129 => _129.closest, 'call', _130 => _130("form"), 'optionalAccess', _131 => _131.requestSubmit, 'call', _132 => _132()]);
+          _optionalChain([textareaRef, 'access', _132 => _132.current, 'optionalAccess', _133 => _133.closest, 'call', _134 => _134("form"), 'optionalAccess', _135 => _135.requestSubmit, 'call', _136 => _136()]);
         }
       }
     };
@@ -2671,11 +2671,11 @@ var getComponent2 = (components, attachment) => {
   const type = attachment.type;
   switch (type) {
     case "image":
-      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _133 => _133.Image]), () => ( _optionalChain([components, 'optionalAccess', _134 => _134.Attachment])));
+      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _137 => _137.Image]), () => ( _optionalChain([components, 'optionalAccess', _138 => _138.Attachment])));
     case "document":
-      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _135 => _135.Document]), () => ( _optionalChain([components, 'optionalAccess', _136 => _136.Attachment])));
+      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _139 => _139.Document]), () => ( _optionalChain([components, 'optionalAccess', _140 => _140.Attachment])));
     case "file":
-      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _137 => _137.File]), () => ( _optionalChain([components, 'optionalAccess', _138 => _138.Attachment])));
+      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _141 => _141.File]), () => ( _optionalChain([components, 'optionalAccess', _142 => _142.Attachment])));
     default:
       const _exhaustiveCheck = type;
       throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);
@@ -2698,7 +2698,7 @@ var ComposerAttachmentImpl = ({ components, attachmentIndex }) => {
 };
 var ComposerAttachment = _react.memo.call(void 0, 
   ComposerAttachmentImpl,
-  (prev, next) => prev.attachmentIndex === next.attachmentIndex && _optionalChain([prev, 'access', _139 => _139.components, 'optionalAccess', _140 => _140.Image]) === _optionalChain([next, 'access', _141 => _141.components, 'optionalAccess', _142 => _142.Image]) && _optionalChain([prev, 'access', _143 => _143.components, 'optionalAccess', _144 => _144.Document]) === _optionalChain([next, 'access', _145 => _145.components, 'optionalAccess', _146 => _146.Document]) && _optionalChain([prev, 'access', _147 => _147.components, 'optionalAccess', _148 => _148.File]) === _optionalChain([next, 'access', _149 => _149.components, 'optionalAccess', _150 => _150.File]) && _optionalChain([prev, 'access', _151 => _151.components, 'optionalAccess', _152 => _152.Attachment]) === _optionalChain([next, 'access', _153 => _153.components, 'optionalAccess', _154 => _154.Attachment])
+  (prev, next) => prev.attachmentIndex === next.attachmentIndex && _optionalChain([prev, 'access', _143 => _143.components, 'optionalAccess', _144 => _144.Image]) === _optionalChain([next, 'access', _145 => _145.components, 'optionalAccess', _146 => _146.Image]) && _optionalChain([prev, 'access', _147 => _147.components, 'optionalAccess', _148 => _148.Document]) === _optionalChain([next, 'access', _149 => _149.components, 'optionalAccess', _150 => _150.Document]) && _optionalChain([prev, 'access', _151 => _151.components, 'optionalAccess', _152 => _152.File]) === _optionalChain([next, 'access', _153 => _153.components, 'optionalAccess', _154 => _154.File]) && _optionalChain([prev, 'access', _155 => _155.components, 'optionalAccess', _156 => _156.Attachment]) === _optionalChain([next, 'access', _157 => _157.components, 'optionalAccess', _158 => _158.Attachment])
 );
 var ComposerPrimitiveAttachments = ({ components }) => {
   const attachmentsCount = useComposer((s) => s.attachments.length);
@@ -3042,7 +3042,7 @@ var subscribeToMainThread = (runtime, callback) => {
   let first = true;
   let cleanup;
   const inner = () => {
-    _optionalChain([cleanup, 'optionalCall', _155 => _155()]);
+    _optionalChain([cleanup, 'optionalCall', _159 => _159()]);
     cleanup = runtime.threadManager.mainThread.subscribe(callback);
     if (!first) {
       callback();
@@ -3053,7 +3053,7 @@ var subscribeToMainThread = (runtime, callback) => {
   inner();
   return () => {
     unsubscribe();
-    _optionalChain([cleanup, 'optionalCall', _156 => _156()]);
+    _optionalChain([cleanup, 'optionalCall', _160 => _160()]);
   };
 };
 
@@ -3064,17 +3064,17 @@ var subscribeToMainThread = (runtime, callback) => {
 var ProxyConfigProvider = (_class5 = class {constructor() { _class5.prototype.__init9.call(this);_class5.prototype.__init10.call(this); }
   __init9() {this._providers = /* @__PURE__ */ new Set()}
   getModelConfig() {
-    return _chunk75WIGDCWjs.mergeModelConfigs.call(void 0, this._providers);
+    return _chunkMRIZ4RHIjs.mergeModelConfigs.call(void 0, this._providers);
   }
   registerModelConfigProvider(provider) {
     this._providers.add(provider);
-    const unsubscribe = _optionalChain([provider, 'access', _157 => _157.subscribe, 'optionalCall', _158 => _158(() => {
+    const unsubscribe = _optionalChain([provider, 'access', _161 => _161.subscribe, 'optionalCall', _162 => _162(() => {
       this.notifySubscribers();
     })]);
     this.notifySubscribers();
     return () => {
       this._providers.delete(provider);
-      _optionalChain([unsubscribe, 'optionalCall', _159 => _159()]);
+      _optionalChain([unsubscribe, 'optionalCall', _163 => _163()]);
       this.notifySubscribers();
     };
   }
@@ -3119,7 +3119,7 @@ var isAttachmentComplete = (a) => a.status.type === "complete";
 var BaseComposerRuntimeCore = (_class7 = class {constructor() { _class7.prototype.__init12.call(this);_class7.prototype.__init13.call(this);_class7.prototype.__init14.call(this);_class7.prototype.__init15.call(this); }
   __init12() {this.isEditing = true}
   getAttachmentAccept() {
-    return _nullishCoalesce(_optionalChain([this, 'access', _160 => _160.getAttachmentAdapter, 'call', _161 => _161(), 'optionalAccess', _162 => _162.accept]), () => ( "*"));
+    return _nullishCoalesce(_optionalChain([this, 'access', _164 => _164.getAttachmentAdapter, 'call', _165 => _165(), 'optionalAccess', _166 => _166.accept]), () => ( "*"));
   }
   __init13() {this._attachments = []}
   set attachments(value) {
@@ -3151,7 +3151,7 @@ var BaseComposerRuntimeCore = (_class7 = class {constructor() { _class7.prototyp
       this.attachments.map(async (a) => {
         if (isAttachmentComplete(a)) return a;
         const result = await adapter.send(a);
-        if (_optionalChain([result, 'access', _163 => _163.status, 'optionalAccess', _164 => _164.type]) !== "complete") {
+        if (_optionalChain([result, 'access', _167 => _167.status, 'optionalAccess', _168 => _168.type]) !== "complete") {
           result.status = { type: "complete" };
         }
         return result;
@@ -3210,7 +3210,7 @@ var DefaultThreadComposerRuntimeCore = (_class8 = class extends BaseComposerRunt
     return super.attachments;
   }
   getAttachmentAdapter() {
-    return _optionalChain([this, 'access', _165 => _165.runtime, 'access', _166 => _166.adapters, 'optionalAccess', _167 => _167.attachments]);
+    return _optionalChain([this, 'access', _169 => _169.runtime, 'access', _170 => _170.adapters, 'optionalAccess', _171 => _171.attachments]);
   }
   connect() {
     return this.runtime.subscribe(() => {
@@ -3223,7 +3223,7 @@ var DefaultThreadComposerRuntimeCore = (_class8 = class extends BaseComposerRunt
   async handleSend(message) {
     this.runtime.append({
       ...message,
-      parentId: _nullishCoalesce(_optionalChain([this, 'access', _168 => _168.runtime, 'access', _169 => _169.messages, 'access', _170 => _170.at, 'call', _171 => _171(-1), 'optionalAccess', _172 => _172.id]), () => ( null))
+      parentId: _nullishCoalesce(_optionalChain([this, 'access', _172 => _172.runtime, 'access', _173 => _173.messages, 'access', _174 => _174.at, 'call', _175 => _175(-1), 'optionalAccess', _176 => _176.id]), () => ( null))
     });
   }
   async cancel() {
@@ -3342,7 +3342,7 @@ var MessageRepository = (_class9 = class {constructor() { _class9.prototype.__in
     }
   }
   getMessages() {
-    const messages2 = new Array(_nullishCoalesce(_optionalChain([this, 'access', _173 => _173.head, 'optionalAccess', _174 => _174.level]), () => ( 0)));
+    const messages2 = new Array(_nullishCoalesce(_optionalChain([this, 'access', _177 => _177.head, 'optionalAccess', _178 => _178.level]), () => ( 0)));
     for (let current = this.head; current; current = current.prev) {
       messages2[current.level] = current.current;
     }
@@ -3380,7 +3380,7 @@ var MessageRepository = (_class9 = class {constructor() { _class9.prototype.__in
         "MessageRepository(updateMessage): Message not found. This is likely an internal bug in assistant-ui."
       );
     return {
-      parentId: _nullishCoalesce(_optionalChain([message, 'access', _175 => _175.prev, 'optionalAccess', _176 => _176.current, 'access', _177 => _177.id]), () => ( null)),
+      parentId: _nullishCoalesce(_optionalChain([message, 'access', _179 => _179.prev, 'optionalAccess', _180 => _180.current, 'access', _181 => _181.id]), () => ( null)),
       message: message.current
     };
   }
@@ -3464,11 +3464,11 @@ var MessageRepository = (_class9 = class {constructor() { _class9.prototype.__in
     for (const [, message] of this.messages) {
       exportItems.push({
         message: message.current,
-        parentId: _nullishCoalesce(_optionalChain([message, 'access', _178 => _178.prev, 'optionalAccess', _179 => _179.current, 'access', _180 => _180.id]), () => ( null))
+        parentId: _nullishCoalesce(_optionalChain([message, 'access', _182 => _182.prev, 'optionalAccess', _183 => _183.current, 'access', _184 => _184.id]), () => ( null))
       });
     }
     return {
-      headId: _nullishCoalesce(_optionalChain([this, 'access', _181 => _181.head, 'optionalAccess', _182 => _182.current, 'access', _183 => _183.id]), () => ( null)),
+      headId: _nullishCoalesce(_optionalChain([this, 'access', _185 => _185.head, 'optionalAccess', _186 => _186.current, 'access', _187 => _187.id]), () => ( null)),
       messages: exportItems
     };
   }
@@ -3476,7 +3476,7 @@ var MessageRepository = (_class9 = class {constructor() { _class9.prototype.__in
     for (const { message, parentId } of messages2) {
       this.addOrUpdateMessage(parentId, message);
     }
-    this.resetHead(_nullishCoalesce(_nullishCoalesce(headId, () => ( _optionalChain([messages2, 'access', _184 => _184.at, 'call', _185 => _185(-1), 'optionalAccess', _186 => _186.message, 'access', _187 => _187.id]))), () => ( null)));
+    this.resetHead(_nullishCoalesce(_nullishCoalesce(headId, () => ( _optionalChain([messages2, 'access', _188 => _188.at, 'call', _189 => _189(-1), 'optionalAccess', _190 => _190.message, 'access', _191 => _191.id]))), () => ( null)));
   }
 }, _class9);
 
@@ -3580,7 +3580,7 @@ TooltipIconButton.displayName = "TooltipIconButton";
 var toAppendMessage = (messages2, message) => {
   if (typeof message === "string") {
     return {
-      parentId: _nullishCoalesce(_optionalChain([messages2, 'access', _188 => _188.at, 'call', _189 => _189(-1), 'optionalAccess', _190 => _190.id]), () => ( null)),
+      parentId: _nullishCoalesce(_optionalChain([messages2, 'access', _192 => _192.at, 'call', _193 => _193(-1), 'optionalAccess', _194 => _194.id]), () => ( null)),
       role: "user",
       content: [{ type: "text", text: message }],
       attachments: []
@@ -3590,7 +3590,7 @@ var toAppendMessage = (messages2, message) => {
     return message;
   }
   return {
-    parentId: _nullishCoalesce(_nullishCoalesce(message.parentId, () => ( _optionalChain([messages2, 'access', _191 => _191.at, 'call', _192 => _192(-1), 'optionalAccess', _193 => _193.id]))), () => ( null)),
+    parentId: _nullishCoalesce(_nullishCoalesce(message.parentId, () => ( _optionalChain([messages2, 'access', _195 => _195.at, 'call', _196 => _196(-1), 'optionalAccess', _197 => _197.id]))), () => ( null)),
     role: _nullishCoalesce(message.role, () => ( "user")),
     content: message.content,
     attachments: _nullishCoalesce(message.attachments, () => ( []))
@@ -3602,7 +3602,7 @@ var getThreadState = (runtime) => {
     threadId: runtime.threadId,
     capabilities: runtime.capabilities,
     isDisabled: runtime.isDisabled,
-    isRunning: _optionalChain([lastMessage, 'optionalAccess', _194 => _194.role]) !== "assistant" ? false : lastMessage.status.type === "running",
+    isRunning: _optionalChain([lastMessage, 'optionalAccess', _198 => _198.role]) !== "assistant" ? false : lastMessage.status.type === "running",
     messages: runtime.messages,
     suggestions: runtime.suggestions,
     extras: runtime.extras,
@@ -3780,7 +3780,7 @@ var ThreadRuntimeImpl = (_class10 = class {
         if (!message) return void 0;
         return {
           message,
-          parentId: _nullishCoalesce(_optionalChain([messages2, 'access', _195 => _195[idx - 1], 'optionalAccess', _196 => _196.id]), () => ( null))
+          parentId: _nullishCoalesce(_optionalChain([messages2, 'access', _199 => _199[idx - 1], 'optionalAccess', _200 => _200.id]), () => ( null))
         };
       }
     );
@@ -3809,12 +3809,12 @@ var ThreadRuntimeImpl = (_class10 = class {
           return {
             ...message,
             message,
-            isLast: _optionalChain([messages2, 'access', _197 => _197.at, 'call', _198 => _198(-1), 'optionalAccess', _199 => _199.id]) === message.id,
+            isLast: _optionalChain([messages2, 'access', _201 => _201.at, 'call', _202 => _202(-1), 'optionalAccess', _203 => _203.id]) === message.id,
             parentId,
             branches,
             branchNumber: branches.indexOf(message.id) + 1,
             branchCount: branches.length,
-            speech: _optionalChain([speechState, 'optionalAccess', _200 => _200.messageId]) === message.id ? speechState : void 0,
+            speech: _optionalChain([speechState, 'optionalAccess', _204 => _204.messageId]) === message.id ? speechState : void 0,
             submittedFeedback
           };
         },
@@ -3998,7 +3998,7 @@ var fromLanguageModelMessages = (lm, { mergeSteps }) => {
         });
         if (mergeSteps) {
           const previousMessage = messages2[messages2.length - 1];
-          if (_optionalChain([previousMessage, 'optionalAccess', _201 => _201.role]) === "assistant") {
+          if (_optionalChain([previousMessage, 'optionalAccess', _205 => _205.role]) === "assistant") {
             previousMessage.content.push(...newContent);
             break;
           }
@@ -4011,7 +4011,7 @@ var fromLanguageModelMessages = (lm, { mergeSteps }) => {
       }
       case "tool": {
         const previousMessage = messages2[messages2.length - 1];
-        if (_optionalChain([previousMessage, 'optionalAccess', _202 => _202.role]) !== "assistant")
+        if (_optionalChain([previousMessage, 'optionalAccess', _206 => _206.role]) !== "assistant")
           throw new Error(
             "A tool message must be preceded by an assistant message."
           );
@@ -4087,14 +4087,14 @@ function streamPartDecoderStream() {
       controller.enqueue(decodeStreamPart(chunk));
     }
   });
-  return new (0, _chunk75WIGDCWjs.PipeableTransformStream)((readable) => {
+  return new (0, _chunkMRIZ4RHIjs.PipeableTransformStream)((readable) => {
     return readable.pipeThrough(new TextDecoderStream()).pipeThrough(chunkByLineStream()).pipeThrough(decodeStream);
   });
 }
 
 // src/runtimes/edge/streams/utils/index.ts
 var streamUtils = {
-  streamPartEncoderStream: _chunk75WIGDCWjs.streamPartEncoderStream,
+  streamPartEncoderStream: _chunkMRIZ4RHIjs.streamPartEncoderStream,
   streamPartDecoderStream
 };
 
@@ -4138,7 +4138,7 @@ function assistantDecoderStream() {
         case "c" /* ToolCallDelta */: {
           const { toolCallId, argsTextDelta } = value;
           const toolName = toolCallNames.get(toolCallId);
-          if (_optionalChain([currentToolCall, 'optionalAccess', _203 => _203.id]) === toolCallId) {
+          if (_optionalChain([currentToolCall, 'optionalAccess', _207 => _207.id]) === toolCallId) {
             currentToolCall.argsText += argsTextDelta;
           }
           controller.enqueue({
@@ -4240,8 +4240,8 @@ var EdgeChatAdapter = class {
       credentials: _nullishCoalesce(this.options.credentials, () => ( "same-origin")),
       body: JSON.stringify({
         system: config.system,
-        messages: _chunk75WIGDCWjs.toCoreMessages.call(void 0, messages2),
-        tools: config.tools ? _chunk75WIGDCWjs.toLanguageModelTools.call(void 0, config.tools) : [],
+        messages: _chunkMRIZ4RHIjs.toCoreMessages.call(void 0, messages2),
+        tools: config.tools ? _chunkMRIZ4RHIjs.toLanguageModelTools.call(void 0, config.tools) : [],
         ...config.callSettings,
         ...config.config,
         ...this.options.body
@@ -4251,7 +4251,7 @@ var EdgeChatAdapter = class {
     if (!result.ok) {
       throw new Error(`Status ${result.status}: ${await result.text()}`);
     }
-    const stream = result.body.pipeThrough(streamPartDecoderStream()).pipeThrough(assistantDecoderStream()).pipeThrough(_chunk75WIGDCWjs.toolResultStream.call(void 0, config.tools, abortSignal)).pipeThrough(_chunk75WIGDCWjs.runResultStream.call(void 0, ));
+    const stream = result.body.pipeThrough(streamPartDecoderStream()).pipeThrough(assistantDecoderStream()).pipeThrough(_chunkMRIZ4RHIjs.toolResultStream.call(void 0, config.tools, abortSignal)).pipeThrough(_chunkMRIZ4RHIjs.runResultStream.call(void 0, ));
     let update;
     for await (update of asAsyncIterable(stream)) {
       yield update;
@@ -4285,7 +4285,7 @@ var useEdgeRuntime = (options) => {
 };
 
 // src/runtimes/local/shouldContinue.tsx
-var shouldContinue = (result) => _optionalChain([result, 'access', _204 => _204.status, 'optionalAccess', _205 => _205.type]) === "requires-action" && result.status.reason === "tool-calls" && result.content.every((c) => c.type !== "tool-call" || !!c.result);
+var shouldContinue = (result) => _optionalChain([result, 'access', _208 => _208.status, 'optionalAccess', _209 => _209.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 {
@@ -4305,7 +4305,7 @@ var DefaultEditComposerRuntimeCore = class extends BaseComposerRuntimeCore {
     return true;
   }
   getAttachmentAdapter() {
-    return _optionalChain([this, 'access', _206 => _206.runtime, 'access', _207 => _207.adapters, 'optionalAccess', _208 => _208.attachments]);
+    return _optionalChain([this, 'access', _210 => _210.runtime, 'access', _211 => _211.adapters, 'optionalAccess', _212 => _212.attachments]);
   }
   
   
@@ -4386,7 +4386,7 @@ var BaseThreadRuntimeCore = (_class11 = class {
     return this._submittedFeedback[messageId];
   }
   submitFeedback({ messageId, type }) {
-    const adapter = _optionalChain([this, 'access', _209 => _209.adapters, 'optionalAccess', _210 => _210.feedback]);
+    const adapter = _optionalChain([this, 'access', _213 => _213.adapters, 'optionalAccess', _214 => _214.feedback]);
     if (!adapter) throw new Error("Feedback adapter not configured");
     const { message } = this.repository.getMessage(messageId);
     adapter.submit({ message, type });
@@ -4396,10 +4396,10 @@ var BaseThreadRuntimeCore = (_class11 = class {
   
   
   speak(messageId) {
-    const adapter = _optionalChain([this, 'access', _211 => _211.adapters, 'optionalAccess', _212 => _212.speech]);
+    const adapter = _optionalChain([this, 'access', _215 => _215.adapters, 'optionalAccess', _216 => _216.speech]);
     if (!adapter) throw new Error("Speech adapter not configured");
     const { message } = this.repository.getMessage(messageId);
-    _optionalChain([this, 'access', _213 => _213._stopSpeaking, 'optionalCall', _214 => _214()]);
+    _optionalChain([this, 'access', _217 => _217._stopSpeaking, 'optionalCall', _218 => _218()]);
     const utterance = adapter.speak(getThreadMessageText(message));
     const unsub = utterance.subscribe(() => {
       if (utterance.status.type === "ended") {
@@ -4434,7 +4434,7 @@ var BaseThreadRuntimeCore = (_class11 = class {
   __init26() {this._eventSubscribers = /* @__PURE__ */ new Map()}
   unstable_on(event, callback) {
     if (event === "model-config-update") {
-      return _nullishCoalesce(_optionalChain([this, 'access', _215 => _215.configProvider, 'access', _216 => _216.subscribe, 'optionalCall', _217 => _217(callback)]), () => ( (() => {
+      return _nullishCoalesce(_optionalChain([this, 'access', _219 => _219.configProvider, 'access', _220 => _220.subscribe, 'optionalCall', _221 => _221(callback)]), () => ( (() => {
       })));
     }
     const subscribers = this._eventSubscribers.get(event);
@@ -4481,17 +4481,17 @@ var LocalThreadRuntimeCore = (_class12 = class extends BaseThreadRuntimeCore {
     if (this._options === options) return;
     this._options = options;
     let hasUpdates = false;
-    const canSpeak = _optionalChain([options, 'access', _218 => _218.adapters, 'optionalAccess', _219 => _219.speech]) !== void 0;
+    const canSpeak = _optionalChain([options, 'access', _222 => _222.adapters, 'optionalAccess', _223 => _223.speech]) !== void 0;
     if (this.capabilities.speech !== canSpeak) {
       this.capabilities.speech = canSpeak;
       hasUpdates = true;
     }
-    const canAttach = _optionalChain([options, 'access', _220 => _220.adapters, 'optionalAccess', _221 => _221.attachments]) !== void 0;
+    const canAttach = _optionalChain([options, 'access', _224 => _224.adapters, 'optionalAccess', _225 => _225.attachments]) !== void 0;
     if (this.capabilities.attachments !== canAttach) {
       this.capabilities.attachments = canAttach;
       hasUpdates = true;
     }
-    const canFeedback = _optionalChain([options, 'access', _222 => _222.adapters, 'optionalAccess', _223 => _223.feedback]) !== void 0;
+    const canFeedback = _optionalChain([options, 'access', _226 => _226.adapters, 'optionalAccess', _227 => _227.feedback]) !== void 0;
     if (this.capabilities.feedback !== canFeedback) {
       this.capabilities.feedback = canFeedback;
       hasUpdates = true;
@@ -4527,13 +4527,13 @@ var LocalThreadRuntimeCore = (_class12 = class extends BaseThreadRuntimeCore {
   }
   async performRoundtrip(parentId, message) {
     const messages2 = this.repository.getMessages();
-    _optionalChain([this, 'access', _224 => _224.abortController, 'optionalAccess', _225 => _225.abort, 'call', _226 => _226()]);
+    _optionalChain([this, 'access', _228 => _228.abortController, 'optionalAccess', _229 => _229.abort, 'call', _230 => _230()]);
     this.abortController = new AbortController();
     const initialContent = message.content;
-    const initialSteps = _optionalChain([message, 'access', _227 => _227.metadata, 'optionalAccess', _228 => _228.steps]);
-    const initalCustom = _optionalChain([message, 'access', _229 => _229.metadata, 'optionalAccess', _230 => _230.custom]);
+    const initialSteps = _optionalChain([message, 'access', _231 => _231.metadata, 'optionalAccess', _232 => _232.steps]);
+    const initalCustom = _optionalChain([message, 'access', _233 => _233.metadata, 'optionalAccess', _234 => _234.custom]);
     const updateMessage = (m) => {
-      const newSteps = _optionalChain([m, 'access', _231 => _231.metadata, 'optionalAccess', _232 => _232.steps]) || _optionalChain([m, 'access', _233 => _233.metadata, 'optionalAccess', _234 => _234.roundtrips]);
+      const newSteps = _optionalChain([m, 'access', _235 => _235.metadata, 'optionalAccess', _236 => _236.steps]) || _optionalChain([m, 'access', _237 => _237.metadata, 'optionalAccess', _238 => _238.roundtrips]);
       const steps2 = newSteps ? [..._nullishCoalesce(initialSteps, () => ( [])), ...newSteps] : void 0;
       message = {
         ...message,
@@ -4545,7 +4545,7 @@ var LocalThreadRuntimeCore = (_class12 = class extends BaseThreadRuntimeCore {
           metadata: {
             ...message.metadata,
             ...steps2 ? { roundtrips: steps2, steps: steps2 } : void 0,
-            ..._optionalChain([m, 'access', _235 => _235.metadata, 'optionalAccess', _236 => _236.custom]) ? {
+            ..._optionalChain([m, 'access', _239 => _239.metadata, 'optionalAccess', _240 => _240.custom]) ? {
               custom: { ..._nullishCoalesce(initalCustom, () => ( {})), ...m.metadata.custom }
             } : void 0
           }
@@ -4555,7 +4555,7 @@ var LocalThreadRuntimeCore = (_class12 = class extends BaseThreadRuntimeCore {
       this._notifySubscribers();
     };
     const maxSteps = this._options.maxSteps ? this._options.maxSteps : (_nullishCoalesce(this._options.maxToolRoundtrips, () => ( 1))) + 1;
-    const steps = _nullishCoalesce(_optionalChain([message, 'access', _237 => _237.metadata, 'optionalAccess', _238 => _238.steps, 'optionalAccess', _239 => _239.length]), () => ( 0));
+    const steps = _nullishCoalesce(_optionalChain([message, 'access', _241 => _241.metadata, 'optionalAccess', _242 => _242.steps, 'optionalAccess', _243 => _243.length]), () => ( 0));
     if (steps >= maxSteps) {
       updateMessage({
         status: {
@@ -4607,7 +4607,7 @@ var LocalThreadRuntimeCore = (_class12 = class extends BaseThreadRuntimeCore {
     return message;
   }
   cancelRun() {
-    _optionalChain([this, 'access', _240 => _240.abortController, 'optionalAccess', _241 => _241.abort, 'call', _242 => _242()]);
+    _optionalChain([this, 'access', _244 => _244.abortController, 'optionalAccess', _245 => _245.abort, 'call', _246 => _246()]);
     this.abortController = null;
   }
   addToolResult({
@@ -4766,7 +4766,7 @@ var getExportFromInitialMessages = (initialMessages) => {
   const messages2 = fromCoreMessages(initialMessages);
   return {
     messages: messages2.map((m, idx) => ({
-      parentId: _nullishCoalesce(_optionalChain([messages2, 'access', _243 => _243[idx - 1], 'optionalAccess', _244 => _244.id]), () => ( null)),
+      parentId: _nullishCoalesce(_optionalChain([messages2, 'access', _247 => _247[idx - 1], 'optionalAccess', _248 => _248.id]), () => ( null)),
       message: m
     }))
   };
@@ -4877,7 +4877,7 @@ var ExternalStoreThreadManagerRuntimeCore = (_class14 = class {
     this._notifySubscribers();
   }
   switchToThread(threadId) {
-    if (_optionalChain([this, 'access', _245 => _245._mainThread, 'optionalAccess', _246 => _246.threadId]) === threadId) return;
+    if (_optionalChain([this, 'access', _249 => _249._mainThread, 'optionalAccess', _250 => _250.threadId]) === threadId) return;
     const onSwitchToThread = this.adapter.onSwitchToThread;
     if (!onSwitchToThread)
       throw new Error(
@@ -5003,6 +5003,7 @@ var fromThreadMessageLike = (like, fallbackId, fallbackStatus) => {
             case "text":
             case "ui":
             case "image":
+            case "audio":
               return part;
             default: {
               const unhandledType = type;
@@ -5032,7 +5033,7 @@ var fromThreadMessageLike = (like, fallbackId, fallbackStatus) => {
 // src/runtimes/external-store/ExternalStoreThreadRuntimeCore.tsx
 var EMPTY_ARRAY3 = Object.freeze([]);
 var hasUpcomingMessage = (isRunning, messages2) => {
-  return isRunning && _optionalChain([messages2, 'access', _247 => _247[messages2.length - 1], 'optionalAccess', _248 => _248.role]) !== "assistant";
+  return isRunning && _optionalChain([messages2, 'access', _251 => _251[messages2.length - 1], 'optionalAccess', _252 => _252.role]) !== "assistant";
 };
 var ExternalStoreThreadRuntimeCore = (_class16 = class extends BaseThreadRuntimeCore {
   __init37() {this.assistantOptimisticId = null}
@@ -5085,11 +5086,11 @@ var ExternalStoreThreadRuntimeCore = (_class16 = class extends BaseThreadRuntime
       edit: this._store.onEdit !== void 0,
       reload: this._store.onReload !== void 0,
       cancel: this._store.onCancel !== void 0,
-      speech: _optionalChain([this, 'access', _252 => _252._store, 'access', _253 => _253.adapters, 'optionalAccess', _254 => _254.speech]) !== void 0,
-      unstable_copy: _optionalChain([this, 'access', _255 => _255._store, 'access', _256 => _256.unstable_capabilities, 'optionalAccess', _257 => _257.copy]) !== false,
+      speech: _optionalChain([this, 'access', _256 => _256._store, 'access', _257 => _257.adapters, 'optionalAccess', _258 => _258.speech]) !== void 0,
+      unstable_copy: _optionalChain([this, 'access', _259 => _259._store, 'access', _260 => _260.unstable_capabilities, 'optionalAccess', _261 => _261.copy]) !== false,
       // default true
-      attachments: !!_optionalChain([this, 'access', _258 => _258._store, 'access', _259 => _259.adapters, 'optionalAccess', _260 => _260.attachments]),
-      feedback: !!_optionalChain([this, 'access', _261 => _261._store, 'access', _262 => _262.adapters, 'optionalAccess', _263 => _263.feedback])
+      attachments: !!_optionalChain([this, 'access', _262 => _262._store, 'access', _263 => _263.adapters, 'optionalAccess', _264 => _264.attachments]),
+      feedback: !!_optionalChain([this, 'access', _265 => _265._store, 'access', _266 => _266.adapters, 'optionalAccess', _267 => _267.feedback])
     };
     if (oldStore) {
       if (oldStore.convertMessage !== store.convertMessage) {
@@ -5116,7 +5117,7 @@ var ExternalStoreThreadRuntimeCore = (_class16 = class extends BaseThreadRuntime
     for (let i = 0; i < messages2.length; i++) {
       const message = messages2[i];
       const parent = messages2[i - 1];
-      this.repository.addOrUpdateMessage(_nullishCoalesce(_optionalChain([parent, 'optionalAccess', _264 => _264.id]), () => ( null)), message);
+      this.repository.addOrUpdateMessage(_nullishCoalesce(_optionalChain([parent, 'optionalAccess', _268 => _268.id]), () => ( null)), message);
     }
     if (this.assistantOptimisticId) {
       this.repository.deleteMessage(this.assistantOptimisticId);
@@ -5124,7 +5125,7 @@ var ExternalStoreThreadRuntimeCore = (_class16 = class extends BaseThreadRuntime
     }
     if (hasUpcomingMessage(isRunning, messages2)) {
       this.assistantOptimisticId = this.repository.appendOptimisticMessage(
-        _nullishCoalesce(_optionalChain([messages2, 'access', _265 => _265.at, 'call', _266 => _266(-1), 'optionalAccess', _267 => _267.id]), () => ( null)),
+        _nullishCoalesce(_optionalChain([messages2, 'access', _269 => _269.at, 'call', _270 => _270(-1), 'optionalAccess', _271 => _271.id]), () => ( null)),
         {
           role: "assistant",
           content: []
@@ -5132,7 +5133,7 @@ var ExternalStoreThreadRuntimeCore = (_class16 = class extends BaseThreadRuntime
       );
     }
     this.repository.resetHead(
-      _nullishCoalesce(_nullishCoalesce(this.assistantOptimisticId, () => ( _optionalChain([messages2, 'access', _268 => _268.at, 'call', _269 => _269(-1), 'optionalAccess', _270 => _270.id]))), () => ( null))
+      _nullishCoalesce(_nullishCoalesce(this.assistantOptimisticId, () => ( _optionalChain([messages2, 'access', _272 => _272.at, 'call', _273 => _273(-1), 'optionalAccess', _274 => _274.id]))), () => ( null))
     );
     this._messages = this.repository.getMessages();
     this._notifySubscribers();
@@ -5144,7 +5145,7 @@ var ExternalStoreThreadRuntimeCore = (_class16 = class extends BaseThreadRuntime
     this.updateMessages(this.repository.getMessages());
   }
   async append(message) {
-    if (message.parentId !== (_nullishCoalesce(_optionalChain([this, 'access', _271 => _271.messages, 'access', _272 => _272.at, 'call', _273 => _273(-1), 'optionalAccess', _274 => _274.id]), () => ( null)))) {
+    if (message.parentId !== (_nullishCoalesce(_optionalChain([this, 'access', _275 => _275.messages, 'access', _276 => _276.at, 'call', _277 => _277(-1), 'optionalAccess', _278 => _278.id]), () => ( null)))) {
       if (!this._store.onEdit)
         throw new Error("Runtime does not support editing messages.");
       await this._store.onEdit(message);
@@ -5167,7 +5168,7 @@ var ExternalStoreThreadRuntimeCore = (_class16 = class extends BaseThreadRuntime
     }
     let messages2 = this.repository.getMessages();
     const previousMessage = messages2[messages2.length - 1];
-    if (_optionalChain([previousMessage, 'optionalAccess', _275 => _275.role]) === "user" && previousMessage.id === _optionalChain([messages2, 'access', _276 => _276.at, 'call', _277 => _277(-1), 'optionalAccess', _278 => _278.id])) {
+    if (_optionalChain([previousMessage, 'optionalAccess', _279 => _279.role]) === "user" && previousMessage.id === _optionalChain([messages2, 'access', _280 => _280.at, 'call', _281 => _281(-1), 'optionalAccess', _282 => _282.id])) {
       this.repository.deleteMessage(previousMessage.id);
       if (!this.composer.text.trim()) {
         this.composer.setText(getThreadMessageText(previousMessage));
@@ -5186,7 +5187,7 @@ var ExternalStoreThreadRuntimeCore = (_class16 = class extends BaseThreadRuntime
     this._store.onAddToolResult(options);
   }
   __init42() {this.updateMessages = (messages2) => {
-    _optionalChain([this, 'access', _279 => _279._store, 'access', _280 => _280.setMessages, 'optionalCall', _281 => _281(
+    _optionalChain([this, 'access', _283 => _283._store, 'access', _284 => _284.setMessages, 'optionalCall', _285 => _285(
       messages2.flatMap(getExternalStoreMessage).filter((m) => m != null)
     )]);
   }}
@@ -5198,7 +5199,7 @@ var getThreadManagerAdapter = (store) => {
     threadId: store.threadId,
     onSwitchToNewThread: store.onSwitchToNewThread,
     onSwitchToThread: store.onSwitchToThread,
-    ..._optionalChain([store, 'access', _282 => _282.adapters, 'optionalAccess', _283 => _283.threadManager])
+    ..._optionalChain([store, 'access', _286 => _286.adapters, 'optionalAccess', _287 => _287.threadManager])
   };
 };
 var ExternalStoreRuntimeCore = class extends BaseAssistantRuntimeCore {
@@ -5390,18 +5391,18 @@ var DangerousInBrowserAdapter = class {
     this.options = options;
   }
   async *run({ messages: messages2, abortSignal, config }) {
-    const res = await _chunk75WIGDCWjs.getEdgeRuntimeStream.call(void 0, {
+    const res = await _chunkMRIZ4RHIjs.getEdgeRuntimeStream.call(void 0, {
       options: this.options,
       abortSignal,
       requestData: {
         system: config.system,
-        messages: _chunk75WIGDCWjs.toCoreMessages.call(void 0, messages2),
-        tools: config.tools ? _chunk75WIGDCWjs.toLanguageModelTools.call(void 0, config.tools) : [],
+        messages: _chunkMRIZ4RHIjs.toCoreMessages.call(void 0, messages2),
+        tools: config.tools ? _chunkMRIZ4RHIjs.toLanguageModelTools.call(void 0, config.tools) : [],
         ...config.callSettings,
         ...config.config
       }
     });
-    const stream = res.pipeThrough(_chunk75WIGDCWjs.toolResultStream.call(void 0, config.tools, abortSignal)).pipeThrough(_chunk75WIGDCWjs.runResultStream.call(void 0, ));
+    const stream = res.pipeThrough(_chunkMRIZ4RHIjs.toolResultStream.call(void 0, config.tools, abortSignal)).pipeThrough(_chunkMRIZ4RHIjs.runResultStream.call(void 0, ));
     for await (const update of asAsyncIterable(stream)) {
       yield update;
     }
@@ -5620,7 +5621,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', _284 => _284.runtime])) return configProvider;
+  if (!_optionalChain([config, 'optionalAccess', _288 => _288.runtime])) return configProvider;
   if (hasAssistant) {
     throw new Error(
       "You provided a runtime to <Thread> while simulataneously using <AssistantRuntimeProvider>. This is not allowed."
@@ -5948,7 +5949,7 @@ var AssistantMessageContent = _react.forwardRef.call(void 0, ({ components: comp
     {
       components: {
         ...componentsProp,
-        Text: _nullishCoalesce(_nullishCoalesce(_optionalChain([componentsProp, 'optionalAccess', _285 => _285.Text]), () => ( components.Text)), () => ( content_part_default.Text)),
+        Text: _nullishCoalesce(_nullishCoalesce(_optionalChain([componentsProp, 'optionalAccess', _289 => _289.Text]), () => ( components.Text)), () => ( content_part_default.Text)),
         tools: toolsComponents
       }
     }
@@ -6035,6 +6036,8 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 
 // src/ui/attachment.tsx
 
+var _shallow = require('zustand/shallow');
+
 
 var AttachmentRoot = withDefaults(attachment_exports.Root, {
   className: "aui-attachment-root"
@@ -6056,13 +6059,15 @@ var useFileSrc = (file) => {
   return src;
 };
 var useAttachmentSrc = () => {
-  const { file, src } = useAttachment((a) => {
-    if (a.type !== "image") return {};
-    if (a.file) return { file: a.file };
-    const src2 = _optionalChain([a, 'access', _286 => _286.content, 'optionalAccess', _287 => _287.filter, 'call', _288 => _288((c) => c.type === "image"), 'access', _289 => _289[0], 'optionalAccess', _290 => _290.image]);
-    if (!src2) return {};
-    return { src: src2 };
-  });
+  const { file, src } = useAttachment(
+    _shallow.useShallow.call(void 0, (a) => {
+      if (a.type !== "image") return {};
+      if (a.file) return { file: a.file };
+      const src2 = _optionalChain([a, 'access', _290 => _290.content, 'optionalAccess', _291 => _291.filter, 'call', _292 => _292((c) => c.type === "image"), 'access', _293 => _293[0], 'optionalAccess', _294 => _294.image]);
+      if (!src2) return {};
+      return { src: src2 };
+    })
+  );
   return _nullishCoalesce(useFileSrc(file), () => ( src));
 };
 var AttachmentPreview = ({ src }) => {
@@ -6092,7 +6097,10 @@ var AttachmentPreviewDialog = ({ children }) => {
   if (!src) return children;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Dialog, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogTrigger, { className: "aui-attachment-preview-trigger", asChild: true, children }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AttachmentPreview, { src }) })
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DialogContent, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactdialog.DialogTitle, { className: "aui-sr-only", children: "Image Attachment Preview" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AttachmentPreview, { src })
+    ] })
   ] });
 };
 var AttachmentThumb = () => {
@@ -6203,7 +6211,7 @@ var ComposerAttachments = ({ components }) => {
     {
       components: {
         ...components,
-        Attachment: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _291 => _291.Attachment]), () => ( attachment_default))
+        Attachment: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _295 => _295.Attachment]), () => ( attachment_default))
       }
     }
   ) });
@@ -6336,7 +6344,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', _292 => _292.map, 'call', _293 => _293((suggestion, idx) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadWelcomeSuggestionContainer, { children: _optionalChain([finalSuggestions, 'optionalAccess', _296 => _296.map, 'call', _297 => _297((suggestion, idx) => {
     const key = `${suggestion.prompt}-${idx}`;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadWelcomeSuggestion, { suggestion }, key);
   })]) });
@@ -6414,7 +6422,7 @@ var UserMessageContent = _react.forwardRef.call(void 0, ({ components, ...props
     {
       components: {
         ...components,
-        Text: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _294 => _294.Text]), () => ( content_part_default.Text))
+        Text: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _298 => _298.Text]), () => ( content_part_default.Text))
       }
     }
   ) });
@@ -6431,7 +6439,7 @@ var UserMessageAttachments = ({
     {
       components: {
         ...components,
-        Attachment: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _295 => _295.Attachment]), () => ( attachment_default))
+        Attachment: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _299 => _299.Attachment]), () => ( attachment_default))
       }
     }
   ) }) });
@@ -6534,10 +6542,10 @@ var ThreadMessages = ({ components, unstable_flexGrowDiv: flexGrowDiv = true, ..
       thread_exports.Messages,
       {
         components: {
-          UserMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _296 => _296.UserMessage]), () => ( user_message_default)),
-          EditComposer: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _297 => _297.EditComposer]), () => ( edit_composer_default)),
-          AssistantMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _298 => _298.AssistantMessage]), () => ( assistant_message_default)),
-          SystemMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _299 => _299.SystemMessage]), () => ( SystemMessage))
+          UserMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _300 => _300.UserMessage]), () => ( user_message_default)),
+          EditComposer: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _301 => _301.EditComposer]), () => ( edit_composer_default)),
+          AssistantMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _302 => _302.AssistantMessage]), () => ( assistant_message_default)),
+          SystemMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _303 => _303.SystemMessage]), () => ( SystemMessage))
         },
         ...rest
       }
@@ -6548,7 +6556,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', _300 => _300.map, 'call', _301 => _301((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', _304 => _304.map, 'call', _305 => _305((suggestion, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     thread_exports.Suggestion,
     {
       className: "aui-thread-followup-suggestion",
@@ -6786,5 +6794,5 @@ var assistant_modal_default = Object.assign(AssistantModal, exports12);
 
 
 
-exports.ActionBarPrimitive = actionBar_exports; exports.AssistantActionBar = assistant_action_bar_default; exports.AssistantMessage = assistant_message_default; exports.AssistantModal = assistant_modal_default; exports.AssistantModalPrimitive = assistantModal_exports; exports.AssistantRuntimeProvider = AssistantRuntimeProvider; exports.AttachmentPrimitive = attachment_exports; exports.AttachmentUI = attachment_default; exports.BranchPicker = branch_picker_default; exports.BranchPickerPrimitive = branchPicker_exports; exports.Composer = composer_default; exports.ComposerAttachment = attachment_default; exports.ComposerPrimitive = composer_exports; exports.CompositeAttachmentAdapter = CompositeAttachmentAdapter; exports.ContentPart = content_part_default; exports.ContentPartPrimitive = contentPart_exports; exports.EdgeChatAdapter = EdgeChatAdapter; exports.EditComposer = edit_composer_default; exports.INTERNAL = internal_exports; exports.MessagePrimitive = message_exports; exports.SimpleImageAttachmentAdapter = SimpleImageAttachmentAdapter; exports.SimpleTextAttachmentAdapter = SimpleTextAttachmentAdapter; exports.TextContentPartProvider = TextContentPartProvider; exports.Thread = thread_default; exports.ThreadConfigProvider = ThreadConfigProvider; exports.ThreadPrimitive = thread_exports; exports.ThreadWelcome = thread_welcome_default; exports.UserActionBar = user_action_bar_default; exports.UserMessage = user_message_default; exports.UserMessageAttachment = attachment_default; exports.WebSpeechSynthesisAdapter = WebSpeechSynthesisAdapter; exports.fromCoreMessage = fromCoreMessage; exports.fromCoreMessages = fromCoreMessages; exports.fromLanguageModelMessages = fromLanguageModelMessages; exports.fromLanguageModelTools = fromLanguageModelTools; exports.getExternalStoreMessage = getExternalStoreMessage; exports.makeAssistantTool = makeAssistantTool; exports.makeAssistantToolUI = makeAssistantToolUI; exports.streamUtils = streamUtils; exports.subscribeToMainThread = subscribeToMainThread; exports.toCoreMessage = _chunk75WIGDCWjs.toCoreMessage; exports.toCoreMessages = _chunk75WIGDCWjs.toCoreMessages; exports.toLanguageModelMessages = _chunk75WIGDCWjs.toLanguageModelMessages; exports.toLanguageModelTools = _chunk75WIGDCWjs.toLanguageModelTools; exports.useActionBarCopy = useActionBarCopy; exports.useActionBarEdit = useActionBarEdit; exports.useActionBarFeedbackNegative = useActionBarFeedbackNegative; exports.useActionBarFeedbackPositive = useActionBarFeedbackPositive; exports.useActionBarReload = useActionBarReload; exports.useActionBarSpeak = useActionBarSpeak; exports.useActionBarStopSpeaking = useActionBarStopSpeaking; exports.useAppendMessage = useAppendMessage; exports.useAssistantActions = useAssistantActions; exports.useAssistantActionsStore = useAssistantActionsStore; exports.useAssistantContext = useAssistantContext; exports.useAssistantInstructions = useAssistantInstructions; exports.useAssistantRuntime = useAssistantRuntime; exports.useAssistantRuntimeStore = useAssistantRuntimeStore; exports.useAssistantTool = useAssistantTool; exports.useAssistantToolUI = useAssistantToolUI; exports.useAttachment = useAttachment; exports.useAttachmentRuntime = useAttachmentRuntime; exports.useBranchPickerCount = useBranchPickerCount; exports.useBranchPickerNext = useBranchPickerNext; exports.useBranchPickerNumber = useBranchPickerNumber; exports.useBranchPickerPrevious = useBranchPickerPrevious; exports.useComposer = useComposer; exports.useComposerAddAttachment = useComposerAddAttachment; exports.useComposerCancel = useComposerCancel; exports.useComposerContext = useComposerContext; exports.useComposerIf = useComposerIf; exports.useComposerRuntime = useComposerRuntime; exports.useComposerSend = useComposerSend; exports.useComposerStore = useComposerStore; exports.useContentPart = useContentPart; exports.useContentPartContext = useContentPartContext; exports.useContentPartDisplay = useContentPartDisplay; exports.useContentPartImage = useContentPartImage; exports.useContentPartRuntime = useContentPartRuntime; exports.useContentPartStore = useContentPartStore; exports.useContentPartText = useContentPartText; exports.useDangerousInBrowserRuntime = useDangerousInBrowserRuntime; exports.useEdgeRuntime = useEdgeRuntime; exports.useEditComposer = useEditComposer; exports.useEditComposerStore = useEditComposerStore; exports.useExternalMessageConverter = useExternalMessageConverter; exports.useExternalStoreRuntime = useExternalStoreRuntime; exports.useInlineRender = useInlineRender; exports.useLocalRuntime = useLocalRuntime; exports.useMessage = useMessage; exports.useMessageContext = useMessageContext; exports.useMessageIf = useMessageIf; exports.useMessageRuntime = useMessageRuntime; exports.useMessageStore = useMessageStore; exports.useMessageUtils = useMessageUtils; exports.useMessageUtilsStore = useMessageUtilsStore; exports.useSwitchToNewThread = useSwitchToNewThread; exports.useThread = useThread; exports.useThreadActions = useThreadActions; exports.useThreadActionsStore = useThreadActionsStore; exports.useThreadComposer = useThreadComposer; exports.useThreadComposerStore = useThreadComposerStore; exports.useThreadConfig = useThreadConfig; exports.useThreadContext = useThreadContext; exports.useThreadEmpty = useThreadEmpty; exports.useThreadIf = useThreadIf; exports.useThreadManager = useThreadManager; exports.useThreadMessages = useThreadMessages; exports.useThreadMessagesStore = useThreadMessagesStore; exports.useThreadModelConfig = useThreadModelConfig; exports.useThreadRuntime = useThreadRuntime; exports.useThreadRuntimeStore = useThreadRuntimeStore; exports.useThreadScrollToBottom = useThreadScrollToBottom; exports.useThreadStore = useThreadStore; exports.useThreadSuggestion = useThreadSuggestion; exports.useThreadViewport = useThreadViewport; exports.useThreadViewportStore = useThreadViewportStore; exports.useToolUIs = useToolUIs; exports.useToolUIsStore = useToolUIsStore;
+exports.ActionBarPrimitive = actionBar_exports; exports.AssistantActionBar = assistant_action_bar_default; exports.AssistantMessage = assistant_message_default; exports.AssistantModal = assistant_modal_default; exports.AssistantModalPrimitive = assistantModal_exports; exports.AssistantRuntimeProvider = AssistantRuntimeProvider; exports.AttachmentPrimitive = attachment_exports; exports.AttachmentUI = attachment_default; exports.BranchPicker = branch_picker_default; exports.BranchPickerPrimitive = branchPicker_exports; exports.Composer = composer_default; exports.ComposerAttachment = attachment_default; exports.ComposerPrimitive = composer_exports; exports.CompositeAttachmentAdapter = CompositeAttachmentAdapter; exports.ContentPart = content_part_default; exports.ContentPartPrimitive = contentPart_exports; exports.EdgeChatAdapter = EdgeChatAdapter; exports.EditComposer = edit_composer_default; exports.INTERNAL = internal_exports; exports.MessagePrimitive = message_exports; exports.SimpleImageAttachmentAdapter = SimpleImageAttachmentAdapter; exports.SimpleTextAttachmentAdapter = SimpleTextAttachmentAdapter; exports.TextContentPartProvider = TextContentPartProvider; exports.Thread = thread_default; exports.ThreadConfigProvider = ThreadConfigProvider; exports.ThreadPrimitive = thread_exports; exports.ThreadWelcome = thread_welcome_default; exports.UserActionBar = user_action_bar_default; exports.UserMessage = user_message_default; exports.UserMessageAttachment = attachment_default; exports.WebSpeechSynthesisAdapter = WebSpeechSynthesisAdapter; exports.fromCoreMessage = fromCoreMessage; exports.fromCoreMessages = fromCoreMessages; exports.fromLanguageModelMessages = fromLanguageModelMessages; exports.fromLanguageModelTools = fromLanguageModelTools; exports.getExternalStoreMessage = getExternalStoreMessage; exports.makeAssistantTool = makeAssistantTool; exports.makeAssistantToolUI = makeAssistantToolUI; exports.streamUtils = streamUtils; exports.subscribeToMainThread = subscribeToMainThread; exports.toCoreMessage = _chunkMRIZ4RHIjs.toCoreMessage; exports.toCoreMessages = _chunkMRIZ4RHIjs.toCoreMessages; exports.toLanguageModelMessages = _chunkMRIZ4RHIjs.toLanguageModelMessages; exports.toLanguageModelTools = _chunkMRIZ4RHIjs.toLanguageModelTools; exports.useActionBarCopy = useActionBarCopy; exports.useActionBarEdit = useActionBarEdit; exports.useActionBarFeedbackNegative = useActionBarFeedbackNegative; exports.useActionBarFeedbackPositive = useActionBarFeedbackPositive; exports.useActionBarReload = useActionBarReload; exports.useActionBarSpeak = useActionBarSpeak; exports.useActionBarStopSpeaking = useActionBarStopSpeaking; exports.useAppendMessage = useAppendMessage; exports.useAssistantActions = useAssistantActions; exports.useAssistantActionsStore = useAssistantActionsStore; exports.useAssistantContext = useAssistantContext; exports.useAssistantInstructions = useAssistantInstructions; exports.useAssistantRuntime = useAssistantRuntime; exports.useAssistantRuntimeStore = useAssistantRuntimeStore; exports.useAssistantTool = useAssistantTool; exports.useAssistantToolUI = useAssistantToolUI; exports.useAttachment = useAttachment; exports.useAttachmentRuntime = useAttachmentRuntime; exports.useBranchPickerCount = useBranchPickerCount; exports.useBranchPickerNext = useBranchPickerNext; exports.useBranchPickerNumber = useBranchPickerNumber; exports.useBranchPickerPrevious = useBranchPickerPrevious; exports.useComposer = useComposer; exports.useComposerAddAttachment = useComposerAddAttachment; exports.useComposerCancel = useComposerCancel; exports.useComposerContext = useComposerContext; exports.useComposerIf = useComposerIf; exports.useComposerRuntime = useComposerRuntime; exports.useComposerSend = useComposerSend; exports.useComposerStore = useComposerStore; exports.useContentPart = useContentPart; exports.useContentPartContext = useContentPartContext; exports.useContentPartDisplay = useContentPartDisplay; exports.useContentPartImage = useContentPartImage; exports.useContentPartRuntime = useContentPartRuntime; exports.useContentPartStore = useContentPartStore; exports.useContentPartText = useContentPartText; exports.useDangerousInBrowserRuntime = useDangerousInBrowserRuntime; exports.useEdgeRuntime = useEdgeRuntime; exports.useEditComposer = useEditComposer; exports.useEditComposerStore = useEditComposerStore; exports.useExternalMessageConverter = useExternalMessageConverter; exports.useExternalStoreRuntime = useExternalStoreRuntime; exports.useInlineRender = useInlineRender; exports.useLocalRuntime = useLocalRuntime; exports.useMessage = useMessage; exports.useMessageContext = useMessageContext; exports.useMessageIf = useMessageIf; exports.useMessageRuntime = useMessageRuntime; exports.useMessageStore = useMessageStore; exports.useMessageUtils = useMessageUtils; exports.useMessageUtilsStore = useMessageUtilsStore; exports.useSwitchToNewThread = useSwitchToNewThread; exports.useThread = useThread; exports.useThreadActions = useThreadActions; exports.useThreadActionsStore = useThreadActionsStore; exports.useThreadComposer = useThreadComposer; exports.useThreadComposerStore = useThreadComposerStore; exports.useThreadConfig = useThreadConfig; exports.useThreadContext = useThreadContext; exports.useThreadEmpty = useThreadEmpty; exports.useThreadIf = useThreadIf; exports.useThreadManager = useThreadManager; exports.useThreadMessages = useThreadMessages; exports.useThreadMessagesStore = useThreadMessagesStore; exports.useThreadModelConfig = useThreadModelConfig; exports.useThreadRuntime = useThreadRuntime; exports.useThreadRuntimeStore = useThreadRuntimeStore; exports.useThreadScrollToBottom = useThreadScrollToBottom; exports.useThreadStore = useThreadStore; exports.useThreadSuggestion = useThreadSuggestion; exports.useThreadViewport = useThreadViewport; exports.useThreadViewportStore = useThreadViewportStore; exports.useToolUIs = useToolUIs; exports.useToolUIsStore = useToolUIsStore;
 //# sourceMappingURL=index.js.map