@zero-library/chat-agent 2.1.20 → 2.2.0

package/dist/index.esm.js

@@ -1,12 +1,11 @@
-import { useRefState, useDebounce, useSyncInput, RenderWrapper, shouldRender, isFunction, useDeepEffect, useWebSocket, getWebSocketUrl, getToken, isLocalhost, downloadFile, FilePreview, MarkdownEditor, isNumber, getFileSuffixName, isObject, isNullOrUnDef, isBoolean, UserAvatar, copyText, deepCopy, transforms, transform, getCurrentUser, deepMerge, createRequest, RenderMarkdown, useCreateValtioContext, FileIcon, isExternal } from '@zero-library/common';
+import { createSecureManager, createTokenManager, useRefState, useDebounce, useSyncInput, RenderWrapper, shouldRender, isFunction, useDeepEffect, useWebSocket, downloadFile, FilePreview, MarkdownEditor, isNumber, getFileSuffixName, isObject, isNullOrUnDef, isBoolean, UserAvatar, copyText, deepCopy, transforms, deepMerge, createRequest, HttpStatus, isArray, isString, RenderMarkdown, transform, emit, buildUrlParams, getWebSocketUrl, useCreateValtioContext, FileIcon, isExternal } from '@zero-library/common';
 import { App, Badge, Button, Flex, Typography, Spin, Splitter, Tag, Popover, List, Avatar, Space, message, Empty, Modal, Row, Col, Collapse, Drawer } from 'antd';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useRef, useEffect, useImperativeHandle, useMemo, useState } from 'react';
 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 classNames8 from 'classnames';
+import { Attachments, Sender, Suggestion, XProvider, Prompts, Bubble, Conversations, Welcome } from '@ant-design/x';
+import classNames9 from 'classnames';
 import dayjs from 'dayjs';
 import InfiniteScroll from 'react-infinite-scroll-component';
 
@@ -275,6 +274,18 @@ var init_Think = __esm({
     };
   }
 });
