@assistant-ui/react 0.5.65 → 0.5.67

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 strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2; var _class3; var _class4; var _class5; var _class6; var _class7; var _class8; var _class9; var _class10; var _class11; var _class12; var _class13; var _class14; var _class15; var _class16; var _class17;
 
 
 
@@ -17,9 +17,6 @@ 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
 
 
@@ -121,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
@@ -147,7 +144,9 @@ var { useThread, useThreadStore } = createContextStoreHook(
   useThreadContext,
   "useThread"
 );
-var { useThreadMessages, useThreadMessagesStore } = createContextStoreHook(useThreadContext, "useThreadMessages");
+var messages = createContextStoreHook(useThreadContext, "useThreadMessages");
+var useThreadMessages = messages.useThreadMessages;
+var useThreadMessagesStore = messages.useThreadMessagesStore;
 var {
   useComposer: useThreadComposer,
   useComposerStore: useThreadComposerStore
@@ -157,76 +156,6 @@ var {
   useViewportStore: useThreadViewportStore
 } = createContextStoreHook(useThreadContext, "useViewport");
 
-// src/context/stores/ThreadComposer.ts
-
-var makeThreadComposerStore = (useThreadRuntime2) => {
-  const focusListeners = /* @__PURE__ */ new Set();
-  return _zustand.create.call(void 0, )((_, get) => {
-    const runtime = useThreadRuntime2.getState();
-    return {
-      type: "thread",
-      get value() {
-        return get().text;
-      },
-      setValue(value) {
-        get().setText(value);
-      },
-      attachmentAccept: runtime.composer.attachmentAccept,
-      attachments: runtime.composer.attachments,
-      addAttachment: (file) => {
-        useThreadRuntime2.getState().composer.addAttachment(file);
-      },
-      removeAttachment: (attachmentId) => {
-        useThreadRuntime2.getState().composer.removeAttachment(attachmentId);
-      },
-      reset: () => {
-        useThreadRuntime2.getState().composer.reset();
-      },
-      text: runtime.composer.text,
-      setText: (text) => {
-        useThreadRuntime2.getState().composer.setText(text);
-      },
-      canCancel: runtime.capabilities.cancel,
-      isEditing: true,
-      isEmpty: runtime.composer.isEmpty,
-      send: () => {
-        const runtime2 = useThreadRuntime2.getState();
-        runtime2.composer.send();
-      },
-      cancel: () => {
-        useThreadRuntime2.getState().cancelRun();
-      },
-      focus: () => {
-        for (const listener of focusListeners) {
-          listener();
-        }
-      },
-      onFocus: (listener) => {
-        focusListeners.add(listener);
-        return () => {
-          focusListeners.delete(listener);
-        };
-      }
-    };
-  });
-};
-
-// 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 = () => {
@@ -247,85 +176,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, () => _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 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: [
@@ -334,34 +243,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);
 
@@ -378,11 +283,47 @@ var useContentPartContext = createContextHook(
   ContentPartContext,
   "a component passed to <MessagePrimitive.Content components={...}>"
 );
+function useContentPartRuntime(options) {
+  const context = useContentPartContext(options);
+  if (!context) return null;
+  return context.useContentPartRuntime();
+}
 var { useContentPart, useContentPartStore } = createContextStoreHook(
   useContentPartContext,
   "useContentPart"
 );
 
+// src/api/ContentPartRuntime.ts
+var ContentPartRuntime = class {
+  constructor(contentBinding, messageApi, threadApi) {
+    this.contentBinding = contentBinding;
+    this.messageApi = messageApi;
+    this.threadApi = threadApi;
+  }
+  getState() {
+    return this.contentBinding.getState();
+  }
+  addToolResult(result) {
+    const message = this.messageApi.getState();
+    if (!message) throw new Error("Message is not available");
+    const state = this.contentBinding.getState();
+    if (!state) throw new Error("Content part is not available");
+    if (state.type !== "tool-call")
+      throw new Error("Tried to add tool result to non-tool content part");
+    const toolName = state.toolName;
+    const toolCallId = state.toolCallId;
+    this.threadApi.getState().addToolResult({
+      messageId: message.id,
+      toolName,
+      toolCallId,
+      result
+    });
+  }
+  subscribe(callback) {
+    return this.contentBinding.subscribe(callback);
+  }
+};
+
 // src/context/providers/TextContentPartProvider.tsx
 
 var COMPLETE_STATUS = {
@@ -393,18 +334,22 @@ var RUNNING_STATUS = {
 };
 var TextContentPartProvider = ({ children, text, isRunning }) => {
   const [context] = _react.useState.call(void 0, () => {
+    const useContentPartRuntime2 = _zustand.create.call(void 0, 
+      // TODO
+      () => new ContentPartRuntime(null, null, null)
+    );
     const useContentPart2 = _zustand.create.call(void 0, () => ({
       status: isRunning ? RUNNING_STATUS : COMPLETE_STATUS,
-      part: { type: "text", text }
+      part: { type: "text", text },
+      type: "text",
+      text
     }));
-    return {
-      useContentPart: useContentPart2
-    };
+    return { useContentPartRuntime: useContentPartRuntime2, useContentPart: useContentPart2 };
   });
   _react.useEffect.call(void 0, () => {
     const state = context.useContentPart.getState();
-    const textUpdated = state.part.text !== text;
-    const targetTextPart = textUpdated ? { type: "text", text } : state.part;
+    const textUpdated = state.text !== text;
+    const targetTextPart = textUpdated ? { type: "text", text } : state;
     const targetStatus = isRunning ? RUNNING_STATUS : COMPLETE_STATUS;
     const statusUpdated = state.status !== targetStatus;
     if (!textUpdated && !statusUpdated) return;
@@ -426,6 +371,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"
@@ -442,57 +392,39 @@ var { useEditComposer, useEditComposerStore } = createContextStoreHook(
 // src/context/react/ComposerContext.ts
 
 var useComposerContext = () => {
-  const { useComposer: useComposer2 } = useThreadContext();
+  const { useComposer: useThreadComposer2 } = useThreadContext();
   const { useEditComposer: useEditComposer2 } = _nullishCoalesce(useMessageContext({ optional: true }), () => ( {}));
   return _react.useMemo.call(void 0, 
     () => ({
-      useComposer: _nullishCoalesce(useEditComposer2, () => ( useComposer2)),
+      useComposer: _nullishCoalesce(useEditComposer2, () => ( useThreadComposer2)),
       type: useEditComposer2 ? "edit" : "new"
     }),
-    [useEditComposer2, useComposer2]
+    [useEditComposer2, useThreadComposer2]
   );
 };
 var { useComposer, useComposerStore } = createContextStoreHook(
   useComposerContext,
   "useComposer"
 );
+function useComposerRuntime(options) {
+  const messageRuntime = useMessageRuntime({ optional: true });
+  const threadRuntime = useThreadRuntime(options);
+  return messageRuntime ? messageRuntime.composer : _nullishCoalesce(_optionalChain([threadRuntime, 'optionalAccess', _5 => _5.composer]), () => ( null));
+}
 
 // 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;
 };
@@ -527,7 +459,7 @@ var useAssistantTool = (tool) => {
     const unsub2 = render ? toolUIsStore.getState().setToolUI(toolName, render) : void 0;
     return () => {
       unsub1();
-      _optionalChain([unsub2, 'optionalCall', _16 => _16()]);
+      _optionalChain([unsub2, 'optionalCall', _6 => _6()]);
     };
   }, [assistantRuntime, toolUIsStore, tool]);
 };
@@ -623,12 +555,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);
@@ -644,12 +576,11 @@ var useActionBarCopy = ({
 // src/primitive-hooks/actionBar/useActionBarEdit.tsx
 
 var useActionBarEdit = () => {
-  const editComposerStore = useEditComposerStore();
-  const disabled = useEditComposer((c) => c.isEditing);
+  const composerRuntime = useComposerRuntime();
+  const disabled = useComposer((c) => c.isEditing);
   const callback = _react.useCallback.call(void 0, () => {
-    const { edit } = editComposerStore.getState();
-    edit();
-  }, [editComposerStore]);
+    composerRuntime.beginEdit();
+  }, [composerRuntime]);
   if (disabled) return null;
   return callback;
 };
@@ -659,19 +590,18 @@ var useActionBarEdit = () => {
 var useActionBarReload = () => {
   const messageStore = useMessageStore();
   const threadStore = useThreadStore();
-  const threadRuntime = useThreadRuntime();
+  const messageRuntime = useMessageRuntime();
   const threadComposerStore = useThreadComposerStore();
   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();
-    threadRuntime.startRun(parentId);
+    messageRuntime.reload();
     threadViewportStore.getState().scrollToBottom();
     threadComposerStore.getState().focus();
-  }, [threadRuntime, threadComposerStore, threadViewportStore, messageStore]);
+  }, [messageRuntime, threadComposerStore, threadViewportStore]);
   if (disabled) return null;
   return callback;
 };
@@ -681,19 +611,18 @@ var useActionBarReload = () => {
 var useActionBarSpeak = () => {
   const messageStore = useMessageStore();
   const editComposerStore = useEditComposerStore();
-  const threadRuntime = useThreadRuntime();
+  const messageRunime = useMessageRuntime();
   const messageUtilsStore = useMessageUtilsStore();
   const hasSpeakableContent = 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, async () => {
-    const { message } = messageStore.getState();
-    const utt = threadRuntime.speak(message.id);
+    const utt = messageRunime.speak();
     messageUtilsStore.getState().addUtterance(utt);
-  }, [threadRuntime, messageStore, messageUtilsStore]);
+  }, [messageRunime, messageUtilsStore]);
   if (!hasSpeakableContent) return null;
   return callback;
 };
@@ -713,79 +642,73 @@ var useActionBarStopSpeaking = () => {
 // src/primitive-hooks/actionBar/useActionBarFeedbackPositive.tsx
 
 var useActionBarFeedbackPositive = () => {
-  const threadRuntime = useThreadRuntime();
-  const messageStore = useMessageStore();
+  const messageRuntime = useMessageRuntime();
   const messageUtilsStore = useMessageUtilsStore();
   const callback = _react.useCallback.call(void 0, () => {
-    threadRuntime.submitFeedback({
-      messageId: messageStore.getState().message.id,
+    messageRuntime.submitFeedback({
       type: "positive"
     });
     messageUtilsStore.getState().setSubmittedFeedback("positive");
-  }, [messageStore, messageUtilsStore, threadRuntime]);
+  }, [messageUtilsStore, messageRuntime]);
   return callback;
 };
 
 // src/primitive-hooks/actionBar/useActionBarFeedbackNegative.tsx
 
 var useActionBarFeedbackNegative = () => {
-  const threadRuntime = useThreadRuntime();
-  const messageStore = useMessageStore();
+  const messageRuntime = useMessageRuntime();
   const messageUtilsStore = useMessageUtilsStore();
   const callback = _react.useCallback.call(void 0, () => {
-    threadRuntime.submitFeedback({
-      messageId: messageStore.getState().message.id,
+    messageRuntime.submitFeedback({
       type: "negative"
     });
     messageUtilsStore.getState().setSubmittedFeedback("negative");
-  }, [messageStore, messageUtilsStore, threadRuntime]);
+  }, [messageUtilsStore, messageRuntime]);
   return callback;
 };
 
 // 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;
 };
@@ -849,7 +772,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', _7 => _7.target, 'access', _8 => _8.files, 'optionalAccess', _9 => _9[0]]);
       if (!file) return;
       addAttachment(file);
     };
@@ -862,7 +785,7 @@ var useComposerAddAttachment = () => {
 // src/primitive-hooks/contentPart/useContentPartDisplay.tsx
 var useContentPartDisplay = () => {
   const display = useContentPart((c) => {
-    if (c.part.type !== "ui")
+    if (c.type !== "ui")
       throw new Error(
         "This component can only be used inside ui content parts."
       );
@@ -874,7 +797,7 @@ var useContentPartDisplay = () => {
 // src/primitive-hooks/contentPart/useContentPartImage.tsx
 var useContentPartImage = () => {
   const image = useContentPart((c) => {
-    if (c.part.type !== "image")
+    if (c.type !== "image")
       throw new Error(
         "ContentPartImage can only be used inside image content parts."
       );
@@ -886,7 +809,7 @@ var useContentPartImage = () => {
 // src/primitive-hooks/contentPart/useContentPartText.tsx
 var useContentPartText = () => {
   const text = useContentPart((c) => {
-    if (c.part.type !== "text")
+    if (c.type !== "text")
       throw new Error(
         "ContentPartText can only be used inside text content parts."
       );
@@ -901,19 +824,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;
@@ -924,20 +847,15 @@ var useMessageIf = (props) => {
 
 // src/primitive-hooks/thread/useThreadIf.tsx
 var useThreadIf = (props) => {
-  const threadStore = useThreadStore();
-  const threadMessagesStore = useThreadMessagesStore();
-  return useCombinedStore(
-    [threadStore, threadMessagesStore],
-    (thread, messages) => {
-      if (props.empty === true && messages.length !== 0) return false;
-      if (props.empty === false && messages.length === 0) return false;
-      if (props.running === true && !thread.isRunning) return false;
-      if (props.running === false && thread.isRunning) return false;
-      if (props.disabled === true && thread.isDisabled) return false;
-      if (props.disabled === false && thread.isDisabled) return false;
-      return true;
-    }
-  );
+  return useThread((thread) => {
+    if (props.empty === true && thread.messages.length !== 0) return false;
+    if (props.empty === false && thread.messages.length === 0) return false;
+    if (props.running === true && !thread.isRunning) return false;
+    if (props.running === false && thread.isRunning) return false;
+    if (props.disabled === true && thread.isDisabled) return false;
+    if (props.disabled === false && thread.isDisabled) return false;
+    return true;
+  });
 };
 
 // src/primitive-hooks/thread/useThreadEmpty.tsx
@@ -1060,7 +978,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', _10 => _10()]);
       })
     }
   );
@@ -1092,7 +1010,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', _11 => _11()]);
         })
       }
     );
@@ -1141,7 +1059,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', _12 => _12()]);
       })
     }
   );
@@ -1167,7 +1085,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', _13 => _13()]);
       })
     }
   );
@@ -1193,7 +1111,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', _14 => _14()]);
       })
     }
   );
@@ -1448,74 +1366,35 @@ MessagePrimitiveIf.displayName = "MessagePrimitive.If";
 // src/primitives/message/MessageContent.tsx
 
 
-// src/context/providers/ContentPartProvider.tsx
+// src/context/providers/ContentPartRuntimeProvider.tsx
 
 
 
-var COMPLETE_STATUS2 = {
-  type: "complete"
-};
-var toContentPartStatus = (message, partIndex, part) => {
-  if (message.role !== "assistant") return COMPLETE_STATUS2;
-  const isLastPart = partIndex === Math.max(0, message.content.length - 1);
-  if (part.type !== "tool-call") {
-    if ("reason" in message.status && message.status.reason === "tool-calls" && isLastPart)
-      throw new Error(
-        "Encountered unexpected requires-action status. This is likely an internal bug in assistant-ui."
-      );
-    return isLastPart ? message.status : COMPLETE_STATUS2;
-  }
-  if (!!part.result) {
-    return COMPLETE_STATUS2;
-  }
-  return message.status;
-};
-var EMPTY_CONTENT = Object.freeze({ type: "text", text: "" });
-var getContentPartState = ({ message }, useContentPart2, partIndex) => {
-  let part = message.content[partIndex];
-  if (!part) {
-    if (message.content.length === 0 && partIndex === 0) {
-      part = EMPTY_CONTENT;
-    } else {
-      return null;
-    }
-  } else if (message.content.length === 1 && part.type === "text" && part.text.length === 0) {
-    part = EMPTY_CONTENT;
-  }
-  const status = toContentPartStatus(message, partIndex, part);
-  const currentState = _optionalChain([useContentPart2, 'optionalAccess', _25 => _25.getState, 'call', _26 => _26()]);
-  if (currentState && currentState.part === part && currentState.status === status)
-    return null;
-  return Object.freeze({ part, status });
+var useContentPartRuntimeStore = (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 useContentPartContext2 = (partIndex) => {
-  const messageStore = useMessageStore();
-  const [context] = _react.useState.call(void 0, () => {
-    const useContentPart2 = _zustand.create.call(void 0, 
-      () => getContentPartState(messageStore.getState(), void 0, partIndex)
-    );
-    return { useContentPart: useContentPart2 };
-  });
+var useContentPartStore2 = (runtime) => {
+  const [store] = _react.useState.call(void 0, () => _zustand.create.call(void 0, () => runtime.getState()));
   _react.useEffect.call(void 0, () => {
-    const syncContentPart = (message) => {
-      const newState = getContentPartState(
-        message,
-        context.useContentPart,
-        partIndex
-      );
-      if (!newState) return;
-      writableStore(context.useContentPart).setState(newState, true);
-    };
-    syncContentPart(messageStore.getState());
-    return messageStore.subscribe(syncContentPart);
-  }, [context, messageStore, partIndex]);
-  return context;
+    const updateState = () => writableStore(store).setState(runtime.getState(), true);
+    updateState();
+    return runtime.subscribe(updateState);
+  }, [runtime, store]);
+  return store;
 };
-var ContentPartProvider = ({
-  partIndex,
+var ContentPartRuntimeProvider = ({
+  runtime,
   children
 }) => {
-  const context = useContentPartContext2(partIndex);
+  const useContentPartRuntime2 = useContentPartRuntimeStore(runtime);
+  const useContentPart2 = useContentPartStore2(runtime);
+  const [context] = _react.useState.call(void 0, () => {
+    return { useContentPartRuntime: useContentPartRuntime2, useContentPart: useContentPart2 };
+  });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContentPartContext.Provider, { value: context, children });
 };
 
@@ -1560,7 +1439,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', _15 => _15.optional]) && !context)
     throw new Error(
       "This component must be used within a SmoothContextProvider."
     );
@@ -1620,12 +1499,10 @@ var SMOOTH_STATUS = Object.freeze({
   type: "running"
 });
 var useSmooth = (state, smooth = false) => {
-  const {
-    part: { text }
-  } = state;
+  const { text } = 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);
@@ -1634,17 +1511,17 @@ var useSmooth = (state, smooth = false) => {
     setDisplayedText(text2);
     if (smoothStatusStore) {
       writableStore(smoothStatusStore).setState(
-        text2 !== state.part.text ? SMOOTH_STATUS : state.status
+        text2 !== state.text ? SMOOTH_STATUS : state.status
       );
     }
   });
   _react.useEffect.call(void 0, () => {
     if (smoothStatusStore) {
       writableStore(smoothStatusStore).setState(
-        text !== state.part.text ? SMOOTH_STATUS : state.status
+        text !== state.text ? SMOOTH_STATUS : state.status
       );
     }
-  }, [smoothStatusStore, text, displayedText, state.status, state.part.text]);
+  }, [smoothStatusStore, text, displayedText, state.status, state.text]);
   const [animatorRef] = _react.useState.call(void 0, 
     new TextStreamAnimator(text, setText)
   );
