@zero-library/chat-agent 2.1.19 → 2.2.0

package/dist/index.cjs.js

@@ -2,19 +2,19 @@
 
 var common = require('@zero-library/common');
 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 classNames8 = require('classnames');
+var classNames9 = require('classnames');
+var dayjs = require('dayjs');
 var InfiniteScroll = require('react-infinite-scroll-component');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+var classNames9__default = /*#__PURE__*/_interopDefault(classNames9);
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
-var classNames8__default = /*#__PURE__*/_interopDefault(classNames8);
 var InfiniteScroll__default = /*#__PURE__*/_interopDefault(InfiniteScroll);
 
 var __defProp = Object.defineProperty;
@@ -26,36 +26,6 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var classifyTime, replaceThinkTags, copy;
-var init_utils = __esm({
-  "src/core/utils.ts"() {
-    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";
-      }
-    };
-    replaceThinkTags = (str) => {
-      return str.replace(/<think>/g, ":::alert type=think data={content:'").replace(/<\/think>/g, "'} ::: ");
-    };
-    copy = (value) => {
-      common.copyText(value).then(() => {
-        antd.message.success("\u590D\u5236\u6210\u529F");
-      });
-    };
-  }
-});
 var ChatProvider, useChatStore;
 var init_Context = __esm({
   "src/stores/Context.ts"() {
@@ -214,7 +184,6 @@ __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 }) => {
@@ -230,7 +199,7 @@ var init_FileEdit = __esm({
           ] }),
           /* @__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.Button, { color: "default", variant: "text", size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CopyOutlined, {}), onClick: () => common.copyText(data.content), children: "\u590D\u5236" })
           ] }) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, align: "center", className: styles_module_default.fileEditContent, children: /* @__PURE__ */ jsxRuntime.jsx(common.RenderMarkdown, { content: data.content }) })
@@ -313,9 +282,41 @@ var init_Think = __esm({
     };
   }
 });
