@assistant-ui/react 0.5.70 → 0.5.72

package/dist/index.js

@@ -288,7 +288,7 @@ var { useContentPart, useContentPartStore } = createContextStoreHook(
 );
 
 // src/api/ContentPartRuntime.ts
-var ContentPartRuntime = class {
+var ContentPartRuntimeImpl = class {
   constructor(contentBinding, messageApi, threadApi) {
     this.contentBinding = contentBinding;
     this.messageApi = messageApi;
@@ -330,7 +330,7 @@ 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)
+      () => new ContentPartRuntimeImpl(null, null, null)
     );
     const useContentPart2 = _zustand.create.call(void 0, () => ({
       status: isRunning ? RUNNING_STATUS : COMPLETE_STATUS,
@@ -1585,7 +1585,7 @@ var ContentPartPrimitiveInProgress = ({ children }) => {
 ContentPartPrimitiveInProgress.displayName = "ContentPartPrimitive.InProgress";
 
 // src/api/AttachmentRuntime.ts
-var AttachmentRuntime = class {
+var AttachmentRuntimeImpl = class {
   constructor(_core) {
     this._core = _core;
   }
@@ -1596,7 +1596,7 @@ var AttachmentRuntime = class {
     return this._core.subscribe(callback);
   }
 };
-var ComposerAttachmentRuntime = class extends AttachmentRuntime {
+var ComposerAttachmentRuntime = class extends AttachmentRuntimeImpl {
   constructor(core, _composerApi) {
     super(core);
     this._composerApi = _composerApi;
@@ -1607,17 +1607,17 @@ var ComposerAttachmentRuntime = class extends AttachmentRuntime {
     return core.removeAttachment(this.getState().id);
   }
 };
-var ThreadComposerAttachmentRuntime = class extends ComposerAttachmentRuntime {
+var ThreadComposerAttachmentRuntimeImpl = class extends ComposerAttachmentRuntime {
   get source() {
     return "thread-composer";
   }
 };
-var EditComposerAttachmentRuntime = class extends ComposerAttachmentRuntime {
+var EditComposerAttachmentRuntimeImpl = class extends ComposerAttachmentRuntime {
   get source() {
     return "edit-composer";
   }
 };
-var MessageAttachmentRuntime = class extends AttachmentRuntime {
+var MessageAttachmentRuntimeImpl = class extends AttachmentRuntimeImpl {
   get source() {
     return "message";
   }
@@ -1779,7 +1779,7 @@ var getEditComposerState = (runtime, beginEdit) => {
     cancel: _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _62 => _62.cancel, 'access', _63 => _63.bind, 'call', _64 => _64(runtime)]), () => ( METHOD_NOT_SUPPORTED))
   });
 };
-var ComposerRuntime = class {
+var ComposerRuntimeImpl = class {
   constructor(_core) {
     this._core = _core;
   }
@@ -1838,9 +1838,9 @@ var ComposerRuntime = class {
     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.
-  //  */
+  /**
+   * @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");
@@ -1868,7 +1868,7 @@ var ComposerRuntime = class {
     return this._core.subscribe(callback);
   }
 };
-var ThreadComposerRuntime = (_class5 = class extends ComposerRuntime {
+var ThreadComposerRuntimeImpl = (_class5 = class extends ComposerRuntimeImpl {
   get type() {
     return "thread";
   }
@@ -1896,15 +1896,21 @@ var ThreadComposerRuntime = (_class5 = class extends ComposerRuntime {
   }
   // TODO replace with events
   __init9() {this._focusListeners = /* @__PURE__ */ new Set()}
+  /**
+   * @deprecated This feature is being removed in 0.6.0. Submit feedback if you need it.
+   */
   focus() {
     this._focusListeners.forEach((callback) => callback());
   }
+  /**
+   * @deprecated This feature is being removed in 0.6.0. Submit feedback if you need it.
+   */
   onFocus(callback) {
     this._focusListeners.add(callback);
     return () => this._focusListeners.delete(callback);
   }
-  unstable_getAttachmentByIndex(idx) {
-    return new ThreadComposerAttachmentRuntime(
+  getAttachmentByIndex(idx) {
+    return new ThreadComposerAttachmentRuntimeImpl(
       new ShallowMemoizeSubject({
         getState: () => {
           const attachments = this.getState().attachments;
@@ -1922,7 +1928,7 @@ var ThreadComposerRuntime = (_class5 = class extends ComposerRuntime {
     );
   }
 }, _class5);
-var EditComposerRuntime = class extends ComposerRuntime {
+var EditComposerRuntimeImpl = class extends ComposerRuntimeImpl {
   constructor(core, _beginEdit) {
     const stateBinding = new LazyMemoizeSubject({
       getState: () => getEditComposerState(core.getState(), this._beginEdit),
@@ -1951,8 +1957,8 @@ var EditComposerRuntime = class extends ComposerRuntime {
   edit() {
     this.beginEdit();
   }
-  unstable_getAttachmentByIndex(idx) {
-    return new EditComposerAttachmentRuntime(
+  getAttachmentByIndex(idx) {
+    return new EditComposerAttachmentRuntimeImpl(
       new ShallowMemoizeSubject({
         getState: () => {
           const attachments = this.getState().attachments;
@@ -2036,12 +2042,12 @@ var getContentPartState = (message, partIndex) => {
   const status = toContentPartStatus(message, partIndex, part);
   return Object.freeze({ ...part, part, status });
 };
-var MessageRuntime = (_class6 = class {
+var MessageRuntimeImpl = (_class6 = class {
   constructor(_core, _threadBinding) {;_class6.prototype.__init10.call(this);
     this._core = _core;
     this._threadBinding = _threadBinding;
   }
-  __init10() {this.composer = new EditComposerRuntime(
+  __init10() {this.composer = new EditComposerRuntimeImpl(
     new NestedSubscriptionSubject({
       getState: () => this._threadBinding.getState().getEditComposer(this._core.getState().id),
       subscribe: (callback) => this._threadBinding.subscribe(callback)
@@ -2051,15 +2057,6 @@ var MessageRuntime = (_class6 = class {
   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");
@@ -2105,9 +2102,9 @@ var MessageRuntime = (_class6 = class {
   subscribe(callback) {
     return this._core.subscribe(callback);
   }
-  unstable_getContentPartByIndex(idx) {
+  getContentPartByIndex(idx) {
     if (idx < 0) throw new Error("Message index must be >= 0");
-    return new ContentPartRuntime(
+    return new ContentPartRuntimeImpl(
       new ShallowMemoizeSubject({
         getState: () => {
           return getContentPartState(this.getState(), idx);
@@ -2118,8 +2115,8 @@ var MessageRuntime = (_class6 = class {
       this._threadBinding
     );
   }
-  unstable_getAttachmentByIndex(idx) {
-    return new MessageAttachmentRuntime(
+  getAttachmentByIndex(idx) {
+    return new MessageAttachmentRuntimeImpl(
       new ShallowMemoizeSubject({
         getState: () => {
           const attachments = this.getState().attachments;
@@ -2205,7 +2202,7 @@ var MessageContentPartImpl = ({
 }) => {
   const messageRuntime = useMessageRuntime();
   const runtime = _react.useMemo.call(void 0, 
-    () => messageRuntime.unstable_getContentPartByIndex(partIndex),
+    () => messageRuntime.getContentPartByIndex(partIndex),
     [messageRuntime, partIndex]
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContentPartRuntimeProvider, { runtime, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageContentPartComponent, { components }) });
@@ -2354,7 +2351,7 @@ var AttachmentComponent = ({ components }) => {
 var MessageAttachmentImpl = ({ components, attachmentIndex }) => {
   const messageRuntime = useMessageRuntime();
   const runtime = _react.useMemo.call(void 0, 
-    () => messageRuntime.unstable_getAttachmentByIndex(attachmentIndex),
+    () => messageRuntime.getAttachmentByIndex(attachmentIndex),
     [messageRuntime, attachmentIndex]
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AttachmentRuntimeProvider, { runtime, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AttachmentComponent, { components }) });
@@ -2557,7 +2554,7 @@ var AttachmentComponent2 = ({ components }) => {
 var ComposerAttachmentImpl = ({ components, attachmentIndex }) => {
   const composerRuntime = useComposerRuntime();
   const runtime = _react.useMemo.call(void 0, 
-    () => composerRuntime.unstable_getAttachmentByIndex(attachmentIndex),
+    () => composerRuntime.getAttachmentByIndex(attachmentIndex),
     [composerRuntime, attachmentIndex]
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AttachmentRuntimeProvider, { runtime, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AttachmentComponent2, { components }) });
@@ -2891,7 +2888,7 @@ var ThreadMessageImpl = ({
 }) => {
   const threadRuntime = useThreadRuntime();
   const runtime = _react.useMemo.call(void 0, 
-    () => threadRuntime.unstable_getMesssageByIndex(messageIndex),
+    () => threadRuntime.getMesssageByIndex(messageIndex),
     [threadRuntime, messageIndex]
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageRuntimeProvider, { runtime, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadMessageComponent, { components }) });
@@ -2975,12 +2972,12 @@ var BaseAssistantRuntimeCore = (_class7 = class {
 // src/internal.ts
 var internal_exports = {};
 _chunkPZ5AY32Cjs.__export.call(void 0, internal_exports, {
-  AssistantRuntime: () => AssistantRuntime,
+  AssistantRuntimeImpl: () => AssistantRuntimeImpl,
   BaseAssistantRuntimeCore: () => BaseAssistantRuntimeCore,
   DefaultThreadComposerRuntimeCore: () => DefaultThreadComposerRuntimeCore,
   MessageRepository: () => MessageRepository,
   ProxyConfigProvider: () => ProxyConfigProvider,
-  ThreadRuntime: () => ThreadRuntime,
+  ThreadRuntimeImpl: () => ThreadRuntimeImpl,
   TooltipIconButton: () => TooltipIconButton,
   generateId: () => generateId,
   useSmooth: () => useSmooth,
@@ -3468,7 +3465,7 @@ var TooltipIconButton = _react.forwardRef.call(void 0, ({ children, tooltip, sid
 TooltipIconButton.displayName = "TooltipIconButton";
 
 // src/api/AssistantRuntime.ts
-var AssistantRuntime = class {
+var AssistantRuntimeImpl = class {
   constructor(_core, CustomThreadRuntime) {
     this._core = _core;
     this.thread = new CustomThreadRuntime(
@@ -3524,10 +3521,12 @@ var getThreadState = (runtime) => {
     capabilities: runtime.capabilities,
     isDisabled: runtime.isDisabled,
     isRunning: _optionalChain([lastMessage, 'optionalAccess', _178 => _178.role]) !== "assistant" ? false : lastMessage.status.type === "running",
-    messages: runtime.messages
+    messages: runtime.messages,
+    suggestions: runtime.suggestions,
+    extras: runtime.extras
   });
 };
-var ThreadRuntime = (_class12 = class {
+var ThreadRuntimeImpl = (_class12 = class {
   // public path = "assistant.threads[main]"; // TODO
   /**
    * @deprecated Use `getState().threadId` instead. This will be removed in 0.6.0.
@@ -3553,6 +3552,18 @@ var ThreadRuntime = (_class12 = class {
   get capabilities() {
     return this.getState().capabilities;
   }
+  /**
+   * @deprecated Use `getState().extras` instead. This will be removed in 0.6.0.
+   */
+  get extras() {
+    return this._threadBinding.getState().extras;
+  }
+  /**
+   * @deprecated Use `getState().followupSuggestions` instead. This will be removed in 0.6.0.
+   */
+  get suggestions() {
+    return this._threadBinding.getState().suggestions;
+  }
   /**
    * @deprecated Use `getState().messages` instead. This will be removed in 0.6.0.
    */
@@ -3574,7 +3585,7 @@ var ThreadRuntime = (_class12 = class {
       subscribe: (callback) => threadBinding.subscribe(callback)
     };
   }
-  __init23() {this.composer = new ThreadComposerRuntime(
+  __init23() {this.composer = new ThreadComposerRuntimeImpl(
     new NestedSubscriptionSubject({
       getState: () => this._threadBinding.getState().composer,
       subscribe: (callback) => this._threadBinding.subscribe(callback)
@@ -3591,9 +3602,9 @@ var ThreadRuntime = (_class12 = class {
   subscribe(callback) {
     return this._threadBinding.subscribe(callback);
   }
-  // /**
-  //  * @derprecated Use `getMesssageById(id).getState().branchNumber` / `getMesssageById(id).getState().branchCount` instead. This will be removed in 0.6.0.
-  //  */
+  /**
+   * @derprecated Use `getMesssageById(id).getState().branchNumber` / `getMesssageById(id).getState().branchCount` instead. This will be removed in 0.6.0.
+   */
   getBranches(messageId) {
     return this._threadBinding.getState().getBranches(messageId);
   }
@@ -3604,17 +3615,18 @@ var ThreadRuntime = (_class12 = class {
   startRun(parentId) {
     return this._threadBinding.getState().startRun(parentId);
   }
-  // TODO
   cancelRun() {
     this._threadBinding.getState().cancelRun();
   }
-  // /**
-  //  * @deprecated Use `getMesssageById(id).getContentPartByToolCallId(toolCallId).addToolResult({ result })` instead. This will be removed in 0.6.0.
-  //  */
+  /**
+   * @deprecated Use `getMesssageById(id).getContentPartByToolCallId(toolCallId).addToolResult({ result })` instead. This will be removed in 0.6.0.
+   */
   addToolResult(options) {
     this._threadBinding.getState().addToolResult(options);
   }
-  // TODO
+  /**
+   * @deprecated Use `getMesssageById(id).switchToBranch({ options })` instead. This will be removed in 0.6.0.
+   */
   switchToBranch(branchId) {
     return this._threadBinding.getState().switchToBranch(branchId);
   }
@@ -3631,13 +3643,13 @@ var ThreadRuntime = (_class12 = class {
     return this._threadBinding.getState().submitFeedback(options);
   }
   /**
-   * @deprecated Use `getMesssageById(id).unstable_getMessageByIndex(idx).composer` instead. This will be removed in 0.6.0.
+   * @deprecated Use `getMesssageById(id).getMessageByIndex(idx).composer` instead. This will be removed in 0.6.0.
    */
   getEditComposer(messageId) {
     return this._threadBinding.getState().getEditComposer(messageId);
   }
   /**
-   * @deprecated Use `getMesssageById(id).unstable_getMessageByIndex(idx).composer.beginEdit()` instead. This will be removed in 0.6.0.
+   * @deprecated Use `getMesssageById(id).getMessageByIndex(idx).composer.beginEdit()` instead. This will be removed in 0.6.0.
    */
   beginEdit(messageId) {
     return this._threadBinding.getState().beginEdit(messageId);
@@ -3648,9 +3660,9 @@ var ThreadRuntime = (_class12 = class {
   import(data) {
     this._threadBinding.getState().import(data);
   }
-  unstable_getMesssageByIndex(idx) {
+  getMesssageByIndex(idx) {
     if (idx < 0) throw new Error("Message index must be >= 0");
-    return new MessageRuntime(
+    return new MessageRuntimeImpl(
       new ShallowMemoizeSubject({
         getState: () => {
           const messages2 = this.getState().messages;
@@ -3953,7 +3965,7 @@ var EdgeChatAdapter = class {
       }),
       signal: abortSignal
     });
-    if (result.status !== 200) {
+    if (!result.ok) {
       throw new Error(`Status ${result.status}: ${await result.text()}`);
     }
     const stream = result.body.pipeThrough(streamPartDecoderStream()).pipeThrough(assistantDecoderStream()).pipeThrough(_chunk5KIEXJRKjs.toolResultStream.call(void 0, config.tools, abortSignal)).pipeThrough(_chunk5KIEXJRKjs.runResultStream.call(void 0, ));
@@ -3966,19 +3978,20 @@ var EdgeChatAdapter = class {
   }
 };
 
+// src/runtimes/local/LocalRuntimeOptions.tsx
+var splitLocalRuntimeOptions = (options) => {
+  const { initialMessages, maxToolRoundtrips, adapters, ...rest } = options;
+  return {
+    localRuntimeOptions: { initialMessages, maxToolRoundtrips, adapters },
+    otherOptions: rest
+  };
+};
+
 // src/runtimes/edge/useEdgeRuntime.ts
-var useEdgeRuntime = ({
-  initialMessages,
-  maxToolRoundtrips,
-  adapters,
-  ...options
-}) => {
-  const [adapter] = _react.useState.call(void 0, () => new EdgeChatAdapter(options));
-  return useLocalRuntime(adapter, {
-    initialMessages,
-    maxToolRoundtrips,
-    adapters
-  });
+var useEdgeRuntime = (options) => {
+  const { localRuntimeOptions, otherOptions } = splitLocalRuntimeOptions(options);
+  const [adapter] = _react.useState.call(void 0, () => new EdgeChatAdapter(otherOptions));
+  return useLocalRuntime(adapter, localRuntimeOptions);
 };
 
 // src/runtimes/local/shouldContinue.tsx
@@ -4023,7 +4036,7 @@ var DefaultEditComposerRuntimeCore = class extends BaseComposerRuntimeCore {
 
 // src/runtimes/local/LocalThreadRuntimeCore.tsx
 var LocalThreadRuntimeCore = (_class13 = class {
-  constructor(configProvider, adapter, { initialMessages, ...options }) {;_class13.prototype.__init24.call(this);_class13.prototype.__init25.call(this);_class13.prototype.__init26.call(this);_class13.prototype.__init27.call(this);_class13.prototype.__init28.call(this);_class13.prototype.__init29.call(this);_class13.prototype.__init30.call(this);
+  constructor(configProvider, adapter, { initialMessages, ...options }) {;_class13.prototype.__init24.call(this);_class13.prototype.__init25.call(this);_class13.prototype.__init26.call(this);_class13.prototype.__init27.call(this);_class13.prototype.__init28.call(this);_class13.prototype.__init29.call(this);_class13.prototype.__init30.call(this);_class13.prototype.__init31.call(this);
     this.configProvider = configProvider;
     this.adapter = adapter;
     this.threadId = generateId();
@@ -4052,10 +4065,11 @@ var LocalThreadRuntimeCore = (_class13 = class {
   }}
   
   __init28() {this.isDisabled = false}
+  __init29() {this.suggestions = []}
   get messages() {
     return this.repository.getMessages();
   }
-  __init29() {this.composer = new DefaultThreadComposerRuntimeCore(this)}
+  __init30() {this.composer = new DefaultThreadComposerRuntimeCore(this)}
   getModelConfig() {
     return this.configProvider.getModelConfig();
   }
@@ -4063,6 +4077,9 @@ var LocalThreadRuntimeCore = (_class13 = class {
   get options() {
     return this._options;
   }
+  get extras() {
+    return void 0;
+  }
   set options({ initialMessages, ...options }) {
     this._options = options;
     let hasUpdates = false;
@@ -4084,7 +4101,7 @@ var LocalThreadRuntimeCore = (_class13 = class {
     }
     if (hasUpdates) this.notifySubscribers();
   }
-  __init30() {this._editComposers = /* @__PURE__ */ new Map()}
+  __init31() {this._editComposers = /* @__PURE__ */ new Map()}
   getEditComposer(messageId) {
     return this._editComposers.get(messageId);
   }
@@ -4343,9 +4360,9 @@ var LocalRuntimeCore = class extends BaseAssistantRuntimeCore {
 };
 
 // src/runtimes/local/useLocalRuntime.tsx
-var LocalRuntime = class extends AssistantRuntime {
+var LocalRuntime = class extends AssistantRuntimeImpl {
   constructor(core) {
-    super(core, ThreadRuntime);
+    super(core, ThreadRuntimeImpl);
     this.core = core;
   }
   reset(options) {
@@ -4371,8 +4388,8 @@ var getExternalStoreMessage = (message) => {
 };
 
 // src/runtimes/external-store/ThreadMessageConverter.ts
-var ThreadMessageConverter = (_class14 = class {constructor() { _class14.prototype.__init31.call(this); }
-  __init31() {this.cache = /* @__PURE__ */ new WeakMap()}
+var ThreadMessageConverter = (_class14 = class {constructor() { _class14.prototype.__init32.call(this); }
+  __init32() {this.cache = /* @__PURE__ */ new WeakMap()}
   convertMessages(messages2, converter) {
     return messages2.map((m, idx) => {
       const cached = this.cache.get(m);
@@ -4467,18 +4484,19 @@ var fromThreadMessageLike = (like, fallbackId, fallbackStatus) => {
 };
 
 // src/runtimes/external-store/ExternalStoreThreadRuntimeCore.tsx
+var EMPTY_ARRAY2 = Object.freeze([]);
 var hasUpcomingMessage = (isRunning, messages2) => {
   return isRunning && _optionalChain([messages2, 'access', _215 => _215[messages2.length - 1], 'optionalAccess', _216 => _216.role]) !== "assistant";
 };
 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);
+  constructor(configProvider, store) {;_class15.prototype.__init33.call(this);_class15.prototype.__init34.call(this);_class15.prototype.__init35.call(this);_class15.prototype.__init36.call(this);_class15.prototype.__init37.call(this);_class15.prototype.__init38.call(this);_class15.prototype.__init39.call(this);_class15.prototype.__init40.call(this);_class15.prototype.__init41.call(this);_class15.prototype.__init42.call(this);
     this.configProvider = configProvider;
     this.store = store;
   }
-  __init32() {this._subscriptions = /* @__PURE__ */ new Set()}
-  __init33() {this.repository = new MessageRepository()}
-  __init34() {this.assistantOptimisticId = null}
-  __init35() {this._capabilities = {
+  __init33() {this._subscriptions = /* @__PURE__ */ new Set()}
+  __init34() {this.repository = new MessageRepository()}
+  __init35() {this.assistantOptimisticId = null}
+  __init36() {this._capabilities = {
     switchToBranch: false,
     edit: false,
     reload: false,
@@ -4494,10 +4512,12 @@ var ExternalStoreThreadRuntimeCore = (_class15 = class {
   
   
   
-  __init36() {this.converter = new ThreadMessageConverter()}
+  __init37() {this.suggestions = []}
+  __init38() {this.extras = void 0}
+  __init39() {this._converter = new ThreadMessageConverter()}
   
-  __init37() {this.composer = new DefaultThreadComposerRuntimeCore(this)}
-  __init38() {this._editComposers = /* @__PURE__ */ new Map()}
+  __init40() {this.composer = new DefaultThreadComposerRuntimeCore(this)}
+  __init41() {this._editComposers = /* @__PURE__ */ new Map()}
   getEditComposer(messageId) {
     return this._editComposers.get(messageId);
   }
@@ -4524,6 +4544,8 @@ var ExternalStoreThreadRuntimeCore = (_class15 = class {
     this.isDisabled = _nullishCoalesce(store.isDisabled, () => ( false));
     const oldStore = this._store;
     this._store = store;
+    this.extras = store.extras;
+    this.suggestions = _nullishCoalesce(store.suggestions, () => ( EMPTY_ARRAY2));
     this._capabilities = {
       switchToBranch: this._store.setMessages !== void 0,
       edit: this._store.onEdit !== void 0,
@@ -4538,13 +4560,13 @@ var ExternalStoreThreadRuntimeCore = (_class15 = class {
     this.composer.setAttachmentAdapter(_optionalChain([this, 'access', _229 => _229._store, 'access', _230 => _230.adapters, 'optionalAccess', _231 => _231.attachments]));
     if (oldStore) {
       if (oldStore.convertMessage !== store.convertMessage) {
-        this.converter = new ThreadMessageConverter();
+        this._converter = new ThreadMessageConverter();
       } else if (oldStore.isRunning === store.isRunning && oldStore.messages === store.messages) {
         this.notifySubscribers();
         return;
       }
     }
-    const messages2 = !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);
@@ -4655,7 +4677,7 @@ var ExternalStoreThreadRuntimeCore = (_class15 = class {
     this._subscriptions.add(callback);
     return () => this._subscriptions.delete(callback);
   }
-  __init39() {this.updateMessages = (messages2) => {
+  __init42() {this.updateMessages = (messages2) => {
     _optionalChain([this, 'access', _250 => _250._store, 'access', _251 => _251.setMessages, 'optionalCall', _252 => _252(
       messages2.flatMap(getExternalStoreMessage).filter((m) => m != null)
     )]);
@@ -4719,7 +4741,10 @@ var useExternalStoreRuntime = (store) => {
   _react.useEffect.call(void 0, () => {
     runtime.thread.store = store;
   });
-  return _react.useMemo.call(void 0, () => new AssistantRuntime(runtime, ThreadRuntime), [runtime]);
+  return _react.useMemo.call(void 0, 
+    () => new AssistantRuntimeImpl(runtime, ThreadRuntimeImpl),
+    [runtime]
+  );
 };
 
 // src/runtimes/external-store/external-message-converter.tsx
@@ -4896,12 +4921,10 @@ var DangerousInBrowserAdapter = class {
 };
 
 // src/runtimes/dangerous-in-browser/useDangerousInBrowserRuntime.ts
-var useDangerousInBrowserRuntime = ({
-  initialMessages,
-  ...options
-}) => {
-  const [adapter] = _react.useState.call(void 0, () => new DangerousInBrowserAdapter(options));
-  return useLocalRuntime(adapter, { initialMessages });
+var useDangerousInBrowserRuntime = (options) => {
+  const { localRuntimeOptions, otherOptions } = splitLocalRuntimeOptions(options);
+  const [adapter] = _react.useState.call(void 0, () => new DangerousInBrowserAdapter(otherOptions));
+  return useLocalRuntime(adapter, localRuntimeOptions);
 };
 
 // src/runtimes/speech/WebSpeechSynthesisAdapter.ts
@@ -4946,8 +4969,8 @@ var WebSpeechSynthesisAdapter = class {
 };
 
 // src/runtimes/attachment/SimpleImageAttachmentAdapter.ts
-var SimpleImageAttachmentAdapter = (_class16 = class {constructor() { _class16.prototype.__init40.call(this); }
-  __init40() {this.accept = "image/*"}
+var SimpleImageAttachmentAdapter = (_class16 = class {constructor() { _class16.prototype.__init43.call(this); }
+  __init43() {this.accept = "image/*"}
   async add(state) {
     return {
       id: state.file.name,
@@ -4981,8 +5004,8 @@ var getFileDataURL = (file) => new Promise((resolve, reject) => {
 });
 
 // src/runtimes/attachment/SimpleTextAttachmentAdapter.ts
-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"}
+var SimpleTextAttachmentAdapter = (_class17 = class {constructor() { _class17.prototype.__init44.call(this); }
+  __init44() {this.accept = "text/plain,text/html,text/markdown,text/csv,text/xml,text/json,text/css"}
   async add(state) {
     return {
       id: state.file.name,
@@ -5700,19 +5723,13 @@ var ThreadWelcomeSuggestionStyled = withDefaults(thread_exports.Suggestion, {
 var ThreadWelcomeSuggestion = ({
   suggestion: { text, prompt }
 }) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    ThreadWelcomeSuggestionStyled,
-    {
-      prompt,
-      method: "replace",
-      autoSend: true,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "aui-thread-welcome-suggestion-text", children: _nullishCoalesce(text, () => ( prompt)) })
-    }
-  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadWelcomeSuggestionStyled, { prompt, method: "replace", autoSend: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "aui-thread-welcome-suggestion-text", children: _nullishCoalesce(text, () => ( prompt)) }) });
 };
 var ThreadWelcomeSuggestions = () => {
+  const suggestions2 = useThread((t) => t.suggestions);
   const { welcome: { suggestions } = {} } = useThreadConfig();
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadWelcomeSuggestionContainer, { children: _optionalChain([suggestions, 'optionalAccess', _256 => _256.map, 'call', _257 => _257((suggestion, idx) => {
+  const finalSuggestions = suggestions2.length ? suggestions2 : suggestions;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadWelcomeSuggestionContainer, { children: _optionalChain([finalSuggestions, 'optionalAccess', _256 => _256.map, 'call', _257 => _257((suggestion, idx) => {
     const key = `${suggestion.prompt}-${idx}`;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadWelcomeSuggestion, { suggestion }, key);
   })]) });
@@ -5898,12 +5915,14 @@ var edit_composer_default = Object.assign(EditComposer, exports11);
 // src/ui/thread.tsx
 
 var Thread = (config) => {
+  const { components: { Composer: ComposerComponent = composer_default } = {} } = config;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadRoot, { config, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ThreadViewport, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, thread_welcome_default, {}),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadMessages, {}),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadFollowupSuggestions, {}),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ThreadViewportFooter, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadScrollToBottom, {}),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, composer_default, {})
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ComposerComponent, {})
     ] })
   ] }) });
 };
@@ -5925,21 +5944,38 @@ var ThreadViewportFooter = withDefaults("div", {
 });
 ThreadViewportFooter.displayName = "ThreadViewportFooter";
 var SystemMessage = () => null;
-var ThreadMessages = ({ components, ...rest }) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    thread_exports.Messages,
-    {
-      components: {
-        UserMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _260 => _260.UserMessage]), () => ( user_message_default)),
-        EditComposer: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _261 => _261.EditComposer]), () => ( edit_composer_default)),
-        AssistantMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _262 => _262.AssistantMessage]), () => ( assistant_message_default)),
-        SystemMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _263 => _263.SystemMessage]), () => ( SystemMessage))
-      },
-      ...rest
-    }
-  );
+var ThreadMessages = ({ components, unstable_flexGrowDiv: flexGrowDiv = true, ...rest }) => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      thread_exports.Messages,
+      {
+        components: {
+          UserMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _260 => _260.UserMessage]), () => ( user_message_default)),
+          EditComposer: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _261 => _261.EditComposer]), () => ( edit_composer_default)),
+          AssistantMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _262 => _262.AssistantMessage]), () => ( assistant_message_default)),
+          SystemMessage: _nullishCoalesce(_optionalChain([components, 'optionalAccess', _263 => _263.SystemMessage]), () => ( SystemMessage))
+        },
+        ...rest
+      }
+    ),
+    flexGrowDiv && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, thread_exports.If, { empty: false, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { flexGrow: 1 } }) })
+  ] });
 };
 ThreadMessages.displayName = "ThreadMessages";
+var ThreadFollowupSuggestions = () => {
+  const suggestions = useThread((t) => t.suggestions);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, thread_exports.If, { empty: false, running: false, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aui-thread-followup-suggestions", children: _optionalChain([suggestions, 'optionalAccess', _264 => _264.map, 'call', _265 => _265((suggestion, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    thread_exports.Suggestion,
+    {
+      className: "aui-thread-followup-suggestion",
+      prompt: suggestion.prompt,
+      method: "replace",
+      autoSend: true,
+      children: suggestion.prompt
+    },
+    idx
+  ))]) }) });
+};
 var ThreadScrollToBottomIconButton = withDefaults(TooltipIconButton, {
   variant: "outline",
   className: "aui-thread-scroll-to-bottom"
@@ -5957,6 +5993,7 @@ var exports12 = {
   Root: ThreadRoot,
   Viewport: ThreadViewport,
   Messages: ThreadMessages,
+  FollowupSuggestions: ThreadFollowupSuggestions,
   ScrollToBottom: ThreadScrollToBottom,
   ViewportFooter: ThreadViewportFooter
 };