@zero-library/chat-agent 1.0.0 → 2.0.0

package/dist/index.esm.js

@@ -1,13 +1,12 @@
-import { useRefState, useDebounce, isNumber, useSyncInput, shouldRender, RenderWrapper, downloadFile, FilePreview, isObject, isNullOrUnDef, isBoolean, UserAvatar, request as request$1, OK, getCurrentUser, deepMerge, copyText, RenderMarkdown, getToken, TOKEN_KEY, createValtioContext, FileIcon } from '@zero-library/common';
-import { message, Badge, Button, Flex, Spin, Splitter, Avatar, Space, Popover, List, Typography, Collapse, Tag, Card } from 'antd';
+import { useRefState, useDebounce, isNumber, useSyncInput, shouldRender, RenderWrapper, downloadFile, FilePreview, MarkdownEditor, isObject, isNullOrUnDef, isBoolean, UserAvatar, request as request$1, getCurrentUser, deepMerge, copyText, RenderMarkdown, OK, getToken, TOKEN_KEY, createValtioContext, FileIcon } from '@zero-library/common';
+import { message, Badge, Button, Flex, Spin, Splitter, Tag, Avatar, Space, Popover, List, Typography, Collapse } from 'antd';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import TextArea from 'antd/es/input/TextArea';
 import { forwardRef, useRef, useEffect, useImperativeHandle, useMemo, useState } from 'react';
-import { CloudUploadOutlined, PaperClipOutlined, PlusOutlined, DeleteOutlined, RedoOutlined, CommentOutlined, CloseOutlined, OpenAIOutlined, CopyOutlined, LikeOutlined, DislikeOutlined, EnterOutlined, CloseCircleOutlined, CaretRightOutlined } from '@ant-design/icons';
-import { useSnapshot, proxy } from 'valtio';
-import dayjs from 'dayjs';
+import { CloudUploadOutlined, PaperClipOutlined, CloseOutlined, PlusOutlined, DeleteOutlined, RedoOutlined, CommentOutlined, OpenAIOutlined, CopyOutlined, LikeOutlined, DislikeOutlined, EnterOutlined, CloseCircleOutlined, PlayCircleOutlined, CaretRightOutlined } from '@ant-design/icons';
 import { Attachments, Sender, Suggestion, XProvider, Conversations, Welcome, Prompts, Bubble } from '@ant-design/x';
 import classNames2 from 'classnames';
+import { useSnapshot, proxy } from 'valtio';
+import dayjs from 'dayjs';
 import InfiniteScroll from 'react-infinite-scroll-component';
 
 var __defProp = Object.defineProperty;
@@ -33,7 +32,11 @@ var init_styles_module = __esm({
     styles_module_default2 = {
       appCard: "styles_module_appCard",
       fileView: "styles_module_fileView",
-      quoteList: "styles_module_quoteList"
+      fileEdit: "styles_module_fileEdit",
+      fileEditHeader: "styles_module_fileEditHeader",
+      fileEditContent: "styles_module_fileEditContent",
+      quoteList: "styles_module_quoteList",
+      mdEdit: "styles_module_mdEdit"
     };
   }
 });
@@ -96,48 +99,36 @@ var init_IndexQuote = __esm({
       const onClick = () => {
         window.open(data.fileUrl, "_blank");
       };
-      const Content = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 8, children: [
-        /* @__PURE__ */ jsx(FileIcon, { suffix: data.suffix, fontSize: 16 }),
-        /* @__PURE__ */ jsx("a", { onClick, children: data.fileName })
-      ] }) });
-      return /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", wrapperClassName: "inline-block index-quote", children: /* @__PURE__ */ jsx(Popover, { content: Content, title: data.title, children: /* @__PURE__ */ jsx(Tag, { bordered: false, color: "processing", className: "cursor-pointer", children: data.index }) }) });
+      const Content = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Flex, { align: "center", gap: 8, children: /* @__PURE__ */ jsx("a", { onClick, children: data.fileName }) }) });
+      return /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", wrapperClassName: "inline-block index-quote", children: /* @__PURE__ */ jsx(Popover, { content: Content, children: /* @__PURE__ */ jsx(Tag, { bordered: false, color: "processing", className: "cursor-pointer", children: data.index }) }) });
     };
   }
 });
 
