@assistant-ui/react 0.5.69 → 0.5.71

package/dist/index.mjs

@@ -289,7 +289,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;
@@ -331,7 +331,7 @@ var TextContentPartProvider = ({ children, text, isRunning }) => {
   const [context] = useState3(() => {
     const useContentPartRuntime2 = create5(
       // TODO
-      () => new ContentPartRuntime(null, null, null)
+      () => new ContentPartRuntimeImpl(null, null, null)
     );
     const useContentPart2 = create5(() => ({
       status: isRunning ? RUNNING_STATUS : COMPLETE_STATUS,
@@ -344,13 +344,14 @@ var TextContentPartProvider = ({ children, text, isRunning }) => {
   useEffect3(() => {
     const state = context.useContentPart.getState();
     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;
     writableStore(context.useContentPart).setState(
       {
-        part: targetTextPart,
+        type: "text",
+        text,
+        part: { type: "text", text },
         status: targetStatus
       },
       true
@@ -1585,7 +1586,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 +1597,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 +1608,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 +1780,7 @@ var getEditComposerState = (runtime, beginEdit) => {
     cancel: runtime?.cancel.bind(runtime) ?? METHOD_NOT_SUPPORTED
   });
 };
-var ComposerRuntime = class {
+var ComposerRuntimeImpl = class {
   constructor(_core) {
     this._core = _core;
   }
@@ -1838,9 +1839,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 +1869,7 @@ var ComposerRuntime = class {
     return this._core.subscribe(callback);
   }
 };
-var ThreadComposerRuntime = class extends ComposerRuntime {
+var ThreadComposerRuntimeImpl = class extends ComposerRuntimeImpl {
   get type() {
     return "thread";
   }
@@ -1896,15 +1897,21 @@ var ThreadComposerRuntime = class extends ComposerRuntime {
   }
   // TODO replace with events
   _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 +1929,7 @@ var ThreadComposerRuntime = class extends ComposerRuntime {
     );
   }
 };
-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 +1958,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 +2043,12 @@ var getContentPartState = (message, partIndex) => {
   const status = toContentPartStatus(message, partIndex, part);
   return Object.freeze({ ...part, part, status });
 };
-var MessageRuntime = class {
+var MessageRuntimeImpl = class {
   constructor(_core, _threadBinding) {
     this._core = _core;
     this._threadBinding = _threadBinding;
   }
-  composer = new EditComposerRuntime(
+  composer = new EditComposerRuntimeImpl(
     new NestedSubscriptionSubject({
       getState: () => this._threadBinding.getState().getEditComposer(this._core.getState().id),
       subscribe: (callback) => this._threadBinding.subscribe(callback)
@@ -2051,15 +2058,6 @@ var MessageRuntime = 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 +2103,9 @@ var MessageRuntime = 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 +2116,8 @@ var MessageRuntime = class {
       this._threadBinding
     );
   }
-  unstable_getAttachmentByIndex(idx) {
-    return new MessageAttachmentRuntime(
+  getAttachmentByIndex(idx) {
+    return new MessageAttachmentRuntimeImpl(
       new ShallowMemoizeSubject({
         getState: () => {
           const attachments = this.getState().attachments;
@@ -2205,7 +2203,7 @@ var MessageContentPartImpl = ({
 }) => {
   const messageRuntime = useMessageRuntime();
   const runtime = useMemo6(
-    () => messageRuntime.unstable_getContentPartByIndex(partIndex),
+    () => messageRuntime.getContentPartByIndex(partIndex),
     [messageRuntime, partIndex]
   );
   return /* @__PURE__ */ jsx21(ContentPartRuntimeProvider, { runtime, children: /* @__PURE__ */ jsx21(MessageContentPartComponent, { components }) });
@@ -2354,7 +2352,7 @@ var AttachmentComponent = ({ components }) => {
 var MessageAttachmentImpl = ({ components, attachmentIndex }) => {
   const messageRuntime = useMessageRuntime();
   const runtime = useMemo8(
-    () => messageRuntime.unstable_getAttachmentByIndex(attachmentIndex),
+    () => messageRuntime.getAttachmentByIndex(attachmentIndex),
     [messageRuntime, attachmentIndex]
   );
   return /* @__PURE__ */ jsx23(AttachmentRuntimeProvider, { runtime, children: /* @__PURE__ */ jsx23(AttachmentComponent, { components }) });
@@ -2557,7 +2555,7 @@ var AttachmentComponent2 = ({ components }) => {
 var ComposerAttachmentImpl = ({ components, attachmentIndex }) => {
   const composerRuntime = useComposerRuntime();
   const runtime = useMemo9(
-    () => composerRuntime.unstable_getAttachmentByIndex(attachmentIndex),
+    () => composerRuntime.getAttachmentByIndex(attachmentIndex),
     [composerRuntime, attachmentIndex]
   );
   return /* @__PURE__ */ jsx27(AttachmentRuntimeProvider, { runtime, children: /* @__PURE__ */ jsx27(AttachmentComponent2, { components }) });
@@ -2891,7 +2889,7 @@ var ThreadMessageImpl = ({
 }) => {
   const threadRuntime = useThreadRuntime();
   const runtime = useMemo10(
-    () => threadRuntime.unstable_getMesssageByIndex(messageIndex),
+    () => threadRuntime.getMesssageByIndex(messageIndex),
     [threadRuntime, messageIndex]
   );
   return /* @__PURE__ */ jsx31(MessageRuntimeProvider, { runtime, children: /* @__PURE__ */ jsx31(ThreadMessageComponent, { components }) });
@@ -2975,12 +2973,12 @@ var BaseAssistantRuntimeCore = class {
 // src/internal.ts
 var internal_exports = {};
 __export(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 +3466,7 @@ var TooltipIconButton = forwardRef21(({ children, tooltip, side = "bottom", ...r
 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 +3522,12 @@ var getThreadState = (runtime) => {
     capabilities: runtime.capabilities,
     isDisabled: runtime.isDisabled,
     isRunning: lastMessage?.role !== "assistant" ? false : lastMessage.status.type === "running",
-    messages: runtime.messages
+    messages: runtime.messages,
+    suggestions: runtime.suggestions,
+    extras: runtime.extras
   });
 };
-var ThreadRuntime = class {
+var ThreadRuntimeImpl = class {
   // public path = "assistant.threads[main]"; // TODO
   /**
    * @deprecated Use `getState().threadId` instead. This will be removed in 0.6.0.
@@ -3553,6 +3553,18 @@ var ThreadRuntime = 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 +3586,7 @@ var ThreadRuntime = class {
       subscribe: (callback) => threadBinding.subscribe(callback)
     };
   }
-  composer = new ThreadComposerRuntime(
+  composer = new ThreadComposerRuntimeImpl(
     new NestedSubscriptionSubject({
       getState: () => this._threadBinding.getState().composer,
       subscribe: (callback) => this._threadBinding.subscribe(callback)
@@ -3591,9 +3603,9 @@ var ThreadRuntime = 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 +3616,18 @@ var ThreadRuntime = 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 +3644,13 @@ var ThreadRuntime = 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 +3661,9 @@ var ThreadRuntime = 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 +3966,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(toolResultStream(config.tools, abortSignal)).pipeThrough(runResultStream());
@@ -4052,6 +4065,7 @@ var LocalThreadRuntimeCore = class {
   };
   threadId;
   isDisabled = false;
+  suggestions = [];
   get messages() {
     return this.repository.getMessages();
   }
@@ -4063,6 +4077,9 @@ var LocalThreadRuntimeCore = class {
   get options() {
     return this._options;
   }
+  get extras() {
+    return void 0;
+  }
   set options({ initialMessages, ...options }) {
     this._options = options;
     let hasUpdates = false;
@@ -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) {
@@ -4467,6 +4484,7 @@ var fromThreadMessageLike = (like, fallbackId, fallbackStatus) => {
 };
 
 // src/runtimes/external-store/ExternalStoreThreadRuntimeCore.tsx
+var EMPTY_ARRAY2 = Object.freeze([]);
 var hasUpcomingMessage = (isRunning, messages2) => {
   return isRunning && messages2[messages2.length - 1]?.role !== "assistant";
 };
@@ -4494,7 +4512,9 @@ var ExternalStoreThreadRuntimeCore = class {
   threadId;
   messages;
   isDisabled;
-  converter = new ThreadMessageConverter();
+  suggestions = [];
+  extras = void 0;
+  _converter = new ThreadMessageConverter();
   _store;
   composer = new DefaultThreadComposerRuntimeCore(this);
   _editComposers = /* @__PURE__ */ new Map();
@@ -4524,6 +4544,8 @@ var ExternalStoreThreadRuntimeCore = class {
     this.isDisabled = store.isDisabled ?? false;
     const oldStore = this._store;
     this._store = store;
+    this.extras = store.extras;
+    this.suggestions = store.suggestions ?? EMPTY_ARRAY2;
     this._capabilities = {
       switchToBranch: this._store.setMessages !== void 0,
       edit: this._store.onEdit !== void 0,
@@ -4538,13 +4560,13 @@ var ExternalStoreThreadRuntimeCore = class {
     this.composer.setAttachmentAdapter(this._store.adapters?.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);
@@ -4719,7 +4741,10 @@ var useExternalStoreRuntime = (store) => {
   useEffect14(() => {
     runtime.thread.store = store;
   });
-  return useMemo12(() => new AssistantRuntime(runtime, ThreadRuntime), [runtime]);
+  return useMemo12(
+    () => new AssistantRuntimeImpl(runtime, ThreadRuntimeImpl),
+    [runtime]
+  );
 };
 
 // src/runtimes/external-store/external-message-converter.tsx
@@ -5700,19 +5725,13 @@ var ThreadWelcomeSuggestionStyled = withDefaults(thread_exports.Suggestion, {
 var ThreadWelcomeSuggestion = ({
   suggestion: { text, prompt }
 }) => {
-  return /* @__PURE__ */ jsx45(
-    ThreadWelcomeSuggestionStyled,
-    {
-      prompt,
-      method: "replace",
-      autoSend: true,
-      children: /* @__PURE__ */ jsx45("span", { className: "aui-thread-welcome-suggestion-text", children: text ?? prompt })
-    }
-  );
+  return /* @__PURE__ */ jsx45(ThreadWelcomeSuggestionStyled, { prompt, method: "replace", autoSend: true, children: /* @__PURE__ */ jsx45("span", { className: "aui-thread-welcome-suggestion-text", children: text ?? prompt }) });
 };
 var ThreadWelcomeSuggestions = () => {
+  const suggestions2 = useThread((t) => t.suggestions);
   const { welcome: { suggestions } = {} } = useThreadConfig();
-  return /* @__PURE__ */ jsx45(ThreadWelcomeSuggestionContainer, { children: suggestions?.map((suggestion, idx) => {
+  const finalSuggestions = suggestions2.length ? suggestions2 : suggestions;
+  return /* @__PURE__ */ jsx45(ThreadWelcomeSuggestionContainer, { children: finalSuggestions?.map((suggestion, idx) => {
     const key = `${suggestion.prompt}-${idx}`;
     return /* @__PURE__ */ jsx45(ThreadWelcomeSuggestion, { suggestion }, key);
   }) });
@@ -5896,14 +5915,16 @@ var exports11 = {
 var edit_composer_default = Object.assign(EditComposer, exports11);
 
 // src/ui/thread.tsx
-import { jsx as jsx49, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx49, jsxs as jsxs13 } from "react/jsx-runtime";
 var Thread = (config) => {
+  const { components: { Composer: ComposerComponent = composer_default } = {} } = config;
   return /* @__PURE__ */ jsx49(ThreadRoot, { config, children: /* @__PURE__ */ jsxs13(ThreadViewport, { children: [
     /* @__PURE__ */ jsx49(thread_welcome_default, {}),
     /* @__PURE__ */ jsx49(ThreadMessages, {}),
+    /* @__PURE__ */ jsx49(ThreadFollowupSuggestions, {}),
     /* @__PURE__ */ jsxs13(ThreadViewportFooter, { children: [
       /* @__PURE__ */ jsx49(ThreadScrollToBottom, {}),
-      /* @__PURE__ */ jsx49(composer_default, {})
+      /* @__PURE__ */ jsx49(ComposerComponent, {})
     ] })
   ] }) });
 };
@@ -5925,21 +5946,38 @@ var ThreadViewportFooter = withDefaults("div", {
 });
 ThreadViewportFooter.displayName = "ThreadViewportFooter";
 var SystemMessage = () => null;
-var ThreadMessages = ({ components, ...rest }) => {
-  return /* @__PURE__ */ jsx49(
-    thread_exports.Messages,
-    {
-      components: {
-        UserMessage: components?.UserMessage ?? user_message_default,
-        EditComposer: components?.EditComposer ?? edit_composer_default,
-        AssistantMessage: components?.AssistantMessage ?? assistant_message_default,
-        SystemMessage: components?.SystemMessage ?? SystemMessage
-      },
-      ...rest
-    }
-  );
+var ThreadMessages = ({ components, unstable_flexGrowDiv: flexGrowDiv = true, ...rest }) => {
+  return /* @__PURE__ */ jsxs13(Fragment6, { children: [
+    /* @__PURE__ */ jsx49(
+      thread_exports.Messages,
+      {
+        components: {
+          UserMessage: components?.UserMessage ?? user_message_default,
+          EditComposer: components?.EditComposer ?? edit_composer_default,
+          AssistantMessage: components?.AssistantMessage ?? assistant_message_default,
+          SystemMessage: components?.SystemMessage ?? SystemMessage
+        },
+        ...rest
+      }
+    ),
+    flexGrowDiv && /* @__PURE__ */ jsx49(thread_exports.If, { empty: false, children: /* @__PURE__ */ jsx49("div", { style: { flexGrow: 1 } }) })
+  ] });
 };
 ThreadMessages.displayName = "ThreadMessages";
+var ThreadFollowupSuggestions = () => {
+  const suggestions = useThread((t) => t.suggestions);
+  return /* @__PURE__ */ jsx49(thread_exports.If, { empty: false, running: false, children: /* @__PURE__ */ jsx49("div", { className: "aui-thread-followup-suggestions", children: suggestions?.map((suggestion, idx) => /* @__PURE__ */ jsx49(
+    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,13 +5995,14 @@ var exports12 = {
   Root: ThreadRoot,
   Viewport: ThreadViewport,
   Messages: ThreadMessages,
+  FollowupSuggestions: ThreadFollowupSuggestions,
   ScrollToBottom: ThreadScrollToBottom,
   ViewportFooter: ThreadViewportFooter
 };
 var thread_default = Object.assign(Thread, exports12);
 
 // src/ui/assistant-modal.tsx
-import { Fragment as Fragment6, jsx as jsx50, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx50, jsxs as jsxs14 } from "react/jsx-runtime";
 var AssistantModal = (config) => {
   return /* @__PURE__ */ jsxs14(AssistantModalRoot, { config, children: [
     /* @__PURE__ */ jsx50(AssistantModalTrigger, {}),
@@ -6009,7 +6048,7 @@ var AssistantModalButton = forwardRef32(({ "data-state": state, ...rest }, ref)
       "data-state": state,
       ...rest,
       ref,
-      children: rest.children ?? /* @__PURE__ */ jsxs14(Fragment6, { children: [
+      children: rest.children ?? /* @__PURE__ */ jsxs14(Fragment7, { children: [
         /* @__PURE__ */ jsx50(
           BotIcon,
           {