@@ -1671,6 +1548,8 @@ var useSmooth = (state, smooth = false) => {
   }, [animatorRef]);
   return _react.useMemo.call(void 0, 
     () => smooth ? {
+      type: "text",
+      text: displayedText,
       part: { type: "text", text: displayedText },
       status: text === displayedText ? state.status : SMOOTH_STATUS
     } : state,
@@ -1681,10 +1560,7 @@ var useSmooth = (state, smooth = false) => {
 // src/primitives/contentPart/ContentPartText.tsx
 
 var ContentPartPrimitiveText = _react.forwardRef.call(void 0, ({ smooth = true, component: Component = "span", ...rest }, forwardedRef) => {
-  const {
-    part: { text },
-    status
-  } = useSmooth(useContentPartText(), smooth);
+  const { text, status } = useSmooth(useContentPartText(), smooth);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, { "data-status": status.type, ...rest, ref: forwardedRef, children: text });
 });
 ContentPartPrimitiveText.displayName = "ContentPartPrimitive.Text";
@@ -1694,18 +1570,14 @@ ContentPartPrimitiveText.displayName = "ContentPartPrimitive.Text";
 
 
 var ContentPartPrimitiveImage = _react.forwardRef.call(void 0, (props, forwardedRef) => {
-  const {
-    part: { image }
-  } = useContentPartImage();
+  const { image } = useContentPartImage();
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactprimitive.Primitive.img, { src: image, ...props, ref: forwardedRef });
 });
 ContentPartPrimitiveImage.displayName = "ContentPartPrimitive.Image";
 
 // src/primitives/contentPart/ContentPartDisplay.tsx
 var ContentPartPrimitiveDisplay = () => {
-  const {
-    part: { display }
-  } = useContentPartDisplay();
+  const { display } = useContentPartDisplay();
   return _nullishCoalesce(display, () => ( null));
 };
 ContentPartPrimitiveDisplay.displayName = "ContentPartPrimitive.Display";
@@ -1717,187 +1589,555 @@ var ContentPartPrimitiveInProgress = ({ children }) => {
 };
 ContentPartPrimitiveInProgress.displayName = "ContentPartPrimitive.InProgress";
 
-// src/primitives/message/MessageContent.tsx
-
-var ToolUIDisplay = ({
-  UI,
-  ...props
-}) => {
-  const Render = _nullishCoalesce(useToolUIs((s) => s.getToolUI(props.part.toolName)), () => ( UI));
-  if (!Render) return null;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Render, { ...props });
+// src/api/ComposerRuntime.ts
+var METHOD_NOT_SUPPORTED = () => {
+  throw new Error("Composer is not available");
 };
-var defaultComponents = {
-  Text: () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { style: { whiteSpace: "pre-line" }, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContentPartPrimitiveText, {}),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContentPartPrimitiveInProgress, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontFamily: "revert" }, children: " \u25CF" }) })
-  ] }),
-  Image: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContentPartPrimitiveImage, {}),
-  UI: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContentPartPrimitiveDisplay, {})
+var EMPTY_ARRAY = Object.freeze([]);
+var getThreadComposerState = (type, runtime, beginEdit, focus, onFocus) => {
+  return Object.freeze({
+    type,
+    isEditing: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _16 => _16.isEditing]), () => ( false)),
+    canCancel: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _17 => _17.canCancel]), () => ( false)),
+    isEmpty: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _18 => _18.isEmpty]), () => ( true)),
+    text: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _19 => _19.text]), () => ( "")),
+    attachments: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _20 => _20.attachments]), () => ( EMPTY_ARRAY)),
+    attachmentAccept: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _21 => _21.attachmentAccept]), () => ( "*")),
+    value: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _22 => _22.text]), () => ( "")),
+    setValue: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _23 => _23.setText, 'access', _24 => _24.bind, 'call', _25 => _25(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
+    setText: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _26 => _26.setText, 'access', _27 => _27.bind, 'call', _28 => _28(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
+    edit: beginEdit,
+    send: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _29 => _29.send, 'access', _30 => _30.bind, 'call', _31 => _31(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
+    cancel: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _32 => _32.cancel, 'access', _33 => _33.bind, 'call', _34 => _34(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
+    focus: _nullishCoalesce(focus, () => ( METHOD_NOT_SUPPORTED)),
+    onFocus: _nullishCoalesce(onFocus, () => ( METHOD_NOT_SUPPORTED)),
+    reset: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _35 => _35.reset, 'access', _36 => _36.bind, 'call', _37 => _37(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
+    addAttachment: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _38 => _38.addAttachment, 'access', _39 => _39.bind, 'call', _40 => _40(runtime)]), () => ( METHOD_NOT_SUPPORTED)),
+    removeAttachment: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _41 => _41.removeAttachment, 'access', _42 => _42.bind, 'call', _43 => _43(runtime)]), () => ( METHOD_NOT_SUPPORTED))
+  });
 };
-var MessageContentPartComponent = ({
-  components: {
-    Text: Text2 = defaultComponents.Text,
-    Empty,
-    Image: Image2 = defaultComponents.Image,
-    UI = defaultComponents.UI,
-    tools: { by_name = {}, Fallback: Fallback2 = void 0 } = {}
-  } = {}
-}) => {
-  const messageStore = useMessageStore();
-  const threadRuntime = useThreadRuntime();
-  const { part, status } = useContentPart();
-  const type = part.type;
-  switch (type) {
-    case "text":
-      if (status.type === "requires-action")
-        throw new Error("Encountered unexpected requires-action status");
-      if (part === EMPTY_CONTENT && !!Empty) {
-        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Empty, { status });
-      }
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Text2, { part, status });
-    case "image":
-      if (status.type === "requires-action")
-        throw new Error("Encountered unexpected requires-action status");
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Image2, { part, status });
-    case "ui":
-      if (status.type === "requires-action")
-        throw new Error("Encountered unexpected requires-action status");
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UI, { part, status });
-    case "tool-call": {
-      const Tool = by_name[part.toolName] || Fallback2;
-      const addResult = (result) => threadRuntime.addToolResult({
-        messageId: messageStore.getState().message.id,
-        toolName: part.toolName,
-        toolCallId: part.toolCallId,
-        result
-      });
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        ToolUIDisplay,
-        {
-          UI: Tool,
-          part,
-          status,
-          addResult
-        }
-      );
-    }
-    default:
-      const unhandledType = type;
-      throw new Error(`Unknown content part type: ${unhandledType}`);
+var ComposerRuntime = (_class2 = class {
+  constructor(_core, _beginEdit) {;_class2.prototype.__init5.call(this);
+    this._core = _core;
+    this._beginEdit = _beginEdit;
   }
-};
-var MessageContentPartImpl = ({
-  partIndex,
-  components
-}) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContentPartProvider, { partIndex, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageContentPartComponent, { components }) });
-};
-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])
-);
-var MessagePrimitiveContent = ({
-  components
-}) => {
-  const contentLength = useMessage((s) => s.message.content.length) || 1;
-  return Array.from({ length: contentLength }, (_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageContentPart, { partIndex: index, components }, index));
-};
-MessagePrimitiveContent.displayName = "MessagePrimitive.Content";
-
-// src/primitives/message/MessageInProgress.tsx
-var MessagePrimitiveInProgress = () => {
-  return null;
-};
-MessagePrimitiveInProgress.displayName = "MessagePrimitive.InProgress";
-
-// src/primitives/message/MessageAttachments.tsx
+  get type() {
+    return this._beginEdit ? "edit" : "thread";
+  }
+  /**
+   * @deprecated Use `getState().isEditing` instead. This will be removed in 0.6.0.
+   */
+  get isEditing() {
+    return this.getState().isEditing;
+  }
+  /**
+   * @deprecated Use `getState().isEmpty` instead. This will be removed in 0.6.0.
+   */
+  get isEmpty() {
+    return this.getState().isEmpty;
+  }
+  /**
+   * @deprecated Use `getState().canCancel` instead. This will be removed in 0.6.0.
+   */
+  get canCancel() {
+    return this.getState().canCancel;
+  }
+  /**
+   * @deprecated Use `getState().text` instead. This will be removed in 0.6.0.
+   */
+  get text() {
+    return this.getState().text;
+  }
+  /**
+   * @deprecated Use `getState().attachmentAccept` instead. This will be removed in 0.6.0.
+   */
+  get attachmentAccept() {
+    return this.getState().attachmentAccept;
+  }
+  // TODO should this instead return getAttachmentByIndex([idx]) instead?
+  /**
+   * @deprecated Use `getState().attachments` instead. This will be removed in 0.6.0.
+   */
+  get attachments() {
+    return this.getState().attachments;
+  }
+  /**
+   * @deprecated Use `getState().text` instead. This will be removed in 0.6.0.
+   */
+  get value() {
+    return this.text;
+  }
+  getState() {
+    return getThreadComposerState(
+      this.type,
+      this._core.getState(),
+      _nullishCoalesce(_optionalChain([this, 'access', _44 => _44._beginEdit, 'optionalAccess', _45 => _45.bind, 'call', _46 => _46(this)]), () => ( METHOD_NOT_SUPPORTED)),
+      this.focus.bind(this),
+      this.onFocus.bind(this)
+    );
+  }
+  setText(text) {
+    const core = this._core.getState();
+    if (!core) throw new Error("Composer is not available");
+    core.setText(text);
+  }
+  setValue(text) {
+    this.setText(text);
+  }
+  addAttachment(file) {
+    const core = this._core.getState();
+    if (!core) throw new Error("Composer is not available");
+    return core.addAttachment(file);
+  }
+  // /**
+  //  * @deprecated Use `getAttachmentById(id).removeAttachment` instead. This will be removed in 0.6.0.
+  //  */
+  removeAttachment(attachmentId) {
+    const core = this._core.getState();
+    if (!core) throw new Error("Composer is not available");
+    return core.removeAttachment(attachmentId);
+  }
+  /**
+   * @deprecated This method will be removed in 0.6.0. Submit feedback if you need this functionality.
+   */
+  reset() {
+    const core = this._core.getState();
+    if (!core) throw new Error("Composer is not available");
+    core.reset();
+  }
+  send() {
+    const core = this._core.getState();
+    if (!core) throw new Error("Composer is not available");
+    core.send();
+  }
+  cancel() {
+    const core = this._core.getState();
+    if (!core) throw new Error("Composer is not available");
+    core.cancel();
+  }
+  beginEdit() {
+    _optionalChain([this, 'access', _47 => _47._beginEdit, 'optionalCall', _48 => _48()]);
+  }
+  /**
+   * @deprecated Use `beginEdit()` instead. This will be removed in 0.6.0.
+   */
+  edit() {
+    this.beginEdit();
+  }
+  subscribe(callback) {
+    return this._core.subscribe(callback);
+  }
+  __init5() {this._focusListeners = /* @__PURE__ */ new Set()}
+  focus() {
+    this._focusListeners.forEach((callback) => callback());
+  }
+  onFocus(callback) {
+    this._focusListeners.add(callback);
+    return () => this._focusListeners.delete(callback);
+  }
+}, _class2);
 
+// src/api/subscribable/BaseSubject.ts
+var BaseSubject = (_class3 = class {constructor() { _class3.prototype.__init6.call(this); }
+  __init6() {this._subscriptions = /* @__PURE__ */ new Set()}
+  
+  get isConnected() {
+    return !!this._connection;
+  }
+  notifySubscribers() {
+    for (const callback of this._subscriptions) callback();
+  }
+  _updateConnection() {
+    if (this._subscriptions.size > 0) {
+      if (this._connection) return;
+      this._connection = this._connect();
+    } else {
+      _optionalChain([this, 'access', _49 => _49._connection, 'optionalCall', _50 => _50()]);
+      this._connection = void 0;
+    }
+  }
+  subscribe(callback) {
+    this._subscriptions.add(callback);
+    this._updateConnection();
+    return () => {
+      this._subscriptions.delete(callback);
+      this._updateConnection();
+    };
+  }
+}, _class3);
 
-// src/context/react/AttachmentContext.ts
+// src/api/subscribable/NestedSubscriptionSubject.ts
+var NestedSubscriptionSubject = class extends BaseSubject {
+  constructor(binding) {
+    super();
+    this.binding = binding;
+  }
+  getState() {
+    return this.binding.getState();
+  }
+  _connect() {
+    const callback = () => {
+      this.notifySubscribers();
+    };
+    let lastState = this.binding.getState();
+    let innerUnsubscribe = _optionalChain([lastState, 'optionalAccess', _51 => _51.subscribe, 'call', _52 => _52(callback)]);
+    const onRuntimeUpdate = () => {
+      const newState = this.binding.getState();
+      if (newState === lastState) return;
+      lastState = newState;
+      _optionalChain([innerUnsubscribe, 'optionalCall', _53 => _53()]);
+      innerUnsubscribe = _optionalChain([this, 'access', _54 => _54.binding, 'access', _55 => _55.getState, 'call', _56 => _56(), 'optionalAccess', _57 => _57.subscribe, 'call', _58 => _58(callback)]);
+      callback();
+    };
+    const outerUnsubscribe = this.binding.subscribe(onRuntimeUpdate);
+    return () => {
+      _optionalChain([outerUnsubscribe, 'optionalCall', _59 => _59()]);
+      _optionalChain([innerUnsubscribe, 'optionalCall', _60 => _60()]);
+    };
+  }
+};
 
-var AttachmentContext = _react.createContext.call(void 0, 
-  null
-);
-function useAttachmentContext(options) {
-  const context = _react.useContext.call(void 0, AttachmentContext);
-  if (!_optionalChain([options, 'optionalAccess', _44 => _44.optional]) && !context)
-    throw new Error(
-      "This component must be used within a ComposerPrimitive.Attachments or MessagePrimitive.Attachments component."
-    );
-  return context;
-}
-function useComposerAttachmentContext(options) {
-  const context = useAttachmentContext(options);
-  if (!context) return null;
-  if (context.type !== "composer")
-    throw new Error(
-      "This component must be used within a ComposerPrimitive.Attachments component."
-    );
-  return context;
-}
-function useMessageAttachmentContext(options) {
-  const context = useAttachmentContext(options);
-  if (!context) return null;
-  if (context.type !== "message")
-    throw new Error(
-      "This component must be used within a MessagePrimitive.Attachments component."
-    );
-  return context;
+// src/api/subscribable/shallowEqual.ts
+function shallowEqual(objA, objB) {
+  if (objA === void 0 && objB === void 0) return true;
+  if (objA === void 0) return false;
+  if (objB === void 0) return false;
+  for (const key of Object.keys(objA)) {
+    const valueA = objA[key];
+    const valueB = objB[key];
+    if (!Object.is(valueA, valueB)) return false;
+  }
+  return true;
 }
-var { useAttachment, useAttachmentStore } = createContextStoreHook(
-  useAttachmentContext,
-  "useAttachment"
-);
-var {
-  useAttachment: useComposerAttachment,
-  useAttachmentStore: useComposerAttachmentStore
-} = createContextStoreHook(useComposerAttachmentContext, "useAttachment");
-var {
-  useAttachment: useMessageAttachment,
-  useAttachmentStore: useMessageAttachmentStore
-} = createContextStoreHook(useMessageAttachmentContext, "useAttachment");
-
-// src/context/providers/MessageAttachmentProvider.tsx
-
 
+// src/api/subscribable/ShallowMemoizeSubject.ts
+var ShallowMemoizeSubject = (_class4 = class extends BaseSubject {
+  constructor(binding) {
+    super();_class4.prototype.__init7.call(this);;
+    this.binding = binding;
+    const state = binding.getState();
+    if (state === void 0)
+      throw new Error("Entry not available in the store");
+    this._previousState = state;
+  }
+  
+  __init7() {this.getState = () => {
+    if (!this.isConnected) this._syncState();
+    return this._previousState;
+  }}
+  _syncState() {
+    const state = this.binding.getState();
+    if (state === void 0) return false;
+    if (shallowEqual(state, this._previousState)) return false;
+    this._previousState = state;
+    return true;
+  }
+  _connect() {
+    const callback = () => {
+      if (this._syncState()) {
+        this.notifySubscribers();
+      }
+    };
+    return this.binding.subscribe(callback);
+  }
+}, _class4);
 
-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()]);
-  if (currentState && currentState.attachment === attachment) return null;
-  return Object.freeze({ attachment });
+// src/api/MessageRuntime.ts
+var COMPLETE_STATUS2 = {
+  type: "complete"
 };
