@zero-library/chat-agent 1.0.0 → 2.0.0

package/dist/index.cjs.js

@@ -3,20 +3,18 @@
 var common = require('@zero-library/common');
 var antd = require('antd');
 var jsxRuntime = require('react/jsx-runtime');
-var TextArea = require('antd/es/input/TextArea');
 var react = require('react');
 var icons = require('@ant-design/icons');
-var valtio = require('valtio');
-var dayjs = require('dayjs');
 var x = require('@ant-design/x');
 var classNames2 = require('classnames');
+var valtio = require('valtio');
+var dayjs = require('dayjs');
 var InfiniteScroll = require('react-infinite-scroll-component');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var TextArea__default = /*#__PURE__*/_interopDefault(TextArea);
-var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 var classNames2__default = /*#__PURE__*/_interopDefault(classNames2);
+var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 var InfiniteScroll__default = /*#__PURE__*/_interopDefault(InfiniteScroll);
 
 var __defProp = Object.defineProperty;
@@ -42,7 +40,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"
     };
   }
 });
@@ -105,48 +107,36 @@ var init_IndexQuote = __esm({
       const onClick = () => {
         window.open(data.fileUrl, "_blank");
       };
-      const Content = /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { align: "center", gap: 8, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(common.FileIcon, { suffix: data.suffix, fontSize: 16 }),
-        /* @__PURE__ */ jsxRuntime.jsx("a", { onClick, children: data.fileName })
-      ] }) });
-      return /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, size: "small", wrapperClassName: "inline-block index-quote", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Popover, { content: Content, title: data.title, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Tag, { bordered: false, color: "processing", className: "cursor-pointer", children: data.index }) }) });
+      const Content = /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { align: "center", gap: 8, children: /* @__PURE__ */ jsxRuntime.jsx("a", { onClick, children: data.fileName }) }) });
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, size: "small", wrapperClassName: "inline-block index-quote", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Popover, { content: Content, children: /* @__PURE__ */ jsxRuntime.jsx(antd.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] = react.useState(false);
-      const [value, setValue] = react.useState(data.content || "");
-      const wrapperRef = react.useRef(null);
-      react.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] = react.useState("");
+      const onOk = () => {
+        console.log("value", value);
+        chatStore.sendMessage("\u5F00\u59CB\u5199\u4F5C", [], { outline: value });
+      };
       react.useEffect(() => {
-        if (value !== data.content) ;
-      }, [value]);
-      return /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Card, { ref: wrapperRef, children: editing ? /* @__PURE__ */ jsxRuntime.jsx(
-        TextArea__default.default,
-        {
-          autoSize: { minRows: 4, maxRows: 16 },
-          value,
-          onChange: (e) => setValue(e.target.value),
-          placeholder: "\u8BF7\u8F93\u5165 Markdown \u5185\u5BB9..."
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: () => setEditing(true), style: { cursor: "pointer", minHeight: 24 }, children: /* @__PURE__ */ jsxRuntime.jsx(common.RenderMarkdown, { content: value }) }) }) });
+        setValue(data.content);
+      }, [data.content]);
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default2.mdEdit, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(common.MarkdownEditor, { disabled: loading, value, onChange: setValue, showToolbar: false }),
+        !loading && /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { justify: "end", className: "m-t-16", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { color: "primary", variant: "outlined", onClick: onOk, children: "\u786E\u8BA4\u63D0\u7EB2\u601D\u8DEF\uFF0C\u5F00\u59CB\u5199\u4F5C" }) })
+      ] }) });
     };
   }
 });
@@ -164,11 +154,14 @@ var init_FileEdit = __esm({
     FileEdit_default = ({ data, loading }) => {
       const chatStore = useChatStore();
       const onClick = () => {
-        chatStore.setPreview(data, false);
+        chatStore.setPreview(data, true);
       };
-      return /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, align: "center", className: styles_module_default2.fileView, onClick, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(common.FileIcon, { suffix: data.suffix }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ellipsis", title: data.fileName, children: data.fileName })
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: styles_module_default2.fileEdit, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, justify: "end", className: styles_module_default2.fileEditHeader, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { color: "default", variant: "text", size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlayCircleOutlined, {}), onClick, children: "\u9884\u89C8\u7F16\u8F91" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, align: "center", className: styles_module_default2.fileEditContent, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(common.FileIcon, { suffix: "md" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ellipsis", title: data.fileName, children: data.fileName })
+        ] })
       ] }) });
     };
   }
