@zero-library/chat-agent 1.0.0 → 2.0.1

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, createValtioContext, isObject, isNullOrUnDef, isBoolean, UserAvatar, request as request$1, getCurrentUser, deepMerge, RenderMarkdown, OK, getToken, TOKEN_KEY, copyText, FileIcon, isExternal } from '@zero-library/common';
+import { message, Badge, Button, Flex, Spin, Splitter, Tag, Avatar, Empty, Space, Popover, List, Typography, Collapse, Drawer } from 'antd';
+import dayjs from 'dayjs';
 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 InfiniteScroll from 'react-infinite-scroll-component';
 
 var __defProp = Object.defineProperty;
@@ -19,6 +18,64 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
+function transform(source, fieldMap) {
+  const result = {};
+  for (const [targetKey, mapping] of Object.entries(fieldMap)) {
+    const key = targetKey;
+    if (typeof mapping === "function") {
+      result[key] = mapping(source);
+    } else if (typeof mapping === "string" && source && mapping in source) {
+      result[key] = source[mapping];
+    } else {
+      result[key] = mapping;
+    }
+  }
+  return result;
+}
+function transforms(sources, fieldMap) {
+  return sources?.map((source) => transform(source, fieldMap)) || [];
+}
+function buildURLWithParams(url, params) {
+  const query = new URLSearchParams(
+    Object.entries(params || {}).flatMap(([key, val]) => Array.isArray(val) ? val.map((v) => [key, String(v)]) : [[key, String(val)]])
+  ).toString();
+  return query ? `${url}${url.includes("?") ? "&" : "?"}${query}` : url;
+}
+var copy, classifyTime, getBase64;
+var init_utils = __esm({
+  "src/core/utils.ts"() {
+    copy = (value) => {
+      copyText(value).then(() => {
+        message.success("\u590D\u5236\u6210\u529F");
+      });
+    };
+    classifyTime = (timestamp) => {
+      const now = dayjs();
+      const target = dayjs(timestamp);
+      if (target.isSame(now, "day")) {
+        return "\u4ECA\u5929";
+      }
+      const diffInDays = now.diff(target, "day");
+      if (diffInDays < 7) {
+        return "\u6700\u8FD1 7 \u5929";
+      } else if (diffInDays < 30) {
+        return "\u6700\u8FD1 30 \u5929";
+      } else if (diffInDays < 180) {
+        return "\u6700\u8FD1\u534A\u5E74";
+      } else {
+        return "\u66F4\u65E9";
+      }
+    };
+    getBase64 = (file) => {
+      return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => resolve(reader.result);
+        reader.onerror = reject;
+        reader.readAsDataURL(file);
+      });
+    };
+  }
+});
 var ChatProvider, useChatStore;
 var init_Context = __esm({
   "src/stores/Context.ts"() {
@@ -33,7 +90,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"
     };
   }
 });
@@ -83,6 +144,37 @@ var init_FileView = __esm({
     };
   }
 });
+var docQuery;
+var init_file = __esm({
+  "src/services/file.ts"() {
+    docQuery = (paramsStr) => {
+      return request$1.get(`/uc/doc?${paramsStr}`);
+    };
+  }
+});
+var DocDrawer_default;
+var init_DocDrawer = __esm({
+  "src/ui/common/markdownAlert/components/DocDrawer.tsx"() {
+    init_file();
+    DocDrawer_default = ({ title, open, onClose, fileUrl }) => {
+      const [content, setContent] = useState("");
+      const [loading, setLoading] = useState(false);
+      const getContent = async () => {
+        try {
+          setLoading(true);
+          const res = await docQuery(fileUrl);
+          setContent(res.data?.content);
+        } finally {
+          setLoading(false);
+        }
+      };
+      useEffect(() => {
+        getContent();
+      }, [fileUrl]);
+      return /* @__PURE__ */ jsx(Drawer, { title, push: false, width: "100%", open, onClose, children: /* @__PURE__ */ jsx(Spin, { spinning: loading, children: content ? /* @__PURE__ */ jsx(RenderMarkdown, { content }) : /* @__PURE__ */ jsx(Empty, { className: "m-t-32" }) }) });
+    };
+  }
+});
 
 // src/ui/common/markdownAlert/IndexQuote.tsx
 var IndexQuote_exports = {};