-var useMessageAttachmentContext2 = (partIndex) => {
-  const messageStore = useMessageStore();
-  const [context] = _react.useState.call(void 0, 
-    () => {
-      const useAttachment2 = _zustand.create.call(void 0, 
-        () => getAttachment(messageStore.getState(), void 0, partIndex)
-      );
-      return { type: "message", useAttachment: useAttachment2 };
-    }
-  );
-  _react.useEffect.call(void 0, () => {
-    const syncAttachment = (messageState) => {
-      const newState = getAttachment(
-        messageState,
-        context.useAttachment,
-        partIndex
+var toContentPartStatus = (message, partIndex, part) => {
+  if (message.role !== "assistant") return COMPLETE_STATUS2;
+  const isLastPart = partIndex === Math.max(0, message.content.length - 1);
+  if (part.type !== "tool-call") {
+    if ("reason" in message.status && message.status.reason === "tool-calls" && isLastPart)
+      throw new Error(
+        "Encountered unexpected requires-action status. This is likely an internal bug in assistant-ui."
       );
-      if (!newState) return;
-      writableStore(context.useAttachment).setState(newState, true);
-    };
-    syncAttachment(messageStore.getState());
-    return messageStore.subscribe(syncAttachment);
-  }, [context, messageStore, partIndex]);
-  return context;
+    return isLastPart ? message.status : COMPLETE_STATUS2;
+  }
+  if (!!part.result) {
+    return COMPLETE_STATUS2;
+  }
+  return message.status;
 };
-var MessageAttachmentProvider = ({
-  attachmentIndex: partIndex,
+var EMPTY_CONTENT = Object.freeze({ type: "text", text: "" });
+var getContentPartState = (message, partIndex) => {
+  let part = message.content[partIndex];
+  if (!part) {
+    if (message.content.length === 0 && partIndex === 0) {
+      part = EMPTY_CONTENT;
+    } else {
+      return void 0;
+    }
+  } else if (message.content.length === 1 && part.type === "text" && part.text.length === 0) {
+    part = EMPTY_CONTENT;
+  }
+  const status = toContentPartStatus(message, partIndex, part);
+  return Object.freeze({ ...part, part, status });
+};
+var MessageRuntime = (_class5 = class {
+  constructor(_core, _threadBinding) {;_class5.prototype.__init8.call(this);
+    this._core = _core;
+    this._threadBinding = _threadBinding;
+  }
+  __init8() {this.composer = new ComposerRuntime(
+    new NestedSubscriptionSubject({
+      getState: () => this._threadBinding.getState().getEditComposer(this._core.getState().id),
+      subscribe: (callback) => this._threadBinding.subscribe(callback)
+    }),
+    () => this._threadBinding.getState().beginEdit(this._core.getState().id)
+  )}
+  getState() {
+    return this._core.getState();
+  }
+  // TODO improve type
+  unstable_edit(message) {
+    const state = this._core.getState();
+    if (!state) throw new Error("Message is not available");
+    this._threadBinding.getState().append({
+      ...message,
+      parentId: state.parentId
+    });
+  }
+  reload() {
+    const state = this._core.getState();
+    if (!state) throw new Error("Message is not available");
+    if (state.role !== "assistant")
+      throw new Error("Can only reload assistant messages");
+    this._threadBinding.getState().startRun(state.parentId);
+  }
+  speak() {
+    const state = this._core.getState();
+    if (!state) throw new Error("Message is not available");
+    return 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.id,
+      type
+    });
+  }
+  switchToBranch({
+    position,
+    branchId
+  }) {
+    const state = this._core.getState();
+    if (!state) throw new Error("Message is not available");
+    if (branchId && position) {
+      throw new Error("May not specify both branchId and position");
+    } else if (!branchId && !position) {
+      throw new Error("Must specify either branchId or position");
+    }
+    const thread = this._threadBinding.getState();
+    const branches = thread.getBranches(state.id);
+    let targetBranch = branchId;
+    if (position === "previous") {
+      targetBranch = branches[state.branchNumber - 2];
+    } else if (position === "next") {
+      targetBranch = branches[state.branchNumber];
+    }
+    if (!targetBranch) throw new Error("Branch not found");
+    this._threadBinding.getState().switchToBranch(targetBranch);
+  }
+  subscribe(callback) {
+    return this._core.subscribe(callback);
+  }
+  unstable_getContentPartByIndex(idx) {
+    if (idx < 0) throw new Error("Message index must be >= 0");
+    return new ContentPartRuntime(
+      new ShallowMemoizeSubject({
+        getState: () => {
+          return getContentPartState(this.getState(), idx);
+        },
+        subscribe: (callback) => this._core.subscribe(callback)
+      }),
+      this._core,
+      this._threadBinding
+    );
+  }
+}, _class5);
+
+// src/primitives/message/MessageContent.tsx
+
+var ToolUIDisplay = ({
+  UI,
+  ...props
+}) => {
+  const Render = _nullishCoalesce(useToolUIs((s) => s.getToolUI(props.toolName)), () => ( UI));
+  if (!Render) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Render, { ...props });
+};
+var defaultComponents = {
+  Text: () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { style: { whiteSpace: "pre-line" }, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContentPartPrimitiveText, {}),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContentPartPrimitiveInProgress, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontFamily: "revert" }, children: " \u25CF" }) })
+  ] }),
+  Image: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContentPartPrimitiveImage, {}),
+  UI: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContentPartPrimitiveDisplay, {})
+};
+var MessageContentPartComponent = ({
+  components: {
+    Text: Text2 = defaultComponents.Text,
+    Empty,
+    Image: Image2 = defaultComponents.Image,
+    UI = defaultComponents.UI,
+    tools: { by_name = {}, Fallback: Fallback2 = void 0 } = {}
+  } = {}
+}) => {
+  const messageStore = useMessageStore();
+  const threadRuntime = useThreadRuntime();
+  const part = useContentPart();
+  const type = part.type;
+  switch (type) {
+    case "text":
+      if (part.status.type === "requires-action")
+        throw new Error("Encountered unexpected requires-action status");
+      if (part.part === EMPTY_CONTENT && !!Empty) {
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Empty, { status: part.status });
+      }
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Text2, { ...part, part });
+    case "image":
+      if (part.status.type === "requires-action")
+        throw new Error("Encountered unexpected requires-action status");
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Image2, { ...part, part });
+    case "ui":
+      if (part.status.type === "requires-action")
+        throw new Error("Encountered unexpected requires-action status");
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UI, { ...part, part });
+    case "tool-call": {
+      const Tool = by_name[part.toolName] || Fallback2;
+      const addResult = (result) => threadRuntime.addToolResult({
+        messageId: messageStore.getState().id,
+        toolName: part.toolName,
+        toolCallId: part.toolCallId,
+        result
+      });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ToolUIDisplay, { ...part, part, UI: Tool, addResult });
+    }
+    default:
+      const unhandledType = type;
+      throw new Error(`Unknown content part type: ${unhandledType}`);
+  }
+};
+var MessageContentPartImpl = ({
+  partIndex,
+  components
+}) => {
+  const messageRuntime = useMessageRuntime();
+  const runtime = _react.useMemo.call(void 0, 
+    () => messageRuntime.unstable_getContentPartByIndex(partIndex),
+    [messageRuntime, partIndex]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContentPartRuntimeProvider, { runtime, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageContentPartComponent, { components }) });
+};
+var MessageContentPart = _react.memo.call(void 0, 
+  MessageContentPartImpl,
+  (prev, next) => prev.partIndex === next.partIndex && _optionalChain([prev, 'access', _61 => _61.components, 'optionalAccess', _62 => _62.Text]) === _optionalChain([next, 'access', _63 => _63.components, 'optionalAccess', _64 => _64.Text]) && _optionalChain([prev, 'access', _65 => _65.components, 'optionalAccess', _66 => _66.Image]) === _optionalChain([next, 'access', _67 => _67.components, 'optionalAccess', _68 => _68.Image]) && _optionalChain([prev, 'access', _69 => _69.components, 'optionalAccess', _70 => _70.UI]) === _optionalChain([next, 'access', _71 => _71.components, 'optionalAccess', _72 => _72.UI]) && _optionalChain([prev, 'access', _73 => _73.components, 'optionalAccess', _74 => _74.tools]) === _optionalChain([next, 'access', _75 => _75.components, 'optionalAccess', _76 => _76.tools])
+);
+var MessagePrimitiveContent = ({
+  components
+}) => {
+  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";
+
+// src/primitives/message/MessageInProgress.tsx
+var MessagePrimitiveInProgress = () => {
+  return null;
+};
+MessagePrimitiveInProgress.displayName = "MessagePrimitive.InProgress";
+
+// src/primitives/message/MessageAttachments.tsx
+
+
+// src/context/react/AttachmentContext.ts
+
+var AttachmentContext = _react.createContext.call(void 0, 
+  null
+);
+function useAttachmentContext(options) {
+  const context = _react.useContext.call(void 0, AttachmentContext);
+  if (!_optionalChain([options, 'optionalAccess', _77 => _77.optional]) && !context)
+    throw new Error(
+      "This component must be used within a ComposerPrimitive.Attachments or MessagePrimitive.Attachments component."
+    );
+  return context;
+}
+function useComposerAttachmentContext(options) {
+  const context = useAttachmentContext(options);
+  if (!context) return null;
+  if (context.type !== "composer")
+    throw new Error(
+      "This component must be used within a ComposerPrimitive.Attachments component."
+    );
+  return context;
+}
+function useMessageAttachmentContext(options) {
+  const context = useAttachmentContext(options);
+  if (!context) return null;
+  if (context.type !== "message")
+    throw new Error(
+      "This component must be used within a MessagePrimitive.Attachments component."
+    );
+  return context;
+}
+var { useAttachment, useAttachmentStore } = createContextStoreHook(
+  useAttachmentContext,
+  "useAttachment"
+);
+var {
+  useAttachment: useComposerAttachment,
+  useAttachmentStore: useComposerAttachmentStore
+} = createContextStoreHook(useComposerAttachmentContext, "useAttachment");
+var {
+  useAttachment: useMessageAttachment,
+  useAttachmentStore: useMessageAttachmentStore
+} = createContextStoreHook(useMessageAttachmentContext, "useAttachment");
+
+// src/context/providers/MessageAttachmentProvider.tsx
+
+
+
+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', _78 => _78.getState, 'call', _79 => _79()]);
+  if (currentState && currentState.attachment === attachment) return null;
+  return Object.freeze({ attachment });
+};
+var useMessageAttachmentContext2 = (partIndex) => {
+  const messageStore = useMessageStore();
+  const [context] = _react.useState.call(void 0, 
+    () => {
+      const useAttachment2 = _zustand.create.call(void 0, 
+        () => getAttachment(messageStore.getState(), void 0, partIndex)
+      );
+      return { type: "message", useAttachment: useAttachment2 };
+    }
+  );
+  _react.useEffect.call(void 0, () => {
+    const syncAttachment = (messageState) => {
+      const newState = getAttachment(
+        messageState,
+        context.useAttachment,
+        partIndex
+      );
+      if (!newState) return;
+      writableStore(context.useAttachment).setState(newState, true);
+    };
+    syncAttachment(messageStore.getState());
+    return messageStore.subscribe(syncAttachment);
+  }, [context, messageStore, partIndex]);
+  return context;
+};
+var MessageAttachmentProvider = ({
+  attachmentIndex: partIndex,
   children
 }) => {
   const context = useMessageAttachmentContext2(partIndex);
@@ -1910,11 +2150,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', _80 => _80.Image]), () => ( _optionalChain([components, 'optionalAccess', _81 => _81.Attachment])));
     case "document":
-      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _49 => _49.Document]), () => ( _optionalChain([components, 'optionalAccess', _50 => _50.Attachment])));
+      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _82 => _82.Document]), () => ( _optionalChain([components, 'optionalAccess', _83 => _83.Attachment])));
     case "file":
-      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _51 => _51.File]), () => ( _optionalChain([components, 'optionalAccess', _52 => _52.Attachment])));
+      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _84 => _84.File]), () => ( _optionalChain([components, 'optionalAccess', _85 => _85.Attachment])));
     default:
       const _exhaustiveCheck = type;
       throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);
@@ -1932,7 +2172,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', _86 => _86.components, 'optionalAccess', _87 => _87.Image]) === _optionalChain([next, 'access', _88 => _88.components, 'optionalAccess', _89 => _89.Image]) && _optionalChain([prev, 'access', _90 => _90.components, 'optionalAccess', _91 => _91.Document]) === _optionalChain([next, 'access', _92 => _92.components, 'optionalAccess', _93 => _93.Document]) && _optionalChain([prev, 'access', _94 => _94.components, 'optionalAccess', _95 => _95.File]) === _optionalChain([next, 'access', _96 => _96.components, 'optionalAccess', _97 => _97.File]) && _optionalChain([prev, 'access', _98 => _98.components, 'optionalAccess', _99 => _99.Attachment]) === _optionalChain([next, 'access', _100 => _100.components, 'optionalAccess', _101 => _101.Attachment])
 );
 var MessagePrimitiveAttachments = ({ components }) => {
   const attachmentsCount = useMessage(({ message }) => {
@@ -2043,7 +2283,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', _102 => _102.current, 'optionalAccess', _103 => _103.closest, 'call', _104 => _104("form"), 'optionalAccess', _105 => _105.requestSubmit, 'call', _106 => _106()]);
         }
       }
     };
@@ -2111,7 +2351,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', _107 => _107.getState, 'call', _108 => _108()]);
   if (currentState && currentState.attachment === attachment) return null;
   return Object.freeze({ attachment });
 };
@@ -2151,11 +2391,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', _109 => _109.Image]), () => ( _optionalChain([components, 'optionalAccess', _110 => _110.Attachment])));
     case "document":
-      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _78 => _78.Document]), () => ( _optionalChain([components, 'optionalAccess', _79 => _79.Attachment])));
+      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _111 => _111.Document]), () => ( _optionalChain([components, 'optionalAccess', _112 => _112.Attachment])));
     case "file":
-      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _80 => _80.File]), () => ( _optionalChain([components, 'optionalAccess', _81 => _81.Attachment])));
+      return _nullishCoalesce(_optionalChain([components, 'optionalAccess', _113 => _113.File]), () => ( _optionalChain([components, 'optionalAccess', _114 => _114.Attachment])));
     default:
       const _exhaustiveCheck = type;
       throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);
