@zero-library/chat-agent 2.0.6 → 2.0.8

package/dist/index.cjs.js

@@ -7,14 +7,14 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var icons = require('@ant-design/icons');
 var x = require('@ant-design/x');
-var classNames5 = require('classnames');
+var classNames6 = require('classnames');
 var valtio = require('valtio');
 var InfiniteScroll = require('react-infinite-scroll-component');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
-var classNames5__default = /*#__PURE__*/_interopDefault(classNames5);
+var classNames6__default = /*#__PURE__*/_interopDefault(classNames6);
 var InfiniteScroll__default = /*#__PURE__*/_interopDefault(InfiniteScroll);
 
 var __defProp = Object.defineProperty;
@@ -26,6 +26,19 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
+var docQuery, fileCreate;
+var init_file = __esm({
+  "src/services/file.ts"() {
+    docQuery = (paramsStr) => {
+      return common.request.get(`/uc/doc?${paramsStr}`);
+    };
+    fileCreate = async (fileContent, fileName, targetFormat = "docx") => {
+      const blob = await common.request.post(`/uc/doc/convert`, { fileContent, fileName, targetFormat }, { responseType: "blob" });
+      const url = URL.createObjectURL(blob);
+      common.downloadFile(url, fileName);
+    };
+  }
+});
 function transform(source, fieldMap) {
   const result = {};
   for (const [targetKey, mapping] of Object.entries(fieldMap)) {
@@ -152,14 +165,6 @@ var init_FileView = __esm({
     };
   }
 });
-var docQuery;
-var init_file = __esm({
-  "src/services/file.ts"() {
-    docQuery = (paramsStr) => {
-      return common.request.get(`/uc/doc?${paramsStr}`);
-    };
-  }
-});
 var DocDrawer_default;
 var init_DocDrawer = __esm({
   "src/ui/common/markdownAlert/components/DocDrawer.tsx"() {
@@ -317,6 +322,9 @@ var init_QuoteList = __esm({
   }
 });
 
+// src/ui/layouts/index.tsx
+init_file();
+
 // src/core/constants.ts
 var DEFAULT_NEW_CONV_ID = "newConvId";
 var ChatRoleMap = {
@@ -392,7 +400,7 @@ async function handleStreamResponse(response, options) {
     buffer = parseBuffer(buffer, onChunk);
   }
 }
-async function request(url, data = {}, options = {}) {
+async function request2(url, data = {}, options = {}) {
   const { stream = false, method = "POST", headers = {}, signal } = options;
   const controller = new AbortController();
   signal?.addEventListener("abort", () => controller.abort());
@@ -429,10 +437,10 @@ async function request(url, data = {}, options = {}) {
   }
   return r;
 }
-var get = (url, params = {}, options = {}) => request(url, params, { ...options, method: "GET" });
-var post = (url, data = {}, options = {}) => request(url, data, { ...options, method: "POST" });
-var put = (url, data = {}, options = {}) => request(url, data, { ...options, method: "PUT" });
-var del = (url, data = {}, options = {}) => request(url, data, { ...options, method: "DELETE" });
+var get = (url, params = {}, options = {}) => request2(url, params, { ...options, method: "GET" });
+var post = (url, data = {}, options = {}) => request2(url, data, { ...options, method: "POST" });
+var put = (url, data = {}, options = {}) => request2(url, data, { ...options, method: "PUT" });
+var del = (url, data = {}, options = {}) => request2(url, data, { ...options, method: "DELETE" });
 var fetchRequest_default = { delete: del, get, post, put };
 
 // src/services/index.ts
@@ -478,21 +486,16 @@ var sendChatMessage = (params) => {
 
 // src/stores/index.ts
 var defaultLayout = {
+  leftPanel: false,
   conversationList: true,
-  conversationListHeader: true,
   preview: true,
   messageList: true,
   senderHeader: false,
   sender: true,
   senderPrompts: true,
   senderFooter: false,
-  senderExtraBtn: false,
-  referencesBtn: false,
-  header: true,
-  headerTitle: true,
-  headerConversationListBtn: true,
-  headerNewConversationBtn: true,
-  headerCloseBtn: false,
+  globalHeader: false,
+  chatHeader: true,
   disclaimerNotice: true
 };
 function createChatStore() {
@@ -655,11 +658,12 @@ function createChatStore() {
     const canProceed = await config.hooks?.onBeforeSwitchConversation?.(chatKey, isNew);
     if (canProceed === false) return;
     conversation.active = chat?.key ? chat : { key: chatKey };
+    setPreview();
     if (!conversation.messages[chatKey]) {
       setInitMessage(chatKey);
     }
     config.hooks?.onAfterSwitchConversation?.(chatKey, isNew);
-    if (!chatKey.endsWith(DEFAULT_NEW_CONV_ID) && conversation.messages[chatKey].message.items.length === 0) {
+    if (!isNew && conversation.messages[chatKey].message.items.length === 0) {
       getMessages(agent.active.id, chatKey);
     }
   };
@@ -887,6 +891,7 @@ init_Context();
 // src/ui/common/styles.module.less
 var styles_module_default = {
   loadingMessage: "styles_module_loadingMessage",
+  conversationListPanel: "styles_module_conversationListPanel",
   nsConversations: "styles_module_nsConversations",
   nsBodyWidth: "styles_module_nsBodyWidth",
   nsBubbleList: "styles_module_nsBubbleList",
@@ -953,7 +958,7 @@ var ConversationList_default = () => {
     }
   ) : /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: "\u6682\u65E0\u4F1A\u8BDD\u8BB0\u5F55", image: antd.Empty.PRESENTED_IMAGE_SIMPLE }) }) });
 };
