@zero-library/chat-agent 2.3.4 → 2.3.5

package/dist/index.esm.js

@@ -3,8 +3,8 @@ import { App, Badge, Button, Flex, Typography, Spin, Splitter, Tag, Popover, Lis
 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, CloseOutlined, FileSearchOutlined, UserSwitchOutlined, PlusOutlined, CommentOutlined, OpenAIOutlined, CopyOutlined, LikeOutlined, DislikeOutlined, SearchOutlined, PushpinOutlined, EditOutlined, DeleteOutlined, RedoOutlined, SignatureOutlined, PlayCircleOutlined, DotChartOutlined } from '@ant-design/icons';
-import classNames11 from 'classnames';
+import { CloudUploadOutlined, PaperClipOutlined, EnterOutlined, CloseOutlined, FileSearchOutlined, UserSwitchOutlined, PlusOutlined, CommentOutlined, OpenAIOutlined, CopyOutlined, LikeOutlined, DislikeOutlined, SearchOutlined, PushpinOutlined, EditOutlined, DeleteOutlined, StarFilled, StarOutlined, RedoOutlined, SignatureOutlined, PlayCircleOutlined, DotChartOutlined } from '@ant-design/icons';
+import classNames12 from 'classnames';
 import { Attachments, Sender, Suggestion, XProvider, Prompts, Bubble, Conversations, Welcome } from '@ant-design/x';
 import dayjs from 'dayjs';
 import InfiniteScroll from 'react-infinite-scroll-component';
