@zero-library/chat-agent 2.1.9 → 2.1.11

package/dist/index.cjs.js

@@ -5,16 +5,16 @@ var antd = require('antd');
 var dayjs = require('dayjs');
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var valtio = require('valtio');
 var icons = require('@ant-design/icons');
 var x = require('@ant-design/x');
-var classNames7 = require('classnames');
-var valtio = require('valtio');
+var classNames8 = require('classnames');
 var InfiniteScroll = require('react-infinite-scroll-component');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
-var classNames7__default = /*#__PURE__*/_interopDefault(classNames7);
+var classNames8__default = /*#__PURE__*/_interopDefault(classNames8);
 var InfiniteScroll__default = /*#__PURE__*/_interopDefault(InfiniteScroll);
 
 var __defProp = Object.defineProperty;
@@ -26,19 +26,6 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var docQuery, fileCreate;
-var init_file = __esm({
-  "src/services/file.ts"() {
-    docQuery = (paramsStr) => {
-      return common.request.get(`/uc/doc?${paramsStr}`);
-    };
-    fileCreate = async (fileContent, fileName, targetFormat = "docx") => {
-      const blob = await common.request.post(`/uc/doc/convert`, { fileContent, fileName, targetFormat }, { responseType: "blob" });
-      const url = URL.createObjectURL(blob);
-      common.downloadFile(url, fileName);
-    };
-  }
-});
 function transform(source, fieldMap) {
   const result = {};
   for (const [targetKey, mapping] of Object.entries(fieldMap)) {
@@ -154,14 +141,16 @@ var init_FileView = __esm({
 var DocDrawer_default;
 var init_DocDrawer = __esm({
   "src/ui/common/markdownAlert/components/DocDrawer.tsx"() {
-    init_file();
+    init_Context();
     DocDrawer_default = ({ title, open, onClose, fileUrl }) => {
+      const chatStore = useChatStore();
+      const configState = valtio.useSnapshot(chatStore.config);
       const [content, setContent] = react.useState("");
       const [loading, setLoading] = react.useState(false);
       const getContent = async () => {
         try {
           setLoading(true);
-          const res = await docQuery(fileUrl);
+          const res = await configState.services.request.docQuery(fileUrl);
           setContent(res.data?.content);
         } finally {
           setLoading(false);
@@ -308,52 +297,95 @@ var init_QuoteList = __esm({
   }
 });
 
-// src/ui/layouts/index.tsx
-init_file();
-
 // src/stores/index.ts
 init_utils();
-var conversationsQuery = (params) => {
-  return common.request.get("/lolr/conversation", params);
-};
-var conversationCreate = (params) => {
-  return common.request.post("/lolr/conversation", params);
-};
-var conversationDelete = (conversationId) => {
-  return common.request.delete("/agent/conversation", { conversationId });
-};
-var conversationRecentQuery = (params) => {
-  return common.request.get("/lolr/conversation/recent", params);
-};
-var conversationMessagesQuery = (params) => {
-  return common.request.get("/lolr/conversation/message", params);
-};
-var feedbackUpdate = (params) => {
-  return common.request.put("/lolr/conversation/message/feedback", params);
-};
-var messageSuggestedQuery = (msgId, maxCount = 3) => {
-  return common.request.get("/lolr/conversation/suggest", { msgId, maxCount });
-};
-var conversationMemberQuery = (conversationId) => {
-  return common.request.get("/lolr/conversation/member", { conversationId });
-};
-var conversationMessageSend = (params) => {
-  return common.request.post("/lolr/conversation/send", params);
-};
-var conversationStop = (conversationId) => {
-  return common.request.post("/lolr/conversation/stop", { conversationId });
-};
-var agentInfoQuery = (agentId) => {
-  return common.request.get("/lolr/agent/detail", { agentId });
-};
-var agentCharacterQuery = (agentId) => {
-  return common.request.get("/lolr/character", { agentId });
-};
-var agentCharacterSelect = (agentId, characterId) => {
-  return common.request.post("/lolr/character/user", { agentId, characterId });
+
+// src/services/index.ts
+var createChatService = (request) => {
+  const conversationsQuery = (params) => {
+    return request.get("/lolr/conversation", params);
+  };
+  const conversationCreate = (params) => {
+    return request.post("/lolr/conversation", params);
+  };
+  const conversationDelete = (conversationId) => {
+    return request.delete("/lolr/conversation", { conversationId });
+  };
+  const conversationRecentUpdate = (params) => {
+    return request.put("/lolr/conversation/recent", params);
+  };
+  const conversationRecentQuery = (params) => {
+    return request.get("/lolr/conversation/recent", params);
+  };
+  const conversationMessagesQuery = (params) => {
+    return request.get("/lolr/conversation/message", params);
+  };
+  const conversationMessageRead = (conversationId) => {
+    return request.put("/lolr/conversation/message/read", { conversationId });
+  };
+  const feedbackUpdate = (params) => {
+    return request.put("/lolr/conversation/message/feedback", params);
+  };
+  const messageSuggestedQuery = (msgId, maxCount = 3) => {
+    return request.get("/lolr/conversation/suggest", { msgId, maxCount });
+  };
+  const conversationMemberQuery = (conversationId) => {
+    return request.get("/lolr/conversation/member", { conversationId });
+  };
+  const conversationStateUpdate = (conversationId, state) => {
+    return request.put("/lolr/conversation/state", { conversationId, state });
+  };
+  const conversationMessageSend = (params) => {
+    return request.post("/lolr/conversation/send", params);
+  };
+  const conversationStop = (conversationId) => {
+    return request.post("/lolr/conversation/stop", { conversationId });
+  };
+  const agentInfoQuery = (agentId) => {
+    return request.get("/lolr/agent/detail", { agentId });
+  };
+  const agentCharacterQuery = (agentId) => {
+    return request.get("/lolr/character", { agentId });
+  };
+  const agentCharacterSelect = (agentId, characterId) => {
+    return request.post("/lolr/character/user", { agentId, characterId });
+  };
+  const fileUpload = (formData) => {
+    return request.post("/lolr/storage/upload", formData, { timeout: 5 * 60 * 1e3 });
+  };
+  return {
+    conversationsQuery,
+    conversationCreate,
+    conversationDelete,
+    conversationRecentUpdate,
+    conversationRecentQuery,
+    conversationMessagesQuery,
+    conversationMessageRead,
+    feedbackUpdate,
+    messageSuggestedQuery,
+    conversationMemberQuery,
+    conversationStateUpdate,
+    conversationMessageSend,
+    conversationStop,
+    agentInfoQuery,
+    agentCharacterQuery,
+    agentCharacterSelect,
+    fileUpload
+  };
 };
-var fileUpload = (formData) => {
-  return common.request.post("/lolr/storage/upload", formData, { timeout: 5 * 60 * 1e3 });
+var createFileService = (request) => {
+  const docQuery = (paramsStr) => {
+    return request.get(`/uc/doc?${paramsStr}`);
+  };
+  const fileCreate = async (fileContent, fileName, targetFormat = "docx") => {
+    const blob = await request.post(`/uc/doc/convert`, { fileContent, fileName, targetFormat }, { responseType: "blob" });
+    const url = URL.createObjectURL(blob);
+    common.downloadFile(url, fileName);
+  };
+  return {
+    docQuery,
+    fileCreate
+  };
 };
 
 // src/stores/index.ts
@@ -397,6 +429,9 @@ var defaultExpertLayout = {
 };
 function createChatStore() {
   const config = valtio.proxy({
+    services: {
+      websocketBaseUrls: []
+    },
     hooks: {},
     layout: {},
     preview: {
@@ -409,6 +444,14 @@ function createChatStore() {
     userInfo: {},
     params: {}
   });
+  const setServices = ({ baseUrl = "/api" } = {}) => {
+    config.services.baseUrl = baseUrl;
+    if (!config.services.websocketBaseUrls?.includes(baseUrl)) {
+      config.services.websocketBaseUrls = [...config.services.websocketBaseUrls, baseUrl];
+    }
+    const request = common.createRequest(baseUrl);
+    config.services.request = { ...createChatService(request), ...createFileService(request) };
+  };
   const setPreview = (file = {}, isEdit = false) => {
     if (common.shouldRender(config.layout.preview)) {
       config.preview = {
@@ -434,7 +477,7 @@ function createChatStore() {
     config.hooks = hooks;
   };
   const setUserInfo = (userInfo) => {
-    config.userInfo = transform(userInfo || common.getCurrentUser(), {
+    config.userInfo = transform(userInfo || common.getCurrentUser() || {}, {
       id: (userInfo2) => {
         return String(userInfo2["id"]);
       },
@@ -464,7 +507,7 @@ function createChatStore() {
     }
     try {
       receiver.loading = true;
-      const { data } = await agentInfoQuery(agentId);
+      const { data } = await config.services.request.agentInfoQuery(agentId);
       receiver.active = transform(data, {
         name: "agentName",
         logo: "logo",
@@ -515,7 +558,7 @@ function createChatStore() {
   const getCharacters = async (agentId) => {
     try {
       character.loading = true;
-      const { data } = await agentCharacterQuery(agentId);
+      const { data } = await config.services.request.agentCharacterQuery(agentId);
       if (receiver.active.id !== agentId) return;
       character.list = data;
       const active = data.find((item) => item.selected);
@@ -536,7 +579,7 @@ function createChatStore() {
     if (!c.id) return;
     try {
       character.switchLoading = true;
-      await agentCharacterSelect(receiver.active.id, c.id);
+      await config.services.request.agentCharacterSelect(receiver.active.id, c.id);
       character.active = { ...c };
       closeCharacterList();
     } finally {
@@ -559,7 +602,7 @@ function createChatStore() {
   const getConversations = async (targetId, targetType) => {
     try {
       conversations.loading = true;
-      const { data } = await conversationsQuery({
+      const { data } = await config.services.request.conversationsQuery({
         targetId,
         targetType,
         businessId: config.params.businessId,
@@ -586,7 +629,7 @@ function createChatStore() {
       const canProceed = await config.hooks?.onBeforeDelConversation?.(conversationId);
       if (canProceed === false) return;
       conversations.delLoading = true;
-      await conversationDelete(conversationId);
+      await config.services.request.conversationDelete(conversationId);
       antd.message.success("\u5220\u9664\u6210\u529F");
       conversations.list.items = conversations.list.items.filter((item) => item.key !== conversationId);
       delete conversation.messages[conversationId];
@@ -637,7 +680,7 @@ function createChatStore() {
     if (!messages?.length) return;
     let lastMessage = messages[messages.length - 1];
     if (!lastMessage || lastMessage.sender.type !== 3 || lastMessage.id !== messageId) return;
-    const { data } = await messageSuggestedQuery(messageId);
+    const { data } = await config.services.request.messageSuggestedQuery(messageId);
     lastMessage = messages[messages.length - 1];
     if (lastMessage.id !== messageId) return;
     conversation.messages[conversationId].questionList = data;
@@ -645,7 +688,7 @@ function createChatStore() {
   const feedback = async (conversationId, messageId, msgFeedback, index) => {
     try {
       conversation.feedback.loading = true;
-      await feedbackUpdate({ conversationId, id: messageId, msgFeedback });
+      await config.services.request.feedbackUpdate({ conversationId, id: messageId, msgFeedback });
       antd.message.success("\u611F\u8C22\u60A8\u7684\u53CD\u9988");
       conversation.messages[conversationId].message[index].msgFeedback = msgFeedback;
     } finally {
@@ -666,7 +709,7 @@ function createChatStore() {
   };
   const resolveConversationId = async (receiverId, strategy = 2) => {
     if (strategy === 1) {
-      const { data } = await conversationRecentQuery({
+      const { data } = await config.services.request.conversationRecentQuery({
         receiverId,
         receiverType: 3,
         businessId: config.params.businessId,
@@ -674,7 +717,7 @@ function createChatStore() {
       });
       return data;
     } else {
-      const { data } = await conversationCreate({
+      const { data } = await config.services.request.conversationCreate({
         receiverId,
         receiverType: 3,
         businessId: config.params.businessId,
@@ -689,7 +732,7 @@ function createChatStore() {
   };
   const initConversation = async (conversationId) => {
     try {
-      const { data } = await conversationMemberQuery(conversationId);
+      const { data } = await config.services.request.conversationMemberQuery(conversationId);
       conversation.active = { id: conversationId, member: {} };
       data.forEach((member) => {
         if (member.memberType === 3) {
@@ -749,7 +792,7 @@ function createChatStore() {
       setInitMessage(conversationId);
     }
     if (conversation.messages[conversationId].message.length === 0) {
-      const { data } = await conversationMessagesQuery({
+      const { data } = await config.services.request.conversationMessagesQuery({
         pageNo: 1,
         pageSize: 1e3,
         conversationId
@@ -809,7 +852,7 @@ function createChatStore() {
       setHeaderOpen(false);
     }
     try {
-      await conversationMessageSend(sendParams);
+      await config.services.request.conversationMessageSend(sendParams);
       config.hooks?.onAfterSend?.();
     } finally {
       conversation.messages[conversationId].loading = false;
@@ -817,7 +860,7 @@ function createChatStore() {
   };
   const cancelReceive = async () => {
     console.log("\u53D6\u6D88\u63A5\u6536");
-    await conversationStop(conversation.active.id);
+    await config.services.request.conversationStop(conversation.active.id);
   };
   const updateConversationTitle = (conversationId, title) => {
     const idx = conversations.list.items.findIndex((item) => item.id === conversationId);
@@ -887,6 +930,7 @@ function createChatStore() {
   };
   return {
     config,
+    setServices,
     setPreview,
     setLayout,
     setHooks,
@@ -970,9 +1014,8 @@ init_Context();
 // src/ui/common/styles.module.less
 var styles_module_default2 = {
   loadingMessage: "styles_module_loadingMessage",
-  conversationListPanel: "styles_module_conversationListPanel",
+  nsConversationListPanel: "styles_module_nsConversationListPanel",
   nsConversations: "styles_module_nsConversations",
-  nsBodyWidth: "styles_module_nsBodyWidth",
   nsBubbleList: "styles_module_nsBubbleList",
   nsChatHeader: "styles_module_nsChatHeader",
   nsChatTitle: "styles_module_nsChatTitle",
@@ -980,19 +1023,19 @@ var styles_module_default2 = {
   chatWelcomeWrap: "styles_module_chatWelcomeWrap",
   chatWelcome: "styles_module_chatWelcome",
   chatWelcomePrompts: "styles_module_chatWelcomePrompts",
-  senderListTitle: "styles_module_senderListTitle",
-  senderList: "styles_module_senderList",
-  senderListItem: "styles_module_senderListItem",
-  senderListFooter: "styles_module_senderListFooter",
+  nsSenderListTitle: "styles_module_nsSenderListTitle",
+  nsSenderList: "styles_module_nsSenderList",
+  nsSenderListItem: "styles_module_nsSenderListItem",
+  nsSenderListFooter: "styles_module_nsSenderListFooter",
   nsChatUserName: "styles_module_nsChatUserName",
   nsSenderReferenceHeaderTitle: "styles_module_nsSenderReferenceHeaderTitle",
   nsSenderReferenceHeaderContent: "styles_module_nsSenderReferenceHeaderContent",
-  avatarListContainer: "styles_module_avatarListContainer",
-  avatarList: "styles_module_avatarList",
-  avatarListItem: "styles_module_avatarListItem",
-  avatarListItemIcon: "styles_module_avatarListItemIcon",
-  avatarListItemIconActive: "styles_module_avatarListItemIconActive",
-  avatarListItemName: "styles_module_avatarListItemName"
+  nsAvatarListContainer: "styles_module_nsAvatarListContainer",
+  nsAvatarList: "styles_module_nsAvatarList",
+  nsAvatarListItem: "styles_module_nsAvatarListItem",
+  nsAvatarListItemIcon: "styles_module_nsAvatarListItemIcon",
+  nsAvatarListItemIconActive: "styles_module_nsAvatarListItemIconActive",
+  nsAvatarListItemName: "styles_module_nsAvatarListItemName"
 };
 function extractThinkContent(content) {
   let main = content;
@@ -1031,7 +1074,7 @@ var MessageAIRender_default = ({ message: message3, placement }) => {
     x.Bubble,
     {
       placement,
-      className: classNames7__default.default({ [styles_module_default2.loadingMessage]: message3.type && message3.type !== "TEXT_MESSAGE_END" }),
+      className: classNames8__default.default({ [styles_module_default2.loadingMessage]: message3.type && message3.type !== "TEXT_MESSAGE_END" }),
       content: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         thinkContents.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
           antd.Collapse,
@@ -1104,7 +1147,7 @@ var BubbleListItems_default = ({ firstMessage = false, avatar = { user: false, a
           /* @__PURE__ */ jsxRuntime.jsx(
             x.Welcome,
             {
-              className: classNames7__default.default(styles_module_default2.chatWelcome, "p-t-32"),
+              className: classNames8__default.default(styles_module_default2.chatWelcome, "p-t-32"),
               variant: "borderless",
               icon: /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { shape: "square", size: 58, src: receiverState.active.logo }),
               title: `\u4F60\u597D\uFF0C\u6211\u662F${receiverState.active.name || ""}`,
@@ -1122,7 +1165,7 @@ var BubbleListItems_default = ({ firstMessage = false, avatar = { user: false, a
                   label: "\u{1F914} \u63A8\u8350\u95EE\u9898:",
                   children: receiverState.active.config.recommendQuestions.map(({ question }) => ({
                     key: question,
-                    description: /* @__PURE__ */ jsxRuntime.jsx("span", { onClick: () => chatStore.sendMessage(question), className: classNames7__default.default(styles_module_default2.chatWelcomePrompts, "text-ellipsis"), children: question })
+                    description: /* @__PURE__ */ jsxRuntime.jsx("span", { onClick: () => chatStore.sendMessage(question), className: classNames8__default.default(styles_module_default2.chatWelcomePrompts, "text-ellipsis"), children: question })
                   }))
                 }
               ]
@@ -1255,7 +1298,7 @@ var BubbleListItems_default = ({ firstMessage = false, avatar = { user: false, a
       autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames7__default.default(styles_module_default2.nsBubbleList, "height-full", "scroll-fade-in"),
+      className: classNames8__default.default(styles_module_default2.nsBubbleList, "height-full", "scroll-fade-in", "zero-chat-bubbles"),
       onScroll: handleScroll
     },
     conversationState.active.id
@@ -1286,18 +1329,18 @@ var CharacterList_default = () => {
       okText: "\u5207\u6362\u6027\u683C",
       onOk: () => chatStore.switchCharacter(activeCharacter),
       confirmLoading: characterState.switchLoading,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.avatarListContainer, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Row, { wrap: true, gutter: [16, 32], className: styles_module_default2.avatarList, children: characterState.list.map((item) => /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, align: "center", className: styles_module_default2.avatarListItem, onClick: () => setActiveCharacter(item), children: [
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.nsAvatarListContainer, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Row, { wrap: true, gutter: [16, 32], className: styles_module_default2.nsAvatarList, children: characterState.list.map((item) => /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, align: "center", className: styles_module_default2.nsAvatarListItem, onClick: () => setActiveCharacter(item), children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           antd.Avatar,
           {
-            className: classNames7__default.default(styles_module_default2.avatarListItemIcon, "cursor-pointer", {
-              [styles_module_default2.avatarListItemIconActive]: activeCharacter.id === item.id
+            className: classNames8__default.default(styles_module_default2.nsAvatarListItemIcon, "cursor-pointer", {
+              [styles_module_default2.nsAvatarListItemIconActive]: activeCharacter.id === item.id
             }),
             size: 50,
             src: /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.logo, alt: "\u5934\u50CF" })
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.avatarListItemName, children: item.characterName })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.nsAvatarListItemName, children: item.characterName })
       ] }) }, item.id)) }) })
     }
   );
@@ -1385,7 +1428,7 @@ var ChatHeader_default = ({
   const chatStore = useChatStore();
   const receiverState = valtio.useSnapshot(chatStore.receiver);
   const configState = valtio.useSnapshot(chatStore.config);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", align: "center", className: styles_module_default2.nsChatHeader, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", align: "center", className: classNames8__default.default(styles_module_default2.nsChatHeader, "zero-chat-header"), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, align: "center", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         common.RenderWrapper,
@@ -1438,9 +1481,10 @@ var ChatHeader_default = ({
 
 // src/components/styles.module.less
 var styles_module_default3 = {
-  nsAttachments: "styles_module_nsAttachments"
+  chatAttachments: "styles_module_chatAttachments",
+  chatSender: "styles_module_chatSender"
 };
-var Attachments_default = react.forwardRef(({ fileUploadConfig = [], fileList = [], onChange, extraParams }, ref) => {
+var Attachments_default = react.forwardRef(({ fileUpload, fileUploadConfig = [], fileList = [], onChange, extraParams }, ref) => {
   const { message: message3 } = antd.App.useApp();
   const fileListRef = react.useRef([]);
   const [attachedFiles, setAttachedFiles, getAttachedFiles] = common.useRefState([]);
@@ -1573,7 +1617,7 @@ var Attachments_default = react.forwardRef(({ fileUploadConfig = [], fileList =
   return /* @__PURE__ */ jsxRuntime.jsx(
     x.Attachments,
     {
-      className: styles_module_default3.nsAttachments,
+      className: styles_module_default3.chatAttachments,
       accept: acceptStr,
       multiple: true,
       customRequest: onCustomRequest,
@@ -1605,11 +1649,11 @@ var ChatSender_default = react.forwardRef(
     extraFooter,
     extraFooterBelow,
     sendBtnProps,
-    fileUpload: fileUpload2
+    fileUpload
   }, ref) => {
     const senderRef = react.useRef(null);
     const { inputValue, setInputValue } = common.useSyncInput(content || "", onContentChange);
-    const attachmentsNode = (fileUpload2?.config?.length ?? 0 > 0) && /* @__PURE__ */ jsxRuntime.jsx(antd.Badge, { dot: !!fileList?.length && !headerOpen, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PaperClipOutlined, {}), onClick: () => onHeaderOpenChange(!headerOpen) }) });
+    const attachmentsNode = (fileUpload?.config?.length ?? 0 > 0) && /* @__PURE__ */ jsxRuntime.jsx(antd.Badge, { dot: !!fileList?.length && !headerOpen, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PaperClipOutlined, {}), onClick: () => onHeaderOpenChange(!headerOpen) }) });
     const attachmentsRef = react.useRef();
     const senderHeader = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(x.Sender.Header, { title: "\u9009\u62E9\u6587\u4EF6", open: headerOpen, onOpenChange: onHeaderOpenChange, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1617,9 +1661,10 @@ var ChatSender_default = react.forwardRef(
         {
           ref: attachmentsRef,
           fileList,
+          fileUpload: fileUpload.request,
           onChange: onFileListChange,
-          fileUploadConfig: fileUpload2.config,
-          extraParams: fileUpload2.params
+          fileUploadConfig: fileUpload.config,
+          extraParams: fileUpload.params
         }
       ) }),
       extraHeader
@@ -1641,6 +1686,7 @@ var ChatSender_default = react.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(x.Suggestion, { items: [], onSelect: (itemVal) => setInputValue(`[${itemVal}]:`), children: ({}) => /* @__PURE__ */ jsxRuntime.jsx(
       x.Sender,
       {
+        className: styles_module_default3.chatSender,
         ref: senderRef,
         value: inputValue,
         header: senderHeader,
@@ -1689,16 +1735,16 @@ var SenderPromptsItems_default = () => {
             {
               itemLayout: "horizontal",
               split: false,
-              className: styles_module_default2.senderList,
+              className: styles_module_default2.nsSenderList,
               dataSource: question.items,
-              renderItem: (item) => /* @__PURE__ */ jsxRuntime.jsx(antd.List.Item, { onClick: () => chatStore.sendMessage(item.question), className: styles_module_default2.senderListItem, children: item.question }),
-              footer: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { justify: "end", className: styles_module_default2.senderListFooter, children: "(\u60A8\u53EF\u70B9\u51FB\u4EE5\u4E0A\u95EE\u9898\u5F00\u542FAI\u4F53\u9A8C)" })
+              renderItem: (item) => /* @__PURE__ */ jsxRuntime.jsx(antd.List.Item, { onClick: () => chatStore.sendMessage(item.question), className: styles_module_default2.nsSenderListItem, children: item.question }),
+              footer: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { justify: "end", className: styles_module_default2.nsSenderListFooter, children: "(\u60A8\u53EF\u70B9\u51FB\u4EE5\u4E0A\u95EE\u9898\u5F00\u542FAI\u4F53\u9A8C)" })
             }
           ),
           title: /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: classNames7__default.default(styles_module_default2.senderListTitle, "text-ellipsis"),
+              className: classNames8__default.default(styles_module_default2.nsSenderListTitle, "text-ellipsis"),
               children: `${receiverState.active.name}\u5F00\u59CB\u5173\u6CE8${question.name}\u5185\u5BB9\uFF01`
             }
           ),
@@ -1712,8 +1758,9 @@ var SenderPromptsItems_default = () => {
   return component;
 };
 var ChatSender_default2 = react.forwardRef(
-  ({ placeholder, extraBtn = false, referencesBtn = false, sendBtnProps = {}, footerBelow = false, prompts = true }, ref) => {
+  ({ placeholder, extraBtn = false, referencesBtn = false, sendBtnProps, footerBelow = false, prompts = true }, ref) => {
     const chatStore = useChatStore();
+    const configState = valtio.useSnapshot(chatStore.config);
     const receiverState = valtio.useSnapshot(chatStore.receiver);
     const conversationState = valtio.useSnapshot(chatStore.conversation);
     const chatMessage = react.useMemo(
@@ -1727,7 +1774,7 @@ var ChatSender_default2 = react.forwardRef(
         chatStore.sendMessage();
       }, 10);
     };
-    return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, gap: 8, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, gap: 8, className: "zero-chat-sender", children: [
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: prompts, DefaultComponent: SenderPromptsItems_default }),
       /* @__PURE__ */ jsxRuntime.jsx(
         ChatSender_default,
@@ -1745,9 +1792,10 @@ var ChatSender_default2 = react.forwardRef(
           onCancel: chatStore.cancelReceive,
           onFocus: chatStore.config.hooks?.onSenderFocus,
           fileUpload: {
+            request: configState.services.request?.fileUpload,
             config: receiverState.active.config?.fileUpload
           },
-          sendBtnProps,
+          sendBtnProps: common.isFunction(sendBtnProps) ? sendBtnProps() : {},
           extraFooterBelow: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: footerBelow }),
           extraFooter: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             receiverState.active.feature?.deepThink && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1825,7 +1873,7 @@ var ConversationListHeader_default = () => {
         type: "primary",
         shape: "round",
         onClick: () => chatStore.createConversation(),
-        className: classNames7__default.default("m-t-16"),
+        className: classNames8__default.default("m-t-16"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}),
         children: "\u65B0\u5EFA\u4F1A\u8BDD"
       }
@@ -1833,7 +1881,7 @@ var ConversationListHeader_default = () => {
   ] });
 };
 var ConversationListPanel_default = ({ header }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames7__default.default("height-full", styles_module_default2.conversationListPanel), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames8__default.default("height-full", "zero-chat-conversations", styles_module_default2.nsConversationListPanel), children: [
     /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: header, DefaultComponent: ConversationListHeader_default }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsxRuntime.jsx(ConversationList_default, {}) })
   ] });
@@ -1845,11 +1893,16 @@ var styles_module_default4 = {
   nsPreviewHeaderTitle: "styles_module_nsPreviewHeaderTitle",
   nsChatSenderHeader: "styles_module_nsChatSenderHeader",
   nsDisclaimerNotice: "styles_module_nsDisclaimerNotice",
-  nsChatLayout: "styles_module_nsChatLayout"
+  nsChatLayout: "styles_module_nsChatLayout",
+  nsChatBody: "styles_module_nsChatBody",
+  nsBodyWidth: "styles_module_nsBodyWidth"
 };
-var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout, config }, ref) => {
+var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout, config, services }, ref) => {
   const chatStore = react.useMemo(() => createChatStore(), []);
   const senderRef = react.useRef();
+  common.useDeepEffect(() => {
+    chatStore.setServices(services);
+  }, [services]);
   common.useDeepEffect(() => {
     if (config?.conversationId) {
       chatStore.switchConversation(config.conversationId);
@@ -1883,6 +1936,7 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
       setReferences: chatStore.setReferences,
       setMessage: chatStore.setContent,
       setFiles: chatStore.setFileList,
+      setServices: chatStore.setServices,
       setParams: chatStore.setParams,
       senderFocus: (options) => {
         senderRef.current?.focus(options);
@@ -1905,7 +1959,19 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
     }
   }, [hasPreView]);
   common.useWebSocket({
-    url: common.getWebSocketUrl(`/api/lolr/conversation/ws/subscribe?NS-TOKEN=${common.getToken()}`, common.isLocalhost() ? "192.168.6.23" : ""),
+    url: configState.services.websocketBaseUrls?.[0] && common.getWebSocketUrl(
+      `${configState.services.websocketBaseUrls?.[0]}/lolr/conversation/ws/subscribe?NS-TOKEN=${common.getToken()}`,
+      common.isLocalhost() ? "192.168.6.23" : ""
+    ),
+    onMessage: chatStore.acceptMessage,
+    clientHeartbeat: false,
+    reconnectInterval: 1e4
+  });
+  common.useWebSocket({
+    url: configState.services.websocketBaseUrls?.[1] && common.getWebSocketUrl(
+      `${configState.services.websocketBaseUrls?.[1]}/lolr/conversation/ws/subscribe?NS-TOKEN=${common.getToken()}`,
+      common.isLocalhost() ? "192.168.6.23" : ""
+    ),
     onMessage: chatStore.acceptMessage,
     clientHeartbeat: false,
     reconnectInterval: 1e4
@@ -1913,7 +1979,7 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
   react.useEffect(() => {
     configState.hooks?.onBeforeInit?.();
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(x.XProvider, { theme: { cssVar: true, ...theme }, children: /* @__PURE__ */ jsxRuntime.jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: receiverState.loading, wrapperClassName: "full-spin", children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames7__default.default(styles_module_default4.nsChatLayout, "height-full"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(x.XProvider, { theme: { cssVar: true, ...theme }, children: /* @__PURE__ */ jsxRuntime.jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: receiverState.loading, wrapperClassName: "full-spin", children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames8__default.default(styles_module_default4.nsChatLayout, "zero-chat-layout", "height-full"), children: [
     /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.globalHeader, DefaultComponent: ChatHeader_default }),
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { className: "full-scroll", children: [
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.leftPanel }),
@@ -1962,37 +2028,46 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
                   }
                 });
               },
-              onDownloadFile: (content, type) => fileCreate(content, configState.preview.file.fileName, type),
+              onDownloadFile: (content, type) => configState.services.request.fileCreate(content, configState.preview.file.fileName, type),
               extraNav: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(antd.Tag, { bordered: false, color: "default", className: "cursor-pointer", onClick: () => chatStore.setPreview(), children: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseOutlined, {}) }) })
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames7__default.default("height-full"), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames8__default.default("height-full"), children: [
           /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.chatHeader, DefaultComponent: ChatHeader_default }),
-          /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, className: classNames7__default.default("full-scroll"), children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "center", vertical: true, gap: 24, className: classNames7__default.default("height-full p-t-8 p-b-8", styles_module_default2.nsBodyWidth), children: [
-            common.shouldRender(configState.layout.messageList) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.messageList, DefaultComponent: BubbleListItems_default }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, gap: 8, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                common.RenderWrapper,
-                {
-                  control: configState.layout.senderHeader,
-                  DefaultComponent: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default4.nsChatSenderHeader, children: [
-                    "\u6211\u662F ",
-                    receiverState.active.name
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { ref: senderRef, control: configState.layout.sender, DefaultComponent: ChatSender_default2 }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                common.RenderWrapper,
-                {
-                  control: configState.layout.disclaimerNotice,
-                  DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default4.nsDisclaimerNotice, children: "\u5185\u5BB9\u7531AI\u751F\u6210\uFF0C\u4EC5\u4F9B\u53C2\u8003\uFF0C\u8BF7\u4ED4\u7EC6\u7504\u522B" })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.senderFooter })
-          ] }) })
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, className: classNames8__default.default("full-scroll"), children: /* @__PURE__ */ jsxRuntime.jsxs(
+            antd.Flex,
+            {
+              justify: "center",
+              vertical: true,
+              gap: 24,
+              className: classNames8__default.default("height-full", styles_module_default4.nsChatBody, "zero-chat-body", styles_module_default4.nsBodyWidth),
+              children: [
+                common.shouldRender(configState.layout.messageList) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.messageList, DefaultComponent: BubbleListItems_default }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, gap: 8, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    common.RenderWrapper,
+                    {
+                      control: configState.layout.senderHeader,
+                      DefaultComponent: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default4.nsChatSenderHeader, children: [
+                        "\u6211\u662F ",
+                        receiverState.active.name
+                      ] })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { ref: senderRef, control: configState.layout.sender, DefaultComponent: ChatSender_default2 }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    common.RenderWrapper,
+                    {
+                      control: configState.layout.disclaimerNotice,
+                      DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default4.nsDisclaimerNotice, children: "\u5185\u5BB9\u7531AI\u751F\u6210\uFF0C\u4EC5\u4F9B\u53C2\u8003\uFF0C\u8BF7\u4ED4\u7EC6\u7504\u522B" })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.senderFooter })
+              ]
+            }
+          ) })
         ] }) })
       ] })
     ] })