-// src/ui/common/markdownAlert/EditableMarkdownCard.tsx
-var EditableMarkdownCard_exports = {};
-__export(EditableMarkdownCard_exports, {
-  default: () => EditableMarkdownCard_default
+// src/ui/common/markdownAlert/MdEdit.tsx
+var MdEdit_exports = {};
+__export(MdEdit_exports, {
+  default: () => MdEdit_default
 });
-var EditableMarkdownCard_default;
-var init_EditableMarkdownCard = __esm({
-  "src/ui/common/markdownAlert/EditableMarkdownCard.tsx"() {
-    EditableMarkdownCard_default = ({ data, loading }) => {
-      const [editing, setEditing] = useState(false);
-      const [value, setValue] = useState(data.content || "");
-      const wrapperRef = useRef(null);
-      useEffect(() => {
-        const handleClickOutside = (e) => {
-          if (editing && wrapperRef.current && !wrapperRef.current.contains(e.target)) {
-            setEditing(false);
-          }
-        };
-        document.addEventListener("mousedown", handleClickOutside);
-        return () => document.removeEventListener("mousedown", handleClickOutside);
-      }, [editing]);
+var MdEdit_default;
+var init_MdEdit = __esm({
+  "src/ui/common/markdownAlert/MdEdit.tsx"() {
+    init_Context();
+    init_styles_module();
+    MdEdit_default = ({ data, loading }) => {
+      const chatStore = useChatStore();
+      const [value, setValue] = useState("");
+      const onOk = () => {
+        console.log("value", value);
+        chatStore.sendMessage("\u5F00\u59CB\u5199\u4F5C", [], { outline: value });
+      };
       useEffect(() => {
-        if (value !== data.content) ;
-      }, [value]);
-      return /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsx(Card, { ref: wrapperRef, children: editing ? /* @__PURE__ */ jsx(
-        TextArea,
-        {
-          autoSize: { minRows: 4, maxRows: 16 },
-          value,
-          onChange: (e) => setValue(e.target.value),
-          placeholder: "\u8BF7\u8F93\u5165 Markdown \u5185\u5BB9..."
-        }
-      ) : /* @__PURE__ */ jsx("div", { onClick: () => setEditing(true), style: { cursor: "pointer", minHeight: 24 }, children: /* @__PURE__ */ jsx(RenderMarkdown, { content: value }) }) }) });
+        setValue(data.content);
+      }, [data.content]);
+      return /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxs("div", { className: styles_module_default2.mdEdit, children: [
+        /* @__PURE__ */ jsx(MarkdownEditor, { disabled: loading, value, onChange: setValue, showToolbar: false }),
+        !loading && /* @__PURE__ */ jsx(Flex, { justify: "end", className: "m-t-16", children: /* @__PURE__ */ jsx(Button, { color: "primary", variant: "outlined", onClick: onOk, children: "\u786E\u8BA4\u63D0\u7EB2\u601D\u8DEF\uFF0C\u5F00\u59CB\u5199\u4F5C" }) })
+      ] }) });
     };
   }
 });
@@ -155,11 +146,14 @@ var init_FileEdit = __esm({
     FileEdit_default = ({ data, loading }) => {
       const chatStore = useChatStore();
       const onClick = () => {
-        chatStore.setPreview(data, false);
+        chatStore.setPreview(data, true);
       };
-      return /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxs(Flex, { gap: 8, align: "center", className: styles_module_default2.fileView, onClick, children: [
-        /* @__PURE__ */ jsx(FileIcon, { suffix: data.suffix }),
-        /* @__PURE__ */ jsx("div", { className: "text-ellipsis", title: data.fileName, children: data.fileName })
+      return /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: styles_module_default2.fileEdit, children: [
+        /* @__PURE__ */ jsx(Flex, { gap: 8, justify: "end", className: styles_module_default2.fileEditHeader, children: /* @__PURE__ */ jsx(Button, { color: "default", variant: "text", size: "small", icon: /* @__PURE__ */ jsx(PlayCircleOutlined, {}), onClick, children: "\u9884\u89C8\u7F16\u8F91" }) }),
+        /* @__PURE__ */ jsxs(Flex, { gap: 8, align: "center", className: styles_module_default2.fileEditContent, children: [
+          /* @__PURE__ */ jsx(FileIcon, { suffix: "md" }),
+          /* @__PURE__ */ jsx("div", { className: "text-ellipsis", title: data.fileName, children: data.fileName })
+        ] })
       ] }) });
     };
   }