@@ -303,7 +303,7 @@ var init_Charts = __esm({
     );
     Charts_default = ({ data, loading }) => {
       const { type, config } = data;
-      return /* @__PURE__ */ jsx("div", { className: classNames11(styles_module_default.chart, "scroll-fade-in"), children: loading ? (
+      return /* @__PURE__ */ jsx("div", { className: classNames12(styles_module_default.chart, "scroll-fade-in"), children: loading ? (
         // Antd 骨架屏
         /* @__PURE__ */ jsx(Skeleton.Node, { active: true, className: styles_module_default.chartSkeleton, children: /* @__PURE__ */ jsx(DotChartOutlined, { className: styles_module_default.chartSkeletonIcon }) })
       ) : /* @__PURE__ */ jsx(
@@ -365,6 +365,12 @@ var createChatService = (request) => {
   const conversationDelete = (conversationId) => {
     return request.delete("/lolr/conversation", { conversationId });
   };
+  const conversationFavoritesQuery = (params) => {
+    return request.get("/lolr/conversation/favorite", params);
+  };
+  const conversationFavorite = (conversationId, isFavorite) => {
+    return request.put("/lolr/conversation/favorite/status", { conversationId, status: Number(isFavorite) });
+  };
   const conversationRecentUpdate = (params) => {
     return request.put("/lolr/conversation/recent", params);
   };
@@ -432,6 +438,8 @@ var createChatService = (request) => {
     conversationsQuery,
     conversationCreate,
     conversationDelete,
+    conversationFavoritesQuery,
+    conversationFavorite,
     conversationRecentUpdate,
     conversationRecentQuery,
     conversationMessagesQuery,
@@ -737,7 +745,8 @@ function createChatStore() {
         group: (c) => {
           return classifyTime(c.updateTime);
         },
-        timestamp: "updateTime"
+        timestamp: "updateTime",
+        isFavorite: "isFavorite"
       });
       conversations.list.items = items;
     } finally {
@@ -761,6 +770,48 @@ function createChatStore() {
       conversations.delLoading = false;
     }
   };
+  const favorite = proxy({
+    /** 收藏列表数据 */
+    list: {
+      items: [],
+      /** 分页查询参数 */
+      params: {
+        pageNo: 1,
+        pageSize: 1e3
+      }
+    },
+    /** 收藏列表的加载状态 */
+    loading: false
+  });
+  const getConversationFavorite = async () => {
+    try {
+      favorite.loading = true;
+      const { data } = await config.services.request.conversationFavoritesQuery({
+        targetId: receiver.active.id,
+        targetType: receiver.active.type,
+        ...favorite.list.params
+      });
+      favorite.list.items = data?.items || [];
+    } finally {
+      favorite.loading = false;
+    }
+  };
+  const collectConversation = async (conversationId, isFavorite) => {
+    try {
+      await config.services.request.conversationFavorite(conversationId, isFavorite);
+      if (conversations.list.items.length) {
+        const item = conversations.list.items.find((item2) => item2.id === conversationId);
+        if (item) {
+          item.isFavorite = isFavorite;
+        }
+      }
+      if (!isFavorite && favorite.list.items.length) {
+        favorite.list.items = favorite.list.items.filter((item) => item.id !== conversationId);
+      }
+      message.success(isFavorite ? "\u6536\u85CF\u6210\u529F" : "\u5DF2\u53D6\u6D88\u6536\u85CF");
+    } finally {
+    }
+  };
   const conversation = proxy({
     /** 当前激活的会话信息 */
     active: {
@@ -1155,6 +1206,12 @@ function createChatStore() {
     getConversations,
     /** 删除会话 */
     delConversation,
+    /** 收藏相关状态 */
+    favorite,
+    /** 取消/收藏 */
+    collectConversation,
+    /** 获取收藏的会话列表 */
+    getConversationFavorite,
     /** 当前会话状态 */
     conversation,
     /** 设置说话人类型 */
@@ -1251,7 +1308,7 @@ var MessageRender_default = ({ message: message2, placement, onFilePreview, cust
       Bubble,
       {
         placement,
-        className: classNames11({ [styles_module_default2.loadingMessage]: message2.type }),
+        className: classNames12({ [styles_module_default2.loadingMessage]: message2.type }),
         content: /* @__PURE__ */ jsx(RenderMarkdown, { content: replaceMarkdownTags(msgContent), customComponents: mergedCustomComponents, message: message2 })
       }
     ),
@@ -1322,10 +1379,15 @@ init_Context();
 var styles_module_default3 = {
   nsConversationListPanel: "styles_module_nsConversationListPanel",
   nsConversations: "styles_module_nsConversations",
+  favoriteCard: "styles_module_favoriteCard",
+  favoriteCardActive: "styles_module_favoriteCardActive",
+  favoriteCardTitle: "styles_module_favoriteCardTitle",
+  favoriteCardActions: "styles_module_favoriteCardActions",
+  favoriteCardDate: "styles_module_favoriteCardDate",
   nsBubbleList: "styles_module_nsBubbleList",
   nsChatHeader: "styles_module_nsChatHeader",
   nsChatTitle: "styles_module_nsChatTitle",
-  nsChatHeaderPopover: "styles_module_nsChatHeaderPopover",
+  nsPopover: "styles_module_nsPopover",
   chatWelcomeWrap: "styles_module_chatWelcomeWrap",
   chatWelcome: "styles_module_chatWelcome",
   chatWelcomePrompts: "styles_module_chatWelcomePrompts",
@@ -1353,7 +1415,7 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
     /* @__PURE__ */ jsx(
       Welcome,
       {
-        className: classNames11(styles_module_default3.chatWelcome, "p-t-32"),
+        className: classNames12(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 || ""}` }),
@@ -1382,7 +1444,7 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
                 label: "\u{1F914} \u63A8\u8350\u95EE\u9898:",
                 children: receiverState?.recommendQuestions.map((question) => ({
                   key: question,
-                  description: /* @__PURE__ */ jsx("span", { className: classNames11(styles_module_default3.chatWelcomePrompts, "text-ellipsis"), children: question })
+                  description: /* @__PURE__ */ jsx("span", { className: classNames12(styles_module_default3.chatWelcomePrompts, "text-ellipsis"), children: question })
                 }))
               }
             ]
@@ -1620,7 +1682,7 @@ var BubbleListItems_default = ({
       autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames11(styles_module_default3.nsBubbleList, "height-full", "scroll-fade-in", "zero-chat-bubbles"),
+      className: classNames12(styles_module_default3.nsBubbleList, "height-full", "scroll-fade-in", "zero-chat-bubbles"),
       onScroll: handleScroll
     },
     conversationState.active.id
@@ -1655,7 +1717,7 @@ var CharacterList_default = () => {
         /* @__PURE__ */ jsx(
           Avatar,
           {
-            className: classNames11(styles_module_default3.nsAvatarListItemIcon, "cursor-pointer", {
+            className: classNames12(styles_module_default3.nsAvatarListItemIcon, "cursor-pointer", {
               [styles_module_default3.nsAvatarListItemIconActive]: activeCharacter.id === item.id
             }),
             size: 50,
@@ -1682,6 +1744,73 @@ var AgentCharacter_default = () => {
   ] });
 };
 
+// src/ui/common/ConversationFavoritesList.tsx
+init_Context();
+var ConversationFavoritesList_default = () => {
+  const chatStore = useChatStore();
+  const conversationState = useSnapshot(chatStore.conversation);
+  const favoriteState = useSnapshot(chatStore.favorite);
+  const getFavoriteList = useDebounce(() => {
+    chatStore.getConversationFavorite();
+  }, 300);
+  const renderFavoriteList = useMemo(() => {
+    return /* @__PURE__ */ jsx("div", { className: classNames12("height-full", "scroll-fade-in"), children: favoriteState.list.items.length ? favoriteState.list.items.map((item) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: classNames12(styles_module_default3.favoriteCard, { [styles_module_default3.favoriteCardActive]: conversationState.active.id === item.id }),
+        onClick: () => chatStore.switchConversation(item.id),
+        children: [
+          /* @__PURE__ */ jsxs(Flex, { gap: 8, align: "center", children: [
+            /* @__PURE__ */ jsx(Flex, { flex: 1, className: classNames12(styles_module_default3.favoriteCardTitle, "text-ellipsis"), children: item.title }),
+            /* @__PURE__ */ jsx(Flex, { gap: 8, align: "center", className: styles_module_default3.favoriteCardActions, children: /* @__PURE__ */ jsx(
+              Popconfirm,
+              {
+                title: "\u63D0\u793A",
+                okText: "\u786E\u5B9A",
+                cancelText: "\u53D6\u6D88",
+                description: "\u786E\u8BA4\u53D6\u6D88\u6536\u85CF\u8BE5\u4F1A\u8BDD\u5417\uFF1F",
+                onConfirm: (e) => {
+                  e.stopPropagation();
+                  chatStore.collectConversation(item.id, false);
+                },
+                children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    icon: /* @__PURE__ */ jsx(DeleteOutlined, {}),
+                    title: "\u5220\u9664",
+                    type: "text",
+                    onClick: (e) => {
+                      e.stopPropagation();
+                    }
+                  }
+                )
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: styles_module_default3.favoriteCardDate, children: item.favoriteTime })
+        ]
+      },
+      item.id
+    )) : /* @__PURE__ */ jsx(Empty, { description: "\u6682\u65E0\u6536\u85CF", image: Empty.PRESENTED_IMAGE_SIMPLE }) });
+  }, [favoriteState.list.items, conversationState.active.id]);
+  const handlePopoverVisibleChange = (visible) => {
+    if (!visible) return;
+    getFavoriteList();
+  };
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      classNames: { body: styles_module_default3.nsPopover },
+      getPopupContainer: (e) => e,
+      placement: "bottom",
+      content: renderFavoriteList,
+      trigger: ["click"],
+      onOpenChange: handlePopoverVisibleChange,
+      children: /* @__PURE__ */ jsx(Button, { title: "\u6536\u85CF\u5939", type: "text", size: "large", icon: /* @__PURE__ */ jsx(StarOutlined, {}) })
+    }
+  );
+};
+
 // src/ui/common/ConversationList.tsx
 init_Context();
 var ConversationList_default = () => {
@@ -1690,7 +1819,7 @@ var ConversationList_default = () => {
   const conversationsState = useSnapshot(chatStore.conversations);
   const conversationState = useSnapshot(chatStore.conversation);
   const getConversations = useDebounce(() => {
-    chatStore.getConversations(receiverState.active.id, 3);
+    chatStore.getConversations(receiverState.active.id, receiverState.active.type);
   }, 300);
   useEffect(() => {
     if (receiverState.active.id) {
@@ -1721,6 +1850,11 @@ var ConversationList_default = () => {
           groupable: true,
           menu: (conversation) => ({
             items: [
+              {
+                label: `${conversation.isFavorite ? "\u53D6\u6D88\u6536\u85CF" : "\u6536\u85CF"}`,
+                key: "collect",
+                icon: conversation?.isFavorite ? /* @__PURE__ */ jsx(StarFilled, { className: "primary-text" }) : /* @__PURE__ */ jsx(StarOutlined, {})
+              },
               {
                 label: "\u5220\u9664\u4F1A\u8BDD",
                 key: "delete",
@@ -1732,6 +1866,8 @@ var ConversationList_default = () => {
               menuInfo.domEvent.stopPropagation();
               if (menuInfo.key === "delete") {
                 chatStore.delConversation(conversation.id);
+              } else if (menuInfo.key === "collect") {
+                chatStore.collectConversation(conversation.id, !conversation.isFavorite);
               }
             }
           })
@@ -1746,12 +1882,13 @@ var ChatHeader_default = ({
   closeBtn = false,
   newConversationBtn = true,
   agentCharacter = true,
-  conversationListBtn = true
+  conversationListBtn = true,
+  conversationListFavoriteBtn = true
 }) => {
   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: classNames11(styles_module_default3.nsChatHeader, "zero-chat-header"), children: [
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", className: classNames12(styles_module_default3.nsChatHeader, "zero-chat-header"), children: [
     /* @__PURE__ */ jsxs(Flex, { gap: 4, align: "center", children: [
       /* @__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 }) }),
@@ -1775,7 +1912,7 @@ var ChatHeader_default = ({
             {
               getPopupContainer: (e) => e,
               placement: "bottom",
-              classNames: { body: styles_module_default3.nsChatHeaderPopover },
+              classNames: { body: styles_module_default3.nsPopover },
               content: /* @__PURE__ */ jsx(ConversationList_default, {}),
               trigger: ["click"],
               children: /* @__PURE__ */ jsx(Button, { title: "\u5386\u53F2\u4F1A\u8BDD", type: "text", size: "large", icon: /* @__PURE__ */ jsx(CommentOutlined, {}) })
@@ -1783,6 +1920,7 @@ var ChatHeader_default = ({
           )
         }
       ),
+      /* @__PURE__ */ jsx(RenderWrapper, { control: conversationListFavoriteBtn, DefaultComponent: /* @__PURE__ */ jsx(ConversationFavoritesList_default, {}) }),
       /* @__PURE__ */ jsx(
         RenderWrapper,
         {
@@ -2245,7 +2383,7 @@ var QuickAskPanel_default = () => {
         }
       ) : /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(SearchOutlined, {}), onClick: () => setSearchExpanded(true) })
     ] }),
-    /* @__PURE__ */ jsxs(Flex, { align: "center", className: classNames11("scroll-fade-in", "m-b-16", styles_module_default4.tagContainer), children: [
+    /* @__PURE__ */ jsxs(Flex, { align: "center", className: classNames12("scroll-fade-in", "m-b-16", styles_module_default4.tagContainer), children: [
       /* @__PURE__ */ jsx(
         Tag,
         {
@@ -2286,7 +2424,7 @@ var QuickAskPanel_default = () => {
         },
         children: [
           /* @__PURE__ */ jsxs(Flex, { gap: 8, justify: "space-between", align: "center", className: styles_module_default4.quickAskItemHeader, children: [
-            /* @__PURE__ */ jsx("div", { className: classNames11("flex-1 text-ellipsis", styles_module_default4.quickAskItemTitle), children: item.title }),
+            /* @__PURE__ */ jsx("div", { className: classNames12("flex-1 text-ellipsis", styles_module_default4.quickAskItemTitle), children: item.title }),
             /* @__PURE__ */ jsxs(Space, { size: 4, className: styles_module_default4.quickAskItemHeaderActions, children: [
               /* @__PURE__ */ jsx(
                 Button,
@@ -2353,7 +2491,7 @@ var QuickAskPanel_default = () => {
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: classNames11(styles_module_default4.quickAskItemBody), children: /* @__PURE__ */ jsx("div", { className: "text-ellipsis-3", children: item.content }) })
+          /* @__PURE__ */ jsx("div", { className: classNames12(styles_module_default4.quickAskItemBody), children: /* @__PURE__ */ jsx("div", { className: "text-ellipsis-3", children: item.content }) })
         ]
       },
       item.id
@@ -2450,7 +2588,7 @@ var SenderPromptsItems_default = () => {
           title: /* @__PURE__ */ jsx(
             "div",
             {
-              className: classNames11(styles_module_default3.nsSenderListTitle, "text-ellipsis"),
+              className: classNames12(styles_module_default3.nsSenderListTitle, "text-ellipsis"),
               children: `${receiverState.active.name}\u5F00\u59CB\u5173\u6CE8${question.name}\u5185\u5BB9\uFF01`
             }
           ),
@@ -2544,30 +2682,43 @@ var ChatSender_default2 = forwardRef(
 
 // src/ui/common/ConversationListHeader.tsx
 init_Context();
-var ConversationListHeader_default = () => {
+var ConversationListHeader_default = ({ title = true, avatar = true, newConversationBtn = true, conversationListFavoriteBtn = true }) => {
   const chatStore = useChatStore();
   const receiverState = useSnapshot(chatStore.receiver);
   return /* @__PURE__ */ jsxs("div", { className: "p-24", children: [
     /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 8, children: [
-      /* @__PURE__ */ jsx(Avatar, { size: 36, src: receiverState.active.logo }),
-      /* @__PURE__ */ jsx("span", { className: styles_module_default3.nsChatUserName, children: receiverState.active.name })
+      /* @__PURE__ */ jsx(RenderWrapper, { control: avatar, DefaultComponent: /* @__PURE__ */ jsx(Avatar, { size: 36, src: receiverState.active.logo }) }),
+      /* @__PURE__ */ jsx(
+        RenderWrapper,
+        {
+          control: title,
+          DefaultComponent: /* @__PURE__ */ jsx("span", { className: classNames12(styles_module_default3.nsChatUserName, "flex-1 text-ellipsis"), children: receiverState.active.name })
+        }
+      ),
+      /* @__PURE__ */ jsx(RenderWrapper, { control: conversationListFavoriteBtn, DefaultComponent: /* @__PURE__ */ jsx(ConversationFavoritesList_default, {}) })
     ] }),
     /* @__PURE__ */ jsx(
-      Button,
+      RenderWrapper,
       {
-        block: true,
-        type: "primary",
-        shape: "round",
-        onClick: () => chatStore.createConversation(),
-        className: classNames11("m-t-16"),
-        icon: /* @__PURE__ */ jsx(PlusOutlined, {}),
-        children: "\u65B0\u5EFA\u4F1A\u8BDD"
+        control: newConversationBtn,
+        DefaultComponent: /* @__PURE__ */ jsx(
+          Button,
+          {
+            block: true,
+            type: "primary",
+            shape: "round",
+            onClick: () => chatStore.createConversation(),
+            className: classNames12("m-t-16"),
+            icon: /* @__PURE__ */ jsx(PlusOutlined, {}),
+            children: "\u65B0\u5EFA\u4F1A\u8BDD"
+          }
+        )
       }
     )
   ] });
 };
 var ConversationListPanel_default = ({ header }) => {
-  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames11("height-full", "zero-chat-conversations", styles_module_default3.nsConversationListPanel), children: [
+  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames12("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, {}) })
   ] });
@@ -2661,7 +2812,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: classNames11(styles_module_default5.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: classNames12(styles_module_default5.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 }),
@@ -2670,7 +2821,7 @@ var layouts_default = forwardRef(({ theme, params, userInfo, hooks, layout, conf
         /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, min: 600, size: sizes[0], children: hasPreView && /* @__PURE__ */ jsxs(Fragment, { children: [
           configState.preview.file.fileUrl && /* @__PURE__ */ jsxs(Flex, { vertical: true, className: "height-full", children: [
             /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", gap: 16, className: styles_module_default5.nsPreviewHeader, children: [
-              /* @__PURE__ */ jsx("div", { className: classNames11(styles_module_default5.nsPreviewHeaderTitle, "text-ellipsis"), title: configState.preview.file.fileName, children: configState.preview.file.fileName }),
+              /* @__PURE__ */ jsx("div", { className: classNames12(styles_module_default5.nsPreviewHeaderTitle, "text-ellipsis"), title: configState.preview.file.fileName, children: configState.preview.file.fileName }),
               /* @__PURE__ */ jsxs(Flex, { gap: 8, justify: "center", align: "center", children: [
                 /* @__PURE__ */ jsx(
                   Button,
@@ -2714,15 +2865,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: classNames11("height-full"), children: [
+        /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames12("height-full"), children: [
           /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.chatHeader, DefaultComponent: ChatHeader_default }),
-          /* @__PURE__ */ jsx(Flex, { vertical: true, className: classNames11("full-scroll"), children: /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx(Flex, { vertical: true, className: classNames12("full-scroll"), children: /* @__PURE__ */ jsxs(
             Flex,
             {
               justify: "center",
               vertical: true,
               gap: 24,
-              className: classNames11("height-full", styles_module_default5.nsChatBody, "zero-chat-body", styles_module_default5.nsBodyWidth),
+              className: classNames12("height-full", styles_module_default5.nsChatBody, "zero-chat-body", styles_module_default5.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: [