@@ -2173,7 +2413,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', _115 => _115.components, 'optionalAccess', _116 => _116.Image]) === _optionalChain([next, 'access', _117 => _117.components, 'optionalAccess', _118 => _118.Image]) && _optionalChain([prev, 'access', _119 => _119.components, 'optionalAccess', _120 => _120.Document]) === _optionalChain([next, 'access', _121 => _121.components, 'optionalAccess', _122 => _122.Document]) && _optionalChain([prev, 'access', _123 => _123.components, 'optionalAccess', _124 => _124.File]) === _optionalChain([next, 'access', _125 => _125.components, 'optionalAccess', _126 => _126.File]) && _optionalChain([prev, 'access', _127 => _127.components, 'optionalAccess', _128 => _128.Attachment]) === _optionalChain([next, 'access', _129 => _129.components, 'optionalAccess', _130 => _130.Attachment])
 );
 var ComposerPrimitiveAttachments = ({ components }) => {
   const attachmentsCount = useThreadComposer((s) => s.attachments.length);
@@ -2327,1177 +2567,836 @@ var useThreadViewportAutoScroll = ({
     const div = divRef.current;
     if (!div) return;
     const isAtBottom = threadViewportStore.getState().isAtBottom;
-    const newIsAtBottom = div.scrollHeight - div.scrollTop <= div.clientHeight + 1;
-    if (!newIsAtBottom && lastScrollTop.current < div.scrollTop) {
-    } else {
-      if (newIsAtBottom) {
-        isScrollingToBottomRef.current = false;
-      }
-      if (newIsAtBottom !== isAtBottom) {
-        writableStore(threadViewportStore).setState({
-          isAtBottom: newIsAtBottom
-        });
-      }
-    }
-    lastScrollTop.current = div.scrollTop;
-  };
-  const resizeRef = useOnResizeContent(() => {
-    if (isScrollingToBottomRef.current || threadViewportStore.getState().isAtBottom) {
-      scrollToBottom("instant");
-    }
-    handleScroll();
-  });
-  const scrollRef = useManagedRef((el) => {
-    el.addEventListener("scroll", handleScroll);
-    return () => {
-      el.removeEventListener("scroll", handleScroll);
-    };
-  });
-  const autoScrollRef = _reactcomposerefs.useComposedRefs.call(void 0, resizeRef, scrollRef, divRef);
-  useOnScrollToBottom(() => {
-    scrollToBottom("auto");
-  });
-  return autoScrollRef;
-};
-
-// src/primitives/thread/ThreadViewport.tsx
-
-var ThreadPrimitiveViewport = _react.forwardRef.call(void 0, ({ autoScroll, children, ...rest }, forwardedRef) => {
-  const autoScrollRef = useThreadViewportAutoScroll({
-    autoScroll
-  });
-  const ref = _reactcomposerefs.useComposedRefs.call(void 0, forwardedRef, autoScrollRef);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactprimitive.Primitive.div, { ...rest, ref, children });
-});
-ThreadPrimitiveViewport.displayName = "ThreadPrimitive.Viewport";
-
-// src/primitives/thread/ThreadMessages.tsx
-
-
-// src/context/providers/MessageProvider.tsx
-
-
-
-// src/context/stores/EditComposer.ts
-
-var makeEditComposerStore = ({
-  onEdit,
-  onSend
-}) => _zustand.create.call(void 0, )((set, get) => ({
-  type: "edit",
-  get value() {
-    return get().text;
-  },
-  setValue(value) {
-    get().setText(value);
-  },
-  text: "",
-  setText: (text) => {
-    set({ text, isEmpty: text.trim().length === 0 });
-  },
-  canCancel: false,
-  isEditing: false,
-  isEmpty: true,
-  edit: () => {
-    const text = onEdit();
-    set({
-      isEditing: true,
-      canCancel: true,
-      isEmpty: text.trim().length === 0,
-      text
-    });
-  },
-  send: () => {
-    const text = get().text;
-    set({ isEditing: false, canCancel: false });
-    onSend(text);
-  },
-  cancel: () => {
-    set({ isEditing: false, canCancel: false });
-  }
-}));
-
-// src/context/stores/MessageUtils.ts
-
-var makeMessageUtilsStore = () => _zustand.create.call(void 0, (set) => {
-  let utterance = null;
-  return {
-    isCopied: false,
-    setIsCopied: (value) => {
-      set({ isCopied: value });
-    },
-    isHovering: false,
-    setIsHovering: (value) => {
-      set({ isHovering: value });
-    },
-    isSpeaking: false,
-    stopSpeaking: () => {
-      _optionalChain([utterance, 'optionalAccess', _98 => _98.cancel, 'call', _99 => _99()]);
-    },
-    addUtterance: (utt) => {
-      utterance = utt;
-      set({ isSpeaking: true });
-      utt.onEnd(() => {
-        set({ isSpeaking: false });
-      });
-    },
-    submittedFeedback: null,
-    setSubmittedFeedback: (feedback) => {
-      set({ submittedFeedback: feedback });
-    }
-  };
-});
-
-// src/context/providers/MessageProvider.tsx
-
-var getIsLast = (messages, message) => {
-  return _optionalChain([messages, 'access', _100 => _100[messages.length - 1], 'optionalAccess', _101 => _101.id]) === message.id;
-};
-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 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({
-      onEdit: () => {
-        const message = useMessage2.getState().message;
-        const text = getThreadMessageText(message);
-        return text;
-      },
-      onSend: (text) => {
-        const { message, parentId } = useMessage2.getState();
-        const previousText = getThreadMessageText(message);
-        if (previousText === text) return;
-        const nonTextParts = message.content.filter(
-          (part) => part.type !== "text" && part.type !== "ui"
-        );
-        threadRuntime.append({
-          parentId,
-          role: message.role,
-          content: [{ type: "text", text }, ...nonTextParts],
-          attachments: 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;
-};
-var MessageProvider = ({
-  messageIndex,
-  children
-}) => {
-  const context = useMessageContext2(messageIndex);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageContext.Provider, { value: context, children });
-};
-
-// src/primitives/thread/ThreadMessages.tsx
-
-var isComponentsSame = (prev, next) => {
-  return prev.Message === next.Message && prev.EditComposer === next.EditComposer && prev.UserEditComposer === next.UserEditComposer && prev.AssistantEditComposer === next.AssistantEditComposer && prev.SystemEditComposer === next.SystemEditComposer && prev.UserMessage === next.UserMessage && prev.AssistantMessage === next.AssistantMessage && prev.SystemMessage === next.SystemMessage;
-};
-var DEFAULT_SYSTEM_MESSAGE = () => null;
-var getComponent3 = (components, role, isEditing) => {
-  switch (role) {
-    case "user":
-      if (isEditing) {
-        return _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(components.UserEditComposer, () => ( components.EditComposer)), () => ( components.UserMessage)), () => ( components.Message));
-      } else {
-        return _nullishCoalesce(components.UserMessage, () => ( components.Message));
-      }
-    case "assistant":
-      if (isEditing) {
-        return _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(components.AssistantEditComposer, () => ( components.EditComposer)), () => ( components.AssistantMessage)), () => ( components.Message));
-      } else {
-        return _nullishCoalesce(components.AssistantMessage, () => ( components.Message));
-      }
-    case "system":
-      if (isEditing) {
-        return _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(components.SystemEditComposer, () => ( components.EditComposer)), () => ( components.SystemMessage)), () => ( components.Message));
-      } else {
-        return _nullishCoalesce(components.SystemMessage, () => ( DEFAULT_SYSTEM_MESSAGE));
-      }
-    default:
-      const _exhaustiveCheck = role;
-      throw new Error(`Unknown message role: ${_exhaustiveCheck}`);
-  }
-};
-var ThreadMessageComponent = ({
-  components
-}) => {
-  const role = useMessage((m) => m.message.role);
-  const isEditing = useEditComposer((c) => c.isEditing);
-  const Component = getComponent3(components, role, isEditing);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, {});
-};
-var ThreadMessageImpl = ({
-  messageIndex,
-  components
-}) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageProvider, { messageIndex, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadMessageComponent, { components }) });
-};
-var ThreadMessage = _react.memo.call(void 0, 
-  ThreadMessageImpl,
-  (prev, next) => prev.messageIndex === next.messageIndex && isComponentsSame(prev.components, next.components)
-);
-var ThreadPrimitiveMessagesImpl = ({
-  components
-}) => {
-  const messagesLength = useThreadMessages((t) => t.length);
-  if (messagesLength === 0) return null;
-  return Array.from({ length: messagesLength }, (_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadMessage, { messageIndex: index, components }, index));
-};
-ThreadPrimitiveMessagesImpl.displayName = "ThreadPrimitive.Messages";
-var ThreadPrimitiveMessages = _react.memo.call(void 0, 
-  ThreadPrimitiveMessagesImpl,
-  (prev, next) => isComponentsSame(prev.components, next.components)
-);
-
-// src/primitives/thread/ThreadScrollToBottom.tsx
-var ThreadPrimitiveScrollToBottom = createActionButton(
-  "ThreadPrimitive.ScrollToBottom",
-  useThreadScrollToBottom
-);
-
-// src/primitives/thread/ThreadSuggestion.tsx
-var ThreadPrimitiveSuggestion = createActionButton(
-  "ThreadPrimitive.Suggestion",
-  useThreadSuggestion,
-  ["prompt", "autoSend", "method"]
-);
-
-// src/runtimes/core/subscribeToMainThread.ts
-var subscribeToMainThread = (runtime, callback) => {
-  let first = true;
-  let cleanup;
-  const inner = () => {
-    _optionalChain([cleanup, 'optionalCall', _106 => _106()]);
-    cleanup = runtime.thread.subscribe(callback);
-    if (!first) {
-      callback();
-    }
-    first = false;
-  };
-  const unsubscribe = runtime.subscribe(inner);
-  inner();
-  return () => {
-    unsubscribe();
-    _optionalChain([cleanup, 'optionalCall', _107 => _107()]);
-  };
-};
-
-// src/runtimes/local/useLocalRuntime.tsx
-
-
-// src/runtimes/core/BaseAssistantRuntimeCore.tsx
-var BaseAssistantRuntimeCore = (_class2 = class {
-  constructor(_thread) {;_class2.prototype.__init5.call(this);_class2.prototype.__init6.call(this);
-    this._thread = _thread;
-    this._thread = _thread;
-  }
-  get thread() {
-    return this._thread;
-  }
-  set thread(thread) {
-    this._thread = thread;
-    this.subscriptionHandler();
-  }
-  __init5() {this._subscriptions = /* @__PURE__ */ new Set()}
-  subscribe(callback) {
-    this._subscriptions.add(callback);
-    return () => this._subscriptions.delete(callback);
-  }
-  __init6() {this.subscriptionHandler = () => {
-    for (const callback of this._subscriptions) callback();
-  }}
-}, _class2);
-
-// src/internal.ts
-var internal_exports = {};
-_chunkPZ5AY32Cjs.__export.call(void 0, internal_exports, {
-  AssistantRuntime: () => AssistantRuntime,
-  BaseAssistantRuntimeCore: () => BaseAssistantRuntimeCore,
-  BaseThreadRuntimeComposerCore: () => BaseThreadComposerRuntimeCore,
-  MessageRepository: () => MessageRepository,
-  ProxyConfigProvider: () => ProxyConfigProvider,
-  ThreadRuntime: () => ThreadRuntime,
-  TooltipIconButton: () => TooltipIconButton,
-  generateId: () => generateId,
-  useSmooth: () => useSmooth,
-  useSmoothStatus: () => useSmoothStatus,
-  withSmoothContextProvider: () => withSmoothContextProvider
-});
-
-// 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);
-    this.runtime = runtime;
-  }
-  
-  __init7() {this.attachmentAccept = "*"}
-  get isEmpty() {
-    return !this.text.trim() && !this.attachments.length;
-  }
-  setAttachmentAdapter(adapter) {
-    this._attachmentAdapter = adapter;
-    const accept = _nullishCoalesce(_optionalChain([adapter, 'optionalAccess', _108 => _108.accept]), () => ( "*"));
-    if (this.attachmentAccept !== accept) {
-      this.attachmentAccept = accept;
-      return true;
-    }
-    return false;
-  }
-  __init8() {this._attachments = []}
-  get attachments() {
-    return this._attachments;
-  }
-  async addAttachment(file) {
-    if (!this._attachmentAdapter)
-      throw new Error("Attachments are not supported");
-    const attachment = await this._attachmentAdapter.add({ file });
-    this._attachments = [...this._attachments, attachment];
-    this.notifySubscribers();
-  }
-  async removeAttachment(attachmentId) {
-    if (!this._attachmentAdapter)
-      throw new Error("Attachments are not supported");
-    const index = this._attachments.findIndex((a) => a.id === attachmentId);
-    if (index === -1) throw new Error("Attachment not found");
-    const attachment = this._attachments[index];
-    await this._attachmentAdapter.remove(attachment);
-    this._attachments = this._attachments.toSpliced(index, 1);
-    this.notifySubscribers();
-  }
-  __init9() {this._text = ""}
-  get text() {
-    return this._text;
-  }
-  setText(value) {
-    this._text = value;
-    this.notifySubscribers();
-  }
-  reset() {
-    this._text = "";
-    this._attachments = [];
-    this.notifySubscribers();
-  }
-  async send() {
-    const attachments = this._attachmentAdapter ? await Promise.all(
-      this.attachments.map(
-        async (a) => await this._attachmentAdapter.send(a)
-      )
-    ) : [];
-    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)),
-      role: "user",
-      content: this.text ? [{ type: "text", text: this.text }] : [],
-      attachments
-    });
-    this.reset();
-  }
-  __init10() {this._subscriptions = /* @__PURE__ */ new Set()}
-  notifySubscribers() {
-    for (const callback of this._subscriptions) callback();
-  }
-  subscribe(callback) {
-    this._subscriptions.add(callback);
-    return () => this._subscriptions.delete(callback);
-  }
-}, _class3);
-
-// src/utils/ProxyConfigProvider.ts
-var ProxyConfigProvider = (_class4 = class {constructor() { _class4.prototype.__init11.call(this); }
-  __init11() {this._providers = /* @__PURE__ */ new Set()}
-  getModelConfig() {
-    return _chunk5KIEXJRKjs.mergeModelConfigs.call(void 0, this._providers);
-  }
-  registerModelConfigProvider(provider) {
-    this._providers.add(provider);
-    return () => {
-      this._providers.delete(provider);
-    };
-  }
-}, _class4);
-
-// src/utils/idUtils.tsx
-var _nonsecure = require('nanoid/non-secure');
-var generateId = _nonsecure.customAlphabet.call(void 0, 
-  "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",
-  7
-);
-var optimisticPrefix = "__optimistic__";
-var generateOptimisticId = () => `${optimisticPrefix}${generateId()}`;
-
-// src/runtimes/edge/converters/fromCoreMessage.ts
-var fromCoreMessages = (message) => {
-  return message.map((message2) => fromCoreMessage(message2));
-};
-var fromCoreMessage = (message, {
-  id = generateId(),
-  status = { type: "complete", reason: "unknown" },
-  attachments = []
-} = {}) => {
-  const commonProps = {
-    id,
-    createdAt: /* @__PURE__ */ new Date()
-  };
-  const role = message.role;
-  switch (role) {
-    case "assistant":
-      return {
-        ...commonProps,
-        role,
-        content: message.content.map((part) => {
-          if (part.type === "tool-call") {
-            return {
-              ...part,
-              argsText: JSON.stringify(part.args)
-            };
-          }
-          return part;
-        }),
-        status
-      };
-    case "user":
-      return {
-        ...commonProps,
-        role,
-        content: message.content,
-        attachments
-      };
-    case "system":
-      return {
-        ...commonProps,
-        role,
-        content: message.content
-      };
-    default: {
-      const unsupportedRole = role;
-      throw new Error(`Unknown message role: ${unsupportedRole}`);
-    }
-  }
-};
-
-// src/runtimes/utils/MessageRepository.tsx
-var findHead = (message) => {
-  if (message.next) return findHead(message.next);
-  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()}
-  // message_id -> item
-  __init13() {this.head = null}
-  __init14() {this.root = {
-    children: [],
-    next: null
-  }}
-  performOp(newParent, child, operation) {
-    const parentOrRoot = _nullishCoalesce(child.prev, () => ( this.root));
-    const newParentOrRoot = _nullishCoalesce(newParent, () => ( this.root));
-    if (operation === "relink" && parentOrRoot === newParentOrRoot) return;
-    if (operation !== "link") {
-      parentOrRoot.children = parentOrRoot.children.filter(
-        (m) => m !== child.current.id
-      );
-      if (parentOrRoot.next === child) {
-        const fallbackId = parentOrRoot.children.at(-1);
-        const fallback = fallbackId ? this.messages.get(fallbackId) : null;
-        if (fallback === void 0) {
-          throw new Error(
-            "MessageRepository(performOp/cut): Fallback sibling message not found. This is likely an internal bug in assistant-ui."
-          );
-        }
-        parentOrRoot.next = fallback;
-      }
-    }
-    if (operation !== "cut") {
-      for (let current = newParent; current; current = current.prev) {
-        if (current.current.id === child.current.id) {
-          throw new Error(
-            "MessageRepository(performOp/link): A message with the same id already exists in the parent tree. This error occurs if the same message id is found multiple times. This is likely an internal bug in assistant-ui."
-          );
-        }
-      }
-      newParentOrRoot.children = [
-        ...newParentOrRoot.children,
-        child.current.id
-      ];
-      if (findHead(child) === this.head || newParentOrRoot.next === null) {
-        newParentOrRoot.next = child;
-      }
-      child.prev = newParent;
-    }
-  }
-  getMessages() {
-    const messages = new Array(_nullishCoalesce(_optionalChain([this, 'access', _114 => _114.head, 'optionalAccess', _115 => _115.level]), () => ( 0)));
-    for (let current = this.head; current; current = current.prev) {
-      messages[current.level] = current.current;
-    }
-    return messages;
-  }
-  addOrUpdateMessage(parentId, message) {
-    const existingItem = this.messages.get(message.id);
-    const prev = parentId ? this.messages.get(parentId) : null;
-    if (prev === void 0)
-      throw new Error(
-        "MessageRepository(addOrUpdateMessage): Parent message not found. This is likely an internal bug in assistant-ui."
-      );
-    if (existingItem) {
-      existingItem.current = message;
-      this.performOp(prev, existingItem, "relink");
-      return;
-    }
-    const newItem = {
-      prev,
-      current: message,
-      next: null,
-      children: [],
-      level: prev ? prev.level + 1 : 0
-    };
-    this.messages.set(message.id, newItem);
-    this.performOp(prev, newItem, "link");
-    if (this.head === prev) {
-      this.head = newItem;
-    }
-  }
-  getMessage(messageId) {
-    const message = this.messages.get(messageId);
-    if (!message)
-      throw new Error(
-        "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)),
-      message: message.current
-    };
-  }
-  appendOptimisticMessage(parentId, message) {
-    let optimisticId;
-    do {
-      optimisticId = generateOptimisticId();
-    } while (this.messages.has(optimisticId));
-    this.addOrUpdateMessage(
-      parentId,
-      fromCoreMessage(message, {
-        id: optimisticId,
-        status: { type: "running" }
-      })
-    );
-    return optimisticId;
-  }
-  deleteMessage(messageId, replacementId) {
-    const message = this.messages.get(messageId);
-    if (!message)
-      throw new Error(
-        "MessageRepository(deleteMessage): Optimistic message not found. This is likely an internal bug in assistant-ui."
-      );
-    const replacement = replacementId === void 0 ? message.prev : replacementId === null ? null : this.messages.get(replacementId);
-    if (replacement === void 0)
-      throw new Error(
-        "MessageRepository(deleteMessage): Replacement not found. This is likely an internal bug in assistant-ui."
-      );
-    for (const child of message.children) {
-      const childMessage = this.messages.get(child);
-      if (!childMessage)
-        throw new Error(
-          "MessageRepository(deleteMessage): Child message not found. This is likely an internal bug in assistant-ui."
-        );
-      this.performOp(replacement, childMessage, "relink");
-    }
-    this.performOp(null, message, "cut");
-    this.messages.delete(messageId);
-    if (this.head === message) {
-      this.head = findHead(_nullishCoalesce(replacement, () => ( this.root)));
-    }
-  }
-  getBranches(messageId) {
-    const message = this.messages.get(messageId);
-    if (!message)
-      throw new Error(
-        "MessageRepository(getBranches): Message not found. This is likely an internal bug in assistant-ui."
-      );
-    const { children } = _nullishCoalesce(message.prev, () => ( this.root));
-    return children;
-  }
-  switchToBranch(messageId) {
-    const message = this.messages.get(messageId);
-    if (!message)
-      throw new Error(
-        "MessageRepository(switchToBranch): Branch not found. This is likely an internal bug in assistant-ui."
-      );
-    const prevOrRoot = _nullishCoalesce(message.prev, () => ( this.root));
-    prevOrRoot.next = message;
-    this.head = findHead(message);
-  }
-  resetHead(messageId) {
-    if (messageId === null) {
-      this.head = null;
-      return;
-    }
-    const message = this.messages.get(messageId);
-    if (!message)
-      throw new Error(
-        "MessageRepository(resetHead): Branch not found. This is likely an internal bug in assistant-ui."
-      );
-    this.head = message;
-    for (let current = message; current; current = current.prev) {
-      if (current.prev) {
-        current.prev.next = current;
+    const newIsAtBottom = div.scrollHeight - div.scrollTop <= div.clientHeight + 1;
+    if (!newIsAtBottom && lastScrollTop.current < div.scrollTop) {
+    } else {
+      if (newIsAtBottom) {
+        isScrollingToBottomRef.current = false;
+      }
+      if (newIsAtBottom !== isAtBottom) {
+        writableStore(threadViewportStore).setState({
+          isAtBottom: newIsAtBottom
+        });
       }
     }
-  }
-  export() {
-    const exportItems = [];
-    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))
-      });
+    lastScrollTop.current = div.scrollTop;
+  };
+  const resizeRef = useOnResizeContent(() => {
+    if (isScrollingToBottomRef.current || threadViewportStore.getState().isAtBottom) {
+      scrollToBottom("instant");
     }
-    return {
-      headId: _nullishCoalesce(_optionalChain([this, 'access', _122 => _122.head, 'optionalAccess', _123 => _123.current, 'access', _124 => _124.id]), () => ( null)),
-      messages: exportItems
+    handleScroll();
+  });
+  const scrollRef = useManagedRef((el) => {
+    el.addEventListener("scroll", handleScroll);
+    return () => {
+      el.removeEventListener("scroll", handleScroll);
     };
-  }
-  import({ headId, messages }) {
-    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)));
-  }
-}, _class5);
+  });
+  const autoScrollRef = _reactcomposerefs.useComposedRefs.call(void 0, resizeRef, scrollRef, divRef);
+  useOnScrollToBottom(() => {
+    scrollToBottom("auto");
+  });
+  return autoScrollRef;
+};
 