-var AgentHeader_default = () => {
+var AgentHeader_default = ({ title = true, closeBtn = false, newConversationBtn = true, conversationListBtn = true }) => {
   const chatStore = useChatStore();
   const agentState = valtio.useSnapshot(chatStore.agent);
   const configState = valtio.useSnapshot(chatStore.config);
@@ -962,7 +967,7 @@ var AgentHeader_default = () => {
       /* @__PURE__ */ jsxRuntime.jsx(
         common.RenderWrapper,
         {
-          control: configState.layout.headerTitle,
+          control: title,
           DefaultComponent: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { size: 22, src: agentState.active.iconUrl, alt: agentState.active.name }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default.nsChatTitle, children: agentState.active.name })
@@ -975,14 +980,14 @@ var AgentHeader_default = () => {
       /* @__PURE__ */ jsxRuntime.jsx(
         common.RenderWrapper,
         {
-          control: configState.layout.headerNewConversationBtn,
+          control: newConversationBtn,
           DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", size: "large", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}), onClick: () => chatStore.switchConversation() })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
         common.RenderWrapper,
         {
-          control: configState.layout.headerConversationListBtn,
+          control: conversationListBtn,
           DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(
             antd.Popover,
             {
@@ -999,7 +1004,7 @@ var AgentHeader_default = () => {
       /* @__PURE__ */ jsxRuntime.jsx(
         common.RenderWrapper,
         {
-          control: configState.layout.headerCloseBtn,
+          control: closeBtn,
           DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", size: "large", onClick: configState.hooks?.onHeaderClose, icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseOutlined, {}) })
         }
       )
@@ -1083,7 +1088,7 @@ var MessageAIRender_default = ({ message: message4, placement }) => {
     x.Bubble,
     {
       placement,
-      className: classNames5__default.default({ [styles_module_default.loadingMessage]: message4.status === "loading" }),
+      className: classNames6__default.default({ [styles_module_default.loadingMessage]: message4.status === "loading" }),
       content: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         thinkContents.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
           antd.Collapse,
@@ -1143,7 +1148,7 @@ var BubbleListItems_default = ({ avatar = true }) => {
           /* @__PURE__ */ jsxRuntime.jsx(
             x.Welcome,
             {
-              className: classNames5__default.default(styles_module_default.chatWelcome, "p-t-32"),
+              className: classNames6__default.default(styles_module_default.chatWelcome, "p-t-32"),
               variant: "borderless",
               icon: /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { shape: "square", size: 58, src: agentState.active.iconUrl }),
               title: `\u4F60\u597D\uFF0C\u6211\u662F${agentState.active.name || ""}`,
@@ -1161,7 +1166,7 @@ var BubbleListItems_default = ({ avatar = true }) => {
                   label: "\u{1F914} \u63A8\u8350\u95EE\u9898:",
                   children: agentState.active.recommendQuestions.map(({ question, id }) => ({
                     key: id,
-                    description: /* @__PURE__ */ jsxRuntime.jsx("span", { onClick: () => chatStore.sendMessage(question), className: classNames5__default.default(styles_module_default.chatWelcomePrompts, "text-ellipsis"), children: question })
+                    description: /* @__PURE__ */ jsxRuntime.jsx("span", { onClick: () => chatStore.sendMessage(question), className: classNames6__default.default(styles_module_default.chatWelcomePrompts, "text-ellipsis"), children: question })
                   }))
                 }
               ]
@@ -1250,17 +1255,37 @@ var BubbleListItems_default = ({ avatar = true }) => {
     return [...placeholderNode];
   }, [chatRecords, questionList, placeholderNode]);
   const listRef = react.useRef(null);
+  const autoScrollRef = react.useRef(true);
+  const handleScroll = (el) => {
+    const target = el.target;
+    const distanceToBottom = target.scrollHeight - target.scrollTop - target.clientHeight;
+    autoScrollRef.current = distanceToBottom < 100;
+  };
+  react.useEffect(() => {
+    autoScrollRef.current = true;
+  }, [bubbleListItems.length]);
   react.useEffect(() => {
-    if (bubbleListItems.length && (listRef.current?.nativeElement.scrollHeight ?? 0) - ((listRef.current?.nativeElement.scrollTop ?? 0) + (listRef.current?.nativeElement.clientHeight ?? 0)) < 100) {
-      listRef.current?.scrollTo({ key: bubbleListItems[bubbleListItems.length - 1].key, block: "end" });
+    const el = listRef.current?.nativeElement;
+    if (!el || !bubbleListItems.length) return;
+    if (autoScrollRef.current) {
+      setTimeout(() => {
+        if (autoScrollRef.current) {
+          listRef.current?.scrollTo({
+            key: bubbleListItems[bubbleListItems.length - 1].key,
+            block: "end"
+          });
+        }
+      }, 100);
     }
   }, [bubbleListItems]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     x.Bubble.List,
     {
+      autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames5__default.default(styles_module_default.nsBubbleList, "height-full", "scroll-fade-in")
+      className: classNames6__default.default(styles_module_default.nsBubbleList, "height-full", "scroll-fade-in"),
+      onScroll: handleScroll
     },
     conversationState.active.key
   );
@@ -1515,11 +1540,10 @@ var ChatSender_default = react.forwardRef(
 
 // src/ui/common/ChatSender.tsx
 init_Context();
-var ChatSender_default2 = () => {
+var ChatSender_default2 = ({ placeholder, extraBtn = false, referencesBtn = false }) => {
   const chatStore = useChatStore();
   const agentState = valtio.useSnapshot(chatStore.agent);
   const conversationState = valtio.useSnapshot(chatStore.conversation);
-  const configState = valtio.useSnapshot(chatStore.config);
   const chatMessage = react.useMemo(
     () => conversationState.messages[conversationState.active.key] || {},
     [conversationState.messages[conversationState.active.key]]
@@ -1534,7 +1558,7 @@ var ChatSender_default2 = () => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     ChatSender_default,
     {
-      placeholder: configState.layout.sender?.props?.placeholder,
+      placeholder,
       content: chatMessage.content,
       fileList: chatMessage.files,
       headerOpen: chatMessage.headerOpen,
@@ -1559,7 +1583,7 @@ var ChatSender_default2 = () => {
             children: "\u6DF1\u5EA6\u601D\u8003"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.senderExtraBtn })
+        /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: extraBtn })
       ] }),
       extraHeader: /* @__PURE__ */ jsxRuntime.jsx(
         x.Sender.Header,
@@ -1572,12 +1596,12 @@ var ChatSender_default2 = () => {
           onOpenChange: () => chatStore.setReferences(),
           classNames: {
             header: styles_module_default.nsSenderReferenceHeaderTitle,
-            content: common.shouldRender(configState.layout.referencesBtn) ? "" : styles_module_default.nsSenderReferenceHeaderContent
+            content: common.shouldRender(referencesBtn) ? "" : styles_module_default.nsSenderReferenceHeaderContent
           },
           children: /* @__PURE__ */ jsxRuntime.jsx(
             common.RenderWrapper,
             {
-              control: configState.layout.referencesBtn,
+              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"
@@ -1607,13 +1631,19 @@ var ConversationListHeader_default = () => {
         type: "primary",
         shape: "round",
         onClick: () => chatStore.switchConversation(),
-        className: classNames5__default.default("m-t-16"),
+        className: classNames6__default.default("m-t-16"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}),
         children: "\u65B0\u5EFA\u4F1A\u8BDD"
       }
     )
   ] });
 };
+var ConversationListPanel_default = ({ header }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames6__default.default("height-full", styles_module_default.conversationListPanel), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: header, DefaultComponent: ConversationListHeader_default }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsxRuntime.jsx(ConversationList_default, {}) })
+  ] });
+};
 
 // src/ui/common/SenderPromptsItems.tsx
 init_Context();
@@ -1640,7 +1670,7 @@ var SenderPromptsItems_default = () => {
           title: /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: classNames5__default.default(styles_module_default.senderListTitle, "text-ellipsis"),
+              className: classNames6__default.default(styles_module_default.senderListTitle, "text-ellipsis"),
               children: `${agentState.active.name}\u5F00\u59CB\u5173\u6CE8${question.labelName}\u5185\u5BB9\uFF01`
             }
           ),
@@ -1695,117 +1725,117 @@ var layouts_default = react.forwardRef(({ theme, params, hooks, layout, defaultA
     }),
     []
   );
-  const setSplitterSizes = (sizes) => {
-    console.log(sizes);
-  };
   const hasPreView = react.useMemo(() => {
     return common.shouldRender(configState.layout.preview) && (!!configState.preview.file.fileUrl || !!configState.preview.file.content);
   }, [configState.layout.preview, configState.preview.file]);
-  return /* @__PURE__ */ jsxRuntime.jsx(x.XProvider, { theme: { cssVar: true, ...theme }, children: /* @__PURE__ */ jsxRuntime.jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: agentState.loading, wrapperClassName: "full-spin", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames5__default.default(styles_module_default3.nsChatLayout, "height-full"), children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Splitter, { onResize: setSplitterSizes, children: [
-    common.shouldRender(configState.layout.conversationList) && /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { size: 360, collapsible: false, resizable: false, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: "height-full", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        common.RenderWrapper,
-        {
-          control: configState.layout.conversationListHeader,
-          DefaultComponent: ConversationListHeader_default
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsxRuntime.jsx(
-        common.RenderWrapper,
-        {
-          control: configState.layout.conversationList,
-          DefaultComponent: ConversationList_default
-        }
-      ) })
-    ] }) }),
-    hasPreView && /* @__PURE__ */ jsxRuntime.jsxs(antd.Splitter.Panel, { collapsible: false, resizable: false, 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_default3.nsPreviewHeader, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default3.nsPreviewHeaderTitle, children: configState.preview.file.fileName }),
-          /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, justify: "center", align: "center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              antd.Button,
+  const [sizes, setSizes] = react.useState([0, "100%"]);
+  const setSplitterSizes = (sizes2) => {
+    setSizes(sizes2);
+  };
+  react.useEffect(() => {
+    if (hasPreView) {
+      setSplitterSizes(["70%", "30%"]);
+    } else {
+      setSplitterSizes([0, "100%"]);
+    }
+  }, [hasPreView]);
+  return /* @__PURE__ */ jsxRuntime.jsx(x.XProvider, { theme: { cssVar: true, ...theme }, children: /* @__PURE__ */ jsxRuntime.jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: agentState.loading, wrapperClassName: "full-spin", children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames6__default.default(styles_module_default3.nsChatLayout, "height-full"), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.globalHeader, DefaultComponent: AgentHeader_default }),
+    /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { className: "full-scroll", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.leftPanel, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}) }),
+      /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.conversationList, DefaultComponent: ConversationListPanel_default }),
+      /* @__PURE__ */ jsxRuntime.jsxs(antd.Splitter, { className: "flex-1", onResize: setSplitterSizes, children: [
+        /* @__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_default3.nsPreviewHeader, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default3.nsPreviewHeaderTitle, children: configState.preview.file.fileName }),
+              /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, justify: "center", align: "center", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  antd.Button,
+                  {
+                    color: "primary",
+                    variant: "outlined",
+                    onClick: () => common.downloadFile(configState.preview.file.fileUrl, configState.preview.file.fileName),
+                    children: "\u4E0B\u8F7D"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: () => chatStore.setPreview(), children: "\u5173\u95ED" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsxRuntime.jsx(
+              common.FilePreview,
               {
-                color: "primary",
-                variant: "outlined",
-                onClick: () => common.downloadFile(configState.preview.file.fileUrl, configState.preview.file.fileName),
-                children: "\u4E0B\u8F7D"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: () => chatStore.setPreview(), children: "\u5173\u95ED" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsxRuntime.jsx(
-          common.FilePreview,
-          {
-            ...configState.preview.file,
-            pdfParams: {
-              isHasThumbnails: false
-            }
-          }
-        ) })
-      ] }),
-      configState.preview.file.content && /* @__PURE__ */ jsxRuntime.jsx(
-        common.MarkdownEditor,
-        {
-          value: configState.preview.file.content,
-          onQuote: (text) => {
-            chatStore.setReferences({
-              type: 1,
-              content: {
-                name: text,
-                markdown: text
-              },
-              params: {
-                outline: text
+                ...configState.preview.file,
+                pdfParams: {
+                  isHasThumbnails: false
+                }
               }
-            });
-          },
-          extraNav: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(antd.Tag, { bordered: false, color: "default", className: "cursor-pointer", onClick: () => chatStore.setPreview(), children: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseOutlined, {}) }) })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, resizable: false, size: hasPreView ? 400 : void 0, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames5__default.default("height-full"), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.header, DefaultComponent: AgentHeader_default }),
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, className: classNames5__default.default("full-scroll"), children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "center", vertical: true, gap: 24, className: classNames5__default.default("height-full p-t-8 p-b-8", styles_module_default.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: /* @__PURE__ */ jsxRuntime.jsx(BubbleListItems_default, { avatar: { user: false, assistant: true } })
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          common.RenderWrapper,
-          {
-            control: configState.layout.senderHeader,
-            DefaultComponent: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default3.nsChatSenderHeader, children: [
-              "\u6211\u662F ",
-              agentState.active.name
-            ] })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, gap: 8, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            common.RenderWrapper,
-            {
-              control: configState.layout.senderPrompts,
-              DefaultComponent: SenderPromptsItems_default
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.sender, DefaultComponent: ChatSender_default2 }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            common.RenderWrapper,
+            ) })
+          ] }),
+          configState.preview.file.content && /* @__PURE__ */ jsxRuntime.jsx(
+            common.MarkdownEditor,
             {
-              control: configState.layout.disclaimerNotice,
-              DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default3.nsDisclaimerNotice, children: "\u5185\u5BB9\u7531AI\u751F\u6210\uFF0C\u4EC5\u4F9B\u53C2\u8003\uFF0C\u8BF7\u4ED4\u7EC6\u7504\u522B" })
+              value: configState.preview.file.content,
+              onQuote: (text) => {
+                chatStore.setReferences({
+                  type: 1,
+                  content: {
+                    name: text,
+                    markdown: text
+                  },
+                  params: {
+                    outline: text
+                  }
+                });
+              },
+              onDownloadFile: (content, type) => fileCreate(content, configState.preview.file.fileName, type),
+              extraNav: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(antd.Tag, { bordered: false, color: "default", className: "cursor-pointer", onClick: () => chatStore.setPreview(), children: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseOutlined, {}) }) })
             }
           )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.senderFooter, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}) })
