@zero-library/chat-agent 2.3.5 → 2.3.6

package/dist/index.d.mts

@@ -1161,8 +1161,6 @@ interface ChatLayoutSender {
     footerBelow?: RenderControl<void, void>;
     /** 发送按钮属性配置函数 */
     sendBtnProps?: () => ButtonProps;
-    /** 是否显示推荐问题 */
-    prompts?: boolean;
 }
 /**
  * 消息列表欢迎信息配置

package/dist/index.d.ts

@@ -1161,8 +1161,6 @@ interface ChatLayoutSender {
     footerBelow?: RenderControl<void, void>;
     /** 发送按钮属性配置函数 */
     sendBtnProps?: () => ButtonProps;
-    /** 是否显示推荐问题 */
-    prompts?: boolean;
 }
 /**
  * 消息列表欢迎信息配置

package/dist/index.esm.js

@@ -1,10 +1,10 @@
 import { createSecureManager, createTokenManager, useRefState, useDebounce, useSyncInput, markdownToText, RenderWrapper, shouldRender, isFunction, useDeepEffect, useWebSocket, downloadFile, FilePreview, MarkdownEditor, isObject, isNullOrUnDef, isNumber, getFileSuffixName, isBoolean, UserAvatar, htmlToMarkdown, copyText, deepCopy, transforms, deepMerge, createRequest, HttpStatus, isArray, isString, isEmptyObj, RenderMarkdown, transform, emit, buildUrlParams, getWebSocketUrl, useCreateValtioContext, FileIcon, isExternal, LazyComponent } from '@zero-library/common';
-import { App, Badge, Button, Flex, Typography, Spin, Splitter, Tag, Popover, List, Avatar, Space, Input, Popconfirm, message, Empty, Tooltip, Form, Modal, AutoComplete, Row, Col, Collapse, Skeleton, Alert, Drawer } from 'antd';
+import { App, Badge, Button, Flex, Typography, Spin, Splitter, Tag, Popover, Avatar, Space, Input, Popconfirm, message, Empty, Tooltip, Form, Modal, AutoComplete, Row, Col, Collapse, Skeleton, Alert, 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, 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 classNames11 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: classNames12(styles_module_default.chart, "scroll-fade-in"), children: loading ? (
+      return /* @__PURE__ */ jsx("div", { className: classNames11(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(
@@ -1308,7 +1308,7 @@ var MessageRender_default = ({ message: message2, placement, onFilePreview, cust
       Bubble,
       {
         placement,
-        className: classNames12({ [styles_module_default2.loadingMessage]: message2.type }),
+        className: classNames11({ [styles_module_default2.loadingMessage]: message2.type }),
         content: /* @__PURE__ */ jsx(RenderMarkdown, { content: replaceMarkdownTags(msgContent), customComponents: mergedCustomComponents, message: message2 })
       }
     ),
@@ -1391,10 +1391,6 @@ var styles_module_default3 = {
   chatWelcomeWrap: "styles_module_chatWelcomeWrap",
   chatWelcome: "styles_module_chatWelcome",
   chatWelcomePrompts: "styles_module_chatWelcomePrompts",
-  nsSenderListTitle: "styles_module_nsSenderListTitle",
-  nsSenderList: "styles_module_nsSenderList",
-  nsSenderListItem: "styles_module_nsSenderListItem",
-  nsSenderListFooter: "styles_module_nsSenderListFooter",
   nsChatUserName: "styles_module_nsChatUserName",
   nsSenderReferenceHeaderTitle: "styles_module_nsSenderReferenceHeaderTitle",
   nsSenderReferenceHeaderContent: "styles_module_nsSenderReferenceHeaderContent",
@@ -1415,7 +1411,7 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
     /* @__PURE__ */ jsx(
       Welcome,
       {
-        className: classNames12(styles_module_default3.chatWelcome, "p-t-32"),
+        className: classNames11(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 || ""}` }),
@@ -1444,7 +1440,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: classNames12(styles_module_default3.chatWelcomePrompts, "text-ellipsis"), children: question })
+                  description: /* @__PURE__ */ jsx("span", { className: classNames11(styles_module_default3.chatWelcomePrompts, "text-ellipsis"), children: question })
                 }))
               }
             ]
@@ -1682,7 +1678,7 @@ var BubbleListItems_default = ({
       autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames12(styles_module_default3.nsBubbleList, "height-full", "scroll-fade-in", "zero-chat-bubbles"),
+      className: classNames11(styles_module_default3.nsBubbleList, "height-full", "scroll-fade-in", "zero-chat-bubbles"),
       onScroll: handleScroll
     },
     conversationState.active.id
@@ -1717,7 +1713,7 @@ var CharacterList_default = () => {
         /* @__PURE__ */ jsx(
           Avatar,
           {
-            className: classNames12(styles_module_default3.nsAvatarListItemIcon, "cursor-pointer", {
+            className: classNames11(styles_module_default3.nsAvatarListItemIcon, "cursor-pointer", {
               [styles_module_default3.nsAvatarListItemIconActive]: activeCharacter.id === item.id
             }),
             size: 50,
@@ -1754,14 +1750,14 @@ var ConversationFavoritesList_default = () => {
     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(
+    return /* @__PURE__ */ jsx("div", { className: classNames11("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 }),
+        className: classNames11(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, { flex: 1, className: classNames11(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,
               {
@@ -1888,7 +1884,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: classNames12(styles_module_default3.nsChatHeader, "zero-chat-header"), children: [
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", className: classNames11(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 }) }),
@@ -2383,7 +2379,7 @@ var QuickAskPanel_default = () => {
         }
       ) : /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(SearchOutlined, {}), onClick: () => setSearchExpanded(true) })
     ] }),
-    /* @__PURE__ */ jsxs(Flex, { align: "center", className: classNames12("scroll-fade-in", "m-b-16", styles_module_default4.tagContainer), children: [
+    /* @__PURE__ */ jsxs(Flex, { align: "center", className: classNames11("scroll-fade-in", "m-b-16", styles_module_default4.tagContainer), children: [
       /* @__PURE__ */ jsx(
         Tag,
         {
@@ -2424,7 +2420,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: classNames12("flex-1 text-ellipsis", styles_module_default4.quickAskItemTitle), children: item.title }),
+            /* @__PURE__ */ jsx("div", { className: classNames11("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,
@@ -2491,7 +2487,7 @@ var QuickAskPanel_default = () => {
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: classNames12(styles_module_default4.quickAskItemBody), children: /* @__PURE__ */ jsx("div", { className: "text-ellipsis-3", children: item.content }) })
+          /* @__PURE__ */ jsx("div", { className: classNames11(styles_module_default4.quickAskItemBody), children: /* @__PURE__ */ jsx("div", { className: "text-ellipsis-3", children: item.content }) })
         ]
       },
       item.id
@@ -2562,47 +2558,8 @@ var FeaturesRenderer_default = () => {
     )
   ] });
 };
-
-// src/ui/common/SenderPromptsItems.tsx
-init_Context();
-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, wrap: true, children: [
-      /* @__PURE__ */ jsx(Button, { disabled: true, color: "default", variant: "text", children: "\u968F\u4FBF\u804A\u804A" }),
-      receiverState.active.config.labels.slice(0, 6).map((question) => /* @__PURE__ */ jsx(
-        Popover,
-        {
-          content: /* @__PURE__ */ jsx(
-            List,
-            {
-              itemLayout: "horizontal",
-              split: false,
-              className: styles_module_default3.nsSenderList,
-              dataSource: question.items,
-              renderItem: (item) => /* @__PURE__ */ jsx(List.Item, { onClick: () => chatStore.sendMessage(item.question), className: styles_module_default3.nsSenderListItem, children: /* @__PURE__ */ jsx("div", { className: "text-ellipsis", children: item.question }) }),
-              footer: /* @__PURE__ */ jsx(Flex, { justify: "end", className: styles_module_default3.nsSenderListFooter, children: "(\u60A8\u53EF\u70B9\u51FB\u4EE5\u4E0A\u95EE\u9898\u5F00\u542FAI\u4F53\u9A8C)" })
-            }
-          ),
-          title: /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: classNames12(styles_module_default3.nsSenderListTitle, "text-ellipsis"),
-              children: `${receiverState.active.name}\u5F00\u59CB\u5173\u6CE8${question.name}\u5185\u5BB9\uFF01`
-            }
-          ),
-          children: /* @__PURE__ */ jsx(Button, { color: "default", variant: "filled", children: question.name })
-        },
-        question.id
-      ))
-    ] }),
-    [receiverState.active.config?.labels]
-  );
-  return component;
-};
 var ChatSender_default2 = forwardRef(
-  ({ placeholder, extraBtn = false, referencesBtn = false, sendBtnProps, footerBelow = false, prompts = true }, ref) => {
+  ({ placeholder, extraBtn = false, referencesBtn = false, sendBtnProps, footerBelow = false }, ref) => {
     const chatStore = useChatStore();
     const configState = useSnapshot(chatStore.config);
     const receiverState = useSnapshot(chatStore.receiver);
@@ -2622,61 +2579,58 @@ var ChatSender_default2 = forwardRef(
       chatStore.setContent(con);
       chatStore.sendMessage();
     };
-    return /* @__PURE__ */ jsxs(Flex, { vertical: true, gap: 8, className: "zero-chat-sender", children: [
-      /* @__PURE__ */ jsx(RenderWrapper, { control: prompts, DefaultComponent: SenderPromptsItems_default }),
-      /* @__PURE__ */ jsx(
-        ChatSender_default,
-        {
-          ref,
-          placeholder,
-          content: chatMessage.content,
-          fileList: chatMessage.files,
-          headerOpen: chatMessage.headerOpen,
-          loading: chatMessage.loading,
-          onContentChange: chatStore.setContent,
-          onFileListChange: chatStore.setFileList,
-          onHeaderOpenChange: chatStore.setHeaderOpen,
-          onSend: () => chatStore.sendMessage(),
-          onCancel: chatStore.cancelReceive,
-          onFocus: chatStore.config.hooks?.onSenderFocus,
-          fileUpload: {
-            request: configState.services.request?.fileUpload,
-            config: receiverState.active.config?.fileUpload
-          },
-          sendBtnProps: isFunction(sendBtnProps) ? sendBtnProps() : {},
-          extraFooterBelow: /* @__PURE__ */ jsx(RenderWrapper, { control: footerBelow }),
-          extraFooter: /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(FeaturesRenderer_default, {}),
-            /* @__PURE__ */ jsx(RenderWrapper, { control: extraBtn })
-          ] }),
-          extraHeader: /* @__PURE__ */ jsx(
-            Sender.Header,
-            {
-              title: /* @__PURE__ */ jsxs(Flex, { gap: 4, children: [
-                /* @__PURE__ */ jsx(EnterOutlined, {}),
-                /* @__PURE__ */ jsx(Typography.Text, { type: "secondary", ellipsis: true, children: referenceContent })
-              ] }),
-              open: !!referenceContent,
-              onOpenChange: () => chatStore.setReferences(),
-              classNames: {
-                header: styles_module_default3.nsSenderReferenceHeaderTitle,
-                content: shouldRender(referencesBtn) ? "" : styles_module_default3.nsSenderReferenceHeaderContent
-              },
-              children: /* @__PURE__ */ jsx(
-                RenderWrapper,
-                {
-                  control: referencesBtn,
-                  DefaultComponent: /* @__PURE__ */ jsx(Flex, { gap: 8, children: ["\u6DF1\u5EA6\u89E3\u8BFB", "\u6982\u8981\u89E3\u8BFB"].map((con) => /* @__PURE__ */ jsxs(Button, { color: "primary", variant: "filled", onClick: () => referenceHandle(con), children: [
-                    con,
-                    " \u2192"
-                  ] }, con)) })
-                }
-              )
-            }
-          )
-        }
-      )
-    ] });
+    return /* @__PURE__ */ jsx(Flex, { vertical: true, gap: 8, className: "zero-chat-sender", children: /* @__PURE__ */ jsx(
+      ChatSender_default,
+      {
+        ref,
+        placeholder,
+        content: chatMessage.content,
+        fileList: chatMessage.files,
+        headerOpen: chatMessage.headerOpen,
+        loading: chatMessage.loading,
+        onContentChange: chatStore.setContent,
+        onFileListChange: chatStore.setFileList,
+        onHeaderOpenChange: chatStore.setHeaderOpen,
+        onSend: () => chatStore.sendMessage(),
+        onCancel: chatStore.cancelReceive,
+        onFocus: chatStore.config.hooks?.onSenderFocus,
+        fileUpload: {
+          request: configState.services.request?.fileUpload,
+          config: receiverState.active.config?.fileUpload
+        },
+        sendBtnProps: isFunction(sendBtnProps) ? sendBtnProps() : {},
+        extraFooterBelow: /* @__PURE__ */ jsx(RenderWrapper, { control: footerBelow }),
+        extraFooter: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(FeaturesRenderer_default, {}),
+          /* @__PURE__ */ jsx(RenderWrapper, { control: extraBtn })
+        ] }),
+        extraHeader: /* @__PURE__ */ jsx(
+          Sender.Header,
+          {
+            title: /* @__PURE__ */ jsxs(Flex, { gap: 4, children: [
+              /* @__PURE__ */ jsx(EnterOutlined, {}),
+              /* @__PURE__ */ jsx(Typography.Text, { type: "secondary", ellipsis: true, children: referenceContent })
+            ] }),
+            open: !!referenceContent,
+            onOpenChange: () => chatStore.setReferences(),
+            classNames: {
+              header: styles_module_default3.nsSenderReferenceHeaderTitle,
+              content: shouldRender(referencesBtn) ? "" : styles_module_default3.nsSenderReferenceHeaderContent
+            },
+            children: /* @__PURE__ */ jsx(
+              RenderWrapper,
+              {
+                control: referencesBtn,
+                DefaultComponent: /* @__PURE__ */ jsx(Flex, { gap: 8, children: ["\u6DF1\u5EA6\u89E3\u8BFB", "\u6982\u8981\u89E3\u8BFB"].map((con) => /* @__PURE__ */ jsxs(Button, { color: "primary", variant: "filled", onClick: () => referenceHandle(con), children: [
+                  con,
+                  " \u2192"
+                ] }, con)) })
+              }
+            )
+          }
+        )
+      }
+    ) });
   }
 );
 
@@ -2692,7 +2646,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
         RenderWrapper,
         {
           control: title,
-          DefaultComponent: /* @__PURE__ */ jsx("span", { className: classNames12(styles_module_default3.nsChatUserName, "flex-1 text-ellipsis"), children: receiverState.active.name })
+          DefaultComponent: /* @__PURE__ */ jsx("span", { className: classNames11(styles_module_default3.nsChatUserName, "flex-1 text-ellipsis"), children: receiverState.active.name })
         }
       ),
       /* @__PURE__ */ jsx(RenderWrapper, { control: conversationListFavoriteBtn, DefaultComponent: /* @__PURE__ */ jsx(ConversationFavoritesList_default, {}) })
@@ -2708,7 +2662,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
             type: "primary",
             shape: "round",
             onClick: () => chatStore.createConversation(),
-            className: classNames12("m-t-16"),
+            className: classNames11("m-t-16"),
             icon: /* @__PURE__ */ jsx(PlusOutlined, {}),
             children: "\u65B0\u5EFA\u4F1A\u8BDD"
           }
@@ -2718,7 +2672,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
   ] });
 };
 var ConversationListPanel_default = ({ header }) => {
-  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames12("height-full", "zero-chat-conversations", styles_module_default3.nsConversationListPanel), children: [
+  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames11("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, {}) })
   ] });
@@ -2812,7 +2766,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: classNames12(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: classNames11(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 }),
@@ -2821,7 +2775,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: classNames12(styles_module_default5.nsPreviewHeaderTitle, "text-ellipsis"), title: configState.preview.file.fileName, children: configState.preview.file.fileName }),
+              /* @__PURE__ */ jsx("div", { className: classNames11(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,
@@ -2865,15 +2819,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: classNames12("height-full"), children: [
+        /* @__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(RenderWrapper, { control: configState.layout.chatHeader, DefaultComponent: ChatHeader_default }),
-          /* @__PURE__ */ jsx(Flex, { vertical: true, className: classNames12("full-scroll"), children: /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx(Flex, { vertical: true, className: classNames11("full-scroll"), children: /* @__PURE__ */ jsxs(
             Flex,
             {
               justify: "center",
               vertical: true,
               gap: 24,
-              className: classNames12("height-full", styles_module_default5.nsChatBody, "zero-chat-body", styles_module_default5.nsBodyWidth),
+              className: classNames11("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: [