-// src/ui/base/tooltip-icon-button.tsx
+// src/primitives/thread/ThreadViewport.tsx
+
+var ThreadPrimitiveViewport = _react.forwardRef.call(void 0, ({ autoScroll, children, ...rest }, forwardedRef) => {
+  const autoScrollRef = useThreadViewportAutoScroll({
+    autoScroll
+  });
+  const ref = _reactcomposerefs.useComposedRefs.call(void 0, forwardedRef, autoScrollRef);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactprimitive.Primitive.div, { ...rest, ref, children });
+});
+ThreadPrimitiveViewport.displayName = "ThreadPrimitive.Viewport";
 
+// src/primitives/thread/ThreadMessages.tsx
 
-// src/ui/base/tooltip.tsx
-var _reacttooltip = require('@radix-ui/react-tooltip'); var TooltipPrimitive = _interopRequireWildcard(_reacttooltip);
 
-// src/ui/utils/withDefaults.tsx
+// src/context/providers/MessageRuntimeProvider.tsx
 
 
 
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+// src/context/stores/MessageUtils.ts
 
-var withDefaultProps = ({
-  className,
-  ...defaultProps
-}) => ({ className: classNameProp, ...props }) => {
+var makeMessageUtilsStore = () => _zustand.create.call(void 0, (set) => {
+  let utterance = null;
   return {
-    className: _classnames2.default.call(void 0, className, classNameProp),
-    ...defaultProps,
-    ...props
-  };
-};
-var withDefaults = (Component, defaultProps) => {
-  const getProps = withDefaultProps(defaultProps);
-  const WithDefaults = _react.forwardRef.call(void 0, 
-    (props, ref) => {
-      const ComponentAsAny = Component;
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ComponentAsAny, { ...getProps(props), ref });
+    isCopied: false,
+    setIsCopied: (value) => {
+      set({ isCopied: value });
+    },
+    isHovering: false,
+    setIsHovering: (value) => {
+      set({ isHovering: value });
+    },
+    isSpeaking: false,
+    stopSpeaking: () => {
+      _optionalChain([utterance, 'optionalAccess', _131 => _131.cancel, 'call', _132 => _132()]);
+    },
+    addUtterance: (utt) => {
+      utterance = utt;
+      set({ isSpeaking: true });
+      utt.onEnd(() => {
+        set({ isSpeaking: false });
+      });
+    },
+    submittedFeedback: null,
+    setSubmittedFeedback: (feedback) => {
+      set({ submittedFeedback: feedback });
     }
-  );
-  WithDefaults.displayName = "withDefaults(" + (typeof Component === "string" ? Component : Component.displayName) + ")";
-  return WithDefaults;
-};
-
-// src/ui/base/tooltip.tsx
-
-var Tooltip = (props) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipPrimitive.Provider, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipPrimitive.Root, { ...props }) });
-};
-Tooltip.displayName = "Tooltip";
-var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = withDefaults(TooltipPrimitive.Content, {
-  sideOffset: 4,
-  className: "aui-tooltip-content"
+  };
 });
-TooltipContent.displayName = "TooltipContent";
 
-// src/ui/base/button.tsx
-var _classvarianceauthority = require('class-variance-authority');
+// src/context/providers/MessageRuntimeProvider.tsx
 
+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 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 useMessageUtilsStore2 = () => {
+  const [store] = _react.useState.call(void 0, () => makeMessageUtilsStore());
+  return store;
+};
+var useEditComposerStore2 = (useMessageRuntime2) => {
+  const runtime = useMessageRuntime2.getState().composer;
+  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());
+    updateState();
+    return runtime.subscribe(updateState);
+  }, [runtime, store]);
+  return store;
+};
+var MessageRuntimeProvider = ({
+  runtime,
+  children
+}) => {
+  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 });
+};
 
+// src/primitives/thread/ThreadMessages.tsx
 
-var buttonVariants = _classvarianceauthority.cva.call(void 0, "aui-button", {
-  variants: {
-    variant: {
-      default: "aui-button-primary",
-      outline: "aui-button-outline",
-      ghost: "aui-button-ghost"
-    },
-    size: {
-      default: "aui-button-medium",
-      icon: "aui-button-icon"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "default"
-  }
-});
-var Button = _react.forwardRef.call(void 0, 
-  ({ className, variant, size, ...props }, ref) => {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _reactprimitive.Primitive.button,
-      {
-        className: buttonVariants({ variant, size, className }),
-        ...props,
-        ref
+var isComponentsSame = (prev, next) => {
+  return prev.Message === next.Message && prev.EditComposer === next.EditComposer && prev.UserEditComposer === next.UserEditComposer && prev.AssistantEditComposer === next.AssistantEditComposer && prev.SystemEditComposer === next.SystemEditComposer && prev.UserMessage === next.UserMessage && prev.AssistantMessage === next.AssistantMessage && prev.SystemMessage === next.SystemMessage;
+};
+var DEFAULT_SYSTEM_MESSAGE = () => null;
+var getComponent3 = (components, role, isEditing) => {
+  switch (role) {
+    case "user":
+      if (isEditing) {
+        return _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(components.UserEditComposer, () => ( components.EditComposer)), () => ( components.UserMessage)), () => ( components.Message));
+      } else {
+        return _nullishCoalesce(components.UserMessage, () => ( components.Message));
       }
-    );
+    case "assistant":
+      if (isEditing) {
+        return _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(components.AssistantEditComposer, () => ( components.EditComposer)), () => ( components.AssistantMessage)), () => ( components.Message));
+      } else {
+        return _nullishCoalesce(components.AssistantMessage, () => ( components.Message));
+      }
+    case "system":
+      if (isEditing) {
+        return _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(components.SystemEditComposer, () => ( components.EditComposer)), () => ( components.SystemMessage)), () => ( components.Message));
+      } else {
+        return _nullishCoalesce(components.SystemMessage, () => ( DEFAULT_SYSTEM_MESSAGE));
+      }
+    default:
+      const _exhaustiveCheck = role;
+      throw new Error(`Unknown message role: ${_exhaustiveCheck}`);
   }
+};
+var ThreadMessageComponent = ({
+  components
+}) => {
+  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, {});
+};
+var ThreadMessageImpl = ({
+  messageIndex,
+  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,
+  (prev, next) => prev.messageIndex === next.messageIndex && isComponentsSame(prev.components, next.components)
+);
+var ThreadPrimitiveMessagesImpl = ({
+  components
+}) => {
+  const messagesLength = useThread((t) => t.messages.length);
+  if (messagesLength === 0) return null;
+  return Array.from({ length: messagesLength }, (_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadMessage, { messageIndex: index, components }, index));
+};
+ThreadPrimitiveMessagesImpl.displayName = "ThreadPrimitive.Messages";
+var ThreadPrimitiveMessages = _react.memo.call(void 0, 
+  ThreadPrimitiveMessagesImpl,
+  (prev, next) => isComponentsSame(prev.components, next.components)
 );
-Button.displayName = "Button";
 
-// src/ui/base/tooltip-icon-button.tsx
+// src/primitives/thread/ThreadScrollToBottom.tsx
+var ThreadPrimitiveScrollToBottom = createActionButton(
+  "ThreadPrimitive.ScrollToBottom",
+  useThreadScrollToBottom
+);
 
-var TooltipIconButton = _react.forwardRef.call(void 0, ({ children, tooltip, side = "bottom", ...rest }, ref) => {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Tooltip, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Button, { variant: "ghost", size: "icon", ...rest, ref, children: [
-      children,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "aui-sr-only", children: tooltip })
-    ] }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipContent, { side, children: tooltip })
-  ] });
-});
-TooltipIconButton.displayName = "TooltipIconButton";
+// src/primitives/thread/ThreadSuggestion.tsx
+var ThreadPrimitiveSuggestion = createActionButton(
+  "ThreadPrimitive.Suggestion",
+  useThreadSuggestion,
+  ["prompt", "autoSend", "method"]
+);
+
+// src/runtimes/core/subscribeToMainThread.ts
+var subscribeToMainThread = (runtime, callback) => {
+  let first = true;
+  let cleanup;
+  const inner = () => {
+    _optionalChain([cleanup, 'optionalCall', _133 => _133()]);
+    cleanup = runtime.thread.subscribe(callback);
+    if (!first) {
+      callback();
+    }
+    first = false;
+  };
+  const unsubscribe = runtime.subscribe(inner);
+  inner();
+  return () => {
+    unsubscribe();
+    _optionalChain([cleanup, 'optionalCall', _134 => _134()]);
+  };
+};
 
