@assistant-ui/react 0.5.52 → 0.5.53

package/dist/index.mjs

@@ -373,7 +373,8 @@ var fromCoreMessages = (message) => {
 };
 var fromCoreMessage = (message, {
   id = generateId(),
-  status = { type: "complete", reason: "unknown" }
+  status = { type: "complete", reason: "unknown" },
+  attachments = []
 } = {}) => {
   const commonProps = {
     id,
@@ -401,7 +402,7 @@ var fromCoreMessage = (message, {
         ...commonProps,
         role,
         content: message.content,
-        attachments: []
+        attachments
       };
     case "system":
       return {
@@ -1218,20 +1219,16 @@ var LocalThreadRuntime = class {
     this.notifySubscribers();
   }
   async append(message) {
-    if (message.role !== "user")
-      throw new Error(
-        "Only appending user messages are supported in LocalRuntime. This is likely an internal bug in assistant-ui."
-      );
-    const userMessageId = generateId();
-    const userMessage = {
-      id: userMessageId,
-      role: "user",
-      content: message.content,
-      attachments: message.attachments ?? [],
-      createdAt: /* @__PURE__ */ new Date()
-    };
-    this.repository.addOrUpdateMessage(message.parentId, userMessage);
-    await this.startRun(userMessageId);
+    const newMessage = fromCoreMessage(message, {
+      attachments: message.attachments
+    });
+    this.repository.addOrUpdateMessage(message.parentId, newMessage);
+    if (message.role === "user") {
+      await this.startRun(newMessage.id);
+    } else {
+      this.repository.resetHead(newMessage.id);
+      this.notifySubscribers();
+    }
   }
   async startRun(parentId) {
     this.repository.resetHead(parentId);
@@ -2506,11 +2503,8 @@ var useActionBarCopy = ({
 // src/primitive-hooks/actionBar/useActionBarEdit.tsx
 import { useCallback as useCallback4 } from "react";
 var useActionBarEdit = () => {
-  const { useMessage, useEditComposer } = useMessageContext();
-  const disabled = useCombinedStore(
-    [useMessage, useEditComposer],
-    (m, c) => m.message.role !== "user" || c.isEditing
-  );
+  const { useEditComposer } = useMessageContext();
+  const disabled = useEditComposer((c) => c.isEditing);
   const callback = useCallback4(() => {
     const { edit } = useEditComposer.getState();
     edit();
@@ -3233,6 +3227,8 @@ var getContentPartState = ({ message }, useContentPart, partIndex) => {
     } 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 = useContentPart?.getState();
@@ -3335,8 +3331,8 @@ var defaultComponents = {
 };
 var MessageContentPartComponent = ({
   components: {
-    Empty = defaultComponents.Text,
     Text: Text2 = defaultComponents.Text,
+    Empty,
     Image: Image2 = defaultComponents.Image,
     UI = defaultComponents.UI,
     tools: { by_name = {}, Fallback: Fallback2 = void 0 } = {}
@@ -3352,7 +3348,9 @@ var MessageContentPartComponent = ({
     case "text":
       if (status.type === "requires-action")
         throw new Error("Encountered unexpected requires-action status");
-      if (part === EMPTY_CONTENT) return /* @__PURE__ */ jsx23(Empty, { part, status });
+      if (part === EMPTY_CONTENT && !!Empty) {
+        return /* @__PURE__ */ jsx23(Empty, { status });
+      }
       return /* @__PURE__ */ jsx23(Text2, { part, status });
     case "image":
       if (status.type === "requires-action")
@@ -4055,19 +4053,11 @@ var useMessageContext2 = (messageIndex) => {
     const useEditComposer = makeEditComposerStore({
       onEdit: () => {
         const message = useMessage.getState().message;
-        if (message.role !== "user")
-          throw new Error(
-            "Tried to edit a non-user message. Editing is only supported for user messages. This is likely an internal bug in assistant-ui."
-          );
         const text = getThreadMessageText(message);
         return text;
       },
       onSend: (text) => {
         const { message, parentId } = useMessage.getState();
-        if (message.role !== "user")
-          throw new Error(
-            "Tried to edit a non-user message. Editing is only supported for user messages. This is likely an internal bug in assistant-ui."
-          );
         const previousText = getThreadMessageText(message);
         if (previousText === text) return;
         const nonTextParts = message.content.filter(
@@ -4075,7 +4065,7 @@ var useMessageContext2 = (messageIndex) => {
         );
         useThreadActions.getState().append({
           parentId,
-          role: "user",
+          role: message.role,
           content: [{ type: "text", text }, ...nonTextParts],
           attachments: message.attachments
         });
@@ -4108,33 +4098,54 @@ var MessageProvider = ({
 };
 
 // src/primitives/thread/ThreadMessages.tsx
-import { jsx as jsx34, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
+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 getComponents = (components) => {
-  return {
-    EditComposer: components.EditComposer ?? components.UserMessage ?? components.Message,
-    UserMessage: components.UserMessage ?? components.Message,
-    AssistantMessage: components.AssistantMessage ?? components.Message,
-    SystemMessage: components.SystemMessage ?? DEFAULT_SYSTEM_MESSAGE
-  };
+var getComponent3 = (components, role, isEditing) => {
+  switch (role) {
+    case "user":
+      if (isEditing) {
+        return components.UserEditComposer ?? components.EditComposer ?? components.UserMessage ?? components.Message;
+      } else {
+        return components.UserMessage ?? components.Message;
+      }
+    case "assistant":
+      if (isEditing) {
+        return components.AssistantEditComposer ?? components.EditComposer ?? components.AssistantMessage ?? components.Message;
+      } else {
+        return components.AssistantMessage ?? components.Message;
+      }
+    case "system":
+      if (isEditing) {
+        return components.SystemEditComposer ?? components.EditComposer ?? components.SystemMessage ?? components.Message;
+      } else {
+        return components.SystemMessage ?? DEFAULT_SYSTEM_MESSAGE;
+      }
+    default:
+      const _exhaustiveCheck = role;
+      throw new Error(`Unknown message role: ${_exhaustiveCheck}`);
+  }
+};
+var ThreadMessageComponent = ({
+  components
+}) => {
+  const { useMessage, useEditComposer } = useMessageContext();
+  const role = useMessage((m) => m.message.role);
+  const isEditing = useEditComposer((c) => c.isEditing);
+  const Component = getComponent3(components, role, isEditing);
+  return /* @__PURE__ */ jsx34(Component, {});
 };
 var ThreadMessageImpl = ({
   messageIndex,
   components
 }) => {
-  const { UserMessage: UserMessage2, EditComposer: EditComposer2, AssistantMessage: AssistantMessage2, SystemMessage: SystemMessage2 } = getComponents(components);
-  return /* @__PURE__ */ jsxs4(MessageProvider, { messageIndex, children: [
-    /* @__PURE__ */ jsxs4(MessagePrimitiveIf, { user: true, children: [
-      /* @__PURE__ */ jsx34(ComposerPrimitiveIf, { editing: false, children: /* @__PURE__ */ jsx34(UserMessage2, {}) }),
-      /* @__PURE__ */ jsx34(ComposerPrimitiveIf, { editing: true, children: /* @__PURE__ */ jsx34(EditComposer2, {}) })
-    ] }),
-    /* @__PURE__ */ jsx34(MessagePrimitiveIf, { assistant: true, children: /* @__PURE__ */ jsx34(AssistantMessage2, {}) }),
-    /* @__PURE__ */ jsx34(MessagePrimitiveIf, { system: true, children: /* @__PURE__ */ jsx34(SystemMessage2, {}) })
-  ] });
+  return /* @__PURE__ */ jsx34(MessageProvider, { messageIndex, children: /* @__PURE__ */ jsx34(ThreadMessageComponent, { components }) });
 };
 var ThreadMessage = memo5(
   ThreadMessageImpl,
-  (prev, next) => prev.messageIndex === next.messageIndex && prev.components.Message === next.components.Message && prev.components.UserMessage === next.components.UserMessage && prev.components.EditComposer === next.components.EditComposer && prev.components.AssistantMessage === next.components.AssistantMessage && prev.components.SystemMessage === next.components.SystemMessage
+  (prev, next) => prev.messageIndex === next.messageIndex && isComponentsSame(prev.components, next.components)
 );
 var ThreadPrimitiveMessagesImpl = ({
   components
@@ -4147,7 +4158,7 @@ var ThreadPrimitiveMessagesImpl = ({
 ThreadPrimitiveMessagesImpl.displayName = "ThreadPrimitive.Messages";
 var ThreadPrimitiveMessages = memo5(
   ThreadPrimitiveMessagesImpl,
-  (prev, next) => prev.components?.Message === next.components?.Message && prev.components?.UserMessage === next.components?.UserMessage && prev.components?.EditComposer === next.components?.EditComposer && prev.components?.AssistantMessage === next.components?.AssistantMessage && prev.components?.SystemMessage === next.components?.SystemMessage
+  (prev, next) => isComponentsSame(prev.components, next.components)
 );
 
 // src/primitives/thread/ThreadScrollToBottom.tsx
@@ -4198,7 +4209,7 @@ import {
   RefreshCwIcon,
   StopCircleIcon
 } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx36, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx36, jsxs as jsxs4 } from "react/jsx-runtime";
 var useAllowCopy = (ensureCapability = false) => {
   const { assistantMessage: { allowCopy = true } = {} } = useThreadConfig();
   const { useThread } = useThreadContext();
@@ -4222,7 +4233,7 @@ var AssistantActionBar = () => {
   const allowReload = useAllowReload(true);
   const allowSpeak = useAllowSpeak(true);
   if (!allowCopy && !allowReload && !allowSpeak) return null;
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(
     AssistantActionBarRoot,
     {
       hideWhenRunning: true,
@@ -4247,14 +4258,14 @@ var AssistantActionBarCopy = forwardRef19((props, ref) => {
       assistantMessage: { copy: { tooltip = "Copy" } = {} } = {}
     } = {}
   } = useThreadConfig();
-  return /* @__PURE__ */ jsx36(actionBar_exports.Copy, { asChild: true, children: /* @__PURE__ */ jsx36(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsxs5(Fragment4, { children: [
+  return /* @__PURE__ */ jsx36(actionBar_exports.Copy, { asChild: true, children: /* @__PURE__ */ jsx36(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsxs4(Fragment4, { children: [
     /* @__PURE__ */ jsx36(message_exports.If, { copied: true, children: /* @__PURE__ */ jsx36(CheckIcon, {}) }),
     /* @__PURE__ */ jsx36(message_exports.If, { copied: false, children: /* @__PURE__ */ jsx36(CopyIcon, {}) })
   ] }) }) });
 });
 AssistantActionBarCopy.displayName = "AssistantActionBarCopy";
 var AssistantActionBarSpeechControl = () => {
-  return /* @__PURE__ */ jsxs5(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
     /* @__PURE__ */ jsx36(message_exports.If, { speaking: false, children: /* @__PURE__ */ jsx36(AssistantActionBarSpeak, {}) }),
     /* @__PURE__ */ jsx36(message_exports.If, { speaking: true, children: /* @__PURE__ */ jsx36(AssistantActionBarStopSpeaking, {}) })
   ] });
@@ -4310,7 +4321,7 @@ import { forwardRef as forwardRef21, useMemo as useMemo5 } from "react";
 // src/ui/branch-picker.tsx
 import { forwardRef as forwardRef20 } from "react";
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs5 } from "react/jsx-runtime";
 var useAllowBranchPicker = (ensureCapability = false) => {
   const { branchPicker: { allowBranchPicker = true } = {} } = useThreadConfig();
   const { useThread } = useThreadContext();
@@ -4320,7 +4331,7 @@ var useAllowBranchPicker = (ensureCapability = false) => {
 var BranchPicker = () => {
   const allowBranchPicker = useAllowBranchPicker();
   if (!allowBranchPicker) return null;
-  return /* @__PURE__ */ jsxs6(BranchPickerRoot, { hideWhenSingleBranch: true, children: [
+  return /* @__PURE__ */ jsxs5(BranchPickerRoot, { hideWhenSingleBranch: true, children: [
     /* @__PURE__ */ jsx37(BranchPickerPrevious2, {}),
     /* @__PURE__ */ jsx37(BranchPickerState, {}),
     /* @__PURE__ */ jsx37(BranchPickerNext, {})
@@ -4345,7 +4356,7 @@ var BranchPickerStateWrapper = withDefaults("span", {
   className: "aui-branch-picker-state"
 });
 var BranchPickerState = forwardRef20((props, ref) => {
-  return /* @__PURE__ */ jsxs6(BranchPickerStateWrapper, { ...props, ref, children: [
+  return /* @__PURE__ */ jsxs5(BranchPickerStateWrapper, { ...props, ref, children: [
     /* @__PURE__ */ jsx37(branchPicker_exports.Number, {}),
     " / ",
     /* @__PURE__ */ jsx37(branchPicker_exports.Count, {})
@@ -4369,10 +4380,10 @@ var branch_picker_default = Object.assign(BranchPicker, exports2);
 
 // src/ui/base/avatar.tsx
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx38, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs6 } from "react/jsx-runtime";
 var Avatar = ({ src, alt, fallback }) => {
   if (src == null && fallback == null) return null;
-  return /* @__PURE__ */ jsxs7(AvatarRoot, { children: [
+  return /* @__PURE__ */ jsxs6(AvatarRoot, { children: [
     src != null && /* @__PURE__ */ jsx38(AvatarImage, { src, alt }),
     fallback != null && /* @__PURE__ */ jsx38(AvatarFallback, { children: fallback })
   ] });
@@ -4411,9 +4422,9 @@ var exports3 = { Text: withSmoothContextProvider(Text) };
 var content_part_default = exports3;
 
 // src/ui/assistant-message.tsx
-import { jsx as jsx40, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs7 } from "react/jsx-runtime";
 var AssistantMessage = () => {
-  return /* @__PURE__ */ jsxs8(AssistantMessageRoot, { children: [
+  return /* @__PURE__ */ jsxs7(AssistantMessageRoot, { children: [
     /* @__PURE__ */ jsx40(AssistantMessageAvatar, {}),
     /* @__PURE__ */ jsx40(AssistantMessageContent, {}),
     /* @__PURE__ */ jsx40(branch_picker_default, {}),
@@ -4501,7 +4512,7 @@ CircleStopIcon.displayName = "CircleStopIcon";
 // src/ui/composer-attachment.tsx
 import { forwardRef as forwardRef22 } from "react";
 import { CircleXIcon } from "lucide-react";
-import { jsx as jsx42, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs8 } from "react/jsx-runtime";
 var ComposerAttachmentRoot = withDefaults("div", {
   className: "aui-composer-attachment-root"
 });
@@ -4509,7 +4520,7 @@ ComposerAttachmentRoot.displayName = "ComposerAttachmentRoot";
 var ComposerAttachment2 = () => {
   const { useAttachment } = useAttachmentContext({ type: "composer" });
   const attachment = useAttachment((a) => a.attachment);
-  return /* @__PURE__ */ jsxs9(ComposerAttachmentRoot, { children: [
+  return /* @__PURE__ */ jsxs8(ComposerAttachmentRoot, { children: [
     ".",
     attachment.name.split(".").pop(),
     /* @__PURE__ */ jsx42(ComposerAttachmentRemove, {})
@@ -4551,7 +4562,7 @@ var composer_attachment_default = Object.assign(
 );
 
 // src/ui/composer.tsx
-import { Fragment as Fragment5, jsx as jsx43, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx43, jsxs as jsxs9 } from "react/jsx-runtime";
 var useAllowAttachments = (ensureCapability = false) => {
   const { composer: { allowAttachments = true } = {} } = useThreadConfig();
   const { useThread } = useThreadContext();
@@ -4560,7 +4571,7 @@ var useAllowAttachments = (ensureCapability = false) => {
 };
 var Composer = () => {
   const allowAttachments = useAllowAttachments(true);
-  return /* @__PURE__ */ jsxs10(ComposerRoot, { children: [
+  return /* @__PURE__ */ jsxs9(ComposerRoot, { children: [
     allowAttachments && /* @__PURE__ */ jsx43(ComposerAttachments, {}),
     allowAttachments && /* @__PURE__ */ jsx43(ComposerAddAttachment, {}),
     /* @__PURE__ */ jsx43(ComposerInput, { autoFocus: true }),
@@ -4633,7 +4644,7 @@ var useAllowCancel = () => {
 var ComposerAction = () => {
   const allowCancel = useAllowCancel();
   if (!allowCancel) return /* @__PURE__ */ jsx43(ComposerSend, {});
-  return /* @__PURE__ */ jsxs10(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs9(Fragment5, { children: [
     /* @__PURE__ */ jsx43(thread_exports.If, { running: false, children: /* @__PURE__ */ jsx43(ComposerSend, {}) }),
     /* @__PURE__ */ jsx43(thread_exports.If, { running: true, children: /* @__PURE__ */ jsx43(ComposerCancel, {}) })
   ] });
@@ -4674,10 +4685,10 @@ var composer_default = Object.assign(Composer, exports6);
 
 // src/ui/thread-welcome.tsx
 import { forwardRef as forwardRef24 } from "react";
-import { jsx as jsx44, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs10 } from "react/jsx-runtime";
 var ThreadWelcome = () => {
-  return /* @__PURE__ */ jsxs11(ThreadWelcomeRoot, { children: [
-    /* @__PURE__ */ jsxs11(ThreadWelcomeCenter, { children: [
+  return /* @__PURE__ */ jsxs10(ThreadWelcomeRoot, { children: [
+    /* @__PURE__ */ jsxs10(ThreadWelcomeCenter, { children: [
       /* @__PURE__ */ jsx44(ThreadWelcomeAvatar, {}),
       /* @__PURE__ */ jsx44(ThreadWelcomeMessage, {})
     ] }),
@@ -4784,7 +4795,7 @@ var exports8 = {
 var user_action_bar_default = Object.assign(UserActionBar, exports8);
 
 // src/ui/user-message-attachment.tsx
-import { jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsxs as jsxs11 } from "react/jsx-runtime";
 var UserMessageAttachmentRoot = withDefaults("div", {
   className: "aui-user-message-attachment-root"
 });
@@ -4792,7 +4803,7 @@ UserMessageAttachmentRoot.displayName = "UserMessageAttachmentRoot";
 var UserMessageAttachment = () => {
   const { useAttachment } = useAttachmentContext();
   const attachment = useAttachment((a) => a.attachment);
-  return /* @__PURE__ */ jsxs12(UserMessageAttachmentRoot, { children: [
+  return /* @__PURE__ */ jsxs11(UserMessageAttachmentRoot, { children: [
     ".",
     attachment.name.split(".").pop()
   ] });
@@ -4807,9 +4818,9 @@ var user_message_attachment_default = Object.assign(
 );
 
 // src/ui/user-message.tsx
-import { jsx as jsx46, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs12 } from "react/jsx-runtime";
 var UserMessage = () => {
-  return /* @__PURE__ */ jsxs13(UserMessageRoot, { children: [
+  return /* @__PURE__ */ jsxs12(UserMessageRoot, { children: [
     /* @__PURE__ */ jsx46(UserMessageAttachments, {}),
     /* @__PURE__ */ jsx46(user_action_bar_default, {}),
     /* @__PURE__ */ jsx46(UserMessageContent, {}),
@@ -4863,11 +4874,11 @@ var user_message_default = Object.assign(UserMessage, exports10);
 
 // src/ui/edit-composer.tsx
 import { forwardRef as forwardRef27 } from "react";
-import { jsx as jsx47, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs13 } from "react/jsx-runtime";
 var EditComposer = () => {
-  return /* @__PURE__ */ jsxs14(EditComposerRoot, { children: [
+  return /* @__PURE__ */ jsxs13(EditComposerRoot, { children: [
     /* @__PURE__ */ jsx47(EditComposerInput, {}),
-    /* @__PURE__ */ jsxs14(EditComposerFooter, { children: [
+    /* @__PURE__ */ jsxs13(EditComposerFooter, { children: [
       /* @__PURE__ */ jsx47(EditComposerCancel, {}),
       /* @__PURE__ */ jsx47(EditComposerSend, {})
     ] })
@@ -4916,12 +4927,12 @@ var exports11 = {
 var edit_composer_default = Object.assign(EditComposer, exports11);
 
 // src/ui/thread.tsx
-import { jsx as jsx48, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs14 } from "react/jsx-runtime";
 var Thread = (config) => {
-  return /* @__PURE__ */ jsx48(ThreadRoot, { config, children: /* @__PURE__ */ jsxs15(ThreadViewport, { children: [
+  return /* @__PURE__ */ jsx48(ThreadRoot, { config, children: /* @__PURE__ */ jsxs14(ThreadViewport, { children: [
     /* @__PURE__ */ jsx48(thread_welcome_default, {}),
     /* @__PURE__ */ jsx48(ThreadMessages, {}),
-    /* @__PURE__ */ jsxs15(ThreadViewportFooter, { children: [
+    /* @__PURE__ */ jsxs14(ThreadViewportFooter, { children: [
       /* @__PURE__ */ jsx48(ThreadScrollToBottom, {}),
       /* @__PURE__ */ jsx48(composer_default, {})
     ] })
@@ -4983,9 +4994,9 @@ var exports12 = {
 var thread_default = Object.assign(Thread, exports12);
 
 // src/ui/assistant-modal.tsx
-import { Fragment as Fragment6, jsx as jsx49, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx49, jsxs as jsxs15 } from "react/jsx-runtime";
 var AssistantModal = (config) => {
-  return /* @__PURE__ */ jsxs16(AssistantModalRoot, { config, children: [
+  return /* @__PURE__ */ jsxs15(AssistantModalRoot, { config, children: [
     /* @__PURE__ */ jsx49(AssistantModalTrigger, {}),
     /* @__PURE__ */ jsx49(AssistantModalContent, { children: /* @__PURE__ */ jsx49(thread_default, {}) })
   ] });
@@ -5029,7 +5040,7 @@ var AssistantModalButton = forwardRef29(({ "data-state": state, ...rest }, ref)
       "data-state": state,
       ...rest,
       ref,
-      children: rest.children ?? /* @__PURE__ */ jsxs16(Fragment6, { children: [
+      children: rest.children ?? /* @__PURE__ */ jsxs15(Fragment6, { children: [
         /* @__PURE__ */ jsx49(
           BotIcon,
           {