@@ -175,7 +169,6 @@ var init_QuoteList = __esm({
   "src/ui/common/markdownAlert/QuoteList.tsx"() {
     init_styles_module();
     QuoteList_default = ({ data, loading }) => {
-      console.log("QuoteList data", data, loading);
       const onClick = (item) => {
         window.open(item.fileUrl, "_blank");
       };
@@ -190,7 +183,7 @@ var init_QuoteList = __esm({
             {
               key: "1",
               label: "\u53C2\u8003\u8D44\u6599",
-              children: /* @__PURE__ */ jsx(Flex, { vertical: true, gap: 4, children: data.list.map((item) => /* @__PURE__ */ jsx("p", { onClick: () => onClick(item), className: "cursor-pointer", children: item.displayName }, item.fileUrl)) })
+              children: /* @__PURE__ */ jsx(Flex, { vertical: true, gap: 4, children: data.list.map((item) => /* @__PURE__ */ jsx("p", { onClick: () => onClick(item), className: "cursor-pointer", children: item.title }, item.fileUrl)) })
             }
           ]
         }
@@ -389,7 +382,7 @@ var updateFeedback = (params) => {
 var uploadFile = (formData) => {
   return request$1.post("/agent/file", formData);
 };
-var sendMessage = (params) => {
+var sendChatMessage = (params) => {
   return fetchRequest_default.post(
     "/agent/chat",
     { ...params, stream: true },
@@ -430,12 +423,15 @@ function createChatStore() {
     preview: {
       file: {},
       isEdit: false
+      // 未使用
+      // isShow: 0, // 0 不显示 1 显示 2 用户关闭
+      // isIntact: false // true 完整 false 不完整
     },
     userInfo: {},
     params: {}
   });
   const setPreview = (file = {}, isEdit = false) => {
-    if (config.layout.preview) {
+    if (shouldRender(config.layout.preview)) {
       config.preview = {
         file,
         isEdit
@@ -443,6 +439,8 @@ function createChatStore() {
     } else {
       if (file?.fileUrl) {
         window.open(file.fileUrl, "_blank");
+      } else {
+        console.log("\u5F53\u524D\u73AF\u5883\u4E0D\u652F\u6301\u9884\u89C8");
       }
     }
   };
@@ -544,8 +542,15 @@ function createChatStore() {
   };
   const agent = proxy({
     active: {},
-    loading: false
+    loading: false,
+    params: {}
   });
+  const setAgentParams = (params = {}) => {
+    agent.params = {
+      thinkMode: 2,
+      ...params
+    };
+  };
   const switchAgent = async ({ appKey, agentKey, isVerify = false }, conversationId) => {
     const agentId = `${appKey}:${agentKey}`;
     if (agent.active.id === agentId) return;
@@ -557,6 +562,7 @@ function createChatStore() {
       }
       const { data } = await agentInfoQuery(agentId);
       agent.active = data;
+      setAgentParams();
       config.hooks?.onAfterSwitchAgent?.(agentId);
       switchConversation({ key: conversationId });
     } finally {
@@ -689,16 +695,16 @@ function createChatStore() {
     }
     conversation.messages[chunk.conversationId].loading = false;
   };
-  const onSendMessage = async (message4, files = []) => {
+  const sendMessage = async (message4, files = [], params) => {
     const conversationId = conversation.active.key;
     if (conversation.messages[conversationId].loading) return;
     let newMsgContent = "", newImgList;
+    const references = conversation.messages[conversationId].references;
     if (message4) {
       newMsgContent = message4;
       newImgList = files;
     } else {
-      const references = conversation.messages[conversationId].references;
-      if (references?.type === 1 && references.content.markdown) {
+      if (references?.type === 1 && references?.content?.markdown) {
         newMsgContent = references.content.markdown + "\n";
       }
       newMsgContent = newMsgContent + conversation.messages[conversationId].content;
@@ -723,6 +729,13 @@ function createChatStore() {
       status: "loading"
     };
     conversation.messages[conversationId].message.items.push(userMsg, placeholder);
+    const extraParams = {
+      ...config.params
+    };
+    if (!extraParams.params) {
+      extraParams.params = {};
+    }
+    Object.assign(extraParams.params, agent.params, message4 ? {} : references?.params, params);
     if (!message4) {
       setContent("");
       setFileList([]);
@@ -731,12 +744,12 @@ function createChatStore() {
     }
     removeQuestionList(conversationId);
     try {
-      sendMessage({
+      sendChatMessage({
         agentId: agent.active.id,
         conversationId: conversationId.endsWith(DEFAULT_NEW_CONV_ID) ? void 0 : conversationId,
         message: userMsg.content,
         files: userMsg.files,
-        ...config.params,
+        ...extraParams,
         onMessageEvent: (event) => {
           updatePlaceholderMessage(conversationId, placeholderId, event);
         }
@@ -747,7 +760,7 @@ function createChatStore() {
       conversation.messages[conversationId].loading = false;
     }
   };
-  const onCancelReceive = () => {
+  const cancelReceive = () => {
     conversation.messages[conversation.active.key].loading = false;
   };
   return {
@@ -770,17 +783,19 @@ function createChatStore() {
     conversations,
     setInitMessage,
     agent,
+    setAgentParams,
     switchAgent,
     getConversations,
     getMessages,
     switchConversation,
     delConversation,
     removePlaceholder,
-    updatePlaceholderMessage,
-    onSendMessage,
-    onCancelReceive
+    sendMessage,
+    cancelReceive
   };
 }
+
+// src/ui/layouts/index.tsx
 init_Context();
 
 // src/ui/common/AgentHeader.tsx
@@ -796,6 +811,7 @@ var styles_module_default = {
   nsBody: "styles_module_nsBody",
   nsBodyWidth: "styles_module_nsBodyWidth",
   nsBubbleList: "styles_module_nsBubbleList",
+  nsAgentHeader: "styles_module_nsAgentHeader",
   nsChatTitle: "styles_module_nsChatTitle",
   nsChatHeaderPopover: "styles_module_nsChatHeaderPopover",
   chatWelcomeWrap: "styles_module_chatWelcomeWrap",
@@ -806,7 +822,8 @@ var styles_module_default = {
   senderListItem: "styles_module_senderListItem",
   senderListFooter: "styles_module_senderListFooter",
   nsChatUserName: "styles_module_nsChatUserName",
-  nsSenderHeaderContent: "styles_module_nsSenderHeaderContent"
+  nsSenderReferenceHeaderTitle: "styles_module_nsSenderReferenceHeaderTitle",
+  nsSenderReferenceHeaderContent: "styles_module_nsSenderReferenceHeaderContent"
 };
 var ConversationList_default = () => {
   const chatStore = useChatStore();
@@ -862,7 +879,7 @@ var AgentHeader_default = () => {
   const agentState = useSnapshot(chatStore.agent);
   const configState = useSnapshot(chatStore.config);
   const conversationsState = useSnapshot(chatStore.conversations);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", className: "p-l-16 p-r-16 p-t-8 p-b-8", children: [
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", className: styles_module_default.nsAgentHeader, children: [
     /* @__PURE__ */ jsxs(Flex, { gap: 4, align: "center", children: [
       /* @__PURE__ */ jsx(
         RenderWrapper,
@@ -905,7 +922,7 @@ var AgentHeader_default = () => {
         RenderWrapper,
         {
           control: configState.layout.headerCloseBtn,
-          DefaultComponent: /* @__PURE__ */ jsx(Button, { type: "text", size: "large", onClick: configState.hooks?.onClose, icon: /* @__PURE__ */ jsx(CloseOutlined, {}) })
+          DefaultComponent: /* @__PURE__ */ jsx(Button, { type: "text", size: "large", onClick: configState.hooks?.onHeaderClose, icon: /* @__PURE__ */ jsx(CloseOutlined, {}) })
         }
       )
     ] })
@@ -917,7 +934,7 @@ var customComponents = {
   appCard: () => Promise.resolve().then(() => (init_AppCard(), AppCard_exports)),
   fileView: () => Promise.resolve().then(() => (init_FileView(), FileView_exports)),
   indexQuote: () => Promise.resolve().then(() => (init_IndexQuote(), IndexQuote_exports)),
-  editableMarkdownCard: () => Promise.resolve().then(() => (init_EditableMarkdownCard(), EditableMarkdownCard_exports)),
+  mdEdit: () => Promise.resolve().then(() => (init_MdEdit(), MdEdit_exports)),
   fileEdit: () => Promise.resolve().then(() => (init_FileEdit(), FileEdit_exports)),
   quoteList: () => Promise.resolve().then(() => (init_QuoteList(), QuoteList_exports))
 };
@@ -1343,6 +1360,7 @@ var ChatSender_default = forwardRef(
     onHeaderOpenChange,
     onSend,
     onCancel,
+    onFocus,
     extraHeader,
     extraFooter,
     extraFooterBelow,
@@ -1389,6 +1407,7 @@ var ChatSender_default = forwardRef(
         header: senderHeader,
         onSubmit,
         onChange: setInputValue,
+        onFocus,
         autoSize: { minRows: 2, maxRows: 6 },
         onCancel,
         footer: ({ components }) => {
@@ -1427,12 +1446,13 @@ var ChatSender_default2 = () => {
     if (chatMessage?.loading) return;
     chatStore.setContent(con);
     setTimeout(() => {
-      chatStore.onSendMessage();
+      chatStore.sendMessage();
     }, 10);
   };
   return /* @__PURE__ */ jsx(
     ChatSender_default,
     {
+      placeholder: configState.layout.sender?.props?.placeholder,
       content: chatMessage.content,
       fileList: chatMessage.files,
       headerOpen: chatMessage.headerOpen,
@@ -1440,26 +1460,37 @@ var ChatSender_default2 = () => {
       onContentChange: chatStore.setContent,
       onFileListChange: chatStore.setFileList,
       onHeaderOpenChange: chatStore.setHeaderOpen,
-      onSend: () => chatStore.onSendMessage(),
+      onSend: () => chatStore.sendMessage(),
+      onFocus: chatStore.config.hooks?.onSenderFocus,
       fileUpload: {
         ...agentState.active?.parameters?.fileUpload,
         extraParams: { agentId: agentState.active.id }
       },
       extraFooter: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Button, { size: "small", color: "primary", variant: "filled", children: "\u6DF1\u5EA6\u601D\u8003" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "small",
+            color: agentState.params.thinkMode === 1 ? "primary" : "default",
+            variant: "filled",
+            onClick: () => chatStore.setAgentParams({ thinkMode: agentState.params.thinkMode === 1 ? 2 : 1 }),
+            children: "\u6DF1\u5EA6\u601D\u8003"
+          }
+        ),
         /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.senderExtraBtn })
       ] }),
       extraHeader: /* @__PURE__ */ jsx(
         Sender.Header,
         {
-          title: /* @__PURE__ */ jsxs(Space, { children: [
+          title: /* @__PURE__ */ jsxs(Flex, { gap: 4, children: [
             /* @__PURE__ */ jsx(EnterOutlined, {}),
-            /* @__PURE__ */ jsx(Typography.Text, { type: "secondary", children: chatMessage?.references?.content?.name })
+            /* @__PURE__ */ jsx(Typography.Text, { type: "secondary", ellipsis: true, children: chatMessage?.references?.content?.name })
           ] }),
           open: !!chatMessage?.references?.content?.name,
           onOpenChange: () => chatStore.setReferences(),
           classNames: {
-            content: shouldRender(configState.layout.referencesBtn) ? "" : styles_module_default.nsSenderHeaderContent
+            header: styles_module_default.nsSenderReferenceHeaderTitle,
+            content: shouldRender(configState.layout.referencesBtn) ? "" : styles_module_default.nsSenderReferenceHeaderContent
           },
           children: /* @__PURE__ */ jsx(
             RenderWrapper,
@@ -1520,7 +1551,7 @@ var SenderPromptsItems_default = () => {
               split: false,
               className: styles_module_default.senderList,
               dataSource: question.hotQuestionList,
-              renderItem: (item) => /* @__PURE__ */ jsx(List.Item, { onClick: () => chatStore.onSendMessage(item.question), className: styles_module_default.senderListItem, children: item.question }),
+              renderItem: (item) => /* @__PURE__ */ jsx(List.Item, { onClick: () => chatStore.sendMessage(item.question), className: styles_module_default.senderListItem, children: item.question }),
               footer: /* @__PURE__ */ jsx(Flex, { justify: "end", className: styles_module_default.senderListFooter, children: "(\u60A8\u53EF\u70B9\u51FB\u4EE5\u4E0A\u95EE\u9898\u5F00\u542FAI\u4F53\u9A8C)" })
             }
           ),
@@ -1569,7 +1600,7 @@ var layouts_default = forwardRef(({ theme, params, hooks, layout, defaultAgent }
   useImperativeHandle(
     ref,
     () => ({
-      sendMessage: chatStore.onSendMessage,
+      sendMessage: chatStore.sendMessage,
       switchAgent: chatStore.switchAgent,
       switchConversation: chatStore.switchConversation,
       setReferences: chatStore.setReferences,
@@ -1583,6 +1614,9 @@ var layouts_default = forwardRef(({ theme, params, hooks, layout, defaultAgent }
   const setSplitterSizes = (sizes) => {
     console.log(sizes);
   };
+  const hasPreView = useMemo(() => {
+    return shouldRender(configState.layout.preview) && (!!configState.preview.file.fileUrl || !!configState.preview.file.content);
+  }, [configState.layout.preview, configState.preview.file]);
   return /* @__PURE__ */ jsx(XProvider, { theme: { cssVar: true, ...theme }, children: /* @__PURE__ */ jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsx(Spin, { spinning: agentState.loading, wrapperClassName: "full-spin", children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden height-full", children: /* @__PURE__ */ jsxs(Splitter, { onResize: setSplitterSizes, children: [
     shouldRender(configState.layout.conversationList) && /* @__PURE__ */ jsx(Splitter.Panel, { size: 360, collapsible: false, resizable: false, children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: "height-full", children: [
       /* @__PURE__ */ jsx(
@@ -1600,33 +1634,54 @@ var layouts_default = forwardRef(({ theme, params, hooks, layout, defaultAgent }
         }
       ) })
     ] }) }),
-    configState.preview.file.fileUrl && shouldRender(configState.layout.preview) && /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, resizable: false, children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: "height-full", children: [
-      /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", gap: 16, className: styles_module_default3.nsPreviewHeader, children: [
-        /* @__PURE__ */ jsx("div", { className: styles_module_default3.nsPreviewHeaderTitle, children: configState.preview.file.fileName }),
-        /* @__PURE__ */ jsxs(Flex, { gap: 8, justify: "center", align: "center", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              color: "primary",
-              variant: "outlined",
-              onClick: () => downloadFile(configState.preview.file.fileUrl, configState.preview.file.fileName),
-              children: "\u4E0B\u8F7D"
+    hasPreView && /* @__PURE__ */ jsxs(Splitter.Panel, { collapsible: false, resizable: false, 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_default3.nsPreviewHeader, children: [
+          /* @__PURE__ */ jsx("div", { className: styles_module_default3.nsPreviewHeaderTitle, children: configState.preview.file.fileName }),
+          /* @__PURE__ */ jsxs(Flex, { gap: 8, justify: "center", align: "center", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                color: "primary",
+                variant: "outlined",
+                onClick: () => downloadFile(configState.preview.file.fileUrl, configState.preview.file.fileName),
+                children: "\u4E0B\u8F7D"
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { onClick: () => chatStore.setPreview(), children: "\u5173\u95ED" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsx(
+          FilePreview,
+          {
+            ...configState.preview.file,
+            pdfParams: {
+              isHasThumbnails: false
             }
-          ),
-          /* @__PURE__ */ jsx(Button, { onClick: () => chatStore.setPreview(), children: "\u5173\u95ED" })
-        ] })
+          }
+        ) })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "full-scroll", children: configState.preview.file.fileUrl && /* @__PURE__ */ jsx(
-        FilePreview,
+      configState.preview.file.content && /* @__PURE__ */ jsx(
+        MarkdownEditor,
         {
-          ...configState.preview.file,
-          pdfParams: {
-            isHasThumbnails: false
-          }
+          value: configState.preview.file.content,
+          onQuote: (text) => {
+            chatStore.setReferences({
+              type: 2,
+              content: {
+                name: text,
+                markdown: text
+              },
+              params: {
+                outline: text
+              }
+            });
+          },
+          extraNav: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Tag, { bordered: false, color: "default", className: "cursor-pointer", onClick: () => chatStore.setPreview(), children: /* @__PURE__ */ jsx(CloseOutlined, {}) }) })
         }
-      ) })
-    ] }) }),
-    /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, resizable: false, children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames2("height-full"), children: [
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, resizable: false, size: hasPreView ? 400 : void 0, children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames2("height-full"), children: [
       /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.header, DefaultComponent: AgentHeader_default }),
       /* @__PURE__ */ jsx(Flex, { vertical: true, className: classNames2("full-scroll", styles_module_default.nsBody), children: /* @__PURE__ */ jsxs(Flex, { justify: "center", vertical: true, gap: 24, className: classNames2("height-full", styles_module_default.nsBodyWidth), children: [
         shouldRender(configState.layout.messageList) && /* @__PURE__ */ jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsx(