@zero-library/chat-agent 2.3.5 → 2.3.6

package/dist/index.cjs.js

@@ -6,14 +6,14 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var valtio = require('valtio');
 var icons = require('@ant-design/icons');
-var classNames12 = require('classnames');
+var classNames11 = require('classnames');
 var x = require('@ant-design/x');
 var dayjs = require('dayjs');
 var InfiniteScroll = require('react-infinite-scroll-component');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var classNames12__default = /*#__PURE__*/_interopDefault(classNames12);
+var classNames11__default = /*#__PURE__*/_interopDefault(classNames11);
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 var InfiniteScroll__default = /*#__PURE__*/_interopDefault(InfiniteScroll);
 
@@ -311,7 +311,7 @@ var init_Charts = __esm({
     );
     Charts_default = ({ data, loading }) => {
       const { type, config } = data;
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames12__default.default(styles_module_default.chart, "scroll-fade-in"), children: loading ? (
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames11__default.default(styles_module_default.chart, "scroll-fade-in"), children: loading ? (
         // Antd 骨架屏
         /* @__PURE__ */ jsxRuntime.jsx(antd.Skeleton.Node, { active: true, className: styles_module_default.chartSkeleton, children: /* @__PURE__ */ jsxRuntime.jsx(icons.DotChartOutlined, { className: styles_module_default.chartSkeletonIcon }) })
       ) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -1316,7 +1316,7 @@ var MessageRender_default = ({ message: message2, placement, onFilePreview, cust
       x.Bubble,
       {
         placement,
-        className: classNames12__default.default({ [styles_module_default2.loadingMessage]: message2.type }),
+        className: classNames11__default.default({ [styles_module_default2.loadingMessage]: message2.type }),
         content: /* @__PURE__ */ jsxRuntime.jsx(common.RenderMarkdown, { content: replaceMarkdownTags(msgContent), customComponents: mergedCustomComponents, message: message2 })
       }
     ),
@@ -1399,10 +1399,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",
@@ -1423,7 +1419,7 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
     /* @__PURE__ */ jsxRuntime.jsx(
       x.Welcome,
       {
-        className: classNames12__default.default(styles_module_default3.chatWelcome, "p-t-32"),
+        className: classNames11__default.default(styles_module_default3.chatWelcome, "p-t-32"),
         variant: "borderless",
         icon: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: icon, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { shape: "square", size: 58, src: receiverState.active.logo }) }),
         title: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: title, DefaultComponent: `\u4F60\u597D\uFF0C\u6211\u662F${receiverState.active.name || ""}` }),
@@ -1452,7 +1448,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__ */ jsxRuntime.jsx("span", { className: classNames12__default.default(styles_module_default3.chatWelcomePrompts, "text-ellipsis"), children: question })
+                  description: /* @__PURE__ */ jsxRuntime.jsx("span", { className: classNames11__default.default(styles_module_default3.chatWelcomePrompts, "text-ellipsis"), children: question })
                 }))
               }
             ]