@@ -92,52 +184,58 @@ __export(IndexQuote_exports, {
 var IndexQuote_default;
 var init_IndexQuote = __esm({
   "src/ui/common/markdownAlert/IndexQuote.tsx"() {
+    init_DocDrawer();
     IndexQuote_default = ({ data, loading }) => {
+      const [open, setOpen] = useState(false);
       const onClick = () => {
-        window.open(data.fileUrl, "_blank");
+        if (!data.fileUrl) return;
+        if (isExternal(data.fileUrl)) {
+          window.open(data.fileUrl, "_blank");
+        } else {
+          setOpen(true);
+        }
       };
-      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 }) }) });
+      const rootRef = useRef(null);
+      useEffect(() => {
+        const el = rootRef.current;
+        if (!el) return;
+        const previous = el.previousElementSibling;
+        if (!previous) return;
+        previous.appendChild(el);
+      }, []);
+      return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: "inline-block m-l-8", children: [
+        /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsx(Popover, { content: Content, children: /* @__PURE__ */ jsx(Tag, { bordered: false, color: "processing", className: "cursor-pointer", children: data.index }) }) }),
+        open && /* @__PURE__ */ jsx(DocDrawer_default, { fileUrl: data.fileUrl, title: data.fileName, open, onClose: () => setOpen(false) })
+      ] });
     };
   }
 });
 
-// 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" }) })
+      ] }) });
     };
   }
 });
@@ -150,17 +248,27 @@ __export(FileEdit_exports, {
 var FileEdit_default;
 var init_FileEdit = __esm({
   "src/ui/common/markdownAlert/FileEdit.tsx"() {
+    init_utils();
     init_Context();
     init_styles_module();
     FileEdit_default = ({ data, loading }) => {
       const chatStore = useChatStore();
-      const onClick = () => {
-        chatStore.setPreview(data, false);
+      const onPreview = () => {
+        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__ */ jsxs(Flex, { vertical: true, className: styles_module_default2.fileEdit, children: [
+        /* @__PURE__ */ jsxs(Flex, { gap: 8, align: "center", justify: "space-between", className: styles_module_default2.fileEditHeader, children: [
+          /* @__PURE__ */ jsxs(Flex, { gap: 4, align: "center", className: "flex-1", children: [
+            /* @__PURE__ */ jsx(FileIcon, { suffix: "md", fontSize: 18 }),
+            /* @__PURE__ */ jsx("div", { className: "text-ellipsis", title: data.fileName, children: data.fileName })
+          ] }),
+          /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxs(Flex, { children: [
+            /* @__PURE__ */ jsx(Button, { color: "default", variant: "text", size: "small", icon: /* @__PURE__ */ jsx(PlayCircleOutlined, {}), onClick: onPreview, children: "\u9884\u89C8\u7F16\u8F91" }),
+            /* @__PURE__ */ jsx(Button, { color: "default", variant: "text", size: "small", icon: /* @__PURE__ */ jsx(CopyOutlined, {}), onClick: () => copy(data.content), children: "\u590D\u5236" })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsx(Flex, { gap: 8, align: "center", className: styles_module_default2.fileEditContent, children: /* @__PURE__ */ jsx(RenderMarkdown, { content: data.content }) })
+      ] });
     };
   }
 });
@@ -173,28 +281,39 @@ __export(QuoteList_exports, {
 var QuoteList_default;
 var init_QuoteList = __esm({
   "src/ui/common/markdownAlert/QuoteList.tsx"() {
+    init_DocDrawer();
     init_styles_module();
     QuoteList_default = ({ data, loading }) => {
-      console.log("QuoteList data", data, loading);
+      const [open, setOpen] = useState(false);
+      const [selectItem, setSelectItem] = useState({});
       const onClick = (item) => {
-        window.open(item.fileUrl, "_blank");
-      };
-      return /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsx(
-        Collapse,
-        {
-          className: styles_module_default2.quoteList,
-          bordered: false,
-          ghost: true,
-          expandIcon: ({ isActive }) => /* @__PURE__ */ jsx(CaretRightOutlined, { rotate: isActive ? 90 : 0 }),
-          items: [
-            {
-              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)) })
-            }
-          ]
+        if (!item.fileUrl) return;
+        if (isExternal(item.fileUrl)) {
+          window.open(item.fileUrl, "_blank");
+        } else {
+          setSelectItem(item);
+          setOpen(true);
         }
-      ) });
+      };
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsx(
+          Collapse,
+          {
+            className: styles_module_default2.quoteList,
+            bordered: false,
+            ghost: true,
+            expandIcon: ({ isActive }) => /* @__PURE__ */ jsx(CaretRightOutlined, { rotate: isActive ? 90 : 0 }),
+            items: [
+              {
+                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.title }, item.fileUrl)) })
+              }
+            ]
+          }
+        ) }),
+        open && /* @__PURE__ */ jsx(DocDrawer_default, { fileUrl: selectItem.fileUrl, title: selectItem.title, open, onClose: () => setOpen(false) })
+      ] });
     };
   }
 });
