@assistant-ui/react 0.5.63 → 0.5.66

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;"use client";
+"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;
 
 
 
@@ -9,18 +9,14 @@
 
 
 
+var _chunk5KIEXJRKjs = require('./chunk-5KIEXJRK.js');
 
-var _chunkJ2V7Y7JXjs = require('./chunk-J2V7Y7JX.js');
 
-
-var _chunkDCHYNTHIjs = require('./chunk-DCHYNTHI.js');
+var _chunkPZ5AY32Cjs = require('./chunk-PZ5AY32C.js');
 
 // src/context/providers/AssistantRuntimeProvider.tsx
 var _react = require('react');
 
-// src/context/providers/AssistantProvider.tsx
-
-
 // src/context/react/AssistantContext.ts
 
 
@@ -122,7 +118,7 @@ var makeAssistantToolUIsStore = () => _zustand.create.call(void 0, (set) => {
   });
 });
 
-// src/context/providers/ThreadProvider.tsx
+// src/context/providers/ThreadRuntimeProvider.tsx
 
 
 // src/context/react/ThreadContext.ts
@@ -160,10 +156,9 @@ var {
 
 // src/context/stores/ThreadComposer.ts
 
-var makeThreadComposerStore = (useThreadRuntime2) => {
+var makeThreadComposerStore = (runtime) => {
   const focusListeners = /* @__PURE__ */ new Set();
   return _zustand.create.call(void 0, )((_, get) => {
-    const runtime = useThreadRuntime2.getState();
     return {
       type: "thread",
       get value() {
@@ -172,30 +167,27 @@ var makeThreadComposerStore = (useThreadRuntime2) => {
       setValue(value) {
         get().setText(value);
       },
-      attachmentAccept: runtime.composer.attachmentAccept,
-      attachments: runtime.composer.attachments,
+      ...runtime.getState(),
+      canCancel: false,
+      // "TODO",
+      isEditing: true,
       addAttachment: (file) => {
-        useThreadRuntime2.getState().composer.addAttachment(file);
+        runtime.addAttachment(file);
       },
       removeAttachment: (attachmentId) => {
-        useThreadRuntime2.getState().composer.removeAttachment(attachmentId);
+        runtime.removeAttachment(attachmentId);
       },
       reset: () => {
-        useThreadRuntime2.getState().composer.reset();
+        runtime.reset();
       },
-      text: runtime.composer.text,
       setText: (text) => {
-        useThreadRuntime2.getState().composer.setText(text);
+        runtime.setText(text);
       },
-      canCancel: runtime.capabilities.cancel,
-      isEditing: true,
-      isEmpty: runtime.composer.isEmpty,
       send: () => {
-        const runtime2 = useThreadRuntime2.getState();
-        runtime2.composer.send();
+        runtime.send();
       },
       cancel: () => {
-        useThreadRuntime2.getState().cancelRun();
+        runtime.cancel();
       },
       focus: () => {
         for (const listener of focusListeners) {
@@ -212,22 +204,6 @@ var makeThreadComposerStore = (useThreadRuntime2) => {
   });
 };
 
-// src/context/stores/Thread.ts
-
-var getThreadStateFromRuntime = (runtime) => {
-  const lastMessage = runtime.messages.at(-1);
-  return Object.freeze({
-    threadId: runtime.threadId,
-    capabilities: runtime.capabilities,
-    isDisabled: runtime.isDisabled,
-    isRunning: _optionalChain([lastMessage, 'optionalAccess', _5 => _5.role]) !== "assistant" ? false : lastMessage.status.type === "running"
-  });
-};
-var makeThreadStore = (runtimeRef) => {
-  const runtime = runtimeRef.getState();
-  return _zustand.create.call(void 0, () => getThreadStateFromRuntime(runtime));
-};
-
 // src/context/stores/ThreadViewport.tsx
 
 var makeThreadViewportStore = () => {
@@ -248,85 +224,65 @@ var makeThreadViewportStore = () => {
   }));
 };
 
-// src/context/stores/ThreadMessages.ts
-
-var makeThreadMessagesStore = (runtimeRef) => {
-  return _zustand.create.call(void 0, () => runtimeRef.getState().messages);
-};
-
 // src/context/ReadonlyStore.ts
 var writableStore = (store) => {
   return store;
 };
 
-// src/context/providers/ThreadProvider.tsx
+// src/context/providers/ThreadRuntimeProvider.tsx
 
 var _jsxruntime = require('react/jsx-runtime');
-var ThreadProvider = ({
-  children,
-  provider: thread
-}) => {
-  const [context] = _react.useState.call(void 0, () => {
-    const useThreadRuntime2 = _zustand.create.call(void 0, () => thread);
-    const useThread2 = makeThreadStore(useThreadRuntime2);
-    const useThreadMessages2 = makeThreadMessagesStore(useThreadRuntime2);
+var useThreadRuntimeStore2 = (runtime) => {
+  const [store] = _react.useState.call(void 0, () => _zustand.create.call(void 0, () => runtime));
+  _react.useEffect.call(void 0, () => {
+    writableStore(store).setState(runtime, true);
+  }, [runtime, store]);
+  return store;
+};
+var useThreadStore2 = (runtime) => {
+  const [store] = _react.useState.call(void 0, () => _zustand.create.call(void 0, () => runtime.getState()));
+  _react.useEffect.call(void 0, () => {
+    const updateState = () => writableStore(store).setState(runtime.getState(), true);
+    updateState();
+    return runtime.subscribe(updateState);
+  }, [runtime, store]);
+  return store;
+};
+var useThreadMessagesStore2 = (runtime) => {
+  const [store] = _react.useState.call(void 0, () => _zustand.create.call(void 0, () => runtime.messages));
+  _react.useEffect.call(void 0, () => {
+    const updateState = () => writableStore(store).setState(runtime.messages, true);
+    updateState();
+    return runtime.subscribe(updateState);
+  }, [runtime, store]);
+  return store;
+};
+var useThreadComposerStore2 = (runtime) => {
+  const [store] = _react.useState.call(void 0, () => makeThreadComposerStore(runtime));
+  _react.useEffect.call(void 0, () => {
+    const updateState = () => writableStore(store).setState(runtime.getState());
+    updateState();
+    return runtime.subscribe(updateState);
+  }, [runtime, store]);
+  return store;
+};
+var ThreadRuntimeProvider = ({ children, runtime }) => {
+  const useThreadRuntime2 = useThreadRuntimeStore2(runtime);
+  const useThread2 = useThreadStore2(runtime);
+  const useThreadMessages2 = useThreadMessagesStore2(runtime);
+  const useThreadComposer2 = useThreadComposerStore2(runtime.composer);
+  const context = _react.useMemo.call(void 0, () => {
     const useViewport = makeThreadViewportStore();
-    const useComposer2 = makeThreadComposerStore(useThreadRuntime2);
     return {
       useThread: useThread2,
       useThreadRuntime: useThreadRuntime2,
       useThreadMessages: useThreadMessages2,
       useThreadActions: useThreadRuntime2,
-      useComposer: useComposer2,
+      useComposer: useThreadComposer2,
       useViewport
     };
-  });
-  _react.useEffect.call(void 0, () => {
-    const onThreadUpdate = () => {
-      const oldState = context.useThread.getState();
-      const state = getThreadStateFromRuntime(thread);
-      if (oldState.threadId !== state.threadId || oldState.isDisabled !== state.isDisabled || oldState.isRunning !== state.isRunning || oldState.capabilities !== state.capabilities) {
-        writableStore(context.useThread).setState(state, true);
-      }
-      if (thread.messages !== context.useThreadMessages.getState()) {
-        writableStore(context.useThreadMessages).setState(
-          thread.messages,
-          true
-        );
-      }
-      const composerState = context.useComposer.getState();
-      if (state.capabilities.cancel !== composerState.canCancel) {
-        writableStore(context.useComposer).setState({
-          canCancel: state.capabilities.cancel
-        });
-      }
-    };
-    onThreadUpdate();
-    return thread.subscribe(onThreadUpdate);
-  }, [thread, context]);
-  _react.useEffect.call(void 0, () => {
-    const onComposerUpdate = () => {
-      const composer = thread.composer;
-      const composerState = context.useComposer.getState();
-      if (composer.isEmpty !== composerState.isEmpty || composer.text !== composerState.text || composer.attachmentAccept !== composerState.attachmentAccept || composer.attachments !== composerState.attachments) {
-        writableStore(context.useComposer).setState({
-          isEmpty: composer.isEmpty,
-          text: composer.text,
-          attachmentAccept: composer.attachmentAccept,
-          attachments: composer.attachments
-        });
-      }
-    };
-    onComposerUpdate();
-    return thread.composer.subscribe(onComposerUpdate);
-  }, [thread, context]);
-  _react.useEffect.call(void 0, 
-    () => thread.subscribe(() => {
-      writableStore(context.useThreadRuntime).setState(thread, true);
-    }),
-    [thread, context]
-  );
-  const Synchronizer = context.useThreadRuntime(
+  }, [useThread2, useThreadRuntime2, useThreadMessages2, useThreadComposer2]);
+  const Synchronizer = context.useThread(
     (t) => t.unstable_synchronizer
   );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ThreadContext.Provider, { value: context, children: [
@@ -335,34 +291,30 @@ var ThreadProvider = ({
   ] });
 };
 
-// src/context/providers/AssistantProvider.tsx
+// src/context/providers/AssistantRuntimeProvider.tsx
 
 
-var AssistantProvider = ({ children, runtime }) => {
-  const runtimeRef = _react.useRef.call(void 0, runtime);
-  _react.useInsertionEffect.call(void 0, () => {
-    runtimeRef.current = runtime;
-  });
-  const [context] = _react.useState.call(void 0, () => {
-    const useAssistantRuntime2 = _zustand.create.call(void 0, () => runtime);
-    const useToolUIs2 = makeAssistantToolUIsStore();
+var useAssistantRuntimeStore2 = (runtime) => {
+  const [store] = _react.useState.call(void 0, () => _zustand.create.call(void 0, () => runtime));
+  _react.useEffect.call(void 0, () => {
+    writableStore(store).setState(runtime, true);
+  }, [runtime, store]);
+  return store;
+};
+var useAssistantToolUIsStore = () => {
+  return _react.useMemo.call(void 0, () => makeAssistantToolUIsStore(), []);
+};
+var AssistantRuntimeProviderImpl = ({ children, runtime }) => {
+  const useAssistantRuntime2 = useAssistantRuntimeStore2(runtime);
+  const useToolUIs2 = useAssistantToolUIsStore();
+  const context = _react.useMemo.call(void 0, () => {
     return {
       useToolUIs: useToolUIs2,
       useAssistantRuntime: useAssistantRuntime2,
       useAssistantActions: useAssistantRuntime2
     };
-  });
-  _react.useEffect.call(void 0, 
-    () => writableStore(context.useAssistantRuntime).setState(runtime, true),
-    [runtime, context]
-  );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AssistantContext.Provider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadProvider, { provider: runtime.thread, children }) });
-};
-
-// src/context/providers/AssistantRuntimeProvider.tsx
-
-var AssistantRuntimeProviderImpl = ({ children, runtime }) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AssistantProvider, { runtime, children });
+  }, [useAssistantRuntime2, useToolUIs2]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AssistantContext.Provider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadRuntimeProvider, { runtime: runtime.thread, children }) });
 };
 var AssistantRuntimeProvider = _react.memo.call(void 0, AssistantRuntimeProviderImpl);
 
@@ -427,6 +379,11 @@ var useMessageContext = createContextHook(
   MessageContext,
   "a component passed to <ThreadPrimitive.Messages components={...} />"
 );
+function useMessageRuntime(options) {
+  const context = useMessageContext(options);
+  if (!context) return null;
+  return context.useMessageRuntime();
+}
 var { useMessage, useMessageStore } = createContextStoreHook(
   useMessageContext,
   "useMessage"
@@ -460,40 +417,17 @@ var { useComposer, useComposerStore } = createContextStoreHook(
 
 // src/hooks/useAppendMessage.tsx
 
-var toAppendMessage = (useThreadMessages2, message) => {
-  if (typeof message === "string") {
-    return {
-      parentId: _nullishCoalesce(_optionalChain([useThreadMessages2, 'access', _6 => _6.getState, 'call', _7 => _7(), 'access', _8 => _8.at, 'call', _9 => _9(-1), 'optionalAccess', _10 => _10.id]), () => ( null)),
-      role: "user",
-      content: [{ type: "text", text: message }],
-      attachments: []
-    };
-  }
-  return {
-    parentId: _nullishCoalesce(_nullishCoalesce(message.parentId, () => ( _optionalChain([useThreadMessages2, 'access', _11 => _11.getState, 'call', _12 => _12(), 'access', _13 => _13.at, 'call', _14 => _14(-1), 'optionalAccess', _15 => _15.id]))), () => ( null)),
-    role: _nullishCoalesce(message.role, () => ( "user")),
-    content: message.content,
-    attachments: _nullishCoalesce(message.attachments, () => ( []))
-  };
-};
 var useAppendMessage = () => {
-  const threadMessagesStore = useThreadMessagesStore();
   const threadRuntime = useThreadRuntime();
   const threadViewportStore = useThreadViewportStore();
   const threadComposerStore = useThreadComposerStore();
   const append = _react.useCallback.call(void 0, 
     (message) => {
-      const appendMessage = toAppendMessage(threadMessagesStore, message);
-      threadRuntime.append(appendMessage);
+      threadRuntime.append(message);
       threadViewportStore.getState().scrollToBottom();
       threadComposerStore.getState().focus();
     },
-    [
-      threadMessagesStore,
-      threadRuntime,
-      threadViewportStore,
-      threadComposerStore
-    ]
+    [threadRuntime, threadViewportStore, threadComposerStore]
   );
   return append;
 };
@@ -528,7 +462,7 @@ var useAssistantTool = (tool) => {
     const unsub2 = render ? toolUIsStore.getState().setToolUI(toolName, render) : void 0;
     return () => {
       unsub1();
-      _optionalChain([unsub2, 'optionalCall', _16 => _16()]);
+      _optionalChain([unsub2, 'optionalCall', _5 => _5()]);
     };
   }, [assistantRuntime, toolUIsStore, tool]);
 };
@@ -624,12 +558,12 @@ var useActionBarCopy = ({
   const editComposerStore = useEditComposerStore();
   const hasCopyableContent = useCombinedStore(
     [messageStore, editComposerStore],
-    ({ message }, c) => {
+    (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, () => {
-    const { message } = messageStore.getState();
+    const message = messageStore.getState();
     const { setIsCopied } = messageUtilsStore.getState();
     const { isEditing, text: composerValue } = editComposerStore.getState();
     const valueToCopy = isEditing ? composerValue : getThreadMessageText(message);
@@ -665,7 +599,7 @@ var useActionBarReload = () => {
   const threadViewportStore = useThreadViewportStore();
   const disabled = useCombinedStore(
     [threadStore, messageStore],
-    (t, m) => t.isRunning || t.isDisabled || m.message.role !== "assistant"
+    (t, m) => t.isRunning || t.isDisabled || m.role !== "assistant"
   );
   const callback = _react.useCallback.call(void 0, () => {
     const { parentId } = messageStore.getState();
@@ -719,7 +653,7 @@ var useActionBarFeedbackPositive = () => {
   const messageUtilsStore = useMessageUtilsStore();
   const callback = _react.useCallback.call(void 0, () => {
     threadRuntime.submitFeedback({
-      messageId: messageStore.getState().message.id,
+      messageId: messageStore.getState().id,
       type: "positive"
     });
     messageUtilsStore.getState().setSubmittedFeedback("positive");
@@ -735,7 +669,7 @@ var useActionBarFeedbackNegative = () => {
   const messageUtilsStore = useMessageUtilsStore();
   const callback = _react.useCallback.call(void 0, () => {
     threadRuntime.submitFeedback({
-      messageId: messageStore.getState().message.id,
+      messageId: messageStore.getState().id,
       type: "negative"
     });
     messageUtilsStore.getState().setSubmittedFeedback("negative");
@@ -745,48 +679,46 @@ var useActionBarFeedbackNegative = () => {
 
 // src/primitive-hooks/branchPicker/useBranchPickerCount.tsx
 var useBranchPickerCount = () => {
-  const branchCount = useMessage((s) => s.branches.length);
+  const branchCount = useMessage((s) => s.branchCount);
   return branchCount;
 };
 
 // src/primitive-hooks/branchPicker/useBranchPickerNext.tsx
 
 var useBranchPickerNext = () => {
+  const messageRuntime = useMessageRuntime();
   const messageStore = useMessageStore();
   const editComposerStore = useEditComposerStore();
-  const threadRuntime = useThreadRuntime();
   const disabled = useCombinedStore(
     [messageStore, editComposerStore],
-    (m, c) => c.isEditing || m.branches.indexOf(m.message.id) + 1 >= m.branches.length
+    (m, c) => c.isEditing || m.branchNumber >= m.branchCount
   );
   const callback = _react.useCallback.call(void 0, () => {
-    const { message, branches } = messageStore.getState();
-    threadRuntime.switchToBranch(branches[branches.indexOf(message.id) + 1]);
-  }, [threadRuntime, messageStore]);
+    messageRuntime.switchToBranch({ position: "next" });
+  }, [messageRuntime]);
   if (disabled) return null;
   return callback;
 };
 
 // src/primitive-hooks/branchPicker/useBranchPickerNumber.tsx
 var useBranchPickerNumber = () => {
-  const branchIdx = useMessage((s) => s.branches.indexOf(s.message.id));
-  return branchIdx + 1;
+  const branchNumber = useMessage((s) => s.branchNumber);
+  return branchNumber;
 };
 
 // src/primitive-hooks/branchPicker/useBranchPickerPrevious.tsx
 
 var useBranchPickerPrevious = () => {
+  const messageRuntime = useMessageRuntime();
   const messageStore = useMessageStore();
   const editComposerStore = useEditComposerStore();
-  const threadRuntime = useThreadRuntime();
   const disabled = useCombinedStore(
     [messageStore, editComposerStore],
-    (m, c) => c.isEditing || m.branches.indexOf(m.message.id) <= 0
+    (m, c) => c.isEditing || m.branchNumber <= 1
   );
   const callback = _react.useCallback.call(void 0, () => {
-    const { message, branches } = messageStore.getState();
-    threadRuntime.switchToBranch(branches[branches.indexOf(message.id) - 1]);
-  }, [threadRuntime, messageStore]);
+    messageRuntime.switchToBranch({ position: "previous" });
+  }, [messageRuntime]);
   if (disabled) return null;
   return callback;
 };
@@ -850,7 +782,7 @@ var useComposerAddAttachment = () => {
       input.accept = attachmentAccept;
     }
     input.onchange = (e) => {
-      const file = _optionalChain([e, 'access', _17 => _17.target, 'access', _18 => _18.files, 'optionalAccess', _19 => _19[0]]);
+      const file = _optionalChain([e, 'access', _6 => _6.target, 'access', _7 => _7.files, 'optionalAccess', _8 => _8[0]]);
       if (!file) return;
       addAttachment(file);
     };
@@ -902,19 +834,19 @@ var useMessageIf = (props) => {
   const messageUtilsStore = useMessageUtilsStore();
   return useCombinedStore(
     [messageStore, messageUtilsStore],
-    ({ message, branches, isLast }, { isCopied, isHovering, isSpeaking, submittedFeedback }) => {
-      if (props.hasBranches === true && branches.length < 2) return false;
-      if (props.user && message.role !== "user") return false;
-      if (props.assistant && message.role !== "assistant") return false;
-      if (props.system && message.role !== "system") return false;
+    ({ role, attachments, branchCount, isLast }, { isCopied, isHovering, isSpeaking, submittedFeedback }) => {
+      if (props.hasBranches === true && branchCount < 2) return false;
+      if (props.user && role !== "user") return false;
+      if (props.assistant && role !== "assistant") return false;
+      if (props.system && role !== "system") return false;
       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.hasAttachments === true && (message.role !== "user" || !message.attachments.length))
+      if (props.hasAttachments === true && (role !== "user" || !attachments.length))
         return false;
-      if (props.hasAttachments === false && message.role === "user" && !!message.attachments.length)
+      if (props.hasAttachments === false && role === "user" && !!attachments.length)
         return false;
       if (props.submittedFeedback !== void 0 && submittedFeedback !== props.submittedFeedback)
         return false;
@@ -986,7 +918,7 @@ var useThreadSuggestion = ({
 
 // src/primitives/actionBar/index.ts
 var actionBar_exports = {};
-_chunkDCHYNTHIjs.__export.call(void 0, actionBar_exports, {
+_chunkPZ5AY32Cjs.__export.call(void 0, actionBar_exports, {
   Copy: () => ActionBarPrimitiveCopy,
   Edit: () => ActionBarPrimitiveEdit,
   FeedbackNegative: () => ActionBarPrimitiveFeedbackNegative,
@@ -1061,7 +993,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', _20 => _20()]);
+        _optionalChain([callback, 'optionalCall', _9 => _9()]);
       })
     }
   );
@@ -1093,7 +1025,7 @@ var createActionButton = (displayName, useActionButton, forwardProps = []) => {
         ref: forwardedRef,
         disabled: primitiveProps.disabled || !callback,
         onClick: _primitive.composeEventHandlers.call(void 0, primitiveProps.onClick, () => {
-          _optionalChain([callback, 'optionalCall', _21 => _21()]);
+          _optionalChain([callback, 'optionalCall', _10 => _10()]);
         })
       }
     );
@@ -1142,7 +1074,7 @@ var ActionBarPrimitiveStopSpeaking = _react.forwardRef.call(void 0, (props, ref)
       ...props,
       ref,
       onClick: _primitive.composeEventHandlers.call(void 0, props.onClick, () => {
-        _optionalChain([callback, 'optionalCall', _22 => _22()]);
+        _optionalChain([callback, 'optionalCall', _11 => _11()]);
       })
     }
   );
@@ -1168,7 +1100,7 @@ var ActionBarPrimitiveFeedbackPositive = _react.forwardRef.call(void 0, ({ onCli
       ref: forwardedRef,
       disabled: disabled || !callback,
       onClick: _primitive.composeEventHandlers.call(void 0, onClick, () => {
-        _optionalChain([callback, 'optionalCall', _23 => _23()]);
+        _optionalChain([callback, 'optionalCall', _12 => _12()]);
       })
     }
   );
@@ -1194,7 +1126,7 @@ var ActionBarPrimitiveFeedbackNegative = _react.forwardRef.call(void 0, ({ onCli
       ref: forwardedRef,
       disabled: disabled || !callback,
       onClick: _primitive.composeEventHandlers.call(void 0, onClick, () => {
-        _optionalChain([callback, 'optionalCall', _24 => _24()]);
+        _optionalChain([callback, 'optionalCall', _13 => _13()]);
       })
     }
   );
@@ -1203,7 +1135,7 @@ ActionBarPrimitiveFeedbackNegative.displayName = "ActionBarPrimitive.FeedbackNeg
 
 // src/primitives/assistantModal/index.ts
 var assistantModal_exports = {};
-_chunkDCHYNTHIjs.__export.call(void 0, assistantModal_exports, {
+_chunkPZ5AY32Cjs.__export.call(void 0, assistantModal_exports, {
   Anchor: () => AssistantModalPrimitiveAnchor,
   Content: () => AssistantModalPrimitiveContent,
   Root: () => AssistantModalPrimitiveRoot,
@@ -1328,7 +1260,7 @@ AssistantModalPrimitiveAnchor.displayName = "AssistantModalPrimitive.Anchor";
 
 // src/primitives/branchPicker/index.ts
 var branchPicker_exports = {};
-_chunkDCHYNTHIjs.__export.call(void 0, branchPicker_exports, {
+_chunkPZ5AY32Cjs.__export.call(void 0, branchPicker_exports, {
   Count: () => BranchPickerPrimitiveCount,
   Next: () => BranchPickerPrimitiveNext,
   Number: () => BranchPickerPrimitiveNumber,
@@ -1370,7 +1302,7 @@ BranchPickerPrimitiveNumber.displayName = "BranchPickerPrimitive.Number";
 
 // src/primitives/message/index.ts
 var message_exports = {};
-_chunkDCHYNTHIjs.__export.call(void 0, message_exports, {
+_chunkPZ5AY32Cjs.__export.call(void 0, message_exports, {
   Attachments: () => MessagePrimitiveAttachments,
   Content: () => MessagePrimitiveContent,
   If: () => MessagePrimitiveIf,
@@ -1484,7 +1416,7 @@ var getContentPartState = ({ message }, useContentPart2, partIndex) => {
     part = EMPTY_CONTENT;
   }
   const status = toContentPartStatus(message, partIndex, part);
-  const currentState = _optionalChain([useContentPart2, 'optionalAccess', _25 => _25.getState, 'call', _26 => _26()]);
+  const currentState = _optionalChain([useContentPart2, 'optionalAccess', _14 => _14.getState, 'call', _15 => _15()]);
   if (currentState && currentState.part === part && currentState.status === status)
     return null;
   return Object.freeze({ part, status });
@@ -1561,7 +1493,7 @@ var withSmoothContextProvider = (Component) => {
 };
 function useSmoothContext(options) {
   const context = _react.useContext.call(void 0, SmoothContext);
-  if (!_optionalChain([options, 'optionalAccess', _27 => _27.optional]) && !context)
+  if (!_optionalChain([options, 'optionalAccess', _16 => _16.optional]) && !context)
     throw new Error(
       "This component must be used within a SmoothContextProvider."
     );
@@ -1626,7 +1558,7 @@ var useSmooth = (state, smooth = false) => {
   } = state;
   const id = useMessage({
     optional: true,
-    selector: (m) => m.message.id
+    selector: (m) => m.id
   });
   const idRef = _react.useRef.call(void 0, id);
   const [displayedText, setDisplayedText] = _react.useState.call(void 0, text);
@@ -1768,7 +1700,7 @@ var MessageContentPartComponent = ({
     case "tool-call": {
       const Tool = by_name[part.toolName] || Fallback2;
       const addResult = (result) => threadRuntime.addToolResult({
-        messageId: messageStore.getState().message.id,
+        messageId: messageStore.getState().id,
         toolName: part.toolName,
         toolCallId: part.toolCallId,
         result
@@ -1796,12 +1728,12 @@ var MessageContentPartImpl = ({
 };
 var MessageContentPart = _react.memo.call(void 0, 
   MessageContentPartImpl,
-  (prev, next) => prev.partIndex === next.partIndex && _optionalChain([prev, 'access', _28 => _28.components, 'optionalAccess', _29 => _29.Text]) === _optionalChain([next, 'access', _30 => _30.components, 'optionalAccess', _31 => _31.Text]) && _optionalChain([prev, 'access', _32 => _32.components, 'optionalAccess', _33 => _33.Image]) === _optionalChain([next, 'access', _34 => _34.components, 'optionalAccess', _35 => _35.Image]) && _optionalChain([prev, 'access', _36 => _36.components, 'optionalAccess', _37 => _37.UI]) === _optionalChain([next, 'access', _38 => _38.components, 'optionalAccess', _39 => _39.UI]) && _optionalChain([prev, 'access', _40 => _40.components, 'optionalAccess', _41 => _41.tools]) === _optionalChain([next, 'access', _42 => _42.components, 'optionalAccess', _43 => _43.tools])
+  (prev, next) => prev.partIndex === next.partIndex && _optionalChain([prev, 'access', _17 => _17.components, 'optionalAccess', _18 => _18.Text]) === _optionalChain([next, 'access', _19 => _19.components, 'optionalAccess', _20 => _20.Text]) && _optionalChain([prev, 'access', _21 => _21.components, 'optionalAccess', _22 => _22.Image]) === _optionalChain([next, 'access', _23 => _23.components, 'optionalAccess', _24 => _24.Image]) && _optionalChain([prev, 'access', _25 => _25.components, 'optionalAccess', _26 => _26.UI]) === _optionalChain([next, 'access', _27 => _27.components, 'optionalAccess', _28 => _28.UI]) && _optionalChain([prev, 'access', _29 => _29.components, 'optionalAccess', _30 => _30.tools]) === _optionalChain([next, 'access', _31 => _31.components, 'optionalAccess', _32 => _32.tools])
 );
 var MessagePrimitiveContent = ({
   components
 }) => {
-  const contentLength = useMessage((s) => s.message.content.length) || 1;
+  const contentLength = useMessage((s) => s.content.length) || 1;
   return Array.from({ length: contentLength }, (_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageContentPart, { partIndex: index, components }, index));
 };
 MessagePrimitiveContent.displayName = "MessagePrimitive.Content";
@@ -1822,7 +1754,7 @@ var AttachmentContext = _react.createContext.call(void 0,
 );
 function useAttachmentContext(options) {
   const context = _react.useContext.call(void 0, AttachmentContext);
-  if (!_optionalChain([options, 'optionalAccess', _44 => _44.optional]) && !context)
+  if (!_optionalChain([options, 'optionalAccess', _33 => _33.optional]) && !context)
     throw new Error(
       "This component must be used within a ComposerPrimitive.Attachments or MessagePrimitive.Attachments component."
     );
@@ -1863,12 +1795,12 @@ var {
 
 
 
-var getAttachment = ({ message }, useAttachment2, partIndex) => {
+var getAttachment = (message, useAttachment2, partIndex) => {
   if (message.role !== "user") return null;
   const attachments = message.attachments;
   const attachment = attachments[partIndex];
   if (!attachment) return null;
-  const currentState = _optionalChain([useAttachment2, 'optionalAccess', _45 => _45.getState, 'call', _46 => _46()]);
+  const currentState = _optionalChain([useAttachment2, 'optionalAccess', _34 => _34.getState, 'call', _35 => _35()]);
   if (currentState && currentState.attachment === attachment) return null;
   return Object.freeze({ attachment });
 };
@@ -1911,11 +1843,11 @@ var getComponent = (components, attachment) => {
   const type = attachment.type;
   switch (type) {
     case "image":
-      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _47 => _47.Image]), () => ( _optionalChain([components, 'optionalAccess', _48 => _48.Attachment])));
+      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _36 => _36.Image]), () => ( _optionalChain([components, 'optionalAccess', _37 => _37.Attachment])));
     case "document":
-      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _49 => _49.Document]), () => ( _optionalChain([components, 'optionalAccess', _50 => _50.Attachment])));
+      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _38 => _38.Document]), () => ( _optionalChain([components, 'optionalAccess', _39 => _39.Attachment])));
     case "file":
-      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _51 => _51.File]), () => ( _optionalChain([components, 'optionalAccess', _52 => _52.Attachment])));
+      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _40 => _40.File]), () => ( _optionalChain([components, 'optionalAccess', _41 => _41.Attachment])));
     default:
       const _exhaustiveCheck = type;
       throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);
@@ -1933,7 +1865,7 @@ var MessageAttachmentImpl = ({ components, attachmentIndex }) => {
 };
 var MessageAttachment = _react.memo.call(void 0, 
   MessageAttachmentImpl,
-  (prev, next) => prev.attachmentIndex === next.attachmentIndex && _optionalChain([prev, 'access', _53 => _53.components, 'optionalAccess', _54 => _54.Image]) === _optionalChain([next, 'access', _55 => _55.components, 'optionalAccess', _56 => _56.Image]) && _optionalChain([prev, 'access', _57 => _57.components, 'optionalAccess', _58 => _58.Document]) === _optionalChain([next, 'access', _59 => _59.components, 'optionalAccess', _60 => _60.Document]) && _optionalChain([prev, 'access', _61 => _61.components, 'optionalAccess', _62 => _62.File]) === _optionalChain([next, 'access', _63 => _63.components, 'optionalAccess', _64 => _64.File]) && _optionalChain([prev, 'access', _65 => _65.components, 'optionalAccess', _66 => _66.Attachment]) === _optionalChain([next, 'access', _67 => _67.components, 'optionalAccess', _68 => _68.Attachment])
+  (prev, next) => prev.attachmentIndex === next.attachmentIndex && _optionalChain([prev, 'access', _42 => _42.components, 'optionalAccess', _43 => _43.Image]) === _optionalChain([next, 'access', _44 => _44.components, 'optionalAccess', _45 => _45.Image]) && _optionalChain([prev, 'access', _46 => _46.components, 'optionalAccess', _47 => _47.Document]) === _optionalChain([next, 'access', _48 => _48.components, 'optionalAccess', _49 => _49.Document]) && _optionalChain([prev, 'access', _50 => _50.components, 'optionalAccess', _51 => _51.File]) === _optionalChain([next, 'access', _52 => _52.components, 'optionalAccess', _53 => _53.File]) && _optionalChain([prev, 'access', _54 => _54.components, 'optionalAccess', _55 => _55.Attachment]) === _optionalChain([next, 'access', _56 => _56.components, 'optionalAccess', _57 => _57.Attachment])
 );
 var MessagePrimitiveAttachments = ({ components }) => {
   const attachmentsCount = useMessage(({ message }) => {
@@ -1960,7 +1892,7 @@ BranchPickerPrimitiveRoot.displayName = "BranchPickerPrimitive.Root";
 
 // src/primitives/composer/index.ts
 var composer_exports = {};
-_chunkDCHYNTHIjs.__export.call(void 0, composer_exports, {
+_chunkPZ5AY32Cjs.__export.call(void 0, composer_exports, {
   AddAttachment: () => ComposerPrimitiveAddAttachment,
   Attachments: () => ComposerPrimitiveAttachments,
   Cancel: () => ComposerPrimitiveCancel,
@@ -2044,7 +1976,7 @@ var ComposerPrimitiveInput = _react.forwardRef.call(void 0,
         const { isRunning } = threadStore.getState();
         if (!isRunning) {
           e.preventDefault();
-          _optionalChain([textareaRef, 'access', _69 => _69.current, 'optionalAccess', _70 => _70.closest, 'call', _71 => _71("form"), 'optionalAccess', _72 => _72.requestSubmit, 'call', _73 => _73()]);
+          _optionalChain([textareaRef, 'access', _58 => _58.current, 'optionalAccess', _59 => _59.closest, 'call', _60 => _60("form"), 'optionalAccess', _61 => _61.requestSubmit, 'call', _62 => _62()]);
         }
       }
     };
@@ -2112,7 +2044,7 @@ var ComposerPrimitiveAddAttachment = createActionButton(
 var getAttachment2 = ({ attachments }, useAttachment2, partIndex) => {
   const attachment = attachments[partIndex];
   if (!attachment) return null;
-  const currentState = _optionalChain([useAttachment2, 'optionalAccess', _74 => _74.getState, 'call', _75 => _75()]);
+  const currentState = _optionalChain([useAttachment2, 'optionalAccess', _63 => _63.getState, 'call', _64 => _64()]);
   if (currentState && currentState.attachment === attachment) return null;
   return Object.freeze({ attachment });
 };
@@ -2152,11 +2084,11 @@ var getComponent2 = (components, attachment) => {
   const type = attachment.type;
   switch (type) {
     case "image":
-      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _76 => _76.Image]), () => ( _optionalChain([components, 'optionalAccess', _77 => _77.Attachment])));
+      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _65 => _65.Image]), () => ( _optionalChain([components, 'optionalAccess', _66 => _66.Attachment])));
     case "document":
-      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _78 => _78.Document]), () => ( _optionalChain([components, 'optionalAccess', _79 => _79.Attachment])));
+      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _67 => _67.Document]), () => ( _optionalChain([components, 'optionalAccess', _68 => _68.Attachment])));
     case "file":
-      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _80 => _80.File]), () => ( _optionalChain([components, 'optionalAccess', _81 => _81.Attachment])));
+      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _69 => _69.File]), () => ( _optionalChain([components, 'optionalAccess', _70 => _70.Attachment])));
     default:
       const _exhaustiveCheck = type;
       throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);
@@ -2174,7 +2106,7 @@ var ComposerAttachmentImpl = ({ components, attachmentIndex }) => {
 };
 var ComposerAttachment = _react.memo.call(void 0, 
   ComposerAttachmentImpl,
-  (prev, next) => prev.attachmentIndex === next.attachmentIndex && _optionalChain([prev, 'access', _82 => _82.components, 'optionalAccess', _83 => _83.Image]) === _optionalChain([next, 'access', _84 => _84.components, 'optionalAccess', _85 => _85.Image]) && _optionalChain([prev, 'access', _86 => _86.components, 'optionalAccess', _87 => _87.Document]) === _optionalChain([next, 'access', _88 => _88.components, 'optionalAccess', _89 => _89.Document]) && _optionalChain([prev, 'access', _90 => _90.components, 'optionalAccess', _91 => _91.File]) === _optionalChain([next, 'access', _92 => _92.components, 'optionalAccess', _93 => _93.File]) && _optionalChain([prev, 'access', _94 => _94.components, 'optionalAccess', _95 => _95.Attachment]) === _optionalChain([next, 'access', _96 => _96.components, 'optionalAccess', _97 => _97.Attachment])
+  (prev, next) => prev.attachmentIndex === next.attachmentIndex && _optionalChain([prev, 'access', _71 => _71.components, 'optionalAccess', _72 => _72.Image]) === _optionalChain([next, 'access', _73 => _73.components, 'optionalAccess', _74 => _74.Image]) && _optionalChain([prev, 'access', _75 => _75.components, 'optionalAccess', _76 => _76.Document]) === _optionalChain([next, 'access', _77 => _77.components, 'optionalAccess', _78 => _78.Document]) && _optionalChain([prev, 'access', _79 => _79.components, 'optionalAccess', _80 => _80.File]) === _optionalChain([next, 'access', _81 => _81.components, 'optionalAccess', _82 => _82.File]) && _optionalChain([prev, 'access', _83 => _83.components, 'optionalAccess', _84 => _84.Attachment]) === _optionalChain([next, 'access', _85 => _85.components, 'optionalAccess', _86 => _86.Attachment])
 );
 var ComposerPrimitiveAttachments = ({ components }) => {
   const attachmentsCount = useThreadComposer((s) => s.attachments.length);
@@ -2201,7 +2133,7 @@ ComposerPrimitiveIf.displayName = "ComposerPrimitive.If";
 
 // src/primitives/contentPart/index.ts
 var contentPart_exports = {};
-_chunkDCHYNTHIjs.__export.call(void 0, contentPart_exports, {
+_chunkPZ5AY32Cjs.__export.call(void 0, contentPart_exports, {
   Display: () => ContentPartPrimitiveDisplay,
   Image: () => ContentPartPrimitiveImage,
   InProgress: () => ContentPartPrimitiveInProgress,
@@ -2210,7 +2142,7 @@ _chunkDCHYNTHIjs.__export.call(void 0, contentPart_exports, {
 
 // src/primitives/thread/index.ts
 var thread_exports = {};
-_chunkDCHYNTHIjs.__export.call(void 0, thread_exports, {
+_chunkPZ5AY32Cjs.__export.call(void 0, thread_exports, {
   Empty: () => ThreadPrimitiveEmpty,
   If: () => ThreadPrimitiveIf,
   Messages: () => ThreadPrimitiveMessages,
@@ -2375,7 +2307,7 @@ ThreadPrimitiveViewport.displayName = "ThreadPrimitive.Viewport";
 // src/primitives/thread/ThreadMessages.tsx
 
 
-// src/context/providers/MessageProvider.tsx
+// src/context/providers/MessageRuntimeProvider.tsx
 
 
 
@@ -2433,7 +2365,7 @@ var makeMessageUtilsStore = () => _zustand.create.call(void 0, (set) => {
     },
     isSpeaking: false,
     stopSpeaking: () => {
-      _optionalChain([utterance, 'optionalAccess', _98 => _98.cancel, 'call', _99 => _99()]);
+      _optionalChain([utterance, 'optionalAccess', _87 => _87.cancel, 'call', _88 => _88()]);
     },
     addUtterance: (utt) => {
       utterance = utt;
@@ -2449,84 +2381,65 @@ var makeMessageUtilsStore = () => _zustand.create.call(void 0, (set) => {
   };
 });
 
-// src/context/providers/MessageProvider.tsx
+// src/context/providers/MessageRuntimeProvider.tsx
 
-var getIsLast = (messages, message) => {
-  return _optionalChain([messages, 'access', _100 => _100[messages.length - 1], 'optionalAccess', _101 => _101.id]) === message.id;
+var useMessageRuntimeStore = (runtime) => {
+  const [store] = _react.useState.call(void 0, () => _zustand.create.call(void 0, () => runtime));
+  _react.useEffect.call(void 0, () => {
+    writableStore(store).setState(runtime, true);
+  }, [runtime, store]);
+  return store;
 };
-var getMessageState = (messages, getBranches, useMessage2, messageIndex) => {
-  const parentId = _nullishCoalesce(_optionalChain([messages, 'access', _102 => _102[messageIndex - 1], 'optionalAccess', _103 => _103.id]), () => ( null));
-  const message = messages[messageIndex];
-  if (!message) return null;
-  const isLast = getIsLast(messages, message);
-  const branches = getBranches(message.id);
-  const currentState = _optionalChain([useMessage2, 'optionalAccess', _104 => _104.getState, 'call', _105 => _105()]);
-  if (currentState && currentState.message === message && currentState.parentId === parentId && currentState.branches === branches && currentState.isLast === isLast)
-    return null;
-  return Object.freeze({
-    message,
-    parentId,
-    branches,
-    isLast
-  });
+var useMessageStore2 = (runtime) => {
+  const [store] = _react.useState.call(void 0, () => _zustand.create.call(void 0, () => runtime.getState()));
+  _react.useEffect.call(void 0, () => {
+    const updateState = () => writableStore(store).setState(runtime.getState(), true);
+    updateState();
+    return runtime.subscribe(updateState);
+  }, [runtime, store]);
+  return store;
 };
-var useMessageContext2 = (messageIndex) => {
-  const threadMessagesStore = useThreadMessagesStore();
-  const threadRuntime = useThreadRuntime();
-  const [context] = _react.useState.call(void 0, () => {
-    const useMessage2 = _zustand.create.call(void 0, 
-      () => getMessageState(
-        threadMessagesStore.getState(),
-        threadRuntime.getBranches.bind(threadRuntime),
-        void 0,
-        messageIndex
-      )
-    );
-    const useMessageUtils2 = makeMessageUtilsStore();
-    const useEditComposer2 = makeEditComposerStore({
+var useMessageUtilsStore2 = () => {
+  const [store] = _react.useState.call(void 0, () => makeMessageUtilsStore());
+  return store;
+};
+var useEditComposerStore2 = (useMessageRuntime2) => {
+  const [store] = _react.useState.call(void 0, 
+    () => makeEditComposerStore({
       onEdit: () => {
-        const message = useMessage2.getState().message;
-        const text = getThreadMessageText(message);
+        const text = getThreadMessageText(
+          useMessageRuntime2.getState().getState()
+        );
         return text;
       },
       onSend: (text) => {
-        const { message, parentId } = useMessage2.getState();
+        const message = useMessageRuntime2.getState().getState();
         const previousText = getThreadMessageText(message);
         if (previousText === text) return;
         const nonTextParts = message.content.filter(
           (part) => part.type !== "text" && part.type !== "ui"
         );
-        threadRuntime.append({
-          parentId,
+        useMessageRuntime2.getState().edit({
           role: message.role,
           content: [{ type: "text", text }, ...nonTextParts],
-          attachments: message.attachments
+          attachments: _nullishCoalesce(message.attachments, () => ( []))
         });
       }
-    });
-    return { useMessage: useMessage2, useMessageUtils: useMessageUtils2, useEditComposer: useEditComposer2 };
-  });
-  _react.useEffect.call(void 0, () => {
-    const syncMessage = (thread) => {
-      const newState = getMessageState(
-        thread,
-        threadRuntime.getBranches.bind(threadRuntime),
-        context.useMessage,
-        messageIndex
-      );
-      if (!newState) return;
-      writableStore(context.useMessage).setState(newState, true);
-    };
-    syncMessage(threadMessagesStore.getState());
-    return threadMessagesStore.subscribe(syncMessage);
-  }, [threadMessagesStore, threadRuntime, context, messageIndex]);
-  return context;
+    })
+  );
+  return store;
 };
-var MessageProvider = ({
-  messageIndex,
+var MessageRuntimeProvider = ({
+  runtime,
   children
 }) => {
-  const context = useMessageContext2(messageIndex);
+  const useMessageRuntime2 = useMessageRuntimeStore(runtime);
+  const useMessage2 = useMessageStore2(runtime);
+  const useMessageUtils2 = useMessageUtilsStore2();
+  const useEditComposer2 = useEditComposerStore2(useMessageRuntime2);
+  const [context] = _react.useState.call(void 0, () => {
+    return { useMessageRuntime: useMessageRuntime2, useMessage: useMessage2, useMessageUtils: useMessageUtils2, useEditComposer: useEditComposer2 };
+  });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageContext.Provider, { value: context, children });
 };
 
@@ -2564,7 +2477,7 @@ var getComponent3 = (components, role, isEditing) => {
 var ThreadMessageComponent = ({
   components
 }) => {
-  const role = useMessage((m) => m.message.role);
+  const role = useMessage((m) => m.role);
   const isEditing = useEditComposer((c) => c.isEditing);
   const Component = getComponent3(components, role, isEditing);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, {});
@@ -2573,7 +2486,12 @@ var ThreadMessageImpl = ({
   messageIndex,
   components
 }) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageProvider, { messageIndex, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadMessageComponent, { components }) });
+  const threadRuntime = useThreadRuntime();
+  const runtime = _react.useMemo.call(void 0, 
+    () => threadRuntime.unstable_getMesssageByIndex(messageIndex),
+    [threadRuntime, messageIndex]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageRuntimeProvider, { runtime, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadMessageComponent, { components }) });
 };
 var ThreadMessage = _react.memo.call(void 0, 
   ThreadMessageImpl,
@@ -2610,7 +2528,7 @@ var subscribeToMainThread = (runtime, callback) => {
   let first = true;
   let cleanup;
   const inner = () => {
-    _optionalChain([cleanup, 'optionalCall', _106 => _106()]);
+    _optionalChain([cleanup, 'optionalCall', _89 => _89()]);
     cleanup = runtime.thread.subscribe(callback);
     if (!first) {
       callback();
@@ -2621,7 +2539,7 @@ var subscribeToMainThread = (runtime, callback) => {
   inner();
   return () => {
     unsubscribe();
-    _optionalChain([cleanup, 'optionalCall', _107 => _107()]);
+    _optionalChain([cleanup, 'optionalCall', _90 => _90()]);
   };
 };
 
@@ -2653,10 +2571,10 @@ var BaseAssistantRuntimeCore = (_class2 = class {
 
 // src/internal.ts
 var internal_exports = {};
-_chunkDCHYNTHIjs.__export.call(void 0, internal_exports, {
+_chunkPZ5AY32Cjs.__export.call(void 0, internal_exports, {
   AssistantRuntime: () => AssistantRuntime,
   BaseAssistantRuntimeCore: () => BaseAssistantRuntimeCore,
-  BaseThreadRuntimeComposerCore: () => BaseThreadComposerRuntimeCore,
+  BaseThreadComposerRuntimeCore: () => BaseThreadComposerRuntimeCore,
   MessageRepository: () => MessageRepository,
   ProxyConfigProvider: () => ProxyConfigProvider,
   ThreadRuntime: () => ThreadRuntime,
@@ -2669,24 +2587,37 @@ _chunkDCHYNTHIjs.__export.call(void 0, internal_exports, {
 
 // src/runtimes/utils/BaseThreadComposerRuntimeCore.tsx
 var BaseThreadComposerRuntimeCore = (_class3 = class {
-  constructor(runtime) {;_class3.prototype.__init7.call(this);_class3.prototype.__init8.call(this);_class3.prototype.__init9.call(this);_class3.prototype.__init10.call(this);
+  constructor(runtime) {;_class3.prototype.__init7.call(this);_class3.prototype.__init8.call(this);_class3.prototype.__init9.call(this);_class3.prototype.__init10.call(this);_class3.prototype.__init11.call(this);
     this.runtime = runtime;
+    this.connect();
   }
   
   __init7() {this.attachmentAccept = "*"}
   get isEmpty() {
     return !this.text.trim() && !this.attachments.length;
   }
+  __init8() {this._canCancel = false}
+  get canCancel() {
+    return this._canCancel;
+  }
+  connect() {
+    return this.runtime.subscribe(() => {
+      if (this.canCancel !== this.runtime.capabilities.cancel) {
+        this._canCancel = this.runtime.capabilities.cancel;
+        this.notifySubscribers();
+      }
+    });
+  }
   setAttachmentAdapter(adapter) {
     this._attachmentAdapter = adapter;
-    const accept = _nullishCoalesce(_optionalChain([adapter, 'optionalAccess', _108 => _108.accept]), () => ( "*"));
+    const accept = _nullishCoalesce(_optionalChain([adapter, 'optionalAccess', _91 => _91.accept]), () => ( "*"));
     if (this.attachmentAccept !== accept) {
       this.attachmentAccept = accept;
       return true;
     }
     return false;
   }
-  __init8() {this._attachments = []}
+  __init9() {this._attachments = []}
   get attachments() {
     return this._attachments;
   }
@@ -2707,7 +2638,7 @@ var BaseThreadComposerRuntimeCore = (_class3 = class {
     this._attachments = this._attachments.toSpliced(index, 1);
     this.notifySubscribers();
   }
-  __init9() {this._text = ""}
+  __init10() {this._text = ""}
   get text() {
     return this._text;
   }
@@ -2727,14 +2658,17 @@ var BaseThreadComposerRuntimeCore = (_class3 = class {
       )
     ) : [];
     this.runtime.append({
-      parentId: _nullishCoalesce(_optionalChain([this, 'access', _109 => _109.runtime, 'access', _110 => _110.messages, 'access', _111 => _111.at, 'call', _112 => _112(-1), 'optionalAccess', _113 => _113.id]), () => ( null)),
+      parentId: _nullishCoalesce(_optionalChain([this, 'access', _92 => _92.runtime, 'access', _93 => _93.messages, 'access', _94 => _94.at, 'call', _95 => _95(-1), 'optionalAccess', _96 => _96.id]), () => ( null)),
       role: "user",
       content: this.text ? [{ type: "text", text: this.text }] : [],
       attachments
     });
     this.reset();
   }
-  __init10() {this._subscriptions = /* @__PURE__ */ new Set()}
+  async cancel() {
+    this.runtime.cancelRun();
+  }
+  __init11() {this._subscriptions = /* @__PURE__ */ new Set()}
   notifySubscribers() {
     for (const callback of this._subscriptions) callback();
   }
@@ -2745,10 +2679,10 @@ var BaseThreadComposerRuntimeCore = (_class3 = class {
 }, _class3);
 
 // src/utils/ProxyConfigProvider.ts
-var ProxyConfigProvider = (_class4 = class {constructor() { _class4.prototype.__init11.call(this); }
-  __init11() {this._providers = /* @__PURE__ */ new Set()}
+var ProxyConfigProvider = (_class4 = class {constructor() { _class4.prototype.__init12.call(this); }
+  __init12() {this._providers = /* @__PURE__ */ new Set()}
   getModelConfig() {
-    return _chunkJ2V7Y7JXjs.mergeModelConfigs.call(void 0, this._providers);
+    return _chunk5KIEXJRKjs.mergeModelConfigs.call(void 0, this._providers);
   }
   registerModelConfigProvider(provider) {
     this._providers.add(provider);
@@ -2823,11 +2757,11 @@ var findHead = (message) => {
   if ("current" in message) return message;
   return null;
 };
-var MessageRepository = (_class5 = class {constructor() { _class5.prototype.__init12.call(this);_class5.prototype.__init13.call(this);_class5.prototype.__init14.call(this); }
-  __init12() {this.messages = /* @__PURE__ */ new Map()}
+var MessageRepository = (_class5 = class {constructor() { _class5.prototype.__init13.call(this);_class5.prototype.__init14.call(this);_class5.prototype.__init15.call(this); }
+  __init13() {this.messages = /* @__PURE__ */ new Map()}
   // message_id -> item
-  __init13() {this.head = null}
-  __init14() {this.root = {
+  __init14() {this.head = null}
+  __init15() {this.root = {
     children: [],
     next: null
   }}
@@ -2869,7 +2803,7 @@ var MessageRepository = (_class5 = class {constructor() { _class5.prototype.__in
     }
   }
   getMessages() {
-    const messages = new Array(_nullishCoalesce(_optionalChain([this, 'access', _114 => _114.head, 'optionalAccess', _115 => _115.level]), () => ( 0)));
+    const messages = new Array(_nullishCoalesce(_optionalChain([this, 'access', _97 => _97.head, 'optionalAccess', _98 => _98.level]), () => ( 0)));
     for (let current = this.head; current; current = current.prev) {
       messages[current.level] = current.current;
     }
@@ -2907,7 +2841,7 @@ var MessageRepository = (_class5 = class {constructor() { _class5.prototype.__in
         "MessageRepository(updateMessage): Message not found. This is likely an internal bug in assistant-ui."
       );
     return {
-      parentId: _nullishCoalesce(_optionalChain([message, 'access', _116 => _116.prev, 'optionalAccess', _117 => _117.current, 'access', _118 => _118.id]), () => ( null)),
+      parentId: _nullishCoalesce(_optionalChain([message, 'access', _99 => _99.prev, 'optionalAccess', _100 => _100.current, 'access', _101 => _101.id]), () => ( null)),
       message: message.current
     };
   }
@@ -2991,11 +2925,11 @@ var MessageRepository = (_class5 = class {constructor() { _class5.prototype.__in
     for (const [, message] of this.messages) {
       exportItems.push({
         message: message.current,
-        parentId: _nullishCoalesce(_optionalChain([message, 'access', _119 => _119.prev, 'optionalAccess', _120 => _120.current, 'access', _121 => _121.id]), () => ( null))
+        parentId: _nullishCoalesce(_optionalChain([message, 'access', _102 => _102.prev, 'optionalAccess', _103 => _103.current, 'access', _104 => _104.id]), () => ( null))
       });
     }
     return {
-      headId: _nullishCoalesce(_optionalChain([this, 'access', _122 => _122.head, 'optionalAccess', _123 => _123.current, 'access', _124 => _124.id]), () => ( null)),
+      headId: _nullishCoalesce(_optionalChain([this, 'access', _105 => _105.head, 'optionalAccess', _106 => _106.current, 'access', _107 => _107.id]), () => ( null)),
       messages: exportItems
     };
   }
@@ -3003,7 +2937,7 @@ var MessageRepository = (_class5 = class {constructor() { _class5.prototype.__in
     for (const { message, parentId } of messages) {
       this.addOrUpdateMessage(parentId, message);
     }
-    this.resetHead(_nullishCoalesce(_nullishCoalesce(headId, () => ( _optionalChain([messages, 'access', _125 => _125.at, 'call', _126 => _126(-1), 'optionalAccess', _127 => _127.message, 'access', _128 => _128.id]))), () => ( null)));
+    this.resetHead(_nullishCoalesce(_nullishCoalesce(headId, () => ( _optionalChain([messages, 'access', _108 => _108.at, 'call', _109 => _109(-1), 'optionalAccess', _110 => _110.message, 'access', _111 => _111.id]))), () => ( null)));
   }
 }, _class5);
 
@@ -3104,8 +3038,8 @@ var TooltipIconButton = _react.forwardRef.call(void 0, ({ children, tooltip, sid
 TooltipIconButton.displayName = "TooltipIconButton";
 
 // src/api/subscribable/BaseSubject.ts
-var BaseSubject = (_class6 = class {constructor() { _class6.prototype.__init15.call(this); }
-  __init15() {this._subscriptions = /* @__PURE__ */ new Set()}
+var BaseSubject = (_class6 = class {constructor() { _class6.prototype.__init16.call(this); }
+  __init16() {this._subscriptions = /* @__PURE__ */ new Set()}
   
   get isConnected() {
     return !!this._connection;
@@ -3118,7 +3052,7 @@ var BaseSubject = (_class6 = class {constructor() { _class6.prototype.__init15.c
       if (this._connection) return;
       this._connection = this._connect();
     } else {
-      _optionalChain([this, 'access', _129 => _129._connection, 'optionalCall', _130 => _130()]);
+      _optionalChain([this, 'access', _112 => _112._connection, 'optionalCall', _113 => _113()]);
       this._connection = void 0;
     }
   }
@@ -3151,13 +3085,13 @@ var NestedSubscriptionSubject = class extends BaseSubject {
       const newState = this.binding.getState();
       if (newState === lastState) return;
       lastState = newState;
-      _optionalChain([innerUnsubscribe, 'optionalCall', _131 => _131()]);
+      _optionalChain([innerUnsubscribe, 'optionalCall', _114 => _114()]);
       innerUnsubscribe = this.binding.getState().subscribe(callback);
       callback();
     };
     const outerUnsubscribe = this.binding.subscribe(onRuntimeUpdate);
     return () => {
-      _optionalChain([outerUnsubscribe, 'optionalCall', _132 => _132()]);
+      _optionalChain([outerUnsubscribe, 'optionalCall', _115 => _115()]);
       innerUnsubscribe();
     };
   }
@@ -3213,7 +3147,7 @@ var ContentPartRuntime = class {
     const toolName = state.part.toolName;
     const toolCallId = state.part.toolCallId;
     this.threadApi.getState().addToolResult({
-      messageId: message.message.id,
+      messageId: message.id,
       toolName,
       toolCallId,
       result
@@ -3237,7 +3171,7 @@ function shallowEqual(objA, objB) {
 // src/api/subscribable/ShallowMemoizeSubject.ts
 var ShallowMemoizeSubject = (_class7 = class extends BaseSubject {
   constructor(binding) {
-    super();_class7.prototype.__init16.call(this);;
+    super();_class7.prototype.__init17.call(this);;
     this.binding = binding;
     const state = binding.getState();
     if (state === void 0)
@@ -3245,7 +3179,7 @@ var ShallowMemoizeSubject = (_class7 = class extends BaseSubject {
     this._previousState = state;
   }
   
-  __init16() {this.getState = () => {
+  __init17() {this.getState = () => {
     if (!this.isConnected) this._syncState();
     return this._previousState;
   }}
@@ -3267,60 +3201,13 @@ var ShallowMemoizeSubject = (_class7 = class extends BaseSubject {
 }, _class7);
 
 // src/api/MessageRuntime.ts
-var MessageState = class {
-  constructor(snapshot) {
-    this.snapshot = snapshot;
-  }
-  /**
-   * @deprecated Replace `.message.content` with `.content` etc. This will be removed in 0.6.0.
-   */
-  get message() {
-    return this.snapshot.message;
-  }
-  get id() {
-    return this.snapshot.message.id;
-  }
-  get createdAt() {
-    return this.snapshot.message.createdAt;
-  }
-  get role() {
-    return this.snapshot.message.role;
-  }
-  get content() {
-    return this.snapshot.message.content;
-  }
-  get attachments() {
-    return this.snapshot.message.attachments;
-  }
-  get metadata() {
-    return this.snapshot.message.metadata;
-  }
-  get status() {
-    return this.snapshot.message.status;
-  }
-  get parentId() {
-    return this.snapshot.parentId;
-  }
-  get isLast() {
-    return this.snapshot.isLast;
-  }
-  get branches() {
-    return this.snapshot.branches;
-  }
-  get branchNumber() {
-    return this.snapshot.branchNumber;
-  }
-  get branchCount() {
-    return this.snapshot.branchCount;
-  }
-};
 var MessageRuntime = class {
   constructor(_core, _threadBinding) {
     this._core = _core;
     this._threadBinding = _threadBinding;
   }
   getState() {
-    return new MessageState(this._core.getState());
+    return this._core.getState();
   }
   // TODO improve type
   edit(message) {
@@ -3339,13 +3226,13 @@ var MessageRuntime = class {
   speak() {
     const state = this._core.getState();
     if (!state) throw new Error("Message is not available");
-    this._threadBinding.getState().speak(state.message.id);
+    this._threadBinding.getState().speak(state.id);
   }
   submitFeedback({ type }) {
     const state = this._core.getState();
     if (!state) throw new Error("Message is not available");
     this._threadBinding.getState().submitFeedback({
-      messageId: state.message.id,
+      messageId: state.id,
       type
     });
   }
@@ -3361,7 +3248,7 @@ var MessageRuntime = class {
       throw new Error("Must specify either branchId or position");
     }
     const thread = this._threadBinding.getState();
-    const branches = thread.getBranches(state.message.id);
+    const branches = thread.getBranches(state.id);
     let targetBranch = branchId;
     if (position === "previous") {
       targetBranch = branches[state.branchNumber - 2];
@@ -3398,27 +3285,18 @@ var MessageRuntime = class {
 };
 
 // src/api/ThreadComposerRuntime.ts
-var ComposerState = class {
-  constructor(_composerBinding) {
-    this._composerBinding = _composerBinding;
-  }
-  get isEmpty() {
-    return this._composerBinding.getState().isEmpty;
-  }
-  get text() {
-    return this._composerBinding.getState().text;
-  }
-  get attachmentAccept() {
-    return this._composerBinding.getState().attachmentAccept;
-  }
-  get attachments() {
-    return this._composerBinding.getState().attachments;
-  }
+var getThreadComposerState = (runtime) => {
+  return Object.freeze({
+    canCancel: runtime.canCancel,
+    isEmpty: runtime.isEmpty,
+    text: runtime.text,
+    attachments: runtime.attachments,
+    attachmentAccept: runtime.attachmentAccept
+  });
 };
 var ThreadComposerRuntime = class {
   constructor(_core) {
     this._core = _core;
-    this._state = new ComposerState(_core);
   }
   /**
    * @deprecated Use `getState().isEmpty` instead. This will be removed in 0.6.0.
@@ -3426,6 +3304,12 @@ var ThreadComposerRuntime = class {
   get isEmpty() {
     return this._core.getState().isEmpty;
   }
+  /**
+   * @deprecated Use `getState().canCancel` instead. This will be removed in 0.6.0.
+   */
+  get canCancel() {
+    return this._core.getState().canCancel;
+  }
   /**
    * @deprecated Use `getState().text` instead. This will be removed in 0.6.0.
    */
@@ -3445,9 +3329,8 @@ var ThreadComposerRuntime = class {
   get attachments() {
     return this._core.getState().attachments;
   }
-  
   getState() {
-    return this._state;
+    return getThreadComposerState(this._core.getState());
   }
   setText(text) {
     this._core.getState().setText(text);
@@ -3470,33 +3353,46 @@ var ThreadComposerRuntime = class {
   send() {
     this._core.getState().send();
   }
+  cancel() {
+    this._core.getState().cancel();
+  }
   subscribe(callback) {
     return this._core.subscribe(callback);
   }
 };
 
 // src/api/ThreadRuntime.ts
-var ThreadState = class {
-  constructor(_core) {
-    this._core = _core;
-  }
-  get threadId() {
-    return this._core.threadId;
-  }
-  get isDisabled() {
-    return this._core.isDisabled;
-  }
-  get isRunning() {
-    const messages = this._core.messages;
-    const lastMessage = messages[messages.length - 1];
-    return _optionalChain([lastMessage, 'optionalAccess', _133 => _133.role]) !== "assistant" ? false : lastMessage.status.type === "running";
+var toAppendMessage = (messages, message) => {
+  if (typeof message === "string") {
+    return {
+      parentId: _nullishCoalesce(_optionalChain([messages, 'access', _116 => _116.at, 'call', _117 => _117(-1), 'optionalAccess', _118 => _118.id]), () => ( null)),
+      role: "user",
+      content: [{ type: "text", text: message }],
+      attachments: []
+    };
   }
-  get capabilities() {
-    return this._core.capabilities;
+  if (message.role && message.parentId && message.attachments) {
+    return message;
   }
+  return {
+    parentId: _nullishCoalesce(_nullishCoalesce(message.parentId, () => ( _optionalChain([messages, 'access', _119 => _119.at, 'call', _120 => _120(-1), 'optionalAccess', _121 => _121.id]))), () => ( null)),
+    role: _nullishCoalesce(message.role, () => ( "user")),
+    content: message.content,
+    attachments: _nullishCoalesce(message.attachments, () => ( []))
+  };
+};
+var getThreadState = (runtime) => {
+  const lastMessage = runtime.messages.at(-1);
+  return Object.freeze({
+    threadId: runtime.threadId,
+    capabilities: runtime.capabilities,
+    isDisabled: runtime.isDisabled,
+    isRunning: _optionalChain([lastMessage, 'optionalAccess', _122 => _122.role]) !== "assistant" ? false : lastMessage.status.type === "running",
+    unstable_synchronizer: runtime.unstable_synchronizer
+  });
 };
 var ThreadRuntime = (_class8 = class {
-  constructor(_threadBinding) {;_class8.prototype.__init17.call(this);
+  constructor(_threadBinding) {;_class8.prototype.__init18.call(this);
     this._threadBinding = _threadBinding;
   }
   // public path = "assistant.threads[main]"; // TODO
@@ -3531,17 +3427,19 @@ var ThreadRuntime = (_class8 = class {
   unstable_getCore() {
     return this._threadBinding.getState();
   }
-  __init17() {this.composer = new ThreadComposerRuntime(
+  __init18() {this.composer = new ThreadComposerRuntime(
     new NestedSubscriptionSubject({
       getState: () => this._threadBinding.getState().composer,
       subscribe: (callback) => this._threadBinding.subscribe(callback)
     })
   )}
   getState() {
-    return new ThreadState(this._threadBinding.getState());
+    return getThreadState(this._threadBinding.getState());
   }
   append(message) {
-    this._threadBinding.getState().append(message);
+    this._threadBinding.getState().append(
+      toAppendMessage(this._threadBinding.getState().messages, message)
+    );
   }
   subscribe(callback) {
     return this._threadBinding.subscribe(callback);
@@ -3601,9 +3499,10 @@ var ThreadRuntime = (_class8 = class {
           if (!message) return void 0;
           const branches = this._threadBinding.getState().getBranches(message.id);
           return {
+            ...message,
             message,
             isLast: idx === messages.length - 1,
-            parentId: _nullishCoalesce(_optionalChain([messages, 'access', _134 => _134[idx - 1], 'optionalAccess', _135 => _135.id]), () => ( null)),
+            parentId: _nullishCoalesce(_optionalChain([messages, 'access', _123 => _123[idx - 1], 'optionalAccess', _124 => _124.id]), () => ( null)),
             branches,
             branchNumber: branches.indexOf(message.id) + 1,
             branchCount: branches.length
@@ -3679,7 +3578,7 @@ var fromLanguageModelMessages = (lm, { mergeRoundtrips }) => {
         });
         if (mergeRoundtrips) {
           const previousMessage = messages[messages.length - 1];
-          if (_optionalChain([previousMessage, 'optionalAccess', _136 => _136.role]) === "assistant") {
+          if (_optionalChain([previousMessage, 'optionalAccess', _125 => _125.role]) === "assistant") {
             previousMessage.content.push(...newContent);
             break;
           }
@@ -3692,7 +3591,7 @@ var fromLanguageModelMessages = (lm, { mergeRoundtrips }) => {
       }
       case "tool": {
         const previousMessage = messages[messages.length - 1];
-        if (_optionalChain([previousMessage, 'optionalAccess', _137 => _137.role]) !== "assistant")
+        if (_optionalChain([previousMessage, 'optionalAccess', _126 => _126.role]) !== "assistant")
           throw new Error(
             "A tool message must be preceded by an assistant message."
           );
@@ -3768,14 +3667,14 @@ function streamPartDecoderStream() {
       controller.enqueue(decodeStreamPart(chunk));
     }
   });
-  return new (0, _chunkJ2V7Y7JXjs.PipeableTransformStream)((readable) => {
+  return new (0, _chunk5KIEXJRKjs.PipeableTransformStream)((readable) => {
     return readable.pipeThrough(new TextDecoderStream()).pipeThrough(chunkByLineStream()).pipeThrough(decodeStream);
   });
 }
 
 // src/runtimes/edge/streams/utils/index.ts
 var streamUtils = {
-  streamPartEncoderStream: _chunkJ2V7Y7JXjs.streamPartEncoderStream,
+  streamPartEncoderStream: _chunk5KIEXJRKjs.streamPartEncoderStream,
   streamPartDecoderStream
 };
 
@@ -3884,8 +3783,8 @@ var EdgeChatAdapter = class {
       credentials: _nullishCoalesce(this.options.credentials, () => ( "same-origin")),
       body: JSON.stringify({
         system: config.system,
-        messages: _chunkJ2V7Y7JXjs.toCoreMessages.call(void 0, messages),
-        tools: config.tools ? _chunkJ2V7Y7JXjs.toLanguageModelTools.call(void 0, config.tools) : [],
+        messages: _chunk5KIEXJRKjs.toCoreMessages.call(void 0, messages),
+        tools: config.tools ? _chunk5KIEXJRKjs.toLanguageModelTools.call(void 0, config.tools) : [],
         ...config.callSettings,
         ...config.config,
         ...this.options.body
@@ -3895,7 +3794,7 @@ var EdgeChatAdapter = class {
     if (result.status !== 200) {
       throw new Error(`Status ${result.status}: ${await result.text()}`);
     }
-    const stream = result.body.pipeThrough(streamPartDecoderStream()).pipeThrough(assistantDecoderStream()).pipeThrough(_chunkJ2V7Y7JXjs.toolResultStream.call(void 0, config.tools, abortSignal)).pipeThrough(_chunkJ2V7Y7JXjs.runResultStream.call(void 0, ));
+    const stream = result.body.pipeThrough(streamPartDecoderStream()).pipeThrough(assistantDecoderStream()).pipeThrough(_chunk5KIEXJRKjs.toolResultStream.call(void 0, config.tools, abortSignal)).pipeThrough(_chunk5KIEXJRKjs.runResultStream.call(void 0, ));
     let update;
     for await (update of asAsyncIterable(stream)) {
       yield update;
@@ -3921,11 +3820,11 @@ var useEdgeRuntime = ({
 };
 
 // src/runtimes/local/shouldContinue.tsx
-var shouldContinue = (result) => _optionalChain([result, 'access', _138 => _138.status, 'optionalAccess', _139 => _139.type]) === "requires-action" && result.status.reason === "tool-calls" && result.content.every((c) => c.type !== "tool-call" || !!c.result);
+var shouldContinue = (result) => _optionalChain([result, 'access', _127 => _127.status, 'optionalAccess', _128 => _128.type]) === "requires-action" && result.status.reason === "tool-calls" && result.content.every((c) => c.type !== "tool-call" || !!c.result);
 
 // src/runtimes/local/LocalThreadRuntimeCore.tsx
 var LocalThreadRuntimeCore = (_class9 = class {
-  constructor(configProvider, adapter, { initialMessages, ...options }) {;_class9.prototype.__init18.call(this);_class9.prototype.__init19.call(this);_class9.prototype.__init20.call(this);_class9.prototype.__init21.call(this);_class9.prototype.__init22.call(this);_class9.prototype.__init23.call(this);
+  constructor(configProvider, adapter, { initialMessages, ...options }) {;_class9.prototype.__init19.call(this);_class9.prototype.__init20.call(this);_class9.prototype.__init21.call(this);_class9.prototype.__init22.call(this);_class9.prototype.__init23.call(this);_class9.prototype.__init24.call(this);
     this.configProvider = configProvider;
     this.adapter = adapter;
     this.threadId = generateId();
@@ -3939,10 +3838,10 @@ var LocalThreadRuntimeCore = (_class9 = class {
       }
     }
   }
-  __init18() {this._subscriptions = /* @__PURE__ */ new Set()}
-  __init19() {this.abortController = null}
-  __init20() {this.repository = new MessageRepository()}
-  __init21() {this.capabilities = {
+  __init19() {this._subscriptions = /* @__PURE__ */ new Set()}
+  __init20() {this.abortController = null}
+  __init21() {this.repository = new MessageRepository()}
+  __init22() {this.capabilities = {
     switchToBranch: true,
     edit: true,
     reload: true,
@@ -3953,11 +3852,11 @@ var LocalThreadRuntimeCore = (_class9 = class {
     feedback: false
   }}
   
-  __init22() {this.isDisabled = false}
+  __init23() {this.isDisabled = false}
   get messages() {
     return this.repository.getMessages();
   }
-  __init23() {this.composer = new BaseThreadComposerRuntimeCore(this)}
+  __init24() {this.composer = new BaseThreadComposerRuntimeCore(this)}
   getModelConfig() {
     return this.configProvider.getModelConfig();
   }
@@ -3968,18 +3867,18 @@ var LocalThreadRuntimeCore = (_class9 = class {
   set options({ initialMessages, ...options }) {
     this._options = options;
     let hasUpdates = false;
-    const canSpeak = _optionalChain([options, 'access', _140 => _140.adapters, 'optionalAccess', _141 => _141.speech]) !== void 0;
+    const canSpeak = _optionalChain([options, 'access', _129 => _129.adapters, 'optionalAccess', _130 => _130.speech]) !== void 0;
     if (this.capabilities.speak !== canSpeak) {
       this.capabilities.speak = canSpeak;
       hasUpdates = true;
     }
-    this.composer.setAttachmentAdapter(_optionalChain([options, 'access', _142 => _142.adapters, 'optionalAccess', _143 => _143.attachments]));
-    const canAttach = _optionalChain([options, 'access', _144 => _144.adapters, 'optionalAccess', _145 => _145.attachments]) !== void 0;
+    this.composer.setAttachmentAdapter(_optionalChain([options, 'access', _131 => _131.adapters, 'optionalAccess', _132 => _132.attachments]));
+    const canAttach = _optionalChain([options, 'access', _133 => _133.adapters, 'optionalAccess', _134 => _134.attachments]) !== void 0;
     if (this.capabilities.attachments !== canAttach) {
       this.capabilities.attachments = canAttach;
       hasUpdates = true;
     }
-    const canFeedback = _optionalChain([options, 'access', _146 => _146.adapters, 'optionalAccess', _147 => _147.feedback]) !== void 0;
+    const canFeedback = _optionalChain([options, 'access', _135 => _135.adapters, 'optionalAccess', _136 => _136.feedback]) !== void 0;
     if (this.capabilities.feedback !== canFeedback) {
       this.capabilities.feedback = canFeedback;
       hasUpdates = true;
@@ -4021,18 +3920,18 @@ var LocalThreadRuntimeCore = (_class9 = class {
   }
   async performRoundtrip(parentId, message) {
     const messages = this.repository.getMessages();
-    _optionalChain([this, 'access', _148 => _148.abortController, 'optionalAccess', _149 => _149.abort, 'call', _150 => _150()]);
+    _optionalChain([this, 'access', _137 => _137.abortController, 'optionalAccess', _138 => _138.abort, 'call', _139 => _139()]);
     this.abortController = new AbortController();
     const initialContent = message.content;
-    const initialRoundtrips = _optionalChain([message, 'access', _151 => _151.metadata, 'optionalAccess', _152 => _152.roundtrips]);
-    const initalCustom = _optionalChain([message, 'access', _153 => _153.metadata, 'optionalAccess', _154 => _154.custom]);
+    const initialRoundtrips = _optionalChain([message, 'access', _140 => _140.metadata, 'optionalAccess', _141 => _141.roundtrips]);
+    const initalCustom = _optionalChain([message, 'access', _142 => _142.metadata, 'optionalAccess', _143 => _143.custom]);
     const updateMessage = (m) => {
       message = {
         ...message,
         ...m.content ? { content: [...initialContent, ..._nullishCoalesce(m.content, () => ( []))] } : void 0,
         status: _nullishCoalesce(m.status, () => ( message.status)),
         // TODO deprecated, remove in v0.6
-        ..._optionalChain([m, 'access', _155 => _155.metadata, 'optionalAccess', _156 => _156.roundtrips]) ? {
+        ..._optionalChain([m, 'access', _144 => _144.metadata, 'optionalAccess', _145 => _145.roundtrips]) ? {
           roundtrips: [
             ..._nullishCoalesce(initialRoundtrips, () => ( [])),
             ...m.metadata.roundtrips
@@ -4047,7 +3946,7 @@ var LocalThreadRuntimeCore = (_class9 = class {
                 ...m.metadata.roundtrips
               ]
             } : void 0,
-            ..._optionalChain([m, 'access', _157 => _157.metadata, 'optionalAccess', _158 => _158.custom]) ? {
+            ..._optionalChain([m, 'access', _146 => _146.metadata, 'optionalAccess', _147 => _147.custom]) ? {
               custom: { ..._nullishCoalesce(initalCustom, () => ( {})), ...m.metadata.custom }
             } : void 0
           }
@@ -4057,7 +3956,7 @@ var LocalThreadRuntimeCore = (_class9 = class {
       this.notifySubscribers();
     };
     const maxToolRoundtrips = _nullishCoalesce(this.options.maxToolRoundtrips, () => ( 1));
-    const toolRoundtrips = _nullishCoalesce(_optionalChain([message, 'access', _159 => _159.metadata, 'optionalAccess', _160 => _160.roundtrips, 'optionalAccess', _161 => _161.length]), () => ( 0));
+    const toolRoundtrips = _nullishCoalesce(_optionalChain([message, 'access', _148 => _148.metadata, 'optionalAccess', _149 => _149.roundtrips, 'optionalAccess', _150 => _150.length]), () => ( 0));
     if (toolRoundtrips > maxToolRoundtrips) {
       updateMessage({
         status: {
@@ -4156,7 +4055,7 @@ var LocalThreadRuntimeCore = (_class9 = class {
   // TODO lift utterance state to thread runtime
   
   speak(messageId) {
-    const adapter = _optionalChain([this, 'access', _162 => _162.options, 'access', _163 => _163.adapters, 'optionalAccess', _164 => _164.speech]);
+    const adapter = _optionalChain([this, 'access', _151 => _151.options, 'access', _152 => _152.adapters, 'optionalAccess', _153 => _153.speech]);
     if (!adapter) throw new Error("Speech adapter not configured");
     const { message } = this.repository.getMessage(messageId);
     if (this._utterance) {
@@ -4173,7 +4072,7 @@ var LocalThreadRuntimeCore = (_class9 = class {
     return this._utterance;
   }
   submitFeedback({ messageId, type }) {
-    const adapter = _optionalChain([this, 'access', _165 => _165.options, 'access', _166 => _166.adapters, 'optionalAccess', _167 => _167.feedback]);
+    const adapter = _optionalChain([this, 'access', _154 => _154.options, 'access', _155 => _155.adapters, 'optionalAccess', _156 => _156.feedback]);
     if (!adapter) throw new Error("Feedback adapter not configured");
     const { message } = this.repository.getMessage(messageId);
     adapter.submit({ message, type });
@@ -4220,7 +4119,7 @@ var LocalRuntimeCore = class extends BaseAssistantRuntimeCore {
     const messages = fromCoreMessages(initialMessages);
     this.thread.import({
       messages: messages.map((m, idx) => ({
-        parentId: _nullishCoalesce(_optionalChain([messages, 'access', _168 => _168[idx - 1], 'optionalAccess', _169 => _169.id]), () => ( null)),
+        parentId: _nullishCoalesce(_optionalChain([messages, 'access', _157 => _157[idx - 1], 'optionalAccess', _158 => _158.id]), () => ( null)),
         message: m
       }))
     });
@@ -4256,8 +4155,8 @@ var getExternalStoreMessage = (message) => {
 };
 
 // src/runtimes/external-store/ThreadMessageConverter.ts
-var ThreadMessageConverter = (_class10 = class {constructor() { _class10.prototype.__init24.call(this); }
-  __init24() {this.cache = /* @__PURE__ */ new WeakMap()}
+var ThreadMessageConverter = (_class10 = class {constructor() { _class10.prototype.__init25.call(this); }
+  __init25() {this.cache = /* @__PURE__ */ new WeakMap()}
   convertMessages(messages, converter) {
     return messages.map((m, idx) => {
       const cached = this.cache.get(m);
@@ -4353,17 +4252,17 @@ var fromThreadMessageLike = (like, fallbackId, fallbackStatus) => {
 
 // src/runtimes/external-store/ExternalStoreThreadRuntimeCore.tsx
 var hasUpcomingMessage = (isRunning, messages) => {
-  return isRunning && _optionalChain([messages, 'access', _170 => _170[messages.length - 1], 'optionalAccess', _171 => _171.role]) !== "assistant";
+  return isRunning && _optionalChain([messages, 'access', _159 => _159[messages.length - 1], 'optionalAccess', _160 => _160.role]) !== "assistant";
 };
 var ExternalStoreThreadRuntimeCore = (_class11 = class {
-  constructor(configProvider, store) {;_class11.prototype.__init25.call(this);_class11.prototype.__init26.call(this);_class11.prototype.__init27.call(this);_class11.prototype.__init28.call(this);_class11.prototype.__init29.call(this);_class11.prototype.__init30.call(this);_class11.prototype.__init31.call(this);
+  constructor(configProvider, store) {;_class11.prototype.__init26.call(this);_class11.prototype.__init27.call(this);_class11.prototype.__init28.call(this);_class11.prototype.__init29.call(this);_class11.prototype.__init30.call(this);_class11.prototype.__init31.call(this);_class11.prototype.__init32.call(this);
     this.configProvider = configProvider;
     this.store = store;
   }
-  __init25() {this._subscriptions = /* @__PURE__ */ new Set()}
-  __init26() {this.repository = new MessageRepository()}
-  __init27() {this.assistantOptimisticId = null}
-  __init28() {this._capabilities = {
+  __init26() {this._subscriptions = /* @__PURE__ */ new Set()}
+  __init27() {this.repository = new MessageRepository()}
+  __init28() {this.assistantOptimisticId = null}
+  __init29() {this._capabilities = {
     switchToBranch: false,
     edit: false,
     reload: false,
@@ -4379,9 +4278,9 @@ var ExternalStoreThreadRuntimeCore = (_class11 = class {
   
   
   
-  __init29() {this.converter = new ThreadMessageConverter()}
+  __init30() {this.converter = new ThreadMessageConverter()}
   
-  __init30() {this.composer = new BaseThreadComposerRuntimeCore(this)}
+  __init31() {this.composer = new BaseThreadComposerRuntimeCore(this)}
   get store() {
     return this._store;
   }
@@ -4398,12 +4297,12 @@ var ExternalStoreThreadRuntimeCore = (_class11 = class {
       reload: this._store.onReload !== void 0,
       cancel: this._store.onCancel !== void 0,
       speak: this._store.onSpeak !== void 0,
-      unstable_copy: _optionalChain([this, 'access', _175 => _175._store, 'access', _176 => _176.unstable_capabilities, 'optionalAccess', _177 => _177.copy]) !== false,
+      unstable_copy: _optionalChain([this, 'access', _164 => _164._store, 'access', _165 => _165.unstable_capabilities, 'optionalAccess', _166 => _166.copy]) !== false,
       // default true
-      attachments: !!_optionalChain([this, 'access', _178 => _178.store, 'access', _179 => _179.adapters, 'optionalAccess', _180 => _180.attachments]),
-      feedback: !!_optionalChain([this, 'access', _181 => _181.store, 'access', _182 => _182.adapters, 'optionalAccess', _183 => _183.feedback])
+      attachments: !!_optionalChain([this, 'access', _167 => _167.store, 'access', _168 => _168.adapters, 'optionalAccess', _169 => _169.attachments]),
+      feedback: !!_optionalChain([this, 'access', _170 => _170.store, 'access', _171 => _171.adapters, 'optionalAccess', _172 => _172.feedback])
     };
-    this.composer.setAttachmentAdapter(_optionalChain([this, 'access', _184 => _184._store, 'access', _185 => _185.adapters, 'optionalAccess', _186 => _186.attachments]));
+    this.composer.setAttachmentAdapter(_optionalChain([this, 'access', _173 => _173._store, 'access', _174 => _174.adapters, 'optionalAccess', _175 => _175.attachments]));
     if (oldStore) {
       if (oldStore.convertMessage !== store.convertMessage) {
         this.converter = new ThreadMessageConverter();
@@ -4429,7 +4328,7 @@ var ExternalStoreThreadRuntimeCore = (_class11 = class {
     for (let i = 0; i < messages.length; i++) {
       const message = messages[i];
       const parent = messages[i - 1];
-      this.repository.addOrUpdateMessage(_nullishCoalesce(_optionalChain([parent, 'optionalAccess', _187 => _187.id]), () => ( null)), message);
+      this.repository.addOrUpdateMessage(_nullishCoalesce(_optionalChain([parent, 'optionalAccess', _176 => _176.id]), () => ( null)), message);
     }
     if (this.assistantOptimisticId) {
       this.repository.deleteMessage(this.assistantOptimisticId);
@@ -4437,7 +4336,7 @@ var ExternalStoreThreadRuntimeCore = (_class11 = class {
     }
     if (hasUpcomingMessage(isRunning, messages)) {
       this.assistantOptimisticId = this.repository.appendOptimisticMessage(
-        _nullishCoalesce(_optionalChain([messages, 'access', _188 => _188.at, 'call', _189 => _189(-1), 'optionalAccess', _190 => _190.id]), () => ( null)),
+        _nullishCoalesce(_optionalChain([messages, 'access', _177 => _177.at, 'call', _178 => _178(-1), 'optionalAccess', _179 => _179.id]), () => ( null)),
         {
           role: "assistant",
           content: []
@@ -4445,7 +4344,7 @@ var ExternalStoreThreadRuntimeCore = (_class11 = class {
       );
     }
     this.repository.resetHead(
-      _nullishCoalesce(_nullishCoalesce(this.assistantOptimisticId, () => ( _optionalChain([messages, 'access', _191 => _191.at, 'call', _192 => _192(-1), 'optionalAccess', _193 => _193.id]))), () => ( null))
+      _nullishCoalesce(_nullishCoalesce(this.assistantOptimisticId, () => ( _optionalChain([messages, 'access', _180 => _180.at, 'call', _181 => _181(-1), 'optionalAccess', _182 => _182.id]))), () => ( null))
     );
     this.messages = this.repository.getMessages();
     this.notifySubscribers();
@@ -4466,7 +4365,7 @@ var ExternalStoreThreadRuntimeCore = (_class11 = class {
     this.updateMessages(this.repository.getMessages());
   }
   async append(message) {
-    if (message.parentId !== (_nullishCoalesce(_optionalChain([this, 'access', _194 => _194.messages, 'access', _195 => _195.at, 'call', _196 => _196(-1), 'optionalAccess', _197 => _197.id]), () => ( null)))) {
+    if (message.parentId !== (_nullishCoalesce(_optionalChain([this, 'access', _183 => _183.messages, 'access', _184 => _184.at, 'call', _185 => _185(-1), 'optionalAccess', _186 => _186.id]), () => ( null)))) {
       if (!this._store.onEdit)
         throw new Error("Runtime does not support editing messages.");
       await this._store.onEdit(message);
@@ -4489,7 +4388,7 @@ var ExternalStoreThreadRuntimeCore = (_class11 = class {
     }
     let messages = this.repository.getMessages();
     const previousMessage = messages[messages.length - 1];
-    if (_optionalChain([previousMessage, 'optionalAccess', _198 => _198.role]) === "user" && previousMessage.id === _optionalChain([messages, 'access', _199 => _199.at, 'call', _200 => _200(-1), 'optionalAccess', _201 => _201.id])) {
+    if (_optionalChain([previousMessage, 'optionalAccess', _187 => _187.role]) === "user" && previousMessage.id === _optionalChain([messages, 'access', _188 => _188.at, 'call', _189 => _189(-1), 'optionalAccess', _190 => _190.id])) {
       this.repository.deleteMessage(previousMessage.id);
       if (!this.composer.text.trim()) {
         this.composer.setText(getThreadMessageText(previousMessage));
@@ -4514,7 +4413,7 @@ var ExternalStoreThreadRuntimeCore = (_class11 = class {
     return this._store.onSpeak(message);
   }
   submitFeedback({ messageId, type }) {
-    const adapter = _optionalChain([this, 'access', _202 => _202._store, 'access', _203 => _203.adapters, 'optionalAccess', _204 => _204.feedback]);
+    const adapter = _optionalChain([this, 'access', _191 => _191._store, 'access', _192 => _192.adapters, 'optionalAccess', _193 => _193.feedback]);
     if (!adapter) throw new Error("Feedback adapter not configured");
     const { message } = this.repository.getMessage(messageId);
     adapter.submit({ message, type });
@@ -4523,8 +4422,8 @@ var ExternalStoreThreadRuntimeCore = (_class11 = class {
     this._subscriptions.add(callback);
     return () => this._subscriptions.delete(callback);
   }
-  __init31() {this.updateMessages = (messages) => {
-    _optionalChain([this, 'access', _205 => _205._store, 'access', _206 => _206.setMessages, 'optionalCall', _207 => _207(
+  __init32() {this.updateMessages = (messages) => {
+    _optionalChain([this, 'access', _194 => _194._store, 'access', _195 => _195.setMessages, 'optionalCall', _196 => _196(
       messages.flatMap(getExternalStoreMessage).filter((m) => m != null)
     )]);
   }}
@@ -4620,19 +4519,18 @@ var joinExternalMessages = (messages) => {
         );
       }
     } else {
-      const content = output.content;
       const role = output.role;
       switch (role) {
         case "system":
         case "user":
-          return { role, content };
+          return output;
         case "assistant":
           if (assistantMessage.content.length === 0) {
             assistantMessage.id = output.id;
             assistantMessage.createdAt ??= output.createdAt;
             assistantMessage.status ??= output.status;
           }
-          assistantMessage.content.push(...content);
+          assistantMessage.content.push(...output.content);
           break;
         default: {
           const unsupportedRole = role;
@@ -4746,18 +4644,18 @@ var DangerousInBrowserAdapter = class {
     this.options = options;
   }
   async *run({ messages, abortSignal, config }) {
-    const res = await _chunkJ2V7Y7JXjs.getEdgeRuntimeStream.call(void 0, {
+    const res = await _chunk5KIEXJRKjs.getEdgeRuntimeStream.call(void 0, {
       options: this.options,
       abortSignal,
       requestData: {
         system: config.system,
-        messages: _chunkJ2V7Y7JXjs.toCoreMessages.call(void 0, messages),
-        tools: config.tools ? _chunkJ2V7Y7JXjs.toLanguageModelTools.call(void 0, config.tools) : [],
+        messages: _chunk5KIEXJRKjs.toCoreMessages.call(void 0, messages),
+        tools: config.tools ? _chunk5KIEXJRKjs.toLanguageModelTools.call(void 0, config.tools) : [],
         ...config.callSettings,
         ...config.config
       }
     });
-    const stream = res.pipeThrough(_chunkJ2V7Y7JXjs.toolResultStream.call(void 0, config.tools, abortSignal)).pipeThrough(_chunkJ2V7Y7JXjs.runResultStream.call(void 0, ));
+    const stream = res.pipeThrough(_chunk5KIEXJRKjs.toolResultStream.call(void 0, config.tools, abortSignal)).pipeThrough(_chunk5KIEXJRKjs.runResultStream.call(void 0, ));
     for await (const update of asAsyncIterable(stream)) {
       yield update;
     }
@@ -4815,8 +4713,8 @@ var WebSpeechSynthesisAdapter = class {
 };
 
 // src/runtimes/attachment/SimpleImageAttachmentAdapter.ts
-var SimpleImageAttachmentAdapter = (_class12 = class {constructor() { _class12.prototype.__init32.call(this); }
-  __init32() {this.accept = "image/*"}
+var SimpleImageAttachmentAdapter = (_class12 = class {constructor() { _class12.prototype.__init33.call(this); }
+  __init33() {this.accept = "image/*"}
   async add(state) {
     return {
       id: state.file.name,
@@ -4847,8 +4745,8 @@ var getFileDataURL = (file) => new Promise((resolve, reject) => {
 });
 
 // src/runtimes/attachment/SimpleTextAttachmentAdapter.ts
-var SimpleTextAttachmentAdapter = (_class13 = class {constructor() { _class13.prototype.__init33.call(this); }
-  __init33() {this.accept = "text/plain,text/html,text/markdown,text/csv,text/xml,text/json,text/css"}
+var SimpleTextAttachmentAdapter = (_class13 = class {constructor() { _class13.prototype.__init34.call(this); }
+  __init34() {this.accept = "text/plain,text/html,text/markdown,text/csv,text/xml,text/json,text/css"}
   async add(state) {
     return {
       id: state.file.name,
@@ -4966,7 +4864,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', _208 => _208.runtime])) return configProvider;
+  if (!_optionalChain([config, 'optionalAccess', _197 => _197.runtime])) return configProvider;
   if (hasAssistant) {
     throw new Error(
       "You provided a runtime to <Thread> while simulataneously using <AssistantRuntimeProvider>. This is not allowed."
@@ -5294,7 +5192,7 @@ var AssistantMessageContent = _react.forwardRef.call(void 0, ({ components: comp
     {
       components: {
         ...componentsProp,
-        Text: _nullishCoalesce(_nullishCoalesce(_optionalChain([componentsProp, 'optionalAccess', _209 => _209.Text]), () => ( components.Text)), () => ( content_part_default.Text)),
+        Text: _nullishCoalesce(_nullishCoalesce(_optionalChain([componentsProp, 'optionalAccess', _198 => _198.Text]), () => ( components.Text)), () => ( content_part_default.Text)),
         tools: toolsComponents
       }
     }
@@ -5437,7 +5335,7 @@ var ComposerAttachments = ({ components }) => {
     {
       components: {
         ...components,
-        Attachment: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _210 => _210.Attachment]), () => ( composer_attachment_default))
+        Attachment: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _199 => _199.Attachment]), () => ( composer_attachment_default))
       }
     }
   ) });
@@ -5569,7 +5467,7 @@ var ThreadWelcomeSuggestion = ({
 };
 var ThreadWelcomeSuggestions = () => {
   const { welcome: { suggestions } = {} } = useThreadConfig();
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadWelcomeSuggestionContainer, { children: _optionalChain([suggestions, 'optionalAccess', _211 => _211.map, 'call', _212 => _212((suggestion, idx) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadWelcomeSuggestionContainer, { children: _optionalChain([suggestions, 'optionalAccess', _200 => _200.map, 'call', _201 => _201((suggestion, idx) => {
     const key = `${suggestion.prompt}-${idx}`;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadWelcomeSuggestion, { suggestion }, key);
   })]) });
@@ -5668,7 +5566,7 @@ var UserMessageContent = _react.forwardRef.call(void 0,
       {
         components: {
           ...components,
-          Text: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _213 => _213.Text]), () => ( content_part_default.Text))
+          Text: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _202 => _202.Text]), () => ( content_part_default.Text))
         }
       }
     ) });
@@ -5686,7 +5584,7 @@ var UserMessageAttachments = ({
     {
       components: {
         ...components,
-        Attachment: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _214 => _214.Attachment]), () => ( user_message_attachment_default))
+        Attachment: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _203 => _203.Attachment]), () => ( user_message_attachment_default))
       }
     }
   ) }) });
@@ -5787,10 +5685,10 @@ var ThreadMessages = ({ components, ...rest }) => {
     thread_exports.Messages,
     {
       components: {
-        UserMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _215 => _215.UserMessage]), () => ( user_message_default)),
-        EditComposer: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _216 => _216.EditComposer]), () => ( edit_composer_default)),
-        AssistantMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _217 => _217.AssistantMessage]), () => ( assistant_message_default)),
-        SystemMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _218 => _218.SystemMessage]), () => ( SystemMessage))
+        UserMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _204 => _204.UserMessage]), () => ( user_message_default)),
+        EditComposer: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _205 => _205.EditComposer]), () => ( edit_composer_default)),
+        AssistantMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _206 => _206.AssistantMessage]), () => ( assistant_message_default)),
+        SystemMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _207 => _207.SystemMessage]), () => ( SystemMessage))
       },
       ...rest
     }
@@ -6009,5 +5907,6 @@ var assistant_modal_default = Object.assign(AssistantModal, exports13);
 
 
 
-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.BranchPicker = branch_picker_default; exports.BranchPickerPrimitive = branchPicker_exports; exports.Composer = composer_default; exports.ComposerAttachment = composer_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 = user_message_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 = _chunkJ2V7Y7JXjs.toCoreMessage; exports.toCoreMessages = _chunkJ2V7Y7JXjs.toCoreMessages; exports.toLanguageModelMessages = _chunkJ2V7Y7JXjs.toLanguageModelMessages; exports.toLanguageModelTools = _chunkJ2V7Y7JXjs.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.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.useComposerSend = useComposerSend; exports.useComposerStore = useComposerStore; exports.useContentPart = useContentPart; exports.useContentPartContext = useContentPartContext; exports.useContentPartDisplay = useContentPartDisplay; exports.useContentPartImage = useContentPartImage; 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.useLocalRuntime = useLocalRuntime; exports.useMessage = useMessage; exports.useMessageContext = useMessageContext; exports.useMessageIf = useMessageIf; 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.useThreadMessages = useThreadMessages; exports.useThreadMessagesStore = useThreadMessagesStore; 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.BranchPicker = branch_picker_default; exports.BranchPickerPrimitive = branchPicker_exports; exports.Composer = composer_default; exports.ComposerAttachment = composer_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 = user_message_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 = _chunk5KIEXJRKjs.toCoreMessage; exports.toCoreMessages = _chunk5KIEXJRKjs.toCoreMessages; exports.toLanguageModelMessages = _chunk5KIEXJRKjs.toLanguageModelMessages; exports.toLanguageModelTools = _chunk5KIEXJRKjs.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.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.useComposerSend = useComposerSend; exports.useComposerStore = useComposerStore; exports.useContentPart = useContentPart; exports.useContentPartContext = useContentPartContext; exports.useContentPartDisplay = useContentPartDisplay; exports.useContentPartImage = useContentPartImage; 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.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.useThreadMessages = useThreadMessages; exports.useThreadMessagesStore = useThreadMessagesStore; 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