-
-// src/stores/index.ts
-init_utils();
+var userInfoManager = common.createSecureManager({
+  key: "NS-USER",
+  aesKey: "((#II))"
+});
+var TOKEN_KEY = "NS-TOKEN";
+var tokenManager = common.createTokenManager({
+  key: TOKEN_KEY
+});
+var redirectUrl = () => {
+  const path = localStorage.getItem("SIGNPATH");
+  common.emit("jumpLink", { url: `/uc${path || "/sign-in"}` });
+};
+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";
+  }
+};
+var replaceThinkTags = (str) => {
+  return str.replace(/<think>/g, ":::alert type=think data={content:'").replace(/<\/think>/g, "'} :::");
+};
+var getChatSocketUrl = (baseURL, params) => {
+  return common.buildUrlParams(params, common.getWebSocketUrl(`${baseURL}/lolr/conversation/ws/subscribe`), "comma");
+};
 
 // src/services/index.ts
 var createChatService = (request) => {
@@ -435,8 +436,6 @@ var defaultExpertLayout = {
   globalHeader: false,
   chatHeader: {
     props: {
-      title: true,
-      closeBtn: false,
       newConversationBtn: false,
       agentCharacter: false,
       conversationListBtn: false
@@ -447,10 +446,14 @@ var defaultExpertLayout = {
 function createChatStore() {
   const config = valtio.proxy({
     services: {
-      websocketBaseUrls: []
+      /** WebSocket地址 */
+      websocketUrls: ["", ""],
+      /** HTTP请求实例 */
+      request: {}
     },
     hooks: {},
     layout: {},
+    /** 文件预览状态 */
     preview: {
       file: {},
       isEdit: false
@@ -458,16 +461,42 @@ function createChatStore() {
       // isShow: 0, // 0 不显示 1 显示 2 用户关闭
       // isIntact: false // true 完整 false 不完整
     },
+    /** 当前用户信息 */
     userInfo: {},
+    /** 聊天参数配置 */
     params: {}
   });
-  const setServices = ({ baseUrl = "/api" } = {}) => {
-    config.services.baseUrl = baseUrl;
-    if (!config.services.websocketBaseUrls?.includes(baseUrl)) {
-      config.services.websocketBaseUrls = [...config.services.websocketBaseUrls, baseUrl];
+  const setServices = ({ http, websocket } = {}) => {
+    const httpConfig = { baseURL: "/api", headers: { [TOKEN_KEY]: tokenManager.get() }, ...http?.config };
+    const request = common.createRequest(httpConfig);
+    if (config.hooks?.onRequestInterceptor) {
+      request.instance.interceptors.request.use(...config.hooks.onRequestInterceptor);
+    }
+    request.instance.interceptors.response.use(void 0, (err) => {
+      if (err?.response?.status === common.HttpStatus.UNAUTHORIZED) {
+        if (config.hooks.onRedirectLogin) {
+          config.hooks.onRedirectLogin();
+        } else {
+          redirectUrl();
+        }
+      }
+      return Promise.reject(err);
+    });
+    if (config.hooks?.onResponseInterceptor) {
+      request.instance.interceptors.response.use(...config.hooks.onResponseInterceptor);
+    }
+    config.services.request = { ...createChatService(request), ...createFileService(request), ...http?.request };
+    config.services.websocketUrls = ["", ""];
+    if (common.isArray(websocket?.baseURLs)) {
+      websocket.baseURLs.forEach((baseURL, index) => {
+        if (common.isString(baseURL)) {
+          config.services.websocketUrls[index] = getChatSocketUrl(baseURL, websocket?.params || httpConfig.headers);
+        }
+      });
+    } else {
+      const url = getChatSocketUrl(httpConfig.baseURL, websocket?.params || httpConfig.headers);
+      config.services.websocketUrls = [url, ""];
     }
-    const request = common.createRequest(baseUrl);
-    config.services.request = { ...createChatService(request), ...createFileService(request) };
   };
   const setPreview = (file = {}, isEdit = false) => {
     if (common.shouldRender(config.layout.preview)) {
@@ -494,20 +523,16 @@ function createChatStore() {
     config.hooks = hooks;
   };
   const setUserInfo = (userInfo) => {
-    config.userInfo = common.transform(userInfo || common.getCurrentUser() || {}, {
-      id: (userInfo2) => {
-        return String(userInfo2["id"]);
-      },
-      name: "name",
-      iconUrl: "avatar",
-      description: "name"
-    });
+    config.userInfo = userInfo || userInfoManager.get() || {};
+    config.userInfo.id = String(config.userInfo.id || "");
   };
   const receiver = valtio.proxy({
+    /** 当前激活的接收者信息（智能体或专家） */
     active: {},
+    /** 接收者加载状态 */
     loading: false,
+    /** 接收者透传参数，后期可能扩展不透传参数 */
     params: {}
-    // 透传参数，后期可能扩展不透传参数
   });
   const setReceiverParams = (params) => {
     if (common.isObject(params)) {
@@ -566,10 +591,15 @@ function createChatStore() {
     setReceiverParams();
   };
   const character = valtio.proxy({
+    /** 性格列表 */
     list: [],
+    /** 当前激活的性格 */
     active: {},
+    /** 性格选择面板是否打开 */
     open: false,
+    /** 加载性格列表的状态 */
     loading: false,
+    /** 切换性格时的加载状态 */
     switchLoading: false
   });
   const getCharacters = async (agentId) => {
@@ -604,16 +634,20 @@ function createChatStore() {
     }
   };
   const conversations = valtio.proxy({
+    /** 会话列表数据 */
     list: {
       items: [],
+      /** 分页查询参数 */
       params: {
         pageNum: 1,
         pageSize: 1e3
       }
     },
+    /** 当前会话索引，创建会话时更新，促使页面更新会话列表 */
     updateIndex: 0,
-    // 当前会话索引, 创建会话时更新，促使页面更新会话列表
+    /** 获取会话列表的加载状态 */
     loading: false,
+    /** 删除会话的加载状态 */
     delLoading: false
   });
   const getConversations = async (targetId, targetType) => {
@@ -659,14 +693,18 @@ function createChatStore() {
     }
   };
   const conversation = valtio.proxy({
-    // 每个会话单独存储
+    /** 当前激活的会话信息 */
     active: {
       id: "",
+      /** 会话成员对象，包含用户、智能体、专家等 */
       member: {}
     },
+    /** 每个会话的消息存储，以会话ID为键 */
     messages: {},
+    /** 消息反馈状态 */
     feedback: {
       // open: false,
+      /** 反馈操作加载状态 */
       loading: false
       // recordId: '',
       // target: undefined as number | undefined
@@ -714,14 +752,18 @@ function createChatStore() {
   };
   const setInitMessage = async (conversationId) => {
     conversation.messages[conversationId] = {
+      /** 输入框内容 */
       content: "",
+      /** 上传文件列表 */
       files: [],
-      // 上传文件内容
+      /** 头部展开状态 */
       headerOpen: false,
+      /** 消息发送/接收加载状态 */
       loading: false,
+      /** 消息列表 */
       message: [],
+      /** 推荐问题列表 */
       questionList: []
-      // 推荐问题
     };
   };
   const resolveConversationId = async (receiverId, strategy = 2) => {
@@ -826,13 +868,13 @@ function createChatStore() {
     if (other) return other;
     return void 0;
   };
-  const sendMessage = async (message3, files = [], params) => {
+  const sendMessage = async (message2, files = [], params) => {
     const conversationId = conversation.active.id;
     if (conversation.messages[conversationId].loading) return;
     let msgContent = "", msgFiles;
     const references = conversation.messages[conversationId].references;
-    if (message3) {
-      msgContent = message3;
+    if (message2) {
+      msgContent = message2;
       msgFiles = files;
     } else {
       if (references?.type === 1 && references?.content?.markdown) {
@@ -860,9 +902,9 @@ function createChatStore() {
       stream: true
     };
     const extraParams = common.deepCopy(config.params.params || {});
-    Object.assign(extraParams, receiver.params, message3 ? {} : references?.params, params);
+    Object.assign(extraParams, receiver.params, message2 ? {} : references?.params, params);
     sendParams.params = JSON.stringify(extraParams);
-    if (!message3) {
+    if (!message2) {
       setContent("");
       setFileList([]);
       setReferences();
@@ -908,15 +950,15 @@ function createChatStore() {
     const messages = conversation.messages[msg.conversationId].message;
     const idx = findMsgIndex(msg.conversationId, msg.id);
     if (idx === -1) return;
-    const message3 = messages[idx];
+    const message2 = messages[idx];
     conversation.messages[msg.conversationId].loading = true;
-    if (message3?.type === "STEP_STARTED" || message3?.type === "TEXT_MESSAGE_START") {
+    if (message2?.type === "STEP_STARTED" || message2?.type === "TEXT_MESSAGE_START") {
       messages[idx] = msg;
       return;
     }
     messages[idx] = {
-      ...message3,
-      msgContent: message3.msgContent + (msg.msgContent || "")
+      ...message2,
+      msgContent: message2.msgContent + (msg.msgContent || "")
     };
   };
   const endCallback = (msg) => {
@@ -934,9 +976,13 @@ function createChatStore() {
     messages[idx] = { ...msg, type: void 0 };
     conversation.messages[msg.conversationId].loading = false;
   };
-  const acceptMessage = (newMessage) => {
+  const acceptMessage = async (newMessage) => {
     const conversationId = newMessage.data.conversationId;
     if (!conversation.messages[conversationId]?.message) return;
+    const canProceed = await config.hooks?.onBeforeAcceptMessage?.(newMessage.data);
+    if (canProceed === false) {
+      throw new Error("\u64CD\u4F5C\u88AB\u963B\u6B62");
+    }
     switch (newMessage.data.type) {
       case "TEXT_MESSAGE_START":
         startCallback(newMessage.data);
@@ -954,37 +1000,68 @@ function createChatStore() {
         errCallback(newMessage.data);
         break;
     }
+    config.hooks?.onAfterAcceptMessage?.(newMessage.data);
   };
   return {
+    /** 全局配置对象 */
     config,
+    /** 设置服务配置 */
     setServices,
+    /** 设置文件预览 */
     setPreview,
+    /** 设置布局配置 */
     setLayout,
+    /** 设置生命周期钩子 */
     setHooks,
+    /** 设置聊天参数 */
     setParams,
+    /** 设置用户信息 */
     setUserInfo,
+    /** 智能体性格状态 */
     character,
+    /** 获取性格列表 */
     getCharacters,
+    /** 打开性格选择面板 */
     openCharacterList,
+    /** 关闭性格选择面板 */
     closeCharacterList,
+    /** 切换性格 */
     switchCharacter,
+    /** 接收者状态 */
     receiver,
+    /** 设置接收者参数 */
     setReceiverParams,
+    /** 历史会话状态 */
     conversations,
+    /** 获取会话列表 */
     getConversations,
+    /** 删除会话 */
     delConversation,
+    /** 当前会话状态 */
     conversation,
+    /** 设置说话人类型 */
     setSpeakHuman,
+    /** 设置引用消息 */
     setReferences,
+    /** 设置消息内容 */
     setContent,
+    /** 设置文件列表 */
     setFileList,
+    /** 设置头部展开状态 */
     setHeaderOpen,
+    /** 消息反馈操作 */
     feedback,
+    /** 切换智能体会话 */
     switchAgentConversation,
+    /** 创建新会话 */
     createConversation,
+    /** 切换会话 */
     switchConversation,
+    /** 发送消息 */
     sendMessage,
+    /** 取消接收 */
     cancelReceive,
+    /** 接收消息 */
     acceptMessage
   };
 }
@@ -992,9 +1069,6 @@ function createChatStore() {
 // src/ui/layouts/index.tsx
 init_Context();
 
-// src/components/MessageRender.tsx
-init_utils();
-
 // src/ui/common/markdownAlert/index.ts
 var customComponents = {
   appCard: () => Promise.resolve().then(() => (init_AppCard(), AppCard_exports)),
@@ -1013,17 +1087,17 @@ var styles_module_default2 = {
   chatSender: "styles_module_chatSender",
   chatQuoteMsg: "styles_module_chatQuoteMsg"
 };
-var MessageRender_default = ({ message: message3, placement }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, children: !(message3.msgContent || message3.msgFiles.length) ? /* @__PURE__ */ jsxRuntime.jsx(antd.Typography, { children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { size: "small" }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    message3.msgContent && /* @__PURE__ */ jsxRuntime.jsx(
+var MessageRender_default = ({ message: message2, placement }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, children: !(message2.msgContent || message2.msgFiles.length) ? /* @__PURE__ */ jsxRuntime.jsx(antd.Typography, { children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { size: "small" }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    message2.msgContent && /* @__PURE__ */ jsxRuntime.jsx(
       x.Bubble,
       {
         placement,
-        className: classNames8__default.default({ [styles_module_default2.loadingMessage]: message3.type }),
-        content: /* @__PURE__ */ jsxRuntime.jsx(common.RenderMarkdown, { content: replaceThinkTags(message3.msgContent), customComponents })
+        className: classNames9__default.default({ [styles_module_default2.loadingMessage]: message2.type }),
+        content: /* @__PURE__ */ jsxRuntime.jsx(common.RenderMarkdown, { content: replaceThinkTags(message2.msgContent), customComponents })
       }
     ),
-    message3.msgFiles?.map((file) => /* @__PURE__ */ jsxRuntime.jsx(
+    message2.msgFiles?.map((file) => /* @__PURE__ */ jsxRuntime.jsx(
       x.Bubble,
       {
         className: "m-t-8",
@@ -1043,19 +1117,19 @@ var MessageRender_default = ({ message: message3, placement }) => {
       },
       file.content
     )),
-    message3.quoteMsg?.id && /* @__PURE__ */ jsxRuntime.jsx(
+    message2.quoteMsg?.id && /* @__PURE__ */ jsxRuntime.jsx(
       x.Bubble,
       {
-        className: classNames8__default.default(styles_module_default2.chatQuoteMsg),
+        className: classNames9__default.default(styles_module_default2.chatQuoteMsg),
         placement,
         content: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, gap: 8, children: [
-          message3.quoteMsg.msgContent && /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { children: [
+          message2.quoteMsg.msgContent && /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u3010\u5F15\u7528\u6D88\u606F\u3011\uFF1A" }),
-            /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { flex: 1, className: "text-ellipsis", children: message3.quoteMsg.msgContent })
+            /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { flex: 1, className: "text-ellipsis", children: message2.quoteMsg.msgContent })
           ] }),
-          message3.quoteMsg?.msgFiles && message3.quoteMsg.msgFiles.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { children: [
+          message2.quoteMsg?.msgFiles && message2.quoteMsg.msgFiles.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u3010\u5F15\u7528\u6587\u4EF6\u3011\uFF1A" }),
-            /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, wrap: true, flex: 1, children: message3.quoteMsg.msgFiles.map((file) => /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, wrap: true, flex: 1, children: message2.quoteMsg.msgFiles.map((file) => /* @__PURE__ */ jsxRuntime.jsx(
               x.Attachments.FileCard,
               {
                 item: {
@@ -1081,7 +1155,6 @@ var MEMBER_TYPE = {
 };
 
 // src/ui/common/BubbleListItems.tsx
-init_utils();
 init_Context();
 
 // src/ui/common/styles.module.less
@@ -1109,7 +1182,55 @@ var styles_module_default3 = {
   nsAvatarListItemIconActive: "styles_module_nsAvatarListItemIconActive",
   nsAvatarListItemName: "styles_module_nsAvatarListItemName"
 };
-var BubbleListItems_default = ({ firstMessage = false, avatar = { user: false, agent: true, other: true } }) => {
+
+// src/ui/common/WelcomeItem.tsx
+init_Context();
+var WelcomeItem_default = ({ icon = true, title = true, description = true, prompts = true }) => {
+  const chatStore = useChatStore();
+  const receiverState = valtio.useSnapshot(chatStore.receiver);
+  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { direction: "vertical", size: 16, className: styles_module_default3.chatWelcomeWrap, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      x.Welcome,
+      {
+        className: classNames9__default.default(styles_module_default3.chatWelcome, "p-t-32"),
+        variant: "borderless",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: icon, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { shape: "square", size: 58, src: receiverState.active.logo }) }),
+        title: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: title, DefaultComponent: `\u4F60\u597D\uFF0C\u6211\u662F${receiverState.active.name || ""}` }),
+        description: /* @__PURE__ */ jsxRuntime.jsx(
+          common.RenderWrapper,
+          {
+            control: description,
+            DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: receiverState.active.description || "" } })
+          }
+        )
+      }
+    ),
+    receiverState.active.config?.recommendQuestions?.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      common.RenderWrapper,
+      {
+        control: prompts,
+        DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(
+          x.Prompts,
+          {
+            className: "m-t-16",
+            wrap: true,
+            items: [
+              {
+                key: "1",
+                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: classNames9__default.default(styles_module_default3.chatWelcomePrompts, "text-ellipsis"), children: question })
+                }))
+              }
+            ]
+          }
+        )
+      }
+    )
+  ] });
+};
+var BubbleListItems_default = ({ firstMessage = false, welcomeMessage = true, avatar = { user: false, agent: true, other: true } }) => {
   const chatStore = useChatStore();
   const receiverState = valtio.useSnapshot(chatStore.receiver);
   const conversationState = valtio.useSnapshot(chatStore.conversation);
@@ -1149,44 +1270,16 @@ var BubbleListItems_default = ({ firstMessage = false, avatar = { user: false, a
     () => conversationState.messages[conversationState.active.id] || {},
     [conversationState.messages[conversationState.active.id]]
   );
-  const placeholderNode = react.useMemo(
-    () => [
+  const welcomeMessageRecord = react.useMemo(() => {
+    const isExist = common.shouldRender(welcomeMessage);
+    return isExist ? [
       {
         key: "placeholder",
-        content: /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { direction: "vertical", size: 16, className: styles_module_default3.chatWelcomeWrap, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            x.Welcome,
-            {
-              className: classNames8__default.default(styles_module_default3.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 || ""}`,
-              description: /* @__PURE__ */ jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: receiverState.active.description || "" } })
-            }
-          ),
-          receiverState.active.config?.recommendQuestions?.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-            x.Prompts,
-            {
-              className: "m-t-16",
-              wrap: true,
-              items: [
-                {
-                  key: "1",
-                  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: classNames8__default.default(styles_module_default3.chatWelcomePrompts, "text-ellipsis"), children: question })
-                  }))
-                }
-              ]
-            }
-          )
-        ] }),
+        content: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: welcomeMessage, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(WelcomeItem_default, {}) }),
         variant: "borderless"
       }
-    ],
-    [receiverState.active]
-  );
+    ] : [];
+  }, [receiverState.active, welcomeMessage]);
   const questionList = react.useMemo(
     () => chatMessage?.questionList?.length ? [
       {
@@ -1214,36 +1307,36 @@ var BubbleListItems_default = ({ firstMessage = false, avatar = { user: false, a
     [chatMessage?.questionList]
   );
   const chatRecords = react.useMemo(() => {
-    return (chatMessage?.message || []).map((message3, index) => {
-      const role = conversationRoles[MEMBER_TYPE[message3.sender.type]] || {};
+    return (chatMessage?.message || []).map((message2, index) => {
+      const role = conversationRoles[MEMBER_TYPE[message2.sender.type]] || {};
       return {
-        key: message3.id,
+        key: message2.id,
         placement: role.placement,
         variant: "borderless",
         avatar: role.avatar,
-        content: /* @__PURE__ */ jsxRuntime.jsx(MessageRender_default, { message: message3, placement: role.placement }),
+        content: /* @__PURE__ */ jsxRuntime.jsx(MessageRender_default, { message: message2, placement: role.placement }),
         footer: role.user === "agent" && /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: () => copy(message3.msgContent), color: "default", variant: "text", size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CopyOutlined, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: () => common.copyText(message2.msgContent), color: "default", variant: "text", size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CopyOutlined, {}) }),
           /* @__PURE__ */ jsxRuntime.jsx(
             antd.Button,
             {
-              color: message3.msgFeedback === 1 ? "primary" : "default",
-              disabled: !!message3.type,
+              color: message2.msgFeedback === 1 ? "primary" : "default",
+              disabled: !!message2.type,
               size: "small",
               variant: "text",
               icon: /* @__PURE__ */ jsxRuntime.jsx(icons.LikeOutlined, {}),
-              onClick: () => chatStore.feedback(conversationState.active.id, message3.id, 1, index)
+              onClick: () => chatStore.feedback(conversationState.active.id, message2.id, 1, index)
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
             antd.Button,
             {
-              color: message3.msgFeedback === 2 ? "primary" : "default",
-              disabled: !!message3.type,
+              color: message2.msgFeedback === 2 ? "primary" : "default",
+              disabled: !!message2.type,
               size: "small",
               variant: "text",
               icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DislikeOutlined, {}),
-              onClick: () => chatStore.feedback(conversationState.active.id, message3.id, 2, index)
+              onClick: () => chatStore.feedback(conversationState.active.id, message2.id, 2, index)
             }
           )
         ] })
@@ -1266,23 +1359,19 @@ var BubbleListItems_default = ({ firstMessage = false, avatar = { user: false, a
   }, [firstMessage]);
   const bubbleListItems = react.useMemo(() => {
     const list = [];
-    if (firstMessageRecord.length > 0) {
-      list.push(...firstMessageRecord);
-    }
-    if (chatRecords.length > 0) {
-      list.push(...chatRecords, ...questionList);
-    }
+    list.push(...firstMessageRecord);
+    list.push(...chatRecords, ...questionList);
     if (list.length) {
       return list;
     }
-    return [...placeholderNode];
-  }, [chatRecords, questionList, placeholderNode, firstMessageRecord]);
+    return [...welcomeMessageRecord];
+  }, [chatRecords, questionList, welcomeMessageRecord, firstMessageRecord]);
   const listRef = react.useRef(null);
   const autoScrollRef = react.useRef(true);
   const handleScroll = (el) => {
     const target = el.target;
     const distanceToBottom = target.scrollHeight - target.scrollTop - target.clientHeight;
-    autoScrollRef.current = distanceToBottom < 100;
+    autoScrollRef.current = distanceToBottom < 150;
   };
   react.useEffect(() => {
     autoScrollRef.current = true;
@@ -1307,7 +1396,7 @@ var BubbleListItems_default = ({ firstMessage = false, avatar = { user: false, a
       autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames8__default.default(styles_module_default3.nsBubbleList, "height-full", "scroll-fade-in", "zero-chat-bubbles"),
+      className: classNames9__default.default(styles_module_default3.nsBubbleList, "height-full", "scroll-fade-in", "zero-chat-bubbles"),
       onScroll: handleScroll
     },
     conversationState.active.id
@@ -1342,7 +1431,7 @@ var CharacterList_default = () => {
         /* @__PURE__ */ jsxRuntime.jsx(
           antd.Avatar,
           {
-            className: classNames8__default.default(styles_module_default3.nsAvatarListItemIcon, "cursor-pointer", {
+            className: classNames9__default.default(styles_module_default3.nsAvatarListItemIcon, "cursor-pointer", {
               [styles_module_default3.nsAvatarListItemIconActive]: activeCharacter.id === item.id
             }),
             size: 50,
@@ -1429,6 +1518,7 @@ var ConversationList_default = () => {
 };
 var ChatHeader_default = ({
   title = true,
+  avatar = true,
   closeBtn = false,
   newConversationBtn = true,
   agentCharacter = true,
@@ -1437,18 +1527,10 @@ 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: classNames8__default.default(styles_module_default3.nsChatHeader, "zero-chat-header"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", align: "center", className: classNames9__default.default(styles_module_default3.nsChatHeader, "zero-chat-header"), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, align: "center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        common.RenderWrapper,
-        {
-          control: title,
-          DefaultComponent: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { size: 22, src: receiverState.active.logo, alt: receiverState.active.name }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default3.nsChatTitle, children: receiverState.active.name })
-          ] })
-        }
-      ),
+      /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: avatar, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { size: 22, src: receiverState.active.logo, alt: receiverState.active.name }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: title, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default3.nsChatTitle, children: receiverState.active.name }) }),
       " "
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { size: 2, children: [
@@ -1488,7 +1570,7 @@ var ChatHeader_default = ({
   ] }) });
 };
 var Attachments_default = react.forwardRef(({ fileUpload, fileUploadConfig = [], fileList = [], onChange, extraParams }, ref) => {
-  const { message: message3 } = antd.App.useApp();
+  const { message: message2 } = antd.App.useApp();
   const fileListRef = react.useRef([]);
   const [attachedFiles, setAttachedFiles, getAttachedFiles] = common.useRefState([]);
   react.useEffect(() => {
@@ -1516,7 +1598,7 @@ var Attachments_default = react.forwardRef(({ fileUpload, fileUploadConfig = [],
     onChange(files);
   }, [attachedFiles]);
   const onErrorTip = common.useDebounce((errorMsg) => {
-    message3.error(errorMsg);
+    message2.error(errorMsg);
   }, 300);
   const findConfigByFile = (file) => {
     return fileUploadConfig.find((cfg) => cfg.allowedFileTypes?.includes(common.getFileSuffixName(file.name).toLocaleUpperCase()));
@@ -1747,7 +1829,7 @@ var SenderPromptsItems_default = () => {
           title: /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: classNames8__default.default(styles_module_default3.nsSenderListTitle, "text-ellipsis"),
+              className: classNames9__default.default(styles_module_default3.nsSenderListTitle, "text-ellipsis"),
               children: `${receiverState.active.name}\u5F00\u59CB\u5173\u6CE8${question.name}\u5185\u5BB9\uFF01`
             }
           ),
@@ -1876,7 +1958,7 @@ var ConversationListHeader_default = () => {
         type: "primary",
         shape: "round",
         onClick: () => chatStore.createConversation(),
-        className: classNames8__default.default("m-t-16"),
+        className: classNames9__default.default("m-t-16"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}),
         children: "\u65B0\u5EFA\u4F1A\u8BDD"
       }
@@ -1884,7 +1966,7 @@ var ConversationListHeader_default = () => {
   ] });
 };
 var ConversationListPanel_default = ({ header }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames8__default.default("height-full", "zero-chat-conversations", styles_module_default3.nsConversationListPanel), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames9__default.default("height-full", "zero-chat-conversations", styles_module_default3.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, {}) })
   ] });
@@ -1903,6 +1985,18 @@ var styles_module_default4 = {
 var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout, config, services }, ref) => {
   const chatStore = react.useMemo(() => createChatStore(), []);
   const senderRef = react.useRef();
+  react.useEffect(() => {
+    chatStore.setHooks(hooks);
+  }, [hooks]);
+  react.useEffect(() => {
+    chatStore.setUserInfo(userInfo);
+  }, [userInfo]);
+  react.useEffect(() => {
+    chatStore.setLayout(layout, config?.receiverType);
+  }, [layout, config?.receiverType]);
+  react.useEffect(() => {
+    chatStore.setParams(params);
+  }, [params]);
   common.useDeepEffect(() => {
     chatStore.setServices(services);
   }, [services]);
@@ -1915,18 +2009,6 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
       chatStore.switchAgentConversation(config.receiverId, config.conversationStrategy);
     }
   }, [config]);
-  react.useEffect(() => {
-    chatStore.setUserInfo(userInfo);
-  }, [userInfo]);
-  react.useEffect(() => {
-    chatStore.setLayout(layout, config?.receiverType);
-  }, [layout, config?.receiverType]);
-  react.useEffect(() => {
-    chatStore.setParams(params);
-  }, [params]);
-  react.useEffect(() => {
-    chatStore.setHooks(hooks);
-  }, [hooks]);
   const receiverState = valtio.useSnapshot(chatStore.receiver);
   const configState = valtio.useSnapshot(chatStore.config);
   react.useImperativeHandle(
@@ -1962,19 +2044,13 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
     }
   }, [hasPreView]);
   common.useWebSocket({
-    url: configState.services.websocketBaseUrls?.[0] && common.getWebSocketUrl(
-      `${configState.services.websocketBaseUrls?.[0]}/lolr/conversation/ws/subscribe?NS-TOKEN=${common.getToken()}`,
-      common.isLocalhost() ? "192.168.3.102" : ""
-    ),
+    url: configState.services.websocketUrls?.[0],
     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.3.102" : ""
-    ),
+    url: configState.services.websocketUrls?.[1],
     onMessage: chatStore.acceptMessage,
     clientHeartbeat: false,
     reconnectInterval: 1e4
@@ -1982,7 +2058,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: classNames8__default.default(styles_module_default4.nsChatLayout, "zero-chat-layout", "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: classNames9__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 }),
@@ -2036,15 +2112,15 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
             }
           )
         ] }) }),
-        /* @__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(antd.Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames9__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: classNames8__default.default("full-scroll"), children: /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, className: classNames9__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),
+              className: classNames9__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: [
@@ -2081,11 +2157,5 @@ exports.Attachments = Attachments_default;
 exports.ChatCopilot = layouts_default;
 exports.ChatSender = ChatSender_default;
 exports.MessageRender = MessageRender_default;
-Object.keys(x).forEach(function (k) {
-  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () { return x[k]; }
-  });
-});
 //# sourceMappingURL=index.cjs.js.map
 //# sourceMappingURL=index.cjs.js.map