@@ -1690,7 +1686,7 @@ var BubbleListItems_default = ({
       autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames12__default.default(styles_module_default3.nsBubbleList, "height-full", "scroll-fade-in", "zero-chat-bubbles"),
+      className: classNames11__default.default(styles_module_default3.nsBubbleList, "height-full", "scroll-fade-in", "zero-chat-bubbles"),
       onScroll: handleScroll
     },
     conversationState.active.id
@@ -1725,7 +1721,7 @@ var CharacterList_default = () => {
         /* @__PURE__ */ jsxRuntime.jsx(
           antd.Avatar,
           {
-            className: classNames12__default.default(styles_module_default3.nsAvatarListItemIcon, "cursor-pointer", {
+            className: classNames11__default.default(styles_module_default3.nsAvatarListItemIcon, "cursor-pointer", {
               [styles_module_default3.nsAvatarListItemIconActive]: activeCharacter.id === item.id
             }),
             size: 50,
@@ -1762,14 +1758,14 @@ var ConversationFavoritesList_default = () => {
     chatStore.getConversationFavorite();
   }, 300);
   const renderFavoriteList = react.useMemo(() => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames12__default.default("height-full", "scroll-fade-in"), children: favoriteState.list.items.length ? favoriteState.list.items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames11__default.default("height-full", "scroll-fade-in"), children: favoriteState.list.items.length ? favoriteState.list.items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: classNames12__default.default(styles_module_default3.favoriteCard, { [styles_module_default3.favoriteCardActive]: conversationState.active.id === item.id }),
+        className: classNames11__default.default(styles_module_default3.favoriteCard, { [styles_module_default3.favoriteCardActive]: conversationState.active.id === item.id }),
         onClick: () => chatStore.switchConversation(item.id),
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, align: "center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { flex: 1, className: classNames12__default.default(styles_module_default3.favoriteCardTitle, "text-ellipsis"), children: item.title }),
+            /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { flex: 1, className: classNames11__default.default(styles_module_default3.favoriteCardTitle, "text-ellipsis"), children: item.title }),
             /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, align: "center", className: styles_module_default3.favoriteCardActions, children: /* @__PURE__ */ jsxRuntime.jsx(
               antd.Popconfirm,
               {
@@ -1896,7 +1892,7 @@ var ChatHeader_default = ({
   const chatStore = useChatStore();
   const receiverState = valtio.useSnapshot(chatStore.receiver);
   const configState = valtio.useSnapshot(chatStore.config);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", align: "center", className: classNames12__default.default(styles_module_default3.nsChatHeader, "zero-chat-header"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", align: "center", className: classNames11__default.default(styles_module_default3.nsChatHeader, "zero-chat-header"), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, align: "center", children: [
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: avatar, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { size: 22, src: receiverState.active.logo, alt: receiverState.active.name }) }),
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: title, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default3.nsChatTitle, children: receiverState.active.name }) }),
@@ -2391,7 +2387,7 @@ var QuickAskPanel_default = () => {
         }
       ) : /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.SearchOutlined, {}), onClick: () => setSearchExpanded(true) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { align: "center", className: classNames12__default.default("scroll-fade-in", "m-b-16", styles_module_default4.tagContainer), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { align: "center", className: classNames11__default.default("scroll-fade-in", "m-b-16", styles_module_default4.tagContainer), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         antd.Tag,
         {
@@ -2432,7 +2428,7 @@ var QuickAskPanel_default = () => {
         },
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, justify: "space-between", align: "center", className: styles_module_default4.quickAskItemHeader, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames12__default.default("flex-1 text-ellipsis", styles_module_default4.quickAskItemTitle), children: item.title }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames11__default.default("flex-1 text-ellipsis", styles_module_default4.quickAskItemTitle), children: item.title }),
             /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { size: 4, className: styles_module_default4.quickAskItemHeaderActions, children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 antd.Button,
@@ -2499,7 +2495,7 @@ var QuickAskPanel_default = () => {
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames12__default.default(styles_module_default4.quickAskItemBody), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ellipsis-3", children: item.content }) })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames11__default.default(styles_module_default4.quickAskItemBody), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ellipsis-3", children: item.content }) })
         ]
       },
       item.id
@@ -2570,47 +2566,8 @@ var FeaturesRenderer_default = () => {
     )
   ] });
 };