-      ] }) })
-    ] }) })
-  ] }) }) }) }) });
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames6__default.default("height-full"), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.chatHeader, DefaultComponent: AgentHeader_default }),
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, className: classNames6__default.default("full-scroll"), children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "center", vertical: true, gap: 24, className: classNames6__default.default("height-full p-t-8 p-b-8", styles_module_default.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: /* @__PURE__ */ jsxRuntime.jsx(BubbleListItems_default, { avatar: { user: false, assistant: true } })
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              common.RenderWrapper,
+              {
+                control: configState.layout.senderHeader,
+                DefaultComponent: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default3.nsChatSenderHeader, children: [
+                  "\u6211\u662F ",
+                  agentState.active.name
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, gap: 8, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                common.RenderWrapper,
+                {
+                  control: configState.layout.senderPrompts,
+                  DefaultComponent: SenderPromptsItems_default
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.sender, DefaultComponent: ChatSender_default2 }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                common.RenderWrapper,
+                {
+                  control: configState.layout.disclaimerNotice,
+                  DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default3.nsDisclaimerNotice, children: "\u5185\u5BB9\u7531AI\u751F\u6210\uFF0C\u4EC5\u4F9B\u53C2\u8003\uFF0C\u8BF7\u4ED4\u7EC6\u7504\u522B" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.senderFooter, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}) })
+          ] }) })
+        ] }) })
+      ] })
+    ] })
+  ] }) }) }) });
 });
 
 exports.AgentChat = layouts_default;