-// src/api/subscribable/BaseSubject.ts
-var BaseSubject = (_class6 = class {constructor() { _class6.prototype.__init15.call(this); }
-  __init15() {this._subscriptions = /* @__PURE__ */ new Set()}
-  
-  get isConnected() {
-    return !!this._connection;
+// src/runtimes/local/useLocalRuntime.tsx
+
+
+// src/runtimes/core/BaseAssistantRuntimeCore.tsx
+var BaseAssistantRuntimeCore = (_class6 = class {
+  constructor(_thread) {;_class6.prototype.__init9.call(this);_class6.prototype.__init10.call(this);
+    this._thread = _thread;
+    this._thread = _thread;
   }
-  notifySubscribers() {
-    for (const callback of this._subscriptions) callback();
+  get thread() {
+    return this._thread;
   }
-  _updateConnection() {
-    if (this._subscriptions.size > 0) {
-      if (this._connection) return;
-      this._connection = this._connect();
-    } else {
-      _optionalChain([this, 'access', _129 => _129._connection, 'optionalCall', _130 => _130()]);
-      this._connection = void 0;
-    }
+  set thread(thread) {
+    this._thread = thread;
+    this.subscriptionHandler();
   }
+  __init9() {this._subscriptions = /* @__PURE__ */ new Set()}
   subscribe(callback) {
     this._subscriptions.add(callback);
-    this._updateConnection();
-    return () => {
-      this._subscriptions.delete(callback);
-      this._updateConnection();
-    };
+    return () => this._subscriptions.delete(callback);
   }
+  __init10() {this.subscriptionHandler = () => {
+    for (const callback of this._subscriptions) callback();
+  }}
 }, _class6);
 
-// src/api/subscribable/NestedSubscriptionSubject.ts
-var NestedSubscriptionSubject = class extends BaseSubject {
-  constructor(binding) {
-    super();
-    this.binding = binding;
+// src/internal.ts
+var internal_exports = {};
+_chunkPZ5AY32Cjs.__export.call(void 0, internal_exports, {
+  AssistantRuntime: () => AssistantRuntime,
+  BaseAssistantRuntimeCore: () => BaseAssistantRuntimeCore,
+  DefaultThreadComposerRuntimeCore: () => DefaultThreadComposerRuntimeCore,
+  MessageRepository: () => MessageRepository,
+  ProxyConfigProvider: () => ProxyConfigProvider,
+  ThreadRuntime: () => ThreadRuntime,
+  TooltipIconButton: () => TooltipIconButton,
+  generateId: () => generateId,
+  useSmooth: () => useSmooth,
+  useSmoothStatus: () => useSmoothStatus,
+  withSmoothContextProvider: () => withSmoothContextProvider
+});
+
+// src/runtimes/composer/BaseComposerRuntimeCore.tsx
+var BaseComposerRuntimeCore = (_class7 = class {constructor() { _class7.prototype.__init11.call(this);_class7.prototype.__init12.call(this);_class7.prototype.__init13.call(this);_class7.prototype.__init14.call(this);_class7.prototype.__init15.call(this); }
+  __init11() {this.isEditing = true}
+  __init12() {this.attachmentAccept = "*"}
+  __init13() {this._attachments = []}
+  set attachments(value) {
+    this._attachments = value;
+    this.notifySubscribers();
   }
-  getState() {
-    return this.binding.getState();
+  get attachments() {
+    return this._attachments;
   }
-  _connect() {
-    const callback = () => {
-      this.notifySubscribers();
-    };
-    let lastState = this.binding.getState();
-    let innerUnsubscribe = lastState.subscribe(callback);
-    const onRuntimeUpdate = () => {
-      const newState = this.binding.getState();
-      if (newState === lastState) return;
-      lastState = newState;
-      _optionalChain([innerUnsubscribe, 'optionalCall', _131 => _131()]);
-      innerUnsubscribe = this.binding.getState().subscribe(callback);
-      callback();
-    };
-    const outerUnsubscribe = this.binding.subscribe(onRuntimeUpdate);
-    return () => {
-      _optionalChain([outerUnsubscribe, 'optionalCall', _132 => _132()]);
-      innerUnsubscribe();
-    };
+  get isEmpty() {
+    return !this.text.trim() && !this.attachments.length;
   }
-};
-
-// src/api/AssistantRuntime.ts
-var AssistantRuntime = class {
-  constructor(_core, CustomThreadRuntime) {
-    this._core = _core;
-    this.thread = new CustomThreadRuntime(
-      new NestedSubscriptionSubject({
-        getState: () => this._core.thread,
-        subscribe: (callback) => this._core.subscribe(callback)
-      })
-    );
+  __init14() {this._text = ""}
+  get text() {
+    return this._text;
+  }
+  setText(value) {
+    this._text = value;
+    this.notifySubscribers();
+  }
+  reset() {
+    this._text = "";
+    this._attachments = [];
+    this.notifySubscribers();
+  }
+  async send() {
+    const attachments = this._attachmentAdapter ? await Promise.all(
+      this.attachments.map(
+        async (a) => await this._attachmentAdapter.send(a)
+      )
+    ) : [];
+    const message = {
+      role: "user",
+      content: this.text ? [{ type: "text", text: this.text }] : [],
+      attachments
+    };
+    this.reset();
+    this.handleSend(message);
   }
   
-  switchToNewThread() {
-    return this._core.switchToNewThread();
+  setAttachmentAdapter(adapter) {
+    this._attachmentAdapter = adapter;
+    const accept = _nullishCoalesce(_optionalChain([adapter, 'optionalAccess', _135 => _135.accept]), () => ( "*"));
+    if (this.attachmentAccept !== accept) {
+      this.attachmentAccept = accept;
+      this.notifySubscribers();
+    }
   }
-  switchToThread(threadId) {
-    return this._core.switchToThread(threadId);
+  async addAttachment(file) {
+    if (!this._attachmentAdapter)
+      throw new Error("Attachments are not supported");
+    const attachment = await this._attachmentAdapter.add({ file });
+    this._attachments = [...this._attachments, attachment];
+    this.notifySubscribers();
   }
-  registerModelConfigProvider(provider) {
-    return this._core.registerModelConfigProvider(provider);
+  async removeAttachment(attachmentId) {
+    if (!this._attachmentAdapter)
+      throw new Error("Attachments are not supported");
+    const index = this._attachments.findIndex((a) => a.id === attachmentId);
+    if (index === -1) throw new Error("Attachment not found");
+    const attachment = this._attachments[index];
+    await this._attachmentAdapter.remove(attachment);
+    this._attachments = this._attachments.toSpliced(index, 1);
+    this.notifySubscribers();
+  }
+  __init15() {this._subscriptions = /* @__PURE__ */ new Set()}
+  notifySubscribers() {
+    for (const callback of this._subscriptions) callback();
   }
-  // TODO events for thread switching
-  /**
-   * @deprecated Thread is now static and never gets updated. This will be removed in 0.6.0.
-   */
   subscribe(callback) {
-    return this._core.subscribe(callback);
+    this._subscriptions.add(callback);
+    return () => this._subscriptions.delete(callback);
   }
-};
+}, _class7);
 
-// src/api/ContentPartRuntime.ts
-var ContentPartRuntime = class {
-  constructor(contentBinding, messageApi, threadApi) {
-    this.contentBinding = contentBinding;
-    this.messageApi = messageApi;
-    this.threadApi = threadApi;
+// src/runtimes/composer/DefaultThreadComposerRuntimeCore.tsx
+var DefaultThreadComposerRuntimeCore = (_class8 = class extends BaseComposerRuntimeCore {
+  constructor(runtime) {
+    super();_class8.prototype.__init16.call(this);;
+    this.runtime = runtime;
+    this.connect();
   }
-  getState() {
-    return this.contentBinding.getState();
+  __init16() {this._canCancel = false}
+  get canCancel() {
+    return this._canCancel;
   }
-  addToolResult(result) {
-    const message = this.messageApi.getState();
-    if (!message) throw new Error("Message is not available");
-    const state = this.contentBinding.getState();
-    if (!state) throw new Error("Content part is not available");
-    if (state.part.type !== "tool-call")
-      throw new Error("Tried to add tool result to non-tool content part");
-    const toolName = state.part.toolName;
-    const toolCallId = state.part.toolCallId;
-    this.threadApi.getState().addToolResult({
-      messageId: message.message.id,
-      toolName,
-      toolCallId,
-      result
+  connect() {
+    return this.runtime.subscribe(() => {
+      if (this.canCancel !== this.runtime.capabilities.cancel) {
+        this._canCancel = this.runtime.capabilities.cancel;
+        this.notifySubscribers();
+      }
     });
   }
-};
+  async handleSend(message) {
+    this.runtime.append({
+      ...message,
+      parentId: _nullishCoalesce(_optionalChain([this, 'access', _136 => _136.runtime, 'access', _137 => _137.messages, 'access', _138 => _138.at, 'call', _139 => _139(-1), 'optionalAccess', _140 => _140.id]), () => ( null))
+    });
+  }
+  async cancel() {
+    this.runtime.cancelRun();
+  }
+}, _class8);
 
-// src/api/subscribable/shallowEqual.ts
-function shallowEqual(objA, objB) {
-  if (objA === void 0 && objB === void 0) return true;
-  if (objA === void 0) return false;
-  if (objB === void 0) return false;
-  for (const key of Object.keys(objA)) {
-    const valueA = objA[key];
-    const valueB = objB[key];
-    if (!Object.is(valueA, valueB)) return false;
+// src/utils/ProxyConfigProvider.ts
+var ProxyConfigProvider = (_class9 = class {constructor() { _class9.prototype.__init17.call(this); }
+  __init17() {this._providers = /* @__PURE__ */ new Set()}
+  getModelConfig() {
+    return _chunk5KIEXJRKjs.mergeModelConfigs.call(void 0, this._providers);
   }
-  return true;
-}
+  registerModelConfigProvider(provider) {
+    this._providers.add(provider);
+    return () => {
+      this._providers.delete(provider);
+    };
+  }
+}, _class9);
 
-// src/api/subscribable/ShallowMemoizeSubject.ts
-var ShallowMemoizeSubject = (_class7 = class extends BaseSubject {
-  constructor(binding) {
-    super();_class7.prototype.__init16.call(this);;
-    this.binding = binding;
-    const state = binding.getState();
-    if (state === void 0)
-      throw new Error("Entry not available in the store");
-    this._previousState = state;
+// src/utils/idUtils.tsx
+var _nonsecure = require('nanoid/non-secure');
+var generateId = _nonsecure.customAlphabet.call(void 0, 
+  "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",
+  7
+);
+var optimisticPrefix = "__optimistic__";
+var generateOptimisticId = () => `${optimisticPrefix}${generateId()}`;
+
+// src/runtimes/edge/converters/fromCoreMessage.ts
+var fromCoreMessages = (message) => {
+  return message.map((message2) => fromCoreMessage(message2));
+};
+var fromCoreMessage = (message, {
+  id = generateId(),
+  status = { type: "complete", reason: "unknown" },
+  attachments = []
+} = {}) => {
+  const commonProps = {
+    id,
+    createdAt: /* @__PURE__ */ new Date()
+  };
+  const role = message.role;
+  switch (role) {
+    case "assistant":
+      return {
+        ...commonProps,
+        role,
+        content: message.content.map((part) => {
+          if (part.type === "tool-call") {
+            return {
+              ...part,
+              argsText: JSON.stringify(part.args)
+            };
+          }
+          return part;
+        }),
+        status
+      };
+    case "user":
+      return {
+        ...commonProps,
+        role,
+        content: message.content,
+        attachments
+      };
+    case "system":
+      return {
+        ...commonProps,
+        role,
+        content: message.content
+      };
+    default: {
+      const unsupportedRole = role;
+      throw new Error(`Unknown message role: ${unsupportedRole}`);
+    }
   }
-  
-  __init16() {this.getState = () => {
-    if (!this.isConnected) this._syncState();
-    return this._previousState;
+};
+
+// src/runtimes/utils/MessageRepository.tsx
+var findHead = (message) => {
+  if (message.next) return findHead(message.next);
+  if ("current" in message) return message;
+  return null;
+};
+var MessageRepository = (_class10 = class {constructor() { _class10.prototype.__init18.call(this);_class10.prototype.__init19.call(this);_class10.prototype.__init20.call(this); }
+  __init18() {this.messages = /* @__PURE__ */ new Map()}
+  // message_id -> item
+  __init19() {this.head = null}
+  __init20() {this.root = {
+    children: [],
+    next: null
   }}
-  _syncState() {
-    const state = this.binding.getState();
-    if (state === void 0) return false;
-    if (shallowEqual(state, this._previousState)) return false;
-    this._previousState = state;
-    return true;
-  }
-  _connect() {
-    const callback = () => {
-      if (this._syncState()) {
-        this.notifySubscribers();
+  performOp(newParent, child, operation) {
+    const parentOrRoot = _nullishCoalesce(child.prev, () => ( this.root));
+    const newParentOrRoot = _nullishCoalesce(newParent, () => ( this.root));
+    if (operation === "relink" && parentOrRoot === newParentOrRoot) return;
+    if (operation !== "link") {
+      parentOrRoot.children = parentOrRoot.children.filter(
+        (m) => m !== child.current.id
+      );
+      if (parentOrRoot.next === child) {
+        const fallbackId = parentOrRoot.children.at(-1);
+        const fallback = fallbackId ? this.messages.get(fallbackId) : null;
+        if (fallback === void 0) {
+          throw new Error(
+            "MessageRepository(performOp/cut): Fallback sibling message not found. This is likely an internal bug in assistant-ui."
+          );
+        }
+        parentOrRoot.next = fallback;
       }
-    };
-    return this.binding.subscribe(callback);
-  }
-}, _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;
+    }
+    if (operation !== "cut") {
+      for (let current = newParent; current; current = current.prev) {
+        if (current.current.id === child.current.id) {
+          throw new Error(
+            "MessageRepository(performOp/link): A message with the same id already exists in the parent tree. This error occurs if the same message id is found multiple times. This is likely an internal bug in assistant-ui."
+          );
+        }
+      }
+      newParentOrRoot.children = [
+        ...newParentOrRoot.children,
+        child.current.id
+      ];
+      if (findHead(child) === this.head || newParentOrRoot.next === null) {
+        newParentOrRoot.next = child;
+      }
+      child.prev = newParent;
+    }
   }
-  get isLast() {
-    return this.snapshot.isLast;
+  getMessages() {
+    const messages2 = new Array(_nullishCoalesce(_optionalChain([this, 'access', _141 => _141.head, 'optionalAccess', _142 => _142.level]), () => ( 0)));
+    for (let current = this.head; current; current = current.prev) {
+      messages2[current.level] = current.current;
+    }
+    return messages2;
   }
-  get branches() {
-    return this.snapshot.branches;
+  addOrUpdateMessage(parentId, message) {
+    const existingItem = this.messages.get(message.id);
+    const prev = parentId ? this.messages.get(parentId) : null;
+    if (prev === void 0)
+      throw new Error(
+        "MessageRepository(addOrUpdateMessage): Parent message not found. This is likely an internal bug in assistant-ui."
+      );
+    if (existingItem) {
+      existingItem.current = message;
+      this.performOp(prev, existingItem, "relink");
+      return;
+    }
+    const newItem = {
+      prev,
+      current: message,
+      next: null,
+      children: [],
+      level: prev ? prev.level + 1 : 0
+    };
+    this.messages.set(message.id, newItem);
+    this.performOp(prev, newItem, "link");
+    if (this.head === prev) {
+      this.head = newItem;
+    }
   }
-  get branchNumber() {
-    return this.snapshot.branchNumber;
+  getMessage(messageId) {
+    const message = this.messages.get(messageId);
+    if (!message)
+      throw new Error(
+        "MessageRepository(updateMessage): Message not found. This is likely an internal bug in assistant-ui."
+      );
+    return {
+      parentId: _nullishCoalesce(_optionalChain([message, 'access', _143 => _143.prev, 'optionalAccess', _144 => _144.current, 'access', _145 => _145.id]), () => ( null)),
+      message: message.current
+    };
   }
-  get branchCount() {
-    return this.snapshot.branchCount;
+  appendOptimisticMessage(parentId, message) {
+    let optimisticId;
+    do {
+      optimisticId = generateOptimisticId();
+    } while (this.messages.has(optimisticId));
+    this.addOrUpdateMessage(
+      parentId,
+      fromCoreMessage(message, {
+        id: optimisticId,
+        status: { type: "running" }
+      })
+    );
+    return optimisticId;
   }
-};
-var MessageRuntime = class {
-  constructor(_core, _threadBinding) {
-    this._core = _core;
-    this._threadBinding = _threadBinding;
+  deleteMessage(messageId, replacementId) {
+    const message = this.messages.get(messageId);
+    if (!message)
+      throw new Error(
+        "MessageRepository(deleteMessage): Optimistic message not found. This is likely an internal bug in assistant-ui."
+      );
+    const replacement = replacementId === void 0 ? message.prev : replacementId === null ? null : this.messages.get(replacementId);
+    if (replacement === void 0)
+      throw new Error(
+        "MessageRepository(deleteMessage): Replacement not found. This is likely an internal bug in assistant-ui."
+      );
+    for (const child of message.children) {
+      const childMessage = this.messages.get(child);
+      if (!childMessage)
+        throw new Error(
+          "MessageRepository(deleteMessage): Child message not found. This is likely an internal bug in assistant-ui."
+        );
+      this.performOp(replacement, childMessage, "relink");
+    }
+    this.performOp(null, message, "cut");
+    this.messages.delete(messageId);
+    if (this.head === message) {
+      this.head = findHead(_nullishCoalesce(replacement, () => ( this.root)));
+    }
   }
-  getState() {
-    return new MessageState(this._core.getState());
+  getBranches(messageId) {
+    const message = this.messages.get(messageId);
+    if (!message)
+      throw new Error(
+        "MessageRepository(getBranches): Message not found. This is likely an internal bug in assistant-ui."
+      );
+    const { children } = _nullishCoalesce(message.prev, () => ( this.root));
+    return children;
   }
-  // TODO improve type
-  edit(message) {
-    const state = this._core.getState();
-    if (!state) throw new Error("Message is not available");
-    this._threadBinding.getState().append({
-      ...message,
-      parentId: state.parentId
-    });
+  switchToBranch(messageId) {
+    const message = this.messages.get(messageId);
+    if (!message)
+      throw new Error(
+        "MessageRepository(switchToBranch): Branch not found. This is likely an internal bug in assistant-ui."
+      );
+    const prevOrRoot = _nullishCoalesce(message.prev, () => ( this.root));
+    prevOrRoot.next = message;
+    this.head = findHead(message);
   }
-  reload() {
-    const state = this._core.getState();
-    if (!state) throw new Error("Message is not available");
-    this._threadBinding.getState().startRun(state.parentId);
+  resetHead(messageId) {
+    if (messageId === null) {
+      this.head = null;
+      return;
+    }
+    const message = this.messages.get(messageId);
+    if (!message)
+      throw new Error(
+        "MessageRepository(resetHead): Branch not found. This is likely an internal bug in assistant-ui."
+      );
+    this.head = message;
+    for (let current = message; current; current = current.prev) {
+      if (current.prev) {
+        current.prev.next = current;
+      }
+    }
   }
-  speak() {
-    const state = this._core.getState();
-    if (!state) throw new Error("Message is not available");
-    this._threadBinding.getState().speak(state.message.id);
+  export() {
+    const exportItems = [];
+    for (const [, message] of this.messages) {
+      exportItems.push({
+        message: message.current,
+        parentId: _nullishCoalesce(_optionalChain([message, 'access', _146 => _146.prev, 'optionalAccess', _147 => _147.current, 'access', _148 => _148.id]), () => ( null))
+      });
+    }
+    return {
+      headId: _nullishCoalesce(_optionalChain([this, 'access', _149 => _149.head, 'optionalAccess', _150 => _150.current, 'access', _151 => _151.id]), () => ( null)),
+      messages: exportItems
+    };
   }
-  submitFeedback({ type }) {
-    const state = this._core.getState();
-    if (!state) throw new Error("Message is not available");
-    this._threadBinding.getState().submitFeedback({
-      messageId: state.message.id,
-      type
-    });
+  import({ headId, messages: messages2 }) {
+    for (const { message, parentId } of messages2) {
+      this.addOrUpdateMessage(parentId, message);
+    }
+    this.resetHead(_nullishCoalesce(_nullishCoalesce(headId, () => ( _optionalChain([messages2, 'access', _152 => _152.at, 'call', _153 => _153(-1), 'optionalAccess', _154 => _154.message, 'access', _155 => _155.id]))), () => ( null)));
   }
-  switchToBranch({
-    position,
-    branchId
-  }) {
-    const state = this._core.getState();
-    if (!state) throw new Error("Message is not available");
-    if (branchId && position) {
-      throw new Error("May not specify both branchId and position");
-    } else if (!branchId && !position) {
-      throw new Error("Must specify either branchId or position");
+}, _class10);
+
+// src/ui/base/tooltip-icon-button.tsx
+
+
+// src/ui/base/tooltip.tsx
+var _reacttooltip = require('@radix-ui/react-tooltip'); var TooltipPrimitive = _interopRequireWildcard(_reacttooltip);
+
+// src/ui/utils/withDefaults.tsx
+
+
+
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+
+var withDefaultProps = ({
+  className,
+  ...defaultProps
+}) => ({ className: classNameProp, ...props }) => {
+  return {
+    className: _classnames2.default.call(void 0, className, classNameProp),
+    ...defaultProps,
+    ...props
+  };
+};
+var withDefaults = (Component, defaultProps) => {
+  const getProps = withDefaultProps(defaultProps);
+  const WithDefaults = _react.forwardRef.call(void 0, 
+    (props, ref) => {
+      const ComponentAsAny = Component;
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ComponentAsAny, { ...getProps(props), ref });
     }
-    const thread = this._threadBinding.getState();
-    const branches = thread.getBranches(state.message.id);
-    let targetBranch = branchId;
-    if (position === "previous") {
-      targetBranch = branches[state.branchNumber - 2];
-    } else if (position === "next") {
-      targetBranch = branches[state.branchNumber];
+  );
+  WithDefaults.displayName = "withDefaults(" + (typeof Component === "string" ? Component : Component.displayName) + ")";
+  return WithDefaults;
+};
+
+// src/ui/base/tooltip.tsx
+
+var Tooltip = (props) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipPrimitive.Provider, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipPrimitive.Root, { ...props }) });
+};
+Tooltip.displayName = "Tooltip";
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = withDefaults(TooltipPrimitive.Content, {
+  sideOffset: 4,
+  className: "aui-tooltip-content"
+});
+TooltipContent.displayName = "TooltipContent";
+
+// src/ui/base/button.tsx
+var _classvarianceauthority = require('class-variance-authority');
+
+
+
+var buttonVariants = _classvarianceauthority.cva.call(void 0, "aui-button", {
+  variants: {
+    variant: {
+      default: "aui-button-primary",
+      outline: "aui-button-outline",
+      ghost: "aui-button-ghost"
+    },
+    size: {
+      default: "aui-button-medium",
+      icon: "aui-button-icon"
     }
-    if (!targetBranch) throw new Error("Branch not found");
-    this._threadBinding.getState().switchToBranch(targetBranch);
-  }
-  subscribe(callback) {
-    return this._core.subscribe(callback);
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
   }
-  getContentPartByIdx(idx) {
-    if (idx < 0) throw new Error("Message index must be >= 0");
-    return new ContentPartRuntime(
-      new ShallowMemoizeSubject({
-        getState: () => {
-          const state = this.getState();
-          if (!state) return void 0;
-          const message = state.message;
-          const part = message.content[idx];
-          if (!part) return void 0;
-          return {
-            part,
-            status: toContentPartStatus(message, idx, part)
-          };
-        },
-        subscribe: (callback) => this._core.subscribe(callback)
-      }),
-      this._core,
-      this._threadBinding
+});
+var Button = _react.forwardRef.call(void 0, 
+  ({ className, variant, size, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactprimitive.Primitive.button,
+      {
+        className: buttonVariants({ variant, size, className }),
+        ...props,
+        ref
+      }
     );
   }
-};
+);
+Button.displayName = "Button";
 
-// 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 ThreadComposerRuntime = class {
-  constructor(_core) {
+// src/ui/base/tooltip-icon-button.tsx
+
+var TooltipIconButton = _react.forwardRef.call(void 0, ({ children, tooltip, side = "bottom", ...rest }, ref) => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Tooltip, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Button, { variant: "ghost", size: "icon", ...rest, ref, children: [
+      children,
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "aui-sr-only", children: tooltip })
+    ] }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipContent, { side, children: tooltip })
+  ] });
+});
+TooltipIconButton.displayName = "TooltipIconButton";
+
+// src/api/AssistantRuntime.ts
+var AssistantRuntime = class {
+  constructor(_core, CustomThreadRuntime) {
     this._core = _core;
-    this._state = new ComposerState(_core);
-  }
-  /**
-   * @deprecated Use `getState().isEmpty` instead. This will be removed in 0.6.0.
-   */
-  get isEmpty() {
-    return this._core.getState().isEmpty;
-  }
-  /**
-   * @deprecated Use `getState().text` instead. This will be removed in 0.6.0.
-   */
-  get text() {
-    return this._core.getState().text;
-  }
-  /**
-   * @deprecated Use `getState().attachmentAccept` instead. This will be removed in 0.6.0.
-   */
-  get attachmentAccept() {
-    return this._core.getState().attachmentAccept;
-  }
-  // TODO should this instead return getAttachmentByIndex([idx]) instead?
-  /**
-   * @deprecated Use `getState().attachments` instead. This will be removed in 0.6.0.
-   */
-  get attachments() {
-    return this._core.getState().attachments;
+    this.thread = new CustomThreadRuntime(
+      new NestedSubscriptionSubject({
+        getState: () => this._core.thread,
+        subscribe: (callback) => this._core.subscribe(callback)
+      })
+    );
   }
   
-  getState() {
-    return this._state;
-  }
-  setText(text) {
-    this._core.getState().setText(text);
+  switchToNewThread() {
+    return this._core.switchToNewThread();
   }
-  addAttachment(file) {
-    return this._core.getState().addAttachment(file);
+  switchToThread(threadId) {
+    return this._core.switchToThread(threadId);
   }
-  // /**
-  //  * @deprecated Use `getAttachmentById(id).removeAttachment` instead. This will be removed in 0.6.0.
-  //  */
-  removeAttachment(attachmentId) {
-    return this._core.getState().removeAttachment(attachmentId);
+  registerModelConfigProvider(provider) {
+    return this._core.registerModelConfigProvider(provider);
   }
+  // TODO events for thread switching
   /**
-   * @deprecated This method will be removed in 0.6.0. Submit feedback if you need this functionality.
+   * @deprecated Thread is now static and never gets updated. This will be removed in 0.6.0.
    */
-  reset() {
-    this._core.getState().reset();
-  }
-  send() {
-    this._core.getState().send();
-  }
   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;
+// src/api/subscribable/LazyMemoizeSubject.ts
+var LazyMemoizeSubject = (_class11 = class extends BaseSubject {
+  constructor(binding) {
+    super();_class11.prototype.__init21.call(this);_class11.prototype.__init22.call(this);;
+    this.binding = binding;
+    const state = binding.getState();
+    if (state === void 0)
+      throw new Error("Entry not available in the store");
+    this._previousState = state;
   }
-  get isDisabled() {
-    return this._core.isDisabled;
+  __init21() {this._previousStateDirty = true}
+  
+  __init22() {this.getState = () => {
+    if (!this.isConnected || this._previousStateDirty) {
+      const newState = this.binding.getState();
+      if (newState !== void 0) {
+        this._previousState = newState;
+      }
+      this._previousStateDirty = false;
+    }
+    return this._previousState;
+  }}
+  _connect() {
+    const callback = () => {
+      this._previousStateDirty = true;
+      this.notifySubscribers();
+    };
+    return this.binding.subscribe(callback);
   }
-  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";
+}, _class11);
+
+// src/api/ThreadRuntime.ts
+var toAppendMessage = (messages2, message) => {
+  if (typeof message === "string") {
+    return {
+      parentId: _nullishCoalesce(_optionalChain([messages2, 'access', _156 => _156.at, 'call', _157 => _157(-1), 'optionalAccess', _158 => _158.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([messages2, 'access', _159 => _159.at, 'call', _160 => _160(-1), 'optionalAccess', _161 => _161.id]))), () => ( null)),
+    role: _nullishCoalesce(message.role, () => ( "user")),
+    content: message.content,
+    attachments: _nullishCoalesce(message.attachments, () => ( []))
+  };
 };
-var ThreadRuntime = (_class8 = class {
-  constructor(_threadBinding) {;_class8.prototype.__init17.call(this);
-    this._threadBinding = _threadBinding;
-  }
+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', _162 => _162.role]) !== "assistant" ? false : lastMessage.status.type === "running",
+    messages: runtime.messages,
+    unstable_synchronizer: runtime.unstable_synchronizer
+  });
+};
+var ThreadRuntime = (_class12 = class {
   // public path = "assistant.threads[main]"; // TODO
   /**
    * @deprecated Use `getState().threadId` instead. This will be removed in 0.6.0.
@@ -3523,24 +3422,40 @@ var ThreadRuntime = (_class8 = class {
   get capabilities() {
     return this.getState().capabilities;
   }
-  // TODO this should instead return getMessageByIndex([idx])
+  /**
+   * @deprecated Use `getState().messages` instead. This will be removed in 0.6.0.
+   */
   get messages() {
     return this._threadBinding.getState().messages;
   }
   unstable_getCore() {
     return this._threadBinding.getState();
   }
-  __init17() {this.composer = new ThreadComposerRuntime(
+  
+  constructor(threadBinding) {;_class12.prototype.__init23.call(this);
+    const stateBinding = new LazyMemoizeSubject({
+      getState: () => getThreadState(threadBinding.getState()),
+      subscribe: (callback) => threadBinding.subscribe(callback)
+    });
+    this._threadBinding = {
+      getState: () => threadBinding.getState(),
+      getStateState: () => stateBinding.getState(),
+      subscribe: (callback) => threadBinding.subscribe(callback)
+    };
+  }
+  __init23() {this.composer = new ComposerRuntime(
     new NestedSubscriptionSubject({
       getState: () => this._threadBinding.getState().composer,
       subscribe: (callback) => this._threadBinding.subscribe(callback)
     })
   )}
   getState() {
-    return new ThreadState(this._threadBinding.getState());
+    return this._threadBinding.getStateState();
   }
   append(message) {
-    this._threadBinding.getState().append(message);
+    this._threadBinding.getState().append(
+      toAppendMessage(this._threadBinding.getState().messages, message)
+    );
   }
   subscribe(callback) {
     return this._threadBinding.subscribe(callback);
@@ -3584,6 +3499,18 @@ var ThreadRuntime = (_class8 = class {
   submitFeedback(options) {
     return this._threadBinding.getState().submitFeedback(options);
   }
+  /**
+   * @deprecated This is a temporary API. This will be removed in 0.6.0.
+   */
+  getEditComposer(messageId) {
+    return this._threadBinding.getState().getEditComposer(messageId);
+  }
+  /**
+   * @deprecated This is a temporary API. This will be removed in 0.6.0.
+   */
+  beginEdit(messageId) {
+    return this._threadBinding.getState().beginEdit(messageId);
+  }
   export() {
     return this._threadBinding.getState().export();
   }
@@ -3595,14 +3522,15 @@ var ThreadRuntime = (_class8 = class {
     return new MessageRuntime(
       new ShallowMemoizeSubject({
         getState: () => {
-          const messages = this.messages;
-          const message = messages[idx];
+          const messages2 = this.messages;
+          const message = messages2[idx];
           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)),
+            isLast: idx === messages2.length - 1,
+            parentId: _nullishCoalesce(_optionalChain([messages2, 'access', _163 => _163[idx - 1], 'optionalAccess', _164 => _164.id]), () => ( null)),
             branches,
             branchNumber: branches.indexOf(message.id) + 1,
             branchCount: branches.length
@@ -3613,16 +3541,16 @@ var ThreadRuntime = (_class8 = class {
       this._threadBinding
     );
   }
-}, _class8);
+}, _class12);
 
 // src/runtimes/edge/converters/fromLanguageModelMessages.ts
 var fromLanguageModelMessages = (lm, { mergeRoundtrips }) => {
-  const messages = [];
+  const messages2 = [];
   for (const lmMessage of lm) {
     const role = lmMessage.role;
     switch (role) {
       case "system": {
-        messages.push({
+        messages2.push({
           role: "system",
           content: [
             {
@@ -3634,7 +3562,7 @@ var fromLanguageModelMessages = (lm, { mergeRoundtrips }) => {
         break;
       }
       case "user": {
-        messages.push({
+        messages2.push({
           role: "user",
           content: lmMessage.content.map((part) => {
             const type = part.type;
@@ -3677,21 +3605,21 @@ var fromLanguageModelMessages = (lm, { mergeRoundtrips }) => {
           return part;
         });
         if (mergeRoundtrips) {
-          const previousMessage = messages[messages.length - 1];
-          if (_optionalChain([previousMessage, 'optionalAccess', _136 => _136.role]) === "assistant") {
+          const previousMessage = messages2[messages2.length - 1];
+          if (_optionalChain([previousMessage, 'optionalAccess', _165 => _165.role]) === "assistant") {
             previousMessage.content.push(...newContent);
             break;
           }
         }
-        messages.push({
+        messages2.push({
           role: "assistant",
           content: newContent
         });
         break;
       }
       case "tool": {
-        const previousMessage = messages[messages.length - 1];
-        if (_optionalChain([previousMessage, 'optionalAccess', _137 => _137.role]) !== "assistant")
+        const previousMessage = messages2[messages2.length - 1];
+        if (_optionalChain([previousMessage, 'optionalAccess', _166 => _166.role]) !== "assistant")
           throw new Error(
             "A tool message must be preceded by an assistant message."
           );
@@ -3716,7 +3644,7 @@ var fromLanguageModelMessages = (lm, { mergeRoundtrips }) => {
       }
     }
   }
-  return messages;
+  return messages2;
 };
 
 // src/runtimes/edge/converters/fromLanguageModelTools.ts
@@ -3874,7 +3802,7 @@ var EdgeChatAdapter = class {
   constructor(options) {
     this.options = options;
   }
-  async *run({ messages, abortSignal, config }) {
+  async *run({ messages: messages2, abortSignal, config }) {
     const headers = new Headers(this.options.headers);
     headers.set("Content-Type", "application/json");
     const result = await fetch(this.options.api, {
@@ -3883,7 +3811,7 @@ var EdgeChatAdapter = class {
       credentials: _nullishCoalesce(this.options.credentials, () => ( "same-origin")),
       body: JSON.stringify({
         system: config.system,
-        messages: _chunk5KIEXJRKjs.toCoreMessages.call(void 0, messages),
+        messages: _chunk5KIEXJRKjs.toCoreMessages.call(void 0, messages2),
         tools: config.tools ? _chunk5KIEXJRKjs.toLanguageModelTools.call(void 0, config.tools) : [],
         ...config.callSettings,
         ...config.config,
@@ -3920,28 +3848,65 @@ 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', _167 => _167.status, 'optionalAccess', _168 => _168.type]) === "requires-action" && result.status.reason === "tool-calls" && result.content.every((c) => c.type !== "tool-call" || !!c.result);
+
+// src/runtimes/composer/DefaultEditComposerRuntimeCore.tsx
+var DefaultEditComposerRuntimeCore = class extends BaseComposerRuntimeCore {
+  constructor(runtime, endEditCallback, { parentId, message }) {
+    super();
+    this.runtime = runtime;
+    this.endEditCallback = endEditCallback;
+    this._parentId = parentId;
+    this._previousText = getThreadMessageText(message);
+    this.setText(this._previousText);
+    this._nonTextParts = message.content.filter(
+      (part) => part.type !== "text" && part.type !== "ui"
+    );
+  }
+  get canCancel() {
+    return true;
+  }
+  
+  
+  
+  async handleSend(message) {
+    const text = getThreadMessageText(message);
+    if (text !== this._previousText) {
+      this.runtime.append({
+        ...message,
+        content: [...message.content, ...this._nonTextParts],
+        parentId: this._parentId
+      });
+    }
+    this.endEditCallback();
+    this.notifySubscribers();
+  }
+  async cancel() {
+    this.endEditCallback();
+    this.notifySubscribers();
+  }
+};
 
 // 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);
+var LocalThreadRuntimeCore = (_class13 = class {
+  constructor(configProvider, adapter, { initialMessages, ...options }) {;_class13.prototype.__init24.call(this);_class13.prototype.__init25.call(this);_class13.prototype.__init26.call(this);_class13.prototype.__init27.call(this);_class13.prototype.__init28.call(this);_class13.prototype.__init29.call(this);_class13.prototype.__init30.call(this);
     this.configProvider = configProvider;
     this.adapter = adapter;
     this.threadId = generateId();
     this.options = options;
     if (initialMessages) {
       let parentId = null;
-      const messages = fromCoreMessages(initialMessages);
-      for (const message of messages) {
+      const messages2 = fromCoreMessages(initialMessages);
+      for (const message of messages2) {
         this.repository.addOrUpdateMessage(parentId, message);
         parentId = message.id;
       }
     }
   }
-  __init18() {this._subscriptions = /* @__PURE__ */ new Set()}
-  __init19() {this.abortController = null}
-  __init20() {this.repository = new MessageRepository()}
-  __init21() {this.capabilities = {
+  __init24() {this._subscriptions = /* @__PURE__ */ new Set()}
+  __init25() {this.abortController = null}
+  __init26() {this.repository = new MessageRepository()}
+  __init27() {this.capabilities = {
     switchToBranch: true,
     edit: true,
     reload: true,
@@ -3952,11 +3917,11 @@ var LocalThreadRuntimeCore = (_class9 = class {
     feedback: false
   }}
   
-  __init22() {this.isDisabled = false}
+  __init28() {this.isDisabled = false}
   get messages() {
     return this.repository.getMessages();
   }
-  __init23() {this.composer = new BaseThreadComposerRuntimeCore(this)}
+  __init29() {this.composer = new DefaultThreadComposerRuntimeCore(this)}
   getModelConfig() {
     return this.configProvider.getModelConfig();
   }
@@ -3967,24 +3932,41 @@ 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', _169 => _169.adapters, 'optionalAccess', _170 => _170.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', _171 => _171.adapters, 'optionalAccess', _172 => _172.attachments]));
+    const canAttach = _optionalChain([options, 'access', _173 => _173.adapters, 'optionalAccess', _174 => _174.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', _175 => _175.adapters, 'optionalAccess', _176 => _176.feedback]) !== void 0;
     if (this.capabilities.feedback !== canFeedback) {
       this.capabilities.feedback = canFeedback;
       hasUpdates = true;
     }
     if (hasUpdates) this.notifySubscribers();
   }
+  __init30() {this._editComposers = /* @__PURE__ */ new Map()}
+  getEditComposer(messageId) {
+    return this._editComposers.get(messageId);
+  }
+  beginEdit(messageId) {
+    if (this._editComposers.has(messageId))
+      throw new Error("Edit already in progress");
+    this._editComposers.set(
+      messageId,
+      new DefaultEditComposerRuntimeCore(
+        this,
+        () => this._editComposers.delete(messageId),
+        this.repository.getMessage(messageId)
+      )
+    );
+    this.notifySubscribers();
+  }
   getBranches(messageId) {
     return this.repository.getBranches(messageId);
   }
@@ -4019,19 +4001,19 @@ var LocalThreadRuntimeCore = (_class9 = class {
     } while (shouldContinue(message));
   }
   async performRoundtrip(parentId, message) {
-    const messages = this.repository.getMessages();
-    _optionalChain([this, 'access', _148 => _148.abortController, 'optionalAccess', _149 => _149.abort, 'call', _150 => _150()]);
+    const messages2 = this.repository.getMessages();
+    _optionalChain([this, 'access', _177 => _177.abortController, 'optionalAccess', _178 => _178.abort, 'call', _179 => _179()]);
     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', _180 => _180.metadata, 'optionalAccess', _181 => _181.roundtrips]);
+    const initalCustom = _optionalChain([message, 'access', _182 => _182.metadata, 'optionalAccess', _183 => _183.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', _184 => _184.metadata, 'optionalAccess', _185 => _185.roundtrips]) ? {
           roundtrips: [
             ..._nullishCoalesce(initialRoundtrips, () => ( [])),
             ...m.metadata.roundtrips
@@ -4046,7 +4028,7 @@ var LocalThreadRuntimeCore = (_class9 = class {
                 ...m.metadata.roundtrips
               ]
             } : void 0,
-            ..._optionalChain([m, 'access', _157 => _157.metadata, 'optionalAccess', _158 => _158.custom]) ? {
+            ..._optionalChain([m, 'access', _186 => _186.metadata, 'optionalAccess', _187 => _187.custom]) ? {
               custom: { ..._nullishCoalesce(initalCustom, () => ( {})), ...m.metadata.custom }
             } : void 0
           }
@@ -4056,7 +4038,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', _188 => _188.metadata, 'optionalAccess', _189 => _189.roundtrips, 'optionalAccess', _190 => _190.length]), () => ( 0));
     if (toolRoundtrips > maxToolRoundtrips) {
       updateMessage({
         status: {
@@ -4074,7 +4056,7 @@ var LocalThreadRuntimeCore = (_class9 = class {
     }
     try {
       const promiseOrGenerator = this.adapter.run({
-        messages,
+        messages: messages2,
         abortSignal: this.abortController.signal,
         config: this.configProvider.getModelConfig(),
         onUpdate: updateMessage
@@ -4155,7 +4137,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', _191 => _191.options, 'access', _192 => _192.adapters, 'optionalAccess', _193 => _193.speech]);
     if (!adapter) throw new Error("Speech adapter not configured");
     const { message } = this.repository.getMessage(messageId);
     if (this._utterance) {
@@ -4172,7 +4154,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', _194 => _194.options, 'access', _195 => _195.adapters, 'optionalAccess', _196 => _196.feedback]);
     if (!adapter) throw new Error("Feedback adapter not configured");
     const { message } = this.repository.getMessage(messageId);
     adapter.submit({ message, type });
@@ -4184,7 +4166,7 @@ var LocalThreadRuntimeCore = (_class9 = class {
     this.repository.import(data);
     this.notifySubscribers();
   }
-}, _class9);
+}, _class13);
 
 // src/runtimes/local/LocalRuntimeCore.tsx
 var LocalRuntimeCore = class extends BaseAssistantRuntimeCore {
@@ -4216,10 +4198,10 @@ var LocalRuntimeCore = class extends BaseAssistantRuntimeCore {
   } = {}) {
     this.switchToThread(null);
     if (!initialMessages) return;
-    const messages = fromCoreMessages(initialMessages);
+    const messages2 = fromCoreMessages(initialMessages);
     this.thread.import({
-      messages: messages.map((m, idx) => ({
-        parentId: _nullishCoalesce(_optionalChain([messages, 'access', _168 => _168[idx - 1], 'optionalAccess', _169 => _169.id]), () => ( null)),
+      messages: messages2.map((m, idx) => ({
+        parentId: _nullishCoalesce(_optionalChain([messages2, 'access', _197 => _197[idx - 1], 'optionalAccess', _198 => _198.id]), () => ( null)),
         message: m
       }))
     });
@@ -4255,17 +4237,17 @@ 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()}
-  convertMessages(messages, converter) {
-    return messages.map((m, idx) => {
+var ThreadMessageConverter = (_class14 = class {constructor() { _class14.prototype.__init31.call(this); }
+  __init31() {this.cache = /* @__PURE__ */ new WeakMap()}
+  convertMessages(messages2, converter) {
+    return messages2.map((m, idx) => {
       const cached = this.cache.get(m);
       const newMessage = converter(cached, m, idx);
       this.cache.set(m, newMessage);
       return newMessage;
     });
   }
-}, _class10);
+}, _class14);
 
 // src/runtimes/external-store/auto-status.tsx
 var AUTO_STATUS_RUNNING = Object.freeze({ type: "running" });
@@ -4351,18 +4333,18 @@ 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";
+var hasUpcomingMessage = (isRunning, messages2) => {
+  return isRunning && _optionalChain([messages2, 'access', _199 => _199[messages2.length - 1], 'optionalAccess', _200 => _200.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);
+var ExternalStoreThreadRuntimeCore = (_class15 = class {
+  constructor(configProvider, store) {;_class15.prototype.__init32.call(this);_class15.prototype.__init33.call(this);_class15.prototype.__init34.call(this);_class15.prototype.__init35.call(this);_class15.prototype.__init36.call(this);_class15.prototype.__init37.call(this);_class15.prototype.__init38.call(this);_class15.prototype.__init39.call(this);
     this.configProvider = configProvider;
     this.store = store;
   }
-  __init25() {this._subscriptions = /* @__PURE__ */ new Set()}
-  __init26() {this.repository = new MessageRepository()}
-  __init27() {this.assistantOptimisticId = null}
-  __init28() {this._capabilities = {
+  __init32() {this._subscriptions = /* @__PURE__ */ new Set()}
+  __init33() {this.repository = new MessageRepository()}
+  __init34() {this.assistantOptimisticId = null}
+  __init35() {this._capabilities = {
     switchToBranch: false,
     edit: false,
     reload: false,
@@ -4378,9 +4360,26 @@ var ExternalStoreThreadRuntimeCore = (_class11 = class {
   
   
   
-  __init29() {this.converter = new ThreadMessageConverter()}
+  __init36() {this.converter = new ThreadMessageConverter()}
   
-  __init30() {this.composer = new BaseThreadComposerRuntimeCore(this)}
+  __init37() {this.composer = new DefaultThreadComposerRuntimeCore(this)}
+  __init38() {this._editComposers = /* @__PURE__ */ new Map()}
+  getEditComposer(messageId) {
+    return this._editComposers.get(messageId);
+  }
+  beginEdit(messageId) {
+    if (this._editComposers.has(messageId))
+      throw new Error("Edit already in progress");
+    this._editComposers.set(
+      messageId,
+      new DefaultEditComposerRuntimeCore(
+        this,
+        () => this._editComposers.delete(messageId),
+        this.repository.getMessage(messageId)
+      )
+    );
+    this.notifySubscribers();
+  }
   get store() {
     return this._store;
   }
@@ -4397,12 +4396,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', _204 => _204._store, 'access', _205 => _205.unstable_capabilities, 'optionalAccess', _206 => _206.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', _207 => _207.store, 'access', _208 => _208.adapters, 'optionalAccess', _209 => _209.attachments]),
+      feedback: !!_optionalChain([this, 'access', _210 => _210.store, 'access', _211 => _211.adapters, 'optionalAccess', _212 => _212.feedback])
     };
-    this.composer.setAttachmentAdapter(_optionalChain([this, 'access', _184 => _184._store, 'access', _185 => _185.adapters, 'optionalAccess', _186 => _186.attachments]));
+    this.composer.setAttachmentAdapter(_optionalChain([this, 'access', _213 => _213._store, 'access', _214 => _214.adapters, 'optionalAccess', _215 => _215.attachments]));
     if (oldStore) {
       if (oldStore.convertMessage !== store.convertMessage) {
         this.converter = new ThreadMessageConverter();
@@ -4411,7 +4410,7 @@ var ExternalStoreThreadRuntimeCore = (_class11 = class {
         return;
       }
     }
-    const messages = !store.convertMessage ? store.messages : this.converter.convertMessages(store.messages, (cache, m, idx) => {
+    const messages2 = !store.convertMessage ? store.messages : this.converter.convertMessages(store.messages, (cache, m, idx) => {
       if (!store.convertMessage) return m;
       const isLast = idx === store.messages.length - 1;
       const autoStatus = getAutoStatus(isLast, isRunning);
@@ -4425,18 +4424,18 @@ var ExternalStoreThreadRuntimeCore = (_class11 = class {
       newMessage[symbolInnerMessage] = m;
       return newMessage;
     });
-    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);
+    for (let i = 0; i < messages2.length; i++) {
+      const message = messages2[i];
+      const parent = messages2[i - 1];
+      this.repository.addOrUpdateMessage(_nullishCoalesce(_optionalChain([parent, 'optionalAccess', _216 => _216.id]), () => ( null)), message);
     }
     if (this.assistantOptimisticId) {
       this.repository.deleteMessage(this.assistantOptimisticId);
       this.assistantOptimisticId = null;
     }
-    if (hasUpcomingMessage(isRunning, messages)) {
+    if (hasUpcomingMessage(isRunning, messages2)) {
       this.assistantOptimisticId = this.repository.appendOptimisticMessage(
-        _nullishCoalesce(_optionalChain([messages, 'access', _188 => _188.at, 'call', _189 => _189(-1), 'optionalAccess', _190 => _190.id]), () => ( null)),
+        _nullishCoalesce(_optionalChain([messages2, 'access', _217 => _217.at, 'call', _218 => _218(-1), 'optionalAccess', _219 => _219.id]), () => ( null)),
         {
           role: "assistant",
           content: []
@@ -4444,7 +4443,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([messages2, 'access', _220 => _220.at, 'call', _221 => _221(-1), 'optionalAccess', _222 => _222.id]))), () => ( null))
     );
     this.messages = this.repository.getMessages();
     this.notifySubscribers();
@@ -4465,7 +4464,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', _223 => _223.messages, 'access', _224 => _224.at, 'call', _225 => _225(-1), 'optionalAccess', _226 => _226.id]), () => ( null)))) {
       if (!this._store.onEdit)
         throw new Error("Runtime does not support editing messages.");
       await this._store.onEdit(message);
@@ -4486,19 +4485,19 @@ var ExternalStoreThreadRuntimeCore = (_class11 = class {
       this.repository.deleteMessage(this.assistantOptimisticId);
       this.assistantOptimisticId = null;
     }
-    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])) {
+    let messages2 = this.repository.getMessages();
+    const previousMessage = messages2[messages2.length - 1];
+    if (_optionalChain([previousMessage, 'optionalAccess', _227 => _227.role]) === "user" && previousMessage.id === _optionalChain([messages2, 'access', _228 => _228.at, 'call', _229 => _229(-1), 'optionalAccess', _230 => _230.id])) {
       this.repository.deleteMessage(previousMessage.id);
       if (!this.composer.text.trim()) {
         this.composer.setText(getThreadMessageText(previousMessage));
       }
-      messages = this.repository.getMessages();
+      messages2 = this.repository.getMessages();
     } else {
       this.notifySubscribers();
     }
     setTimeout(() => {
-      this.updateMessages(messages);
+      this.updateMessages(messages2);
     }, 0);
   }
   addToolResult(options) {
@@ -4513,7 +4512,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', _231 => _231._store, 'access', _232 => _232.adapters, 'optionalAccess', _233 => _233.feedback]);
     if (!adapter) throw new Error("Feedback adapter not configured");
     const { message } = this.repository.getMessage(messageId);
     adapter.submit({ message, type });
@@ -4522,9 +4521,9 @@ 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(
-      messages.flatMap(getExternalStoreMessage).filter((m) => m != null)
+  __init39() {this.updateMessages = (messages2) => {
+    _optionalChain([this, 'access', _234 => _234._store, 'access', _235 => _235.setMessages, 'optionalCall', _236 => _236(
+      messages2.flatMap(getExternalStoreMessage).filter((m) => m != null)
     )]);
   }}
   import(repository) {
@@ -4533,7 +4532,7 @@ var ExternalStoreThreadRuntimeCore = (_class11 = class {
   export() {
     return this.repository.export();
   }
-}, _class11);
+}, _class15);
 
 // src/runtimes/external-store/ExternalStoreRuntimeCore.tsx
 var ExternalStoreRuntimeCore = class extends BaseAssistantRuntimeCore {
@@ -4591,12 +4590,12 @@ var useExternalStoreRuntime = (store) => {
 
 // src/runtimes/external-store/external-message-converter.tsx
 
-var joinExternalMessages = (messages) => {
+var joinExternalMessages = (messages2) => {
   const assistantMessage = {
     role: "assistant",
     content: []
   };
-  for (const output of messages) {
+  for (const output of messages2) {
     if (output.role === "tool") {
       const toolCallIdx = assistantMessage.content.findIndex(
         (c) => c.type === "tool-call" && c.toolCallId === output.toolCallId
@@ -4619,19 +4618,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;
@@ -4674,7 +4672,7 @@ var chunkExternalMessages = (callbackResults) => {
 };
 var useExternalMessageConverter = ({
   callback,
-  messages,
+  messages: messages2,
   isRunning
 }) => {
   const state = _react.useMemo.call(void 0, 
@@ -4688,7 +4686,7 @@ var useExternalMessageConverter = ({
   );
   return _react.useMemo.call(void 0, () => {
     const callbackResults = [];
-    for (const message of messages) {
+    for (const message of messages2) {
       let result = state.callbackCache.get(message);
       if (!result) {
         const output = state.callback(message);
@@ -4726,7 +4724,7 @@ var useExternalMessageConverter = ({
         return newMessage;
       }
     );
-  }, [state, messages, isRunning]);
+  }, [state, messages2, isRunning]);
 };
 var shallowArrayEqual = (a, b) => {
   if (a.length !== b.length) return false;
@@ -4744,13 +4742,13 @@ var DangerousInBrowserAdapter = class {
   constructor(options) {
     this.options = options;
   }
-  async *run({ messages, abortSignal, config }) {
+  async *run({ messages: messages2, abortSignal, config }) {
     const res = await _chunk5KIEXJRKjs.getEdgeRuntimeStream.call(void 0, {
       options: this.options,
       abortSignal,
       requestData: {
         system: config.system,
-        messages: _chunk5KIEXJRKjs.toCoreMessages.call(void 0, messages),
+        messages: _chunk5KIEXJRKjs.toCoreMessages.call(void 0, messages2),
         tools: config.tools ? _chunk5KIEXJRKjs.toLanguageModelTools.call(void 0, config.tools) : [],
         ...config.callSettings,
         ...config.config
@@ -4814,8 +4812,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 = (_class16 = class {constructor() { _class16.prototype.__init40.call(this); }
+  __init40() {this.accept = "image/*"}
   async add(state) {
     return {
       id: state.file.name,
@@ -4837,7 +4835,7 @@ var SimpleImageAttachmentAdapter = (_class12 = class {constructor() { _class12.p
   }
   async remove() {
   }
-}, _class12);
+}, _class16);
 var getFileDataURL = (file) => new Promise((resolve, reject) => {
   const reader = new FileReader();
   reader.onload = () => resolve(reader.result);
@@ -4846,8 +4844,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 = (_class17 = class {constructor() { _class17.prototype.__init41.call(this); }
+  __init41() {this.accept = "text/plain,text/html,text/markdown,text/csv,text/xml,text/json,text/css"}
   async add(state) {
     return {
       id: state.file.name,
@@ -4871,7 +4869,7 @@ ${await getFileText(attachment.file)}
   }
   async remove() {
   }
-}, _class13);
+}, _class17);
 var getFileText = (file) => new Promise((resolve, reject) => {
   const reader = new FileReader();
   reader.onload = () => resolve(reader.result);
@@ -4965,7 +4963,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', _237 => _237.runtime])) return configProvider;
   if (hasAssistant) {
     throw new Error(
       "You provided a runtime to <Thread> while simulataneously using <AssistantRuntimeProvider>. This is not allowed."
@@ -5293,7 +5291,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', _238 => _238.Text]), () => ( components.Text)), () => ( content_part_default.Text)),
         tools: toolsComponents
       }
     }
@@ -5436,7 +5434,7 @@ var ComposerAttachments = ({ components }) => {
     {
       components: {
         ...components,
-        Attachment: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _210 => _210.Attachment]), () => ( composer_attachment_default))
+        Attachment: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _239 => _239.Attachment]), () => ( composer_attachment_default))
       }
     }
   ) });
@@ -5568,7 +5566,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', _240 => _240.map, 'call', _241 => _241((suggestion, idx) => {
     const key = `${suggestion.prompt}-${idx}`;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadWelcomeSuggestion, { suggestion }, key);
   })]) });
@@ -5667,7 +5665,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', _242 => _242.Text]), () => ( content_part_default.Text))
         }
       }
     ) });
@@ -5685,7 +5683,7 @@ var UserMessageAttachments = ({
     {
       components: {
         ...components,
-        Attachment: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _214 => _214.Attachment]), () => ( user_message_attachment_default))
+        Attachment: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _243 => _243.Attachment]), () => ( user_message_attachment_default))
       }
     }
   ) }) });
@@ -5786,10 +5784,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', _244 => _244.UserMessage]), () => ( user_message_default)),
+        EditComposer: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _245 => _245.EditComposer]), () => ( edit_composer_default)),
+        AssistantMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _246 => _246.AssistantMessage]), () => ( assistant_message_default)),
+        SystemMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _247 => _247.SystemMessage]), () => ( SystemMessage))
       },
       ...rest
     }
@@ -6008,5 +6006,8 @@ 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 = _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.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.useComposerRuntime = useComposerRuntime; exports.useComposerSend = useComposerSend; exports.useComposerStore = useComposerStore; exports.useContentPart = useContentPart; exports.useContentPartContext = useContentPartContext; exports.useContentPartDisplay = useContentPartDisplay; exports.useContentPartImage = useContentPartImage; exports.useContentPartRuntime = useContentPartRuntime; exports.useContentPartStore = useContentPartStore; exports.useContentPartText = useContentPartText; exports.useDangerousInBrowserRuntime = useDangerousInBrowserRuntime; exports.useEdgeRuntime = useEdgeRuntime; exports.useEditComposer = useEditComposer; exports.useEditComposerStore = useEditComposerStore; exports.useExternalMessageConverter = useExternalMessageConverter; exports.useExternalStoreRuntime = useExternalStoreRuntime; exports.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