-
-// src/ui/common/SenderPromptsItems.tsx
-init_Context();
-var SenderPromptsItems_default = () => {
-  const chatStore = useChatStore();
-  const receiverState = valtio.useSnapshot(chatStore.receiver);
-  const component = react.useMemo(
-    () => receiverState.active.config?.labels?.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, wrap: true, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { disabled: true, color: "default", variant: "text", children: "\u968F\u4FBF\u804A\u804A" }),
-      receiverState.active.config.labels.slice(0, 6).map((question) => /* @__PURE__ */ jsxRuntime.jsx(
-        antd.Popover,
-        {
-          content: /* @__PURE__ */ jsxRuntime.jsx(
-            antd.List,
-            {
-              itemLayout: "horizontal",
-              split: false,
-              className: styles_module_default3.nsSenderList,
-              dataSource: question.items,
-              renderItem: (item) => /* @__PURE__ */ jsxRuntime.jsx(antd.List.Item, { onClick: () => chatStore.sendMessage(item.question), className: styles_module_default3.nsSenderListItem, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ellipsis", children: item.question }) }),
-              footer: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { justify: "end", className: styles_module_default3.nsSenderListFooter, children: "(\u60A8\u53EF\u70B9\u51FB\u4EE5\u4E0A\u95EE\u9898\u5F00\u542FAI\u4F53\u9A8C)" })
-            }
-          ),
-          title: /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: classNames12__default.default(styles_module_default3.nsSenderListTitle, "text-ellipsis"),
-              children: `${receiverState.active.name}\u5F00\u59CB\u5173\u6CE8${question.name}\u5185\u5BB9\uFF01`
-            }
-          ),
-          children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { color: "default", variant: "filled", children: question.name })
-        },
-        question.id
-      ))
-    ] }),
-    [receiverState.active.config?.labels]
-  );
-  return component;
-};
 var ChatSender_default2 = react.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 = valtio.useSnapshot(chatStore.config);
     const receiverState = valtio.useSnapshot(chatStore.receiver);
@@ -2630,61 +2587,58 @@ var ChatSender_default2 = react.forwardRef(
       chatStore.setContent(con);
       chatStore.sendMessage();
     };
-    return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, gap: 8, className: "zero-chat-sender", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: prompts, DefaultComponent: SenderPromptsItems_default }),
-      /* @__PURE__ */ jsxRuntime.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: common.isFunction(sendBtnProps) ? sendBtnProps() : {},
-          extraFooterBelow: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: footerBelow }),
-          extraFooter: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(FeaturesRenderer_default, {}),
-            /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: extraBtn })
-          ] }),
-          extraHeader: /* @__PURE__ */ jsxRuntime.jsx(
-            x.Sender.Header,
-            {
-              title: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(icons.EnterOutlined, {}),
-                /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { type: "secondary", ellipsis: true, children: referenceContent })
-              ] }),
-              open: !!referenceContent,
-              onOpenChange: () => chatStore.setReferences(),
-              classNames: {
-                header: styles_module_default3.nsSenderReferenceHeaderTitle,
-                content: common.shouldRender(referencesBtn) ? "" : styles_module_default3.nsSenderReferenceHeaderContent
-              },
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                common.RenderWrapper,
-                {
-                  control: referencesBtn,
-                  DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, children: ["\u6DF1\u5EA6\u89E3\u8BFB", "\u6982\u8981\u89E3\u8BFB"].map((con) => /* @__PURE__ */ jsxRuntime.jsxs(antd.Button, { color: "primary", variant: "filled", onClick: () => referenceHandle(con), children: [
-                    con,
-                    " \u2192"
-                  ] }, con)) })
-                }
-              )
-            }
-          )
-        }
-      )
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, gap: 8, className: "zero-chat-sender", children: /* @__PURE__ */ jsxRuntime.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: common.isFunction(sendBtnProps) ? sendBtnProps() : {},
+        extraFooterBelow: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: footerBelow }),
+        extraFooter: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FeaturesRenderer_default, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: extraBtn })
+        ] }),
+        extraHeader: /* @__PURE__ */ jsxRuntime.jsx(
+          x.Sender.Header,
+          {
+            title: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(icons.EnterOutlined, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { type: "secondary", ellipsis: true, children: referenceContent })
+            ] }),
+            open: !!referenceContent,
+            onOpenChange: () => chatStore.setReferences(),
+            classNames: {
+              header: styles_module_default3.nsSenderReferenceHeaderTitle,
+              content: common.shouldRender(referencesBtn) ? "" : styles_module_default3.nsSenderReferenceHeaderContent
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              common.RenderWrapper,
+              {
+                control: referencesBtn,
+                DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, children: ["\u6DF1\u5EA6\u89E3\u8BFB", "\u6982\u8981\u89E3\u8BFB"].map((con) => /* @__PURE__ */ jsxRuntime.jsxs(antd.Button, { color: "primary", variant: "filled", onClick: () => referenceHandle(con), children: [
+                  con,
+                  " \u2192"
+                ] }, con)) })
+              }
+            )
+          }
+        )
+      }
+    ) });
   }
 );
 
