@zero-library/chat-agent 2.1.12 → 2.1.14

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import { useRefState, useDebounce, useSyncInput, RenderWrapper, shouldRender, isFunction, useDeepEffect, useWebSocket, getWebSocketUrl, getToken, isLocalhost, downloadFile, FilePreview, MarkdownEditor, useCreateValtioContext, isNumber, getFileSuffixName, isObject, isNullOrUnDef, isBoolean, UserAvatar, deepCopy, getCurrentUser, deepMerge, createRequest, RenderMarkdown, copyText, FileIcon, isExternal } from '@zero-library/common';
-import { App, Badge, Button, Flex, Typography, Spin, Splitter, Tag, Popover, List, Avatar, Space, message, Empty, Collapse, Modal, Row, Col, Drawer } from 'antd';
+import { App, Badge, Button, Flex, Typography, Spin, Splitter, Tag, Popover, List, Avatar, Space, message, Empty, Modal, Row, Col, Collapse, Drawer } from 'antd';
 import dayjs from 'dayjs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useRef, useEffect, useImperativeHandle, useMemo, useState } from 'react';
@@ -7,7 +7,7 @@ import { useSnapshot, proxy } from 'valtio';
 import { CloudUploadOutlined, PaperClipOutlined, EnterOutlined, UserSwitchOutlined, CloseOutlined, PlusOutlined, CommentOutlined, OpenAIOutlined, CopyOutlined, LikeOutlined, DislikeOutlined, DeleteOutlined, RedoOutlined, PlayCircleOutlined, CaretRightOutlined } from '@ant-design/icons';
 import { Attachments, Sender, Suggestion, XProvider, Welcome, Prompts, Bubble, Conversations } from '@ant-design/x';
 export * from '@ant-design/x';
-import classNames9 from 'classnames';
+import classNames8 from 'classnames';
 import InfiniteScroll from 'react-infinite-scroll-component';
 
 var __defProp = Object.defineProperty;
@@ -36,7 +36,7 @@ function transform(source, fieldMap) {
 function transforms(sources, fieldMap) {
   return sources?.map((source) => transform(source, fieldMap)) || [];
 }
-var copy, classifyTime;
+var copy, classifyTime, replaceThinkTags;
 var init_utils = __esm({
   "src/core/utils.ts"() {
     copy = (value) => {
@@ -61,6 +61,9 @@ var init_utils = __esm({
         return "\u66F4\u65E9";
       }
     };
+    replaceThinkTags = (str) => {
+      return str.replace(/<think>/g, ":::alert type=think data={content:'").replace(/<\/think>/g, "'} :::");
+    };
   }
 });
 var ChatProvider, useChatStore;
@@ -81,7 +84,8 @@ var init_styles_module = __esm({
       fileEditHeader: "styles_module_fileEditHeader",
       fileEditContent: "styles_module_fileEditContent",
       quoteList: "styles_module_quoteList",
-      mdEdit: "styles_module_mdEdit"
+      mdEdit: "styles_module_mdEdit",
+      think: "styles_module_think"
     };
   }
 });