@@ -205,59 +324,12 @@ var ChatRoleMap = {
   1: "user",
   2: "assistant"
 };
-var copy = (value) => {
-  copyText(value).then(() => {
-    message.success("\u590D\u5236\u6210\u529F");
-  });
-};
-var classifyTime = (timestamp) => {
-  const now = dayjs();
-  const target = dayjs(timestamp);
-  if (target.isSame(now, "day")) {
-    return "\u4ECA\u5929";
-  }
-  const diffInDays = now.diff(target, "day");
-  if (diffInDays < 7) {
-    return "\u6700\u8FD1 7 \u5929";
-  } else if (diffInDays < 30) {
-    return "\u6700\u8FD1 30 \u5929";
-  } else if (diffInDays < 180) {
-    return "\u6700\u8FD1\u534A\u5E74";
-  } else {
-    return "\u66F4\u65E9";
-  }
-};
-function transform(source, fieldMap) {
-  const result = {};
-  for (const [targetKey, mapping] of Object.entries(fieldMap)) {
-    const key = targetKey;
-    if (typeof mapping === "function") {
-      result[key] = mapping(source);
-    } else if (typeof mapping === "string" && source && mapping in source) {
-      result[key] = source[mapping];
-    } else {
-      result[key] = mapping;
-    }
-  }
-  return result;
-}
-function transforms(sources, fieldMap) {
-  return sources?.map((source) => transform(source, fieldMap)) || [];
-}
-function buildURLWithParams(url, params) {
-  const query = new URLSearchParams(
-    Object.entries(params || {}).flatMap(([key, val]) => Array.isArray(val) ? val.map((v) => [key, String(v)]) : [[key, String(val)]])
-  ).toString();
-  return query ? `${url}${url.includes("?") ? "&" : "?"}${query}` : url;
-}
-var getBase64 = (file) => {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onload = () => resolve(reader.result);
-    reader.onerror = reject;
-    reader.readAsDataURL(file);
-  });
-};
+
+// src/stores/index.ts
+init_utils();
+
+// src/core/fetchRequest.ts
+init_utils();
 function processChunk(chunk, onChunk) {
   if (onChunk) {
     onChunk(typeof chunk === "string" ? chunk : JSON.stringify(chunk));
@@ -364,7 +436,7 @@ var put = (url, data = {}, options = {}) => request(url, data, { ...options, met
 var del = (url, data = {}, options = {}) => request(url, data, { ...options, method: "DELETE" });
 var fetchRequest_default = { delete: del, get, post, put };
 
-// src/services/index.tsx
+// src/services/index.ts
 var agentInfoQuery = (agentId) => {
   return request$1.get("/agent/detail", { agentId });
 };
@@ -389,7 +461,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 +502,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 +518,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 +621,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 +641,7 @@ function createChatStore() {
       }
       const { data } = await agentInfoQuery(agentId);
       agent.active = data;
+      setAgentParams();
       config.hooks?.onAfterSwitchAgent?.(agentId);
       switchConversation({ key: conversationId });
     } finally {
@@ -689,16 +774,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 +808,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 +823,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 +839,7 @@ function createChatStore() {
       conversation.messages[conversationId].loading = false;
     }
   };
-  const onCancelReceive = () => {
+  const cancelReceive = () => {
     conversation.messages[conversation.active.key].loading = false;
   };
   return {
@@ -770,17 +862,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 +890,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 +901,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();
@@ -818,7 +914,7 @@ var ConversationList_default = () => {
       chatStore.getConversations(agentState.active.id);
     }
   }, [agentState.active.id]);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "height-full scroll-fade-in", id: "scrollableDiv", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "height-full scroll-fade-in", id: "scrollableDiv", children: conversationsState.list.items.length ? /* @__PURE__ */ jsx(
     InfiniteScroll,
     {
       dataLength: conversationsState.list.items.length,
@@ -855,14 +951,14 @@ var ConversationList_default = () => {
         }
       )
     }
-  ) }) });
+  ) : /* @__PURE__ */ jsx(Empty, { description: "\u6682\u65E0\u4F1A\u8BDD\u8BB0\u5F55", image: Empty.PRESENTED_IMAGE_SIMPLE }) }) });
 };
 var AgentHeader_default = () => {
   const chatStore = useChatStore();
   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: [
+  useSnapshot(chatStore.conversations);
+  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,
@@ -888,7 +984,7 @@ var AgentHeader_default = () => {
         RenderWrapper,
         {
           control: configState.layout.headerConversationListBtn,
-          DefaultComponent: conversationsState.list.items.length > 0 && /* @__PURE__ */ jsx(
+          DefaultComponent: /* @__PURE__ */ jsx(
             Popover,
             {
               getPopupContainer: (e) => e,
@@ -905,7 +1001,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 +1013,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))
 };
@@ -948,6 +1044,7 @@ var MessageRender_default = ({ message: message4, placement }) => {
 };
 
 // src/ui/common/BubbleListItems.tsx
+init_utils();
 init_Context();
 function extractThinkContent(content) {
   let main = content;
@@ -1169,6 +1266,9 @@ var BubbleListItems_default = ({ avatar = true }) => {
     conversationState.active.key
   );
 };
+
+// src/components/Attachments.tsx
+init_utils();
 var Attachments_default = forwardRef(({ maxCount, accept, fileSize, fileSizeTip, fileList = [], onChange, extraParams }, ref) => {
   const fileListRef = useRef([]);
   const [attachedFiles, setAttachedFiles, getAttachedFiles] = useRefState([]);
@@ -1343,6 +1443,7 @@ var ChatSender_default = forwardRef(
     onHeaderOpenChange,
     onSend,
     onCancel,
+    onFocus,
     extraHeader,
     extraFooter,
     extraFooterBelow,
@@ -1389,6 +1490,7 @@ var ChatSender_default = forwardRef(
         header: senderHeader,
         onSubmit,
         onChange: setInputValue,
+        onFocus,
         autoSize: { minRows: 2, maxRows: 6 },
         onCancel,
         footer: ({ components }) => {
@@ -1427,12 +1529,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 +1543,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 +1634,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 +1683,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 +1697,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 +1717,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(