@@ -184,7 +177,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");
       };
@@ -199,7 +191,7 @@ var init_QuoteList = __esm({
             {
               key: "1",
               label: "\u53C2\u8003\u8D44\u6599",
-              children: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, gap: 4, children: data.list.map((item) => /* @__PURE__ */ jsxRuntime.jsx("p", { onClick: () => onClick(item), className: "cursor-pointer", children: item.displayName }, item.fileUrl)) })
+              children: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, gap: 4, children: data.list.map((item) => /* @__PURE__ */ jsxRuntime.jsx("p", { onClick: () => onClick(item), className: "cursor-pointer", children: item.title }, item.fileUrl)) })
             }
           ]
         }
@@ -398,7 +390,7 @@ var updateFeedback = (params) => {
 var uploadFile = (formData) => {
   return common.request.post("/agent/file", formData);
 };
-var sendMessage = (params) => {
+var sendChatMessage = (params) => {
   return fetchRequest_default.post(
     "/agent/chat",
     { ...params, stream: true },
@@ -439,12 +431,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 (common.shouldRender(config.layout.preview)) {
       config.preview = {
         file,
         isEdit
@@ -452,6 +447,8 @@ function createChatStore() {
     } else {
       if (file?.fileUrl) {
         window.open(file.fileUrl, "_blank");
+      } else {
+        console.log("\u5F53\u524D\u73AF\u5883\u4E0D\u652F\u6301\u9884\u89C8");
       }
     }
   };
@@ -553,8 +550,15 @@ function createChatStore() {
   };
   const agent = valtio.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;
@@ -566,6 +570,7 @@ function createChatStore() {
       }
       const { data } = await agentInfoQuery(agentId);
       agent.active = data;
+      setAgentParams();
       config.hooks?.onAfterSwitchAgent?.(agentId);
       switchConversation({ key: conversationId });
     } finally {
@@ -698,16 +703,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;
@@ -732,6 +737,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([]);
@@ -740,12 +752,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);
         }
@@ -756,7 +768,7 @@ function createChatStore() {
       conversation.messages[conversationId].loading = false;
     }
   };
-  const onCancelReceive = () => {
+  const cancelReceive = () => {
     conversation.messages[conversation.active.key].loading = false;
   };
   return {
@@ -779,17 +791,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
@@ -805,6 +819,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",
@@ -815,7 +830,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();
@@ -871,7 +887,7 @@ var AgentHeader_default = () => {
   const agentState = valtio.useSnapshot(chatStore.agent);
   const configState = valtio.useSnapshot(chatStore.config);
   const conversationsState = valtio.useSnapshot(chatStore.conversations);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", align: "center", className: "p-l-16 p-r-16 p-t-8 p-b-8", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", align: "center", className: styles_module_default.nsAgentHeader, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, align: "center", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         common.RenderWrapper,
@@ -914,7 +930,7 @@ var AgentHeader_default = () => {
         common.RenderWrapper,
         {
           control: configState.layout.headerCloseBtn,
-          DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", size: "large", onClick: configState.hooks?.onClose, icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseOutlined, {}) })
+          DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", size: "large", onClick: configState.hooks?.onHeaderClose, icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseOutlined, {}) })
         }
       )
     ] })
@@ -926,7 +942,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))
 };