@@ -2700,7 +2654,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
         common.RenderWrapper,
         {
           control: title,
-          DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx("span", { className: classNames12__default.default(styles_module_default3.nsChatUserName, "flex-1 text-ellipsis"), children: receiverState.active.name })
+          DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx("span", { className: classNames11__default.default(styles_module_default3.nsChatUserName, "flex-1 text-ellipsis"), children: receiverState.active.name })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: conversationListFavoriteBtn, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(ConversationFavoritesList_default, {}) })
@@ -2716,7 +2670,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
             type: "primary",
             shape: "round",
             onClick: () => chatStore.createConversation(),
-            className: classNames12__default.default("m-t-16"),
+            className: classNames11__default.default("m-t-16"),
             icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}),
             children: "\u65B0\u5EFA\u4F1A\u8BDD"
           }
@@ -2726,7 +2680,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
   ] });
 };
 var ConversationListPanel_default = ({ header }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames12__default.default("height-full", "zero-chat-conversations", styles_module_default3.nsConversationListPanel), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames11__default.default("height-full", "zero-chat-conversations", styles_module_default3.nsConversationListPanel), children: [
     /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: header, DefaultComponent: ConversationListHeader_default }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsxRuntime.jsx(ConversationList_default, {}) })
   ] });
@@ -2820,7 +2774,7 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
   react.useEffect(() => {
     configState.hooks?.onBeforeInit?.();
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(x.XProvider, { theme: { cssVar: true, ...theme }, children: /* @__PURE__ */ jsxRuntime.jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: receiverState.loading, wrapperClassName: "full-spin", children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames12__default.default(styles_module_default5.nsChatLayout, "zero-chat-layout", "height-full"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(x.XProvider, { theme: { cssVar: true, ...theme }, children: /* @__PURE__ */ jsxRuntime.jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: receiverState.loading, wrapperClassName: "full-spin", children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames11__default.default(styles_module_default5.nsChatLayout, "zero-chat-layout", "height-full"), children: [
     /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.globalHeader, DefaultComponent: ChatHeader_default }),
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { className: "full-scroll", children: [
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.leftPanel }),
@@ -2829,7 +2783,7 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
         /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, min: 600, size: sizes[0], children: hasPreView && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           configState.preview.file.fileUrl && /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: "height-full", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", align: "center", gap: 16, className: styles_module_default5.nsPreviewHeader, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames12__default.default(styles_module_default5.nsPreviewHeaderTitle, "text-ellipsis"), title: configState.preview.file.fileName, children: configState.preview.file.fileName }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames11__default.default(styles_module_default5.nsPreviewHeaderTitle, "text-ellipsis"), title: configState.preview.file.fileName, children: configState.preview.file.fileName }),
               /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, justify: "center", align: "center", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   antd.Button,
@@ -2873,15 +2827,15 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames12__default.default("height-full"), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames11__default.default("height-full"), children: [
           /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.chatHeader, DefaultComponent: ChatHeader_default }),
-          /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, className: classNames12__default.default("full-scroll"), children: /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, className: classNames11__default.default("full-scroll"), children: /* @__PURE__ */ jsxRuntime.jsxs(
             antd.Flex,
             {
               justify: "center",
               vertical: true,
               gap: 24,
-              className: classNames12__default.default("height-full", styles_module_default5.nsChatBody, "zero-chat-body", styles_module_default5.nsBodyWidth),
+              className: classNames11__default.default("height-full", styles_module_default5.nsChatBody, "zero-chat-body", styles_module_default5.nsBodyWidth),
               children: [
                 common.shouldRender(configState.layout.messageList) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.messageList, DefaultComponent: BubbleListItems_default }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, gap: 8, children: [