@@ -99,7 +103,7 @@ var init_AppCard = __esm({
     AppCard_default = ({ data, loading }) => {
       const chatStore = useChatStore();
       const onClick = () => {
-        chatStore.switchAgentConversation(`${data.appKey}:${data.agentKey}`);
+        chatStore.switchAgentConversation(data.appKey);
       };
       return /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxs(Flex, { vertical: true, gap: 4, align: "center", className: styles_module_default.appCard, onClick, children: [
         /* @__PURE__ */ jsx("img", { src: data.iconUrl }),
@@ -290,6 +294,36 @@ var init_QuoteList = __esm({
   }
 });
 
+// src/ui/common/markdownAlert/Think.tsx
+var Think_exports = {};
+__export(Think_exports, {
+  default: () => Think_default
+});
+var Think_default;
+var init_Think = __esm({
+  "src/ui/common/markdownAlert/Think.tsx"() {
+    init_styles_module();
+    Think_default = ({ data, loading }) => {
+      return /* @__PURE__ */ jsx(
+        Collapse,
+        {
+          className: styles_module_default.think,
+          ghost: true,
+          size: "small",
+          defaultActiveKey: ["think"],
+          items: [
+            {
+              key: "think",
+              label: loading ? "\u4ED4\u7EC6\u601D\u8003\u4E2D..." : "\u601D\u8003\u8FC7\u7A0B",
+              children: /* @__PURE__ */ jsx(RenderMarkdown, { content: data.content })
+            }
+          ]
+        }
+      );
+    };
+  }
+});
+
 // src/stores/index.ts
 init_utils();
 
@@ -553,8 +587,8 @@ function createChatStore() {
       character.loading = true;
       const { data } = await config.services.request.agentCharacterQuery(agentId);
       if (receiver.active.id !== agentId) return;
-      character.list = data;
-      const active = data.find((item) => item.selected);
+      character.list = data || [];
+      const active = character.list.find((item) => item.selected);
       if (active) {
         character.active = active;
       }
@@ -903,6 +937,13 @@ function createChatStore() {
     conversation.messages[msg.conversationId].loading = false;
     getQuestionList(msg.conversationId, msg.id);
   };
+  const errCallback = (msg) => {
+    const messages = conversation.messages[msg.conversationId].message;
+    const idx = findMsgIndex(msg.conversationId, msg.id);
+    if (idx === -1) return;
+    messages[idx] = { ...msg, type: void 0 };
+    conversation.messages[msg.conversationId].loading = false;
+  };
   const acceptMessage = (newMessage) => {
     const conversationId = newMessage.data.conversationId;
     if (!conversation.messages[conversationId]?.message) return;
@@ -919,6 +960,9 @@ function createChatStore() {
       case "TEXT_MESSAGE_END":
         endCallback(newMessage.data);
         break;
+      case "RUN_ERROR":
+        errCallback(newMessage.data);
+        break;
     }
   };
   return {
@@ -958,6 +1002,9 @@ function createChatStore() {
 // src/ui/layouts/index.tsx
 init_Context();
 
+// src/components/MessageRender.tsx
+init_utils();
+
 // src/ui/common/markdownAlert/index.ts
 var customComponents = {
   appCard: () => Promise.resolve().then(() => (init_AppCard(), AppCard_exports)),
@@ -965,18 +1012,27 @@ var customComponents = {
   indexQuote: () => Promise.resolve().then(() => (init_IndexQuote(), IndexQuote_exports)),
   mdEdit: () => Promise.resolve().then(() => (init_MdEdit(), MdEdit_exports)),
   fileEdit: () => Promise.resolve().then(() => (init_FileEdit(), FileEdit_exports)),
-  quoteList: () => Promise.resolve().then(() => (init_QuoteList(), QuoteList_exports))
+  quoteList: () => Promise.resolve().then(() => (init_QuoteList(), QuoteList_exports)),
+  think: () => Promise.resolve().then(() => (init_Think(), Think_exports))
 };
 
 // src/components/styles.module.less
 var styles_module_default2 = {
+  loadingMessage: "styles_module_loadingMessage",
   chatAttachments: "styles_module_chatAttachments",
   chatSender: "styles_module_chatSender",
   chatQuoteMsg: "styles_module_chatQuoteMsg"
 };
 var MessageRender_default = ({ message: message3, placement }) => {
-  return /* @__PURE__ */ jsxs(Flex, { vertical: true, children: [
-    message3.msgContent && /* @__PURE__ */ jsx(Bubble, { placement, content: /* @__PURE__ */ jsx(RenderMarkdown, { content: message3.msgContent, customComponents }) }),
+  return /* @__PURE__ */ jsx(Flex, { vertical: true, children: !(message3.msgContent || message3.msgFiles.length) ? /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(Spin, { size: "small" }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    message3.msgContent && /* @__PURE__ */ jsx(
+      Bubble,
+      {
+        placement,
+        className: classNames8({ [styles_module_default2.loadingMessage]: message3.type }),
+        content: /* @__PURE__ */ jsx(RenderMarkdown, { content: replaceThinkTags(message3.msgContent), customComponents })
+      }
+    ),
     message3.msgFiles?.map((file) => /* @__PURE__ */ jsx(
       Bubble,
       {
@@ -1000,7 +1056,7 @@ var MessageRender_default = ({ message: message3, placement }) => {
     message3.quoteMsg?.id && /* @__PURE__ */ jsx(
       Bubble,
       {
-        className: classNames9(styles_module_default2.chatQuoteMsg),
+        className: classNames8(styles_module_default2.chatQuoteMsg),
         placement,
         content: /* @__PURE__ */ jsxs(Flex, { vertical: true, gap: 8, children: [
           message3.quoteMsg.msgContent && /* @__PURE__ */ jsxs(Flex, { children: [
@@ -1024,7 +1080,7 @@ var MessageRender_default = ({ message: message3, placement }) => {
         ] })
       }
     )
-  ] });
+  ] }) });
 };
 
 // src/core/constants.ts
@@ -1040,7 +1096,6 @@ init_Context();
 
 // src/ui/common/styles.module.less
 var styles_module_default3 = {
-  loadingMessage: "styles_module_loadingMessage",
   nsConversationListPanel: "styles_module_nsConversationListPanel",
   nsConversations: "styles_module_nsConversations",
   nsBubbleList: "styles_module_nsBubbleList",
@@ -1064,68 +1119,6 @@ var styles_module_default3 = {
   nsAvatarListItemIconActive: "styles_module_nsAvatarListItemIconActive",
   nsAvatarListItemName: "styles_module_nsAvatarListItemName"
 };
-function extractThinkContent(content) {
-  let main = content;
-  const thinkContents = [];
-  let buffer = "";
-  const regex = /<think>(.*?)<\/think>/gs;
-  for (const match of content.matchAll(regex)) {
-    const thinkText = match[1].trim();
-    thinkContents.push(thinkText);
-    main = main.replace(match[0], "");
-  }
-  const lastStart = content.lastIndexOf("<think>");
-  const lastEnd = content.lastIndexOf("</think>");
-  if (lastStart > lastEnd) {
-    buffer = content.slice(lastStart).replace("<think>", "");
-    main = main.slice(0, lastStart);
-  }
-  return { mainContent: main, thinkContents, thinkBuffer: buffer };
-}
-function renderMarkdownPanel(content, label, key) {
-  return {
-    key,
-    label,
-    children: /* @__PURE__ */ jsx(RenderMarkdown, { content, customComponents })
-  };
-}
-var MessageAIRender_default = ({ message: message3, placement }) => {
-  const { mainContent, thinkContents, thinkBuffer } = useMemo(() => {
-    if (!message3?.msgContent) return { mainContent: "", thinkContents: [], thinkBuffer: "" };
-    return extractThinkContent(message3.msgContent);
-  }, [message3?.msgContent]);
-  if (!message3.msgContent) {
-    return /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(Spin, { size: "small" }) });
-  }
-  return /* @__PURE__ */ jsx(Flex, { vertical: true, children: /* @__PURE__ */ jsx(
-    Bubble,
-    {
-      placement,
-      className: classNames9({ [styles_module_default3.loadingMessage]: message3.type && message3.type !== "TEXT_MESSAGE_END" }),
-      content: /* @__PURE__ */ jsxs(Fragment, { children: [
-        thinkContents.length > 0 && /* @__PURE__ */ jsx(
-          Collapse,
-          {
-            ghost: true,
-            size: "small",
-            defaultActiveKey: thinkContents.map((_, i) => `think-${i}`),
-            items: thinkContents.map((content, index) => renderMarkdownPanel(content, `\u601D\u8003\u8FC7\u7A0B`, `think-${index}`))
-          }
-        ),
-        thinkBuffer && /* @__PURE__ */ jsx(
-          Collapse,
-          {
-            ghost: true,
-            size: "small",
-            defaultActiveKey: ["buffer-think"],
-            items: [renderMarkdownPanel(thinkBuffer, "\u4ED4\u7EC6\u601D\u8003\u4E2D...", "buffer-think")]
-          }
-        ),
-        /* @__PURE__ */ jsx(RenderMarkdown, { content: mainContent, customComponents })
-      ] })
-    }
-  ) });
-};
 var BubbleListItems_default = ({ firstMessage = false, avatar = { user: false, agent: true, other: true } }) => {
   const chatStore = useChatStore();
   const receiverState = useSnapshot(chatStore.receiver);
@@ -1174,7 +1167,7 @@ var BubbleListItems_default = ({ firstMessage = false, avatar = { user: false, a
           /* @__PURE__ */ jsx(
             Welcome,
             {
-              className: classNames9(styles_module_default3.chatWelcome, "p-t-32"),
+              className: classNames8(styles_module_default3.chatWelcome, "p-t-32"),
               variant: "borderless",
               icon: /* @__PURE__ */ jsx(Avatar, { shape: "square", size: 58, src: receiverState.active.logo }),
               title: `\u4F60\u597D\uFF0C\u6211\u662F${receiverState.active.name || ""}`,
@@ -1192,7 +1185,7 @@ var BubbleListItems_default = ({ firstMessage = false, avatar = { user: false, a
                   label: "\u{1F914} \u63A8\u8350\u95EE\u9898:",
                   children: receiverState.active.config.recommendQuestions.map(({ question }) => ({
                     key: question,
-                    description: /* @__PURE__ */ jsx("span", { onClick: () => chatStore.sendMessage(question), className: classNames9(styles_module_default3.chatWelcomePrompts, "text-ellipsis"), children: question })
+                    description: /* @__PURE__ */ jsx("span", { onClick: () => chatStore.sendMessage(question), className: classNames8(styles_module_default3.chatWelcomePrompts, "text-ellipsis"), children: question })
                   }))
                 }
               ]
@@ -1238,8 +1231,7 @@ var BubbleListItems_default = ({ firstMessage = false, avatar = { user: false, a
         placement: role.placement,
         variant: "borderless",
         avatar: role.avatar,
-        content: role.user === "agent" ? /* @__PURE__ */ jsx(MessageAIRender_default, { message: message3, placement: role.placement }) : /* @__PURE__ */ jsx(MessageRender_default, { message: message3, placement: role.placement }),
-        // loadingRender: () => <Spin size="small" />,
+        content: /* @__PURE__ */ jsx(MessageRender_default, { message: message3, placement: role.placement }),
         footer: role.user === "agent" && /* @__PURE__ */ jsxs(Flex, { children: [
           /* @__PURE__ */ jsx(Button, { onClick: () => copy(message3.msgContent), color: "default", variant: "text", size: "small", icon: /* @__PURE__ */ jsx(CopyOutlined, {}) }),
           /* @__PURE__ */ jsx(
@@ -1325,7 +1317,7 @@ var BubbleListItems_default = ({ firstMessage = false, avatar = { user: false, a
       autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames9(styles_module_default3.nsBubbleList, "height-full", "scroll-fade-in", "zero-chat-bubbles"),
+      className: classNames8(styles_module_default3.nsBubbleList, "height-full", "scroll-fade-in", "zero-chat-bubbles"),
       onScroll: handleScroll
     },
     conversationState.active.id
@@ -1360,7 +1352,7 @@ var CharacterList_default = () => {
         /* @__PURE__ */ jsx(
           Avatar,
           {
-            className: classNames9(styles_module_default3.nsAvatarListItemIcon, "cursor-pointer", {
+            className: classNames8(styles_module_default3.nsAvatarListItemIcon, "cursor-pointer", {
               [styles_module_default3.nsAvatarListItemIconActive]: activeCharacter.id === item.id
             }),
             size: 50,
@@ -1381,7 +1373,7 @@ var AgentCharacter_default = () => {
       chatStore.getCharacters(receiverState.active.id);
     }
   }, [receiverState.active.id]);
-  return characterState.active.id && /* @__PURE__ */ jsxs(Fragment, { children: [
+  return characterState.active?.id && /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("div", { title: "\u6027\u683C", children: /* @__PURE__ */ jsx(Avatar, { onClick: chatStore.openCharacterList, className: "cursor-pointer", src: characterState.active.logo }) }),
     characterState.open && /* @__PURE__ */ jsx(CharacterList_default, {})
   ] });
@@ -1455,7 +1447,7 @@ var ChatHeader_default = ({
   const chatStore = useChatStore();
   const receiverState = useSnapshot(chatStore.receiver);
   const configState = useSnapshot(chatStore.config);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", className: classNames9(styles_module_default3.nsChatHeader, "zero-chat-header"), children: [
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", className: classNames8(styles_module_default3.nsChatHeader, "zero-chat-header"), children: [
     /* @__PURE__ */ jsxs(Flex, { gap: 4, align: "center", children: [
       /* @__PURE__ */ jsx(
         RenderWrapper,
@@ -1725,7 +1717,7 @@ var ChatSender_default = forwardRef(
                 extraFooter,
                 " "
               ] }),
-              /* @__PURE__ */ jsx(Flex, { align: "center", children: loading ? /* @__PURE__ */ jsx(LoadingButton, {}) : /* @__PURE__ */ jsx(SendButton, { ...sendBtnProps }) })
+              /* @__PURE__ */ jsx(Flex, { align: "center", children: loading ? /* @__PURE__ */ jsx(LoadingButton, { disabled: false }) : /* @__PURE__ */ jsx(SendButton, { ...sendBtnProps }) })
             ] }),
             extraFooterBelow
           ] });
@@ -1746,9 +1738,9 @@ var SenderPromptsItems_default = () => {
   const chatStore = useChatStore();
   const receiverState = useSnapshot(chatStore.receiver);
   const component = useMemo(
-    () => receiverState.active.config?.labels?.length > 0 && /* @__PURE__ */ jsxs(Flex, { gap: 4, className: "overflow-hidden", children: [
+    () => receiverState.active.config?.labels?.length > 0 && /* @__PURE__ */ jsxs(Flex, { gap: 4, wrap: true, children: [
       /* @__PURE__ */ jsx(Button, { disabled: true, color: "default", variant: "text", children: "\u968F\u4FBF\u804A\u804A" }),
-      receiverState.active.config.labels.map((question) => /* @__PURE__ */ jsx(
+      receiverState.active.config.labels.slice(0, 6).map((question) => /* @__PURE__ */ jsx(
         Popover,
         {
           content: /* @__PURE__ */ jsx(
@@ -1765,7 +1757,7 @@ var SenderPromptsItems_default = () => {
           title: /* @__PURE__ */ jsx(
             "div",
             {
-              className: classNames9(styles_module_default3.nsSenderListTitle, "text-ellipsis"),
+              className: classNames8(styles_module_default3.nsSenderListTitle, "text-ellipsis"),
               children: `${receiverState.active.name}\u5F00\u59CB\u5173\u6CE8${question.name}\u5185\u5BB9\uFF01`
             }
           ),
@@ -1894,7 +1886,7 @@ var ConversationListHeader_default = () => {
         type: "primary",
         shape: "round",
         onClick: () => chatStore.createConversation(),
-        className: classNames9("m-t-16"),
+        className: classNames8("m-t-16"),
         icon: /* @__PURE__ */ jsx(PlusOutlined, {}),
         children: "\u65B0\u5EFA\u4F1A\u8BDD"
       }
@@ -1902,7 +1894,7 @@ var ConversationListHeader_default = () => {
   ] });
 };
 var ConversationListPanel_default = ({ header }) => {
-  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames9("height-full", "zero-chat-conversations", styles_module_default3.nsConversationListPanel), children: [
+  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames8("height-full", "zero-chat-conversations", styles_module_default3.nsConversationListPanel), children: [
     /* @__PURE__ */ jsx(RenderWrapper, { control: header, DefaultComponent: ConversationListHeader_default }),
     /* @__PURE__ */ jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsx(ConversationList_default, {}) })
   ] });
@@ -1982,7 +1974,7 @@ var layouts_default = forwardRef(({ theme, params, userInfo, hooks, layout, conf
   useWebSocket({
     url: configState.services.websocketBaseUrls?.[0] && getWebSocketUrl(
       `${configState.services.websocketBaseUrls?.[0]}/lolr/conversation/ws/subscribe?NS-TOKEN=${getToken()}`,
-      isLocalhost() ? "192.168.6.23" : ""
+      isLocalhost() ? "192.168.3.102" : ""
     ),
     onMessage: chatStore.acceptMessage,
     clientHeartbeat: false,
@@ -1991,7 +1983,7 @@ var layouts_default = forwardRef(({ theme, params, userInfo, hooks, layout, conf
   useWebSocket({
     url: configState.services.websocketBaseUrls?.[1] && getWebSocketUrl(
       `${configState.services.websocketBaseUrls?.[1]}/lolr/conversation/ws/subscribe?NS-TOKEN=${getToken()}`,
-      isLocalhost() ? "192.168.6.23" : ""
+      isLocalhost() ? "192.168.3.102" : ""
     ),
     onMessage: chatStore.acceptMessage,
     clientHeartbeat: false,
@@ -2000,7 +1992,7 @@ var layouts_default = forwardRef(({ theme, params, userInfo, hooks, layout, conf
   useEffect(() => {
     configState.hooks?.onBeforeInit?.();
   }, []);
-  return /* @__PURE__ */ jsx(XProvider, { theme: { cssVar: true, ...theme }, children: /* @__PURE__ */ jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsx(Spin, { spinning: receiverState.loading, wrapperClassName: "full-spin", children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames9(styles_module_default4.nsChatLayout, "zero-chat-layout", "height-full"), children: [
+  return /* @__PURE__ */ jsx(XProvider, { theme: { cssVar: true, ...theme }, children: /* @__PURE__ */ jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsx(Spin, { spinning: receiverState.loading, wrapperClassName: "full-spin", children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames8(styles_module_default4.nsChatLayout, "zero-chat-layout", "height-full"), children: [
     /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.globalHeader, DefaultComponent: ChatHeader_default }),
     /* @__PURE__ */ jsxs(Flex, { className: "full-scroll", children: [
       /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.leftPanel }),
@@ -2054,15 +2046,15 @@ var layouts_default = forwardRef(({ theme, params, userInfo, hooks, layout, conf
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames9("height-full"), children: [
+        /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames8("height-full"), children: [
           /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.chatHeader, DefaultComponent: ChatHeader_default }),
-          /* @__PURE__ */ jsx(Flex, { vertical: true, className: classNames9("full-scroll"), children: /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx(Flex, { vertical: true, className: classNames8("full-scroll"), children: /* @__PURE__ */ jsxs(
             Flex,
             {
               justify: "center",
               vertical: true,
               gap: 24,
-              className: classNames9("height-full", styles_module_default4.nsChatBody, "zero-chat-body", styles_module_default4.nsBodyWidth),
+              className: classNames8("height-full", styles_module_default4.nsChatBody, "zero-chat-body", styles_module_default4.nsBodyWidth),
               children: [
                 shouldRender(configState.layout.messageList) && /* @__PURE__ */ jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.messageList, DefaultComponent: BubbleListItems_default }) }),
                 /* @__PURE__ */ jsxs(Flex, { vertical: true, gap: 8, children: [