@zero-library/chat-agent 1.0.0 → 2.0.1

package/dist/index.cjs.js

@@ -2,19 +2,17 @@
 
 var common = require('@zero-library/common');
 var antd = require('antd');
+var dayjs = require('dayjs');
 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 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 InfiniteScroll__default = /*#__PURE__*/_interopDefault(InfiniteScroll);
@@ -28,6 +26,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) => {
+      common.copyText(value).then(() => {
+        antd.message.success("\u590D\u5236\u6210\u529F");
+      });
+    };
+    classifyTime = (timestamp) => {
+      const now = dayjs__default.default();
+      const target = dayjs__default.default(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"() {
@@ -42,7 +98,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"
     };
   }
 });
@@ -92,6 +152,37 @@ 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"() {
+    init_file();
+    DocDrawer_default = ({ title, open, onClose, fileUrl }) => {
+      const [content, setContent] = react.useState("");
+      const [loading, setLoading] = react.useState(false);
+      const getContent = async () => {
+        try {
+          setLoading(true);
+          const res = await docQuery(fileUrl);
+          setContent(res.data?.content);
+        } finally {
+          setLoading(false);
+        }
+      };
+      react.useEffect(() => {
+        getContent();
+      }, [fileUrl]);
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.Drawer, { title, push: false, width: "100%", open, onClose, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, children: content ? /* @__PURE__ */ jsxRuntime.jsx(common.RenderMarkdown, { content }) : /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { className: "m-t-32" }) }) });
+    };
+  }
+});
 
 // src/ui/common/markdownAlert/IndexQuote.tsx
 var IndexQuote_exports = {};
@@ -101,52 +192,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] = react.useState(false);
       const onClick = () => {
-        window.open(data.fileUrl, "_blank");
+        if (!data.fileUrl) return;
+        if (common.isExternal(data.fileUrl)) {
+          window.open(data.fileUrl, "_blank");
+        } else {
+          setOpen(true);
+        }
       };
-      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 }) }) });
+      const rootRef = react.useRef(null);
+      react.useEffect(() => {
+        const el = rootRef.current;
+        if (!el) return;
+        const previous = el.previousElementSibling;
+        if (!previous) return;
+        previous.appendChild(el);
+      }, []);
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: rootRef, className: "inline-block m-l-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Popover, { content: Content, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Tag, { bordered: false, color: "processing", className: "cursor-pointer", children: data.index }) }) }),
+        open && /* @__PURE__ */ jsxRuntime.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] = 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" }) })
+      ] }) });
     };
   }
 });
@@ -159,17 +256,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__ */ 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.jsxs(antd.Flex, { vertical: true, className: styles_module_default2.fileEdit, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, align: "center", justify: "space-between", className: styles_module_default2.fileEditHeader, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, align: "center", className: "flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(common.FileIcon, { suffix: "md", fontSize: 18 }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ellipsis", title: data.fileName, children: data.fileName })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { color: "default", variant: "text", size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlayCircleOutlined, {}), onClick: onPreview, children: "\u9884\u89C8\u7F16\u8F91" }),
+            /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { color: "default", variant: "text", size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CopyOutlined, {}), onClick: () => copy(data.content), children: "\u590D\u5236" })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, align: "center", className: styles_module_default2.fileEditContent, children: /* @__PURE__ */ jsxRuntime.jsx(common.RenderMarkdown, { content: data.content }) })
+      ] });
     };
   }
 });
@@ -182,28 +289,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] = react.useState(false);
+      const [selectItem, setSelectItem] = react.useState({});
       const onClick = (item) => {
-        window.open(item.fileUrl, "_blank");
-      };
-      return /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxRuntime.jsx(
-        antd.Collapse,
-        {
-          className: styles_module_default2.quoteList,
-          bordered: false,
-          ghost: true,
-          expandIcon: ({ isActive }) => /* @__PURE__ */ jsxRuntime.jsx(icons.CaretRightOutlined, { rotate: isActive ? 90 : 0 }),
-          items: [
-            {
-              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)) })
-            }
-          ]
+        if (!item.fileUrl) return;
+        if (common.isExternal(item.fileUrl)) {
+          window.open(item.fileUrl, "_blank");
+        } else {
+          setSelectItem(item);
+          setOpen(true);
         }