@@ -1352,6 +1368,7 @@ var ChatSender_default = react.forwardRef(
     onHeaderOpenChange,
     onSend,
     onCancel,
+    onFocus,
     extraHeader,
     extraFooter,
     extraFooterBelow,
@@ -1398,6 +1415,7 @@ var ChatSender_default = react.forwardRef(
         header: senderHeader,
         onSubmit,
         onChange: setInputValue,
+        onFocus,
         autoSize: { minRows: 2, maxRows: 6 },
         onCancel,
         footer: ({ components }) => {
@@ -1436,12 +1454,13 @@ var ChatSender_default2 = () => {
     if (chatMessage?.loading) return;
     chatStore.setContent(con);
     setTimeout(() => {
-      chatStore.onSendMessage();
+      chatStore.sendMessage();
     }, 10);
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
     ChatSender_default,
     {
+      placeholder: configState.layout.sender?.props?.placeholder,
       content: chatMessage.content,
       fileList: chatMessage.files,
       headerOpen: chatMessage.headerOpen,
@@ -1449,26 +1468,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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", color: "primary", variant: "filled", children: "\u6DF1\u5EA6\u601D\u8003" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          antd.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__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.senderExtraBtn })
       ] }),
       extraHeader: /* @__PURE__ */ jsxRuntime.jsx(
         x.Sender.Header,
         {
-          title: /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { children: [
+          title: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, children: [
             /* @__PURE__ */ jsxRuntime.jsx(icons.EnterOutlined, {}),
-            /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { type: "secondary", children: chatMessage?.references?.content?.name })
+            /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { type: "secondary", ellipsis: true, children: chatMessage?.references?.content?.name })
           ] }),
           open: !!chatMessage?.references?.content?.name,
           onOpenChange: () => chatStore.setReferences(),
           classNames: {
-            content: common.shouldRender(configState.layout.referencesBtn) ? "" : styles_module_default.nsSenderHeaderContent
+            header: styles_module_default.nsSenderReferenceHeaderTitle,
+            content: common.shouldRender(configState.layout.referencesBtn) ? "" : styles_module_default.nsSenderReferenceHeaderContent
           },
           children: /* @__PURE__ */ jsxRuntime.jsx(
             common.RenderWrapper,
@@ -1529,7 +1559,7 @@ var SenderPromptsItems_default = () => {
               split: false,
               className: styles_module_default.senderList,
               dataSource: question.hotQuestionList,
-              renderItem: (item) => /* @__PURE__ */ jsxRuntime.jsx(antd.List.Item, { onClick: () => chatStore.onSendMessage(item.question), className: styles_module_default.senderListItem, children: item.question }),
+              renderItem: (item) => /* @__PURE__ */ jsxRuntime.jsx(antd.List.Item, { onClick: () => chatStore.sendMessage(item.question), className: styles_module_default.senderListItem, children: item.question }),
               footer: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { justify: "end", className: styles_module_default.senderListFooter, children: "(\u60A8\u53EF\u70B9\u51FB\u4EE5\u4E0A\u95EE\u9898\u5F00\u542FAI\u4F53\u9A8C)" })
             }
           ),
@@ -1578,7 +1608,7 @@ var layouts_default = react.forwardRef(({ theme, params, hooks, layout, defaultA
   react.useImperativeHandle(
     ref,
     () => ({
-      sendMessage: chatStore.onSendMessage,
+      sendMessage: chatStore.sendMessage,
       switchAgent: chatStore.switchAgent,
       switchConversation: chatStore.switchConversation,
       setReferences: chatStore.setReferences,
@@ -1592,6 +1622,9 @@ 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: "overflow-hidden 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(
@@ -1609,33 +1642,54 @@ var layouts_default = react.forwardRef(({ theme, params, hooks, layout, defaultA
         }
       ) })
     ] }) }),
-    configState.preview.file.fileUrl && common.shouldRender(configState.layout.preview) && /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, resizable: false, children: /* @__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"
+    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,
+              {
+                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
             }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: () => chatStore.setPreview(), children: "\u5173\u95ED" })
-        ] })
+          }
+        ) })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "full-scroll", children: configState.preview.file.fileUrl && /* @__PURE__ */ jsxRuntime.jsx(
-        common.FilePreview,
+      configState.preview.file.content && /* @__PURE__ */ jsxRuntime.jsx(
+        common.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__ */ 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, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames2__default.default("height-full"), children: [
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, resizable: false, size: hasPreView ? 400 : void 0, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames2__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: classNames2__default.default("full-scroll", styles_module_default.nsBody), children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "center", vertical: true, gap: 24, className: classNames2__default.default("height-full", styles_module_default.nsBodyWidth), children: [
         common.shouldRender(configState.layout.messageList) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsxRuntime.jsx(