+var userInfoManager = createSecureManager({
+  key: "NS-USER",
+  aesKey: "((#II))"
+});
+var TOKEN_KEY = "NS-TOKEN";
+var tokenManager = createTokenManager({
+  key: TOKEN_KEY
+});
+var redirectUrl = () => {
+  const path = localStorage.getItem("SIGNPATH");
+  emit("jumpLink", { url: `/uc${path || "/sign-in"}` });
+};
 var classifyTime = (timestamp) => {
   const now = dayjs();
   const target = dayjs(timestamp);
@@ -295,6 +306,9 @@ var classifyTime = (timestamp) => {
 var replaceThinkTags = (str) => {
   return str.replace(/<think>/g, ":::alert type=think data={content:'").replace(/<\/think>/g, "'} :::");
 };
+var getChatSocketUrl = (baseURL, params) => {
+  return buildUrlParams(params, getWebSocketUrl(`${baseURL}/lolr/conversation/ws/subscribe`), "comma");
+};
 
 // src/services/index.ts
 var createChatService = (request) => {
@@ -414,8 +428,6 @@ var defaultExpertLayout = {
   globalHeader: false,
   chatHeader: {
     props: {
-      title: true,
-      closeBtn: false,
       newConversationBtn: false,
       agentCharacter: false,
       conversationListBtn: false
@@ -426,7 +438,10 @@ var defaultExpertLayout = {
 function createChatStore() {
   const config = proxy({
     services: {
-      websocketBaseUrls: []
+      /** WebSocket地址 */
+      websocketUrls: ["", ""],
+      /** HTTP请求实例 */
+      request: {}
     },
     hooks: {},
     layout: {},
@@ -443,13 +458,37 @@ function createChatStore() {
     /** 聊天参数配置 */
     params: {}
   });
-  const setServices = ({ baseUrl = "/api" } = {}) => {
-    config.services.baseUrl = baseUrl;
-    if (!config.services.websocketBaseUrls?.includes(baseUrl)) {
-      config.services.websocketBaseUrls = [...config.services.websocketBaseUrls, baseUrl];
+  const setServices = ({ http, websocket } = {}) => {
+    const httpConfig = { baseURL: "/api", headers: { [TOKEN_KEY]: tokenManager.get() }, ...http?.config };
+    const request = createRequest(httpConfig);
+    if (config.hooks?.onRequestInterceptor) {
+      request.instance.interceptors.request.use(...config.hooks.onRequestInterceptor);
+    }
+    request.instance.interceptors.response.use(void 0, (err) => {
+      if (err?.response?.status === HttpStatus.UNAUTHORIZED) {
+        if (config.hooks.onRedirectLogin) {
+          config.hooks.onRedirectLogin();
+        } else {
+          redirectUrl();
+        }
+      }
+      return Promise.reject(err);
+    });
+    if (config.hooks?.onResponseInterceptor) {
+      request.instance.interceptors.response.use(...config.hooks.onResponseInterceptor);
+    }
+    config.services.request = { ...createChatService(request), ...createFileService(request), ...http?.request };
+    config.services.websocketUrls = ["", ""];
+    if (isArray(websocket?.baseURLs)) {
+      websocket.baseURLs.forEach((baseURL, index) => {
+        if (isString(baseURL)) {
+          config.services.websocketUrls[index] = getChatSocketUrl(baseURL, websocket?.params || httpConfig.headers);
+        }
+      });
+    } else {
+      const url = getChatSocketUrl(httpConfig.baseURL, websocket?.params || httpConfig.headers);
+      config.services.websocketUrls = [url, ""];
     }
-    const request = createRequest(baseUrl);
-    config.services.request = { ...createChatService(request), ...createFileService(request) };
   };
   const setPreview = (file = {}, isEdit = false) => {
     if (shouldRender(config.layout.preview)) {
@@ -476,14 +515,8 @@ function createChatStore() {
     config.hooks = hooks;
   };
   const setUserInfo = (userInfo) => {
-    config.userInfo = transform(userInfo || getCurrentUser() || {}, {
-      id: (userInfo2) => {
-        return String(userInfo2["id"]);
-      },
-      name: "name",
-      iconUrl: "avatar",
-      description: "remark"
-    });
+    config.userInfo = userInfo || userInfoManager.get() || {};
+    config.userInfo.id = String(config.userInfo.id || "");
   };
   const receiver = proxy({
     /** 当前激活的接收者信息（智能体或专家） */
@@ -935,9 +968,13 @@ function createChatStore() {
     messages[idx] = { ...msg, type: void 0 };
     conversation.messages[msg.conversationId].loading = false;
   };
-  const acceptMessage = (newMessage) => {
+  const acceptMessage = async (newMessage) => {
     const conversationId = newMessage.data.conversationId;
     if (!conversation.messages[conversationId]?.message) return;
+    const canProceed = await config.hooks?.onBeforeAcceptMessage?.(newMessage.data);
+    if (canProceed === false) {
+      throw new Error("\u64CD\u4F5C\u88AB\u963B\u6B62");
+    }
     switch (newMessage.data.type) {
       case "TEXT_MESSAGE_START":
         startCallback(newMessage.data);
@@ -955,6 +992,7 @@ function createChatStore() {
         errCallback(newMessage.data);
         break;
     }
+    config.hooks?.onAfterAcceptMessage?.(newMessage.data);
   };
   return {
     /** 全局配置对象 */
@@ -1047,7 +1085,7 @@ var MessageRender_default = ({ message: message2, placement }) => {
       Bubble,
       {
         placement,
-        className: classNames8({ [styles_module_default2.loadingMessage]: message2.type }),
+        className: classNames9({ [styles_module_default2.loadingMessage]: message2.type }),
         content: /* @__PURE__ */ jsx(RenderMarkdown, { content: replaceThinkTags(message2.msgContent), customComponents })
       }
     ),
@@ -1074,7 +1112,7 @@ var MessageRender_default = ({ message: message2, placement }) => {
     message2.quoteMsg?.id && /* @__PURE__ */ jsx(
       Bubble,
       {
-        className: classNames8(styles_module_default2.chatQuoteMsg),
+        className: classNames9(styles_module_default2.chatQuoteMsg),
         placement,
         content: /* @__PURE__ */ jsxs(Flex, { vertical: true, gap: 8, children: [
           message2.quoteMsg.msgContent && /* @__PURE__ */ jsxs(Flex, { children: [
@@ -1136,7 +1174,55 @@ var styles_module_default3 = {
   nsAvatarListItemIconActive: "styles_module_nsAvatarListItemIconActive",
   nsAvatarListItemName: "styles_module_nsAvatarListItemName"
 };
-var BubbleListItems_default = ({ firstMessage = false, avatar = { user: false, agent: true, other: true } }) => {
+
+// src/ui/common/WelcomeItem.tsx
+init_Context();
+var WelcomeItem_default = ({ icon = true, title = true, description = true, prompts = true }) => {
+  const chatStore = useChatStore();
+  const receiverState = useSnapshot(chatStore.receiver);
+  return /* @__PURE__ */ jsxs(Space, { direction: "vertical", size: 16, className: styles_module_default3.chatWelcomeWrap, children: [
+    /* @__PURE__ */ jsx(
+      Welcome,
+      {
+        className: classNames9(styles_module_default3.chatWelcome, "p-t-32"),
+        variant: "borderless",
+        icon: /* @__PURE__ */ jsx(RenderWrapper, { control: icon, DefaultComponent: /* @__PURE__ */ jsx(Avatar, { shape: "square", size: 58, src: receiverState.active.logo }) }),
+        title: /* @__PURE__ */ jsx(RenderWrapper, { control: title, DefaultComponent: `\u4F60\u597D\uFF0C\u6211\u662F${receiverState.active.name || ""}` }),
+        description: /* @__PURE__ */ jsx(
+          RenderWrapper,
+          {
+            control: description,
+            DefaultComponent: /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: receiverState.active.description || "" } })
+          }
+        )
+      }
+    ),
+    receiverState.active.config?.recommendQuestions?.length > 0 && /* @__PURE__ */ jsx(
+      RenderWrapper,
+      {
+        control: prompts,
+        DefaultComponent: /* @__PURE__ */ jsx(
+          Prompts,
+          {
+            className: "m-t-16",
+            wrap: true,
+            items: [
+              {
+                key: "1",
+                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 })
+                }))
+              }
+            ]
+          }
+        )
+      }
+    )
+  ] });
+};
+var BubbleListItems_default = ({ firstMessage = false, welcomeMessage = true, avatar = { user: false, agent: true, other: true } }) => {
   const chatStore = useChatStore();
   const receiverState = useSnapshot(chatStore.receiver);
   const conversationState = useSnapshot(chatStore.conversation);
@@ -1176,44 +1262,16 @@ var BubbleListItems_default = ({ firstMessage = false, avatar = { user: false, a
     () => conversationState.messages[conversationState.active.id] || {},
     [conversationState.messages[conversationState.active.id]]
   );
-  const placeholderNode = useMemo(
-    () => [
+  const welcomeMessageRecord = useMemo(() => {
+    const isExist = shouldRender(welcomeMessage);
+    return isExist ? [
       {
         key: "placeholder",
-        content: /* @__PURE__ */ jsxs(Space, { direction: "vertical", size: 16, className: styles_module_default3.chatWelcomeWrap, children: [
-          /* @__PURE__ */ jsx(
-            Welcome,
-            {
-              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 || ""}`,
-              description: /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: receiverState.active.description || "" } })
-            }
-          ),
-          receiverState.active.config?.recommendQuestions?.length > 0 && /* @__PURE__ */ jsx(
-            Prompts,
-            {
-              className: "m-t-16",
-              wrap: true,
-              items: [
-                {
-                  key: "1",
-                  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: classNames8(styles_module_default3.chatWelcomePrompts, "text-ellipsis"), children: question })
-                  }))
-                }
-              ]
-            }
-          )
-        ] }),
+        content: /* @__PURE__ */ jsx(RenderWrapper, { control: welcomeMessage, DefaultComponent: /* @__PURE__ */ jsx(WelcomeItem_default, {}) }),
         variant: "borderless"
       }
-    ],
-    [receiverState.active]
-  );
+    ] : [];
+  }, [receiverState.active, welcomeMessage]);
   const questionList = useMemo(
     () => chatMessage?.questionList?.length ? [
       {
@@ -1293,17 +1351,13 @@ var BubbleListItems_default = ({ firstMessage = false, avatar = { user: false, a
   }, [firstMessage]);
   const bubbleListItems = useMemo(() => {
     const list = [];
-    if (firstMessageRecord.length > 0) {
-      list.push(...firstMessageRecord);
-    }
-    if (chatRecords.length > 0) {
-      list.push(...chatRecords, ...questionList);
-    }
+    list.push(...firstMessageRecord);
+    list.push(...chatRecords, ...questionList);
     if (list.length) {
       return list;
     }
-    return [...placeholderNode];
-  }, [chatRecords, questionList, placeholderNode, firstMessageRecord]);
+    return [...welcomeMessageRecord];
+  }, [chatRecords, questionList, welcomeMessageRecord, firstMessageRecord]);
   const listRef = useRef(null);
   const autoScrollRef = useRef(true);
   const handleScroll = (el) => {
@@ -1334,7 +1388,7 @@ var BubbleListItems_default = ({ firstMessage = false, avatar = { user: false, a
       autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames8(styles_module_default3.nsBubbleList, "height-full", "scroll-fade-in", "zero-chat-bubbles"),
+      className: classNames9(styles_module_default3.nsBubbleList, "height-full", "scroll-fade-in", "zero-chat-bubbles"),
       onScroll: handleScroll
     },
     conversationState.active.id
@@ -1369,7 +1423,7 @@ var CharacterList_default = () => {
         /* @__PURE__ */ jsx(
           Avatar,
           {
-            className: classNames8(styles_module_default3.nsAvatarListItemIcon, "cursor-pointer", {
+            className: classNames9(styles_module_default3.nsAvatarListItemIcon, "cursor-pointer", {
               [styles_module_default3.nsAvatarListItemIconActive]: activeCharacter.id === item.id
             }),
             size: 50,
@@ -1456,6 +1510,7 @@ var ConversationList_default = () => {
 };
 var ChatHeader_default = ({
   title = true,
+  avatar = true,
   closeBtn = false,
   newConversationBtn = true,
   agentCharacter = true,
@@ -1464,18 +1519,10 @@ 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: classNames8(styles_module_default3.nsChatHeader, "zero-chat-header"), children: [
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", className: classNames9(styles_module_default3.nsChatHeader, "zero-chat-header"), children: [
     /* @__PURE__ */ jsxs(Flex, { gap: 4, align: "center", children: [
-      /* @__PURE__ */ jsx(
-        RenderWrapper,
-        {
-          control: title,
-          DefaultComponent: /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Avatar, { size: 22, src: receiverState.active.logo, alt: receiverState.active.name }),
-            /* @__PURE__ */ jsx("div", { className: styles_module_default3.nsChatTitle, children: receiverState.active.name })
-          ] })
-        }
-      ),
+      /* @__PURE__ */ jsx(RenderWrapper, { control: avatar, DefaultComponent: /* @__PURE__ */ jsx(Avatar, { size: 22, src: receiverState.active.logo, alt: receiverState.active.name }) }),
+      /* @__PURE__ */ jsx(RenderWrapper, { control: title, DefaultComponent: /* @__PURE__ */ jsx("div", { className: styles_module_default3.nsChatTitle, children: receiverState.active.name }) }),
       " "
     ] }),
     /* @__PURE__ */ jsxs(Space, { size: 2, children: [
@@ -1774,7 +1821,7 @@ var SenderPromptsItems_default = () => {
           title: /* @__PURE__ */ jsx(
             "div",
             {
-              className: classNames8(styles_module_default3.nsSenderListTitle, "text-ellipsis"),
+              className: classNames9(styles_module_default3.nsSenderListTitle, "text-ellipsis"),
               children: `${receiverState.active.name}\u5F00\u59CB\u5173\u6CE8${question.name}\u5185\u5BB9\uFF01`
             }
           ),
@@ -1903,7 +1950,7 @@ var ConversationListHeader_default = () => {
         type: "primary",
         shape: "round",
         onClick: () => chatStore.createConversation(),
-        className: classNames8("m-t-16"),
+        className: classNames9("m-t-16"),
         icon: /* @__PURE__ */ jsx(PlusOutlined, {}),
         children: "\u65B0\u5EFA\u4F1A\u8BDD"
       }
@@ -1911,7 +1958,7 @@ var ConversationListHeader_default = () => {
   ] });
 };
 var ConversationListPanel_default = ({ header }) => {
-  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames8("height-full", "zero-chat-conversations", styles_module_default3.nsConversationListPanel), children: [
+  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames9("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, {}) })
   ] });
@@ -1930,6 +1977,18 @@ var styles_module_default4 = {
 var layouts_default = forwardRef(({ theme, params, userInfo, hooks, layout, config, services }, ref) => {
   const chatStore = useMemo(() => createChatStore(), []);
   const senderRef = useRef();
+  useEffect(() => {
+    chatStore.setHooks(hooks);
+  }, [hooks]);
+  useEffect(() => {
+    chatStore.setUserInfo(userInfo);
+  }, [userInfo]);
+  useEffect(() => {
+    chatStore.setLayout(layout, config?.receiverType);
+  }, [layout, config?.receiverType]);
+  useEffect(() => {
+    chatStore.setParams(params);
+  }, [params]);
   useDeepEffect(() => {
     chatStore.setServices(services);
   }, [services]);
@@ -1942,18 +2001,6 @@ var layouts_default = forwardRef(({ theme, params, userInfo, hooks, layout, conf
       chatStore.switchAgentConversation(config.receiverId, config.conversationStrategy);
     }
   }, [config]);
-  useEffect(() => {
-    chatStore.setUserInfo(userInfo);
-  }, [userInfo]);
-  useEffect(() => {
-    chatStore.setLayout(layout, config?.receiverType);
-  }, [layout, config?.receiverType]);
-  useEffect(() => {
-    chatStore.setParams(params);
-  }, [params]);
-  useEffect(() => {
-    chatStore.setHooks(hooks);
-  }, [hooks]);
   const receiverState = useSnapshot(chatStore.receiver);
   const configState = useSnapshot(chatStore.config);
   useImperativeHandle(
@@ -1989,19 +2036,13 @@ var layouts_default = forwardRef(({ theme, params, userInfo, hooks, layout, conf
     }
   }, [hasPreView]);
   useWebSocket({
-    url: configState.services.websocketBaseUrls?.[0] && getWebSocketUrl(
-      `${configState.services.websocketBaseUrls?.[0]}/lolr/conversation/ws/subscribe?NS-TOKEN=${getToken()}`,
-      isLocalhost() ? "192.168.3.102" : ""
-    ),
+    url: configState.services.websocketUrls?.[0],
     onMessage: chatStore.acceptMessage,
     clientHeartbeat: false,
     reconnectInterval: 1e4
   });
   useWebSocket({
-    url: configState.services.websocketBaseUrls?.[1] && getWebSocketUrl(
-      `${configState.services.websocketBaseUrls?.[1]}/lolr/conversation/ws/subscribe?NS-TOKEN=${getToken()}`,
-      isLocalhost() ? "192.168.3.102" : ""
-    ),
+    url: configState.services.websocketUrls?.[1],
     onMessage: chatStore.acceptMessage,
     clientHeartbeat: false,
     reconnectInterval: 1e4
@@ -2009,7 +2050,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: classNames8(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: classNames9(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 }),
@@ -2063,15 +2104,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: classNames8("height-full"), children: [
+        /* @__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(RenderWrapper, { control: configState.layout.chatHeader, DefaultComponent: ChatHeader_default }),
-          /* @__PURE__ */ jsx(Flex, { vertical: true, className: classNames8("full-scroll"), children: /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx(Flex, { vertical: true, className: classNames9("full-scroll"), children: /* @__PURE__ */ jsxs(
             Flex,
             {
               justify: "center",
               vertical: true,
               gap: 24,
-              className: classNames8("height-full", styles_module_default4.nsChatBody, "zero-chat-body", styles_module_default4.nsBodyWidth),
+              className: classNames9("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: [