-      ) });
+      };
+      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxRuntime.jsx(
+          antd.Collapse,
+          {
+            className: styles_module_default2.quoteList,
+            bordered: false,
+            ghost: true,
+            expandIcon: ({ isActive }) => /* @__PURE__ */ jsxRuntime.jsx(icons.CaretRightOutlined, { rotate: isActive ? 90 : 0 }),
+            items: [
+              {
+                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.title }, item.fileUrl)) })
+              }
+            ]
+          }
+        ) }),
+        open && /* @__PURE__ */ jsxRuntime.jsx(DocDrawer_default, { fileUrl: selectItem.fileUrl, title: selectItem.title, open, onClose: () => setOpen(false) })
+      ] });
     };
   }
 });
@@ -214,59 +332,12 @@ var ChatRoleMap = {
   1: "user",
   2: "assistant"
 };
-var copy = (value) => {
-  common.copyText(value).then(() => {
-    antd.message.success("\u590D\u5236\u6210\u529F");
-  });
-};
-var classifyTime = (timestamp) => {
-  const now = dayjs__default.default();
-  const target = dayjs__default.default(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));
@@ -373,7 +444,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 common.request.get("/agent/detail", { agentId });
 };
@@ -398,7 +469,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 +510,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 +526,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 +629,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 +649,7 @@ function createChatStore() {
       }
       const { data } = await agentInfoQuery(agentId);
       agent.active = data;
+      setAgentParams();
       config.hooks?.onAfterSwitchAgent?.(agentId);
       switchConversation({ key: conversationId });
     } finally {
@@ -698,16 +782,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 +816,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 +831,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 +847,7 @@ function createChatStore() {
       conversation.messages[conversationId].loading = false;
     }
   };
-  const onCancelReceive = () => {
+  const cancelReceive = () => {
     conversation.messages[conversation.active.key].loading = false;
   };
   return {
@@ -779,17 +870,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 +898,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 +909,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();
@@ -827,7 +922,7 @@ var ConversationList_default = () => {
       chatStore.getConversations(agentState.active.id);
     }
   }, [agentState.active.id]);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "height-full scroll-fade-in", id: "scrollableDiv", children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "height-full scroll-fade-in", id: "scrollableDiv", children: conversationsState.list.items.length ? /* @__PURE__ */ jsxRuntime.jsx(
     InfiniteScroll__default.default,
     {
       dataLength: conversationsState.list.items.length,
@@ -864,14 +959,14 @@ var ConversationList_default = () => {
         }
       )
     }
-  ) }) });
+  ) : /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: "\u6682\u65E0\u4F1A\u8BDD\u8BB0\u5F55", image: antd.Empty.PRESENTED_IMAGE_SIMPLE }) }) });
 };
 var AgentHeader_default = () => {
   const chatStore = useChatStore();
   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: [
+  valtio.useSnapshot(chatStore.conversations);
+  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,
@@ -897,7 +992,7 @@ var AgentHeader_default = () => {
         common.RenderWrapper,
         {
           control: configState.layout.headerConversationListBtn,
-          DefaultComponent: conversationsState.list.items.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(
             antd.Popover,
             {
               getPopupContainer: (e) => e,
@@ -914,7 +1009,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 +1021,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))
 };
@@ -957,6 +1052,7 @@ var MessageRender_default = ({ message: message4, placement }) => {
 };
 
 // src/ui/common/BubbleListItems.tsx
+init_utils();
 init_Context();
 function extractThinkContent(content) {
   let main = content;
@@ -1178,6 +1274,9 @@ var BubbleListItems_default = ({ avatar = true }) => {
     conversationState.active.key
   );
 };
+
+// src/components/Attachments.tsx
+init_utils();
 var Attachments_default = react.forwardRef(({ maxCount, accept, fileSize, fileSizeTip, fileList = [], onChange, extraParams }, ref) => {
   const fileListRef = react.useRef([]);
   const [attachedFiles, setAttachedFiles, getAttachedFiles] = common.useRefState([]);
@@ -1352,6 +1451,7 @@ var ChatSender_default = react.forwardRef(
     onHeaderOpenChange,
     onSend,
     onCancel,
+    onFocus,
     extraHeader,
     extraFooter,
     extraFooterBelow,
@@ -1398,6 +1498,7 @@ var ChatSender_default = react.forwardRef(
         header: senderHeader,
         onSubmit,
         onChange: setInputValue,
+        onFocus,
         autoSize: { minRows: 2, maxRows: 6 },
         onCancel,
         footer: ({ components }) => {
@@ -1436,12 +1537,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 +1551,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 +1642,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 +1691,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 +1705,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 +1725,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(