@zero-library/chat-agent 2.0.10 → 2.1.1

package/dist/index.esm.js

@@ -1,11 +1,11 @@
-import { useRefState, useDebounce, isNumber, useSyncInput, shouldRender, RenderWrapper, downloadFile, FilePreview, MarkdownEditor, createValtioContext, isObject, isNullOrUnDef, isBoolean, UserAvatar, request, getCurrentUser, deepMerge, RenderMarkdown, OK, getToken, TOKEN_KEY, copyText, FileIcon, isExternal } from '@zero-library/common';
-import { message, Badge, Button, Flex, Spin, Splitter, Tag, Avatar, Space, Popover, List, Typography, Empty, Collapse, Drawer } from 'antd';
+import { useRefState, useDebounce, useSyncInput, useDeepEffect, shouldRender, useWebSocket, getWebSocketUrl, getToken, isLocalhost, RenderWrapper, downloadFile, FilePreview, MarkdownEditor, useCreateValtioContext, isNumber, getFileSuffixName, isObject, isNullOrUnDef, isBoolean, UserAvatar, request, deepCopy, getCurrentUser, deepMerge, RenderMarkdown, copyText, FileIcon, isExternal } from '@zero-library/common';
+import { App, Badge, Button, Flex, Spin, Splitter, Tag, Avatar, Space, Popover, List, Typography, message, Empty, Collapse, Modal, Row, Col, Drawer } from 'antd';
 import dayjs from 'dayjs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useRef, useEffect, useImperativeHandle, useMemo, useState } from 'react';
-import { CloudUploadOutlined, PaperClipOutlined, CloseOutlined, PlusOutlined, CommentOutlined, OpenAIOutlined, CopyOutlined, LikeOutlined, DislikeOutlined, EnterOutlined, DeleteOutlined, RedoOutlined, CloseCircleOutlined, PlayCircleOutlined, CaretRightOutlined } from '@ant-design/icons';
+import { CloudUploadOutlined, PaperClipOutlined, CloseOutlined, PlusOutlined, CommentOutlined, OpenAIOutlined, CopyOutlined, LikeOutlined, DislikeOutlined, EnterOutlined, UserSwitchOutlined, DeleteOutlined, RedoOutlined, PlayCircleOutlined, CaretRightOutlined } from '@ant-design/icons';
 import { Attachments, Sender, Suggestion, XProvider, Welcome, Prompts, Bubble, Conversations } from '@ant-design/x';
-import classNames6 from 'classnames';
+import classNames7 from 'classnames';
 import { useSnapshot, proxy } from 'valtio';
 import InfiniteScroll from 'react-infinite-scroll-component';
 
@@ -48,13 +48,7 @@ function transform(source, fieldMap) {
 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 copy, classifyTime;
 var init_utils = __esm({
   "src/core/utils.ts"() {
     copy = (value) => {
@@ -79,28 +73,20 @@ var init_utils = __esm({
         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"() {
-    ({ ValtioProvider: ChatProvider, useValtioStore: useChatStore } = createValtioContext());
+    ({ ValtioProvider: ChatProvider, useValtioStore: useChatStore } = useCreateValtioContext());
   }
 });
 
 // src/ui/common/markdownAlert/styles.module.less
-var styles_module_default2;
+var styles_module_default;
 var init_styles_module = __esm({
   "src/ui/common/markdownAlert/styles.module.less"() {
-    styles_module_default2 = {
+    styles_module_default = {
       appCard: "styles_module_appCard",
       fileView: "styles_module_fileView",
       fileEdit: "styles_module_fileEdit",
@@ -125,9 +111,9 @@ var init_AppCard = __esm({
     AppCard_default = ({ data, loading }) => {
       const chatStore = useChatStore();
       const onClick = () => {
-        chatStore.switchAgent({ appKey: data.appKey, agentKey: data.agentKey, isVerify: true });
+        chatStore.switchAgentConversation(`${data.appKey}:${data.agentKey}`);
       };
-      return /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxs(Flex, { vertical: true, gap: 4, align: "center", className: styles_module_default2.appCard, onClick, children: [
+      return /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxs(Flex, { vertical: true, gap: 4, align: "center", className: styles_module_default.appCard, onClick, children: [
         /* @__PURE__ */ jsx("img", { src: data.iconUrl }),
         /* @__PURE__ */ jsx("div", { className: "text-ellipsis", title: data.appName, children: data.appName })
       ] }) });
@@ -150,7 +136,7 @@ var init_FileView = __esm({
       const onClick = () => {
         chatStore.setPreview(data, false);
       };
-      return /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxs(Flex, { gap: 8, align: "center", className: styles_module_default2.fileView, onClick, children: [
+      return /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxs(Flex, { gap: 8, align: "center", className: styles_module_default.fileView, onClick, children: [
         /* @__PURE__ */ jsx(FileIcon, { suffix: data.suffix }),
         /* @__PURE__ */ jsx("div", { className: "text-ellipsis", title: data.fileName, children: data.fileName })
       ] }) });
@@ -228,7 +214,7 @@ var init_MdEdit = __esm({
       useEffect(() => {
         setValue(data.content);
       }, [data.content]);
-      return /* @__PURE__ */ jsxs("div", { className: styles_module_default2.mdEdit, children: [
+      return /* @__PURE__ */ jsxs("div", { className: styles_module_default.mdEdit, children: [
         /* @__PURE__ */ jsx(MarkdownEditor, { disabled: loading, value, onChange: setValue, showToolbar: false }),
         !loading && /* @__PURE__ */ jsx(Flex, { justify: "end", className: "m-t-16", children: /* @__PURE__ */ jsx(Button, { color: "primary", variant: "outlined", onClick: onOk, children: "\u786E\u8BA4\u63D0\u7EB2\u601D\u8DEF\uFF0C\u5F00\u59CB\u5199\u4F5C" }) })
       ] });
@@ -252,8 +238,8 @@ var init_FileEdit = __esm({
       const onPreview = () => {
         chatStore.setPreview(data, true);
       };
-      return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: styles_module_default2.fileEdit, children: [
-        /* @__PURE__ */ jsxs(Flex, { gap: 8, align: "center", justify: "space-between", className: styles_module_default2.fileEditHeader, children: [
+      return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: styles_module_default.fileEdit, children: [
+        /* @__PURE__ */ jsxs(Flex, { gap: 8, align: "center", justify: "space-between", className: styles_module_default.fileEditHeader, children: [
           /* @__PURE__ */ jsxs(Flex, { gap: 4, align: "center", className: "flex-1", children: [
             /* @__PURE__ */ jsx(FileIcon, { suffix: "md", fontSize: 18 }),
             /* @__PURE__ */ jsx("div", { className: "text-ellipsis", title: data.fileName, children: data.fileName })
@@ -263,7 +249,7 @@ var init_FileEdit = __esm({
             /* @__PURE__ */ jsx(Button, { color: "default", variant: "text", size: "small", icon: /* @__PURE__ */ jsx(CopyOutlined, {}), onClick: () => copy(data.content), children: "\u590D\u5236" })
           ] }) })
         ] }),
-        /* @__PURE__ */ jsx(Flex, { gap: 8, align: "center", className: styles_module_default2.fileEditContent, children: /* @__PURE__ */ jsx(RenderMarkdown, { content: data.content }) })
+        /* @__PURE__ */ jsx(Flex, { gap: 8, align: "center", className: styles_module_default.fileEditContent, children: /* @__PURE__ */ jsx(RenderMarkdown, { content: data.content }) })
       ] });
     };
   }
@@ -295,7 +281,7 @@ var init_QuoteList = __esm({
         /* @__PURE__ */ jsx(
           Collapse,
           {
-            className: styles_module_default2.quoteList,
+            className: styles_module_default.quoteList,
             bordered: false,
             ghost: true,
             expandIcon: ({ isActive }) => /* @__PURE__ */ jsx(CaretRightOutlined, { rotate: isActive ? 90 : 0 }),
@@ -317,171 +303,58 @@ var init_QuoteList = __esm({
 // src/ui/layouts/index.tsx
 init_file();
 
-// src/core/constants.ts
-var DEFAULT_NEW_CONV_ID = "newConvId";
-var ChatRoleMap = {
-  1: "user",
-  2: "assistant"
-};
-
 // 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));
-  }
-}
-function parseBuffer(buffer, onChunk) {
-  let bufferF = buffer;
-  let jsonStartIndex = bufferF.indexOf("{");
-  let jsonEndIndex = -1;
-  while (jsonStartIndex !== -1) {
-    let braceCount = 0;
-    let inString = false;
-    for (let i = jsonStartIndex; i < bufferF.length; i++) {
-      const char = bufferF[i];
-      if (char === '"' && bufferF[i - 1] !== "\\") {
-        inString = !inString;
-      }
-      if (!inString) {
-        if (char === "{") braceCount++;
-        if (char === "}") braceCount--;
-      }
-      if (braceCount === 0) {
-        jsonEndIndex = i;
-        break;
-      }
-    }
-    if (jsonEndIndex !== -1) {
-      const jsonString = bufferF.slice(jsonStartIndex, jsonEndIndex + 1);
-      try {
-        const parsed = JSON.parse(jsonString);
-        processChunk(parsed, onChunk);
-      } catch (e) {
-        console.warn("Failed to parse JSON chunk:", jsonString);
-      }
-      bufferF = bufferF.slice(jsonEndIndex + 1).trim();
-      jsonStartIndex = bufferF.indexOf("{");
-      jsonEndIndex = -1;
-    } else {
-      break;
-    }
-  }
-  return bufferF;
-}
-async function handleHttpError(status, message4) {
-  const error = new Error(`${status}: ${message4}`);
-  console.error("request error:", error);
-  await message.error("\u670D\u52A1\u5668\u5F00\u5C0F\u5DEE\u5566~\u{1F616}");
-}
-async function handleStreamResponse(response, options) {
-  const { onChunk } = options;
-  const reader = response.body.getReader();
-  const decoder = new TextDecoder();
-  let buffer = "";
-  while (true) {
-    const { done, value } = await reader.read();
-    if (done) {
-      buffer = parseBuffer(buffer, onChunk);
-      break;
-    }
-    buffer += decoder.decode(value, { stream: true });
-    buffer = parseBuffer(buffer, onChunk);
-  }
-}
-async function request2(url, data = {}, options = {}) {
-  const { stream = false, method = "POST", headers = {}, signal } = options;
-  const controller = new AbortController();
-  signal?.addEventListener("abort", () => controller.abort());
-  let targetURL = "/api" + url;
-  let body = data;
-  if (method === "GET") {
-    targetURL = buildURLWithParams(targetURL, data);
-    body = void 0;
-  } else {
-    if (!(body instanceof FormData)) {
-      headers["Content-Type"] = "application/json";
-      body = JSON.stringify(body);
-    }
-  }
-  const response = await fetch(targetURL, {
-    method,
-    headers: {
-      ...getToken() && { [TOKEN_KEY]: getToken() },
-      ...headers
-    },
-    body,
-    signal: controller.signal
-  });
-  if (!response.ok) {
-    const message4 = await response.text();
-    return await handleHttpError(response.status, message4);
-  }
-  if (stream && response.body) {
-    return handleStreamResponse(response, options);
-  }
-  const r = await response.json();
-  if (r.code !== 200) {
-    return await handleHttpError(r.code, r.message);
-  }
-  return r;
-}
-var get = (url, params = {}, options = {}) => request2(url, params, { ...options, method: "GET" });
-var post = (url, data = {}, options = {}) => request2(url, data, { ...options, method: "POST" });
-var put = (url, data = {}, options = {}) => request2(url, data, { ...options, method: "PUT" });
-var del = (url, data = {}, options = {}) => request2(url, data, { ...options, method: "DELETE" });
-var fetchRequest_default = { delete: del, get, post, put };
-
-// src/services/index.ts
-var agentInfoQuery = (agentId) => {
-  return request.get("/agent/detail", { agentId });
+var conversationsQuery = (params) => {
+  return request.get("/lolr/conversation", params);
 };
-var agentsQuery = () => {
-  return request.get("/agent");
+var conversationCreate = (params) => {
+  return request.post("/lolr/conversation", params);
 };
-var conversationsQuery = (params) => {
-  return request.get("/agent/conversation", params);
+var conversationDelete = (conversationId) => {
+  return request.delete("/agent/conversation", { conversationId });
 };
-var deleteConversation = (params) => {
-  return request.delete("/agent/conversation", params);
+var conversationRecentQuery = (params) => {
+  return request.get("/lolr/conversation/recent", params);
 };
-var chatMessagesQuery = (params) => {
-  return request.get("/agent/message", params);
+var conversationMessagesQuery = (params) => {
+  return request.get("/lolr/conversation/message", params);
 };
-var chatMessageSuggestedQuery = (agentId, messageId) => {
-  return request.get("/agent/message/suggested", { agentId, messageId });
+var feedbackUpdate = (params) => {
+  return request.put("/lolr/conversation/message/feedback", params);
 };
-var updateFeedback = (params) => {
-  return request.put("/agent/message/feedback", params);
+var messageSuggestedQuery = (msgId, maxCount = 3) => {
+  return request.get("/lolr/conversation/suggest", { msgId, maxCount });
 };
-var uploadFile = (formData) => {
-  return request.post("/agent/file", formData);
+var conversationMemberQuery = (conversationId) => {
+  return request.get("/lolr/conversation/member", { conversationId });
 };
-var sendChatMessage = (params) => {
-  return fetchRequest_default.post(
-    "/agent/chat",
-    { ...params, stream: true },
-    {
-      stream: true,
-      onChunk: (chunk) => {
-        if (params.onMessageEvent) {
-          const event = JSON.parse(chunk);
-          params.onMessageEvent(event);
-        }
-      }
-    }
-  );
+var conversationMessageSend = (params) => {
+  return request.post("/lolr/conversation/send", params);
+};
+var conversationStop = (conversationId) => {
+  return request.post("/lolr/conversation/stop", { conversationId });
+};
+var agentInfoQuery = (agentId) => {
+  return request.get("/lolr/agent/detail", { agentId });
+};
+var agentCharacterQuery = (agentId) => {
+  return request.get("/lolr/character", { agentId });
+};
+var agentCharacterSelect = (agentId, characterId) => {
+  return request.post("/lolr/character/user", { agentId, characterId });
+};
+var fileUpload = (formData) => {
+  return request.post("/lolr/storage/upload", formData, { timeout: 5 * 60 * 1e3 });
 };
 
 // src/stores/index.ts
-var defaultLayout = {
+var defaultAgentLayout = {
   leftPanel: false,
   conversationList: true,
   preview: true,
   messageList: true,
+  firstMessage: false,
   senderHeader: false,
   sender: true,
   senderPrompts: true,
@@ -490,6 +363,28 @@ var defaultLayout = {
   chatHeader: true,
   disclaimerNotice: true
 };
+var defaultExpertLayout = {
+  leftPanel: false,
+  conversationList: false,
+  preview: false,
+  messageList: true,
+  firstMessage: false,
+  senderHeader: false,
+  sender: true,
+  senderPrompts: false,
+  senderFooter: false,
+  globalHeader: false,
+  chatHeader: {
+    props: {
+      title: true,
+      closeBtn: false,
+      newConversationBtn: false,
+      agentCharacter: false,
+      conversationListBtn: false
+    }
+  },
+  disclaimerNotice: false
+};
 function createChatStore() {
   const config = proxy({
     hooks: {},
@@ -518,492 +413,487 @@ function createChatStore() {
       }
     }
   };
-  const setLayout = (layout) => {
+  const setLayout = (layout, receiverType = 3) => {
+    const defaultLayout = receiverType === 3 ? defaultAgentLayout : defaultExpertLayout;
     config.layout = deepMerge(defaultLayout, layout);
   };
   const setConfigParams = (params = {}) => {
-    config.params = { bizId: "", ...params };
+    config.params = { ...params };
   };
   const setHooks = (hooks = {}) => {
     config.hooks = hooks;
   };
-  const getUserInfo = () => {
-    config.userInfo = transform(getCurrentUser(), {
-      id: "id",
+  const setUserInfo = (userInfo) => {
+    config.userInfo = transform(userInfo || getCurrentUser(), {
+      id: (userInfo2) => {
+        return String(userInfo2["id"]);
+      },
       name: "name",
       iconUrl: "avatar",
       description: "name"
     });
   };
-  const agents = proxy({
-    // 商品列表
+  const receiver = proxy({
+    active: {},
+    loading: false,
+    params: {}
+    // 透传参数，后期可能扩展不透传参数
+  });
+  const setReceiverParams = (params) => {
+    if (isObject(params)) {
+      Object.assign(receiver.params, params);
+    } else {
+      receiver.params = {};
+    }
+  };
+  const switchAgent = async (agentId) => {
+    if (receiver.active.id === agentId) return;
+    const canProceed = await config.hooks?.onBeforeSwitchAgent?.(agentId);
+    if (canProceed === false) return;
+    try {
+      receiver.loading = true;
+      const { data } = await agentInfoQuery(agentId);
+      receiver.active = transform(data, {
+        name: "agentName",
+        logo: "logo",
+        description: "description",
+        id: "id",
+        config: "config",
+        isAvailable: "isAvailable",
+        feature: (agentInfo) => {
+          if (agentInfo.feature) {
+            try {
+              return JSON.parse(agentInfo.feature);
+            } catch (e) {
+            }
+          }
+          return {};
+        }
+      });
+      receiver.active.type = 3;
+      setReceiverParams();
+      if (receiver.active.feature?.deepThink) {
+        setReceiverParams({ thinkMode: "2" });
+      }
+      config.hooks?.onAfterSwitchAgent?.(agentId);
+    } finally {
+      receiver.loading = false;
+    }
+  };
+  const switchExpert = (expert) => {
+    if (receiver.active.id === expert.memberId) return;
+    receiver.active = transform(expert, {
+      name: "memberName",
+      logo: "memberAvatar",
+      id: "memberId"
+    });
+    receiver.active.type = 2;
+    setReceiverParams();
+  };
+  const character = proxy({
     list: [],
-    loading: false
+    active: {},
+    open: false,
+    loading: false,
+    switchLoading: false
   });
-  const getAgentList = async () => {
+  const getCharacters = async (agentId) => {
+    try {
+      character.loading = true;
+      const res = await agentCharacterQuery(agentId);
+      if (receiver.active.id !== agentId) return;
+      character.list = res.data;
+      character.active = res.data.find((item) => item.selected);
+    } finally {
+      character.loading = false;
+    }
+  };
+  const openCharacterList = () => {
+    character.open = true;
+  };
+  const closeCharacterList = () => {
+    character.open = false;
+  };
+  const switchCharacter = async (c) => {
+    if (!c.id) return;
     try {
-      agents.loading = true;
-      const { data } = await agentsQuery();
-      agents.list = data;
+      character.switchLoading = true;
+      await agentCharacterSelect(receiver.active.id, c.id);
+      character.active = { ...c };
+      closeCharacterList();
     } finally {
-      agents.loading = false;
+      character.switchLoading = false;
+    }
+  };
+  const conversations = proxy({
+    list: {
+      items: [],
+      params: {
+        pageNum: 1,
+        pageSize: 1e3
+      }
+    },
+    updateIndex: 0,
+    // 当前会话索引, 创建会话时更新，促使页面更新会话列表
+    loading: false,
+    delLoading: false
+  });
+  const getConversations = async (targetId, targetType) => {
+    try {
+      conversations.loading = true;
+      const { data } = await conversationsQuery({
+        targetId,
+        targetType,
+        businessId: config.params.businessId,
+        businessType: config.params.businessType,
+        ...conversations.list.params
+      });
+      if (receiver.active.id !== targetId) return;
+      const items = transforms(data?.items || [], {
+        key: "id",
+        id: "id",
+        label: "title",
+        group: (c) => {
+          return classifyTime(c.updateTime);
+        },
+        timestamp: "updateTime"
+      });
+      conversations.list.items = items;
+    } finally {
+      conversations.loading = false;
+    }
+  };
+  const delConversation = async (conversationId) => {
+    try {
+      const canProceed = await config.hooks?.onBeforeDelConversation?.(conversationId);
+      if (canProceed === false) return;
+      conversations.delLoading = true;
+      await conversationDelete(conversationId);
+      message.success("\u5220\u9664\u6210\u529F");
+      conversations.list.items = conversations.list.items.filter((item) => item.key !== conversationId);
+      delete conversation.messages[conversationId];
+      if (conversation.active.id === conversationId) {
+        createAgentConversation();
+      }
+      config.hooks?.onAfterDelConversation?.(conversationId, conversation.active.id === conversationId);
+    } finally {
+      conversations.delLoading = false;
     }
   };
   const conversation = proxy({
     // 每个会话单独存储
-    active: {},
-    messages: {}
-    // feedback: {
-    //   open: false,
-    //   loading: false,
-    //   recordId: '',
-    //   target: undefined as number | undefined
-    // }
+    active: {
+      id: "",
+      member: {}
+    },
+    messages: {},
+    feedback: {
+      // open: false,
+      loading: false
+      // recordId: '',
+      // target: undefined as number | undefined
+    }
   });
+  const setSpeakHuman = (speakHuman) => {
+    conversation.messages[conversation.active.id].speakHuman = speakHuman;
+  };
   const setReferences = (references) => {
-    conversation.messages[conversation.active.key].references = references;
+    conversation.messages[conversation.active.id].references = references;
   };
   const setContent = (content) => {
-    conversation.messages[conversation.active.key].content = content;
+    conversation.messages[conversation.active.id].content = content;
   };
   const setFileList = (files = []) => {
-    conversation.messages[conversation.active.key].files = files;
+    conversation.messages[conversation.active.id].files = files;
   };
   const setHeaderOpen = (headerOpen) => {
-    conversation.messages[conversation.active.key].headerOpen = headerOpen;
+    conversation.messages[conversation.active.id].headerOpen = headerOpen;
   };
-  const removeQuestionList = (key) => {
-    if (conversation.messages[key].questionList?.length) {
-      conversation.messages[key].questionList = [];
+  const removeQuestionList = (conversationId) => {
+    if (conversation.messages[conversationId].questionList?.length) {
+      conversation.messages[conversationId].questionList = [];
     }
   };
-  const getQuestionList = async (conversationId, message4) => {
-    if (!message4.id || !message4.content) return;
-    const { data } = await chatMessageSuggestedQuery(agent.active.id, message4.id);
+  const getQuestionList = async (conversationId, messageId) => {
+    const messages = conversation.messages[conversationId]?.message;
+    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);
+    lastMessage = messages[messages.length - 1];
+    if (lastMessage.id !== messageId) return;
     conversation.messages[conversationId].questionList = data;
   };
-  const feedback = async (conversationId, messageId, rating, index) => {
+  const feedback = async (conversationId, messageId, msgFeedback, index) => {
     try {
-      await updateFeedback({ agentId: agent.active.id, messageId, rating, bizId: config.params.bizId });
-      conversation.messages[conversationId].message.items[index].feedback = rating;
+      conversation.feedback.loading = true;
+      await feedbackUpdate({ conversationId, id: messageId, msgFeedback });
+      message.success("\u611F\u8C22\u60A8\u7684\u53CD\u9988");
+      conversation.messages[conversationId].message[index].msgFeedback = msgFeedback;
     } finally {
+      conversation.feedback.loading = false;
     }
   };
-  const conversations = proxy({
-    list: {
-      items: [],
-      lastId: "",
-      hasMore: false
-    },
-    loading: false,
-    delLoading: false
-  });
-  const setInitMessage = async (key) => {
-    conversation.messages[key] = {
+  const setInitMessage = async (conversationId) => {
+    conversation.messages[conversationId] = {
       content: "",
       files: [],
       // 上传文件内容
       headerOpen: false,
       loading: false,
-      message: {
-        lastId: "",
-        hasMore: false,
-        items: []
-      },
+      message: [],
       questionList: []
       // 推荐问题
     };
   };
-  const agent = proxy({
-    active: {},
-    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;
-    const canProceed = await config.hooks?.onBeforeSwitchAgent?.(agentId);
-    if (canProceed === false) return;
-    try {
-      agent.loading = true;
-      if (isVerify) {
-      }
-      const { data } = await agentInfoQuery(agentId);
-      agent.active = data;
-      setAgentParams();
-      config.hooks?.onAfterSwitchAgent?.(agentId);
-      switchConversation({ key: conversationId });
-    } finally {
-      agent.loading = false;
-    }
-  };
-  const switchConversation = async (chat) => {
-    const chatKey = chat?.key || `${agent.active.id}-${DEFAULT_NEW_CONV_ID}`;
-    if (conversation.active.key === chatKey) return;
-    const isNew = !chat?.key;
-    const canProceed = await config.hooks?.onBeforeSwitchConversation?.(chatKey, isNew);
-    if (canProceed === false) return;
-    conversation.active = chat?.key ? chat : { key: chatKey };
-    setPreview();
-    if (!conversation.messages[chatKey]) {
-      setInitMessage(chatKey);
-    }
-    config.hooks?.onAfterSwitchConversation?.(chatKey, isNew);
-    if (!isNew && conversation.messages[chatKey].message.items.length === 0) {
-      getMessages(agent.active.id, chatKey);
+  const resolveConversationId = async (receiverId, strategy = 2) => {
+    if (strategy === 1) {
+      const { data } = await conversationRecentQuery({
+        receiverId: String(receiverId),
+        receiverType: 3,
+        businessId: config.params.businessId,
+        businessType: config.params.businessType
+      });
+      return data;
+    } else {
+      const { data } = await conversationCreate({
+        receiverId: String(receiverId),
+        receiverType: 3,
+        businessId: config.params.businessId,
+        businessType: config.params.businessType,
+        businessData: config.params.businessData,
+        source: config.params.source,
+        type: 1
+      });
+      conversations.updateIndex = conversations.updateIndex + 1;
+      return data;
     }
   };
-  const getConversations = async (agentId, lastId, limit = 20) => {
+  const initConversation = async (conversationId) => {
     try {
-      conversations.loading = true;
-      const { data } = await conversationsQuery({ bizId: config.params.bizId, agentId, lastId, limit });
-      if (agent.active.id !== agentId) return;
-      const items = transforms(data?.items || [], {
-        key: "id",
-        label: "name",
-        group: (c) => {
-          return classifyTime(c.createTime);
-        },
-        timestamp: "createTime"
+      const { data } = await conversationMemberQuery(conversationId);
+      conversation.active = { id: conversationId, member: {} };
+      data.forEach((member) => {
+        if (member.memberType === 3) {
+          conversation.active.member.agent = member;
+        } else {
+          if (member.memberId === config.userInfo.id) {
+            conversation.active.member.user = member;
+          } else {
+            conversation.active.member.other = member;
+          }
+        }
       });
-      conversations.list = {
-        ...data,
-        items: lastId ? [...conversations.list.items, ...items] : items
-      };
     } finally {
-      conversations.loading = false;
     }
   };
-  const getMessages = async (agentId, conversationId, lastId) => {
+  const switchAgentConversation = async (agentId, strategy) => {
+    await switchAgent(agentId);
+    const conversationId = await resolveConversationId(agentId, strategy);
     if (conversationId) {
-      if (!conversationId.endsWith(DEFAULT_NEW_CONV_ID)) {
-        try {
-          const { data } = await chatMessagesQuery({
-            bizId: config.params.bizId,
-            agentId,
-            conversationId,
-            lastId
-            // limit
-          });
-          const messageList = transforms(data?.items || [], {
-            id: "messageId",
-            role: (msg) => ChatRoleMap[msg.role],
-            content: "message",
-            files: "files",
-            feedback: "feedback",
-            status: "success"
-          });
-          conversation.messages[conversationId].message = {
-            ...data,
-            items: lastId ? [...messageList, ...conversation.messages[conversationId].message.items] : messageList
-          };
-        } finally {
-        }
-      }
+      switchConversation(conversationId);
     }
   };
-  const delConversation = async (chat) => {
-    try {
-      conversations.delLoading = true;
-      await deleteConversation({ agentId: agent.active.id, conversationId: chat.key, bizId: config.params.bizId });
-      message.success("\u5220\u9664\u6210\u529F");
-      conversations.list.items = conversations.list.items.filter((item) => item.key !== chat.key);
-      if (conversation.active.key === chat.key) {
-        conversation.active = {
-          key: `${agent.active.id}-${DEFAULT_NEW_CONV_ID}`
-        };
-      }
-      delete conversation.messages[chat.key];
-    } finally {
-      conversations.delLoading = false;
+  const createAgentConversation = async () => {
+    const conversationId = await resolveConversationId(receiver.active.id);
+    if (conversationId) {
+      switchConversation(conversationId);
     }
   };
-  const removePlaceholder = (key, msgId) => {
-    if (conversation.messages[key]) {
-      const index = conversation.messages[key].message.items.findLastIndex((m) => m.id === msgId);
-      if (index !== -1) {
-        conversation.messages[key].message.items.splice(index, 1);
-      }
+  const switchConversation = async (conversationId) => {
+    if (conversation.active.id === conversationId) return;
+    const canProceed = await config.hooks?.onBeforeSwitchConversation?.(conversationId);
+    if (canProceed === false) return;
+    await initConversation(conversationId);
+    setPreview();
+    config.hooks?.onAfterSwitchConversation?.(conversationId);
+    getMessages(conversationId);
+    if (conversation.active.member.agent) {
+      switchAgent(conversation.active.member.agent.memberId);
+    } else if (conversation.active.member.other) {
+      switchExpert(conversation.active.member.other);
     }
   };
-  const updatePlaceholderMessage = (key, msgId, chunk) => {
-    if (chunk.conversationId && chunk.conversationId !== key && !conversation.messages[chunk.conversationId]) {
-      conversation.messages[chunk.conversationId] = conversation.messages[key];
-      delete conversation.messages[key];
-      if (key === conversation.active.key) {
-        conversation.active = {
-          key: chunk.conversationId
-        };
-      }
-      if (key.startsWith(agent.active.id)) {
-        getConversations(agent.active.id);
-      }
-    }
-    let placeholder = {};
-    if (conversation.messages[chunk.conversationId]) {
-      placeholder = conversation.messages[chunk.conversationId].message.items.findLast((m) => m.id === msgId);
-    } else if (conversation.messages[key]) {
-      placeholder = conversation.messages[key].message.items.findLast((m) => m.id === msgId);
-    }
-    if (!placeholder) return;
-    if (chunk.type === "TEXT_MESSAGE_CONTENT") {
-      const textEvent = chunk;
-      placeholder.content += textEvent.message;
-      return;
-    }
-    if (chunk.type === "TEXT_MESSAGE_END") {
-      const textEvent = chunk;
-      placeholder.id = textEvent.messageId;
-      placeholder.status = "success";
+  const getMessages = async (conversationId) => {
+    const canProceed = await config.hooks?.onBeforeInitMessages?.(conversationId);
+    if (canProceed === false) return;
+    if (!conversation.messages[conversationId]) {
+      setInitMessage(conversationId);
     }
-    if (chunk.type === "RUN_ERROR") {
-      const textEvent = chunk;
-      placeholder.status = "error";
-      placeholder.content = textEvent.message;
-    } else if (chunk.code && chunk.code !== OK) {
-      removePlaceholder(key, msgId);
+    if (conversation.messages[conversationId].message.length === 0) {
+      try {
+        const { data } = await conversationMessagesQuery({
+          pageNo: 1,
+          pageSize: 1e3,
+          conversationId
+        });
+        conversation.messages[conversationId].message = data.items;
+      } finally {
+      }
+      config.hooks?.onAfterInitMessages?.(conversation.messages[conversationId].message);
     }
-    conversation.messages[chunk.conversationId].loading = false;
   };
-  const sendMessage = async (message4, files = [], params) => {
-    const conversationId = conversation.active.key;
+  const pickReceiver = () => {
+    const { agent, other } = conversation.active.member;
+    if (conversation.messages[conversation.active.id].speakHuman && other) return other;
+    if (agent) return agent;
+    if (other) return other;
+    return void 0;
+  };
+  const sendMessage = async (message3, files = [], params) => {
+    const conversationId = conversation.active.id;
     if (conversation.messages[conversationId].loading) return;
-    let newMsgContent = "", newImgList;
+    let msgContent = "", msgFiles;
     const references = conversation.messages[conversationId].references;
-    if (message4) {
-      newMsgContent = message4;
-      newImgList = files;
+    if (message3) {
+      msgContent = message3;
+      msgFiles = files;
     } else {
       if (references?.type === 1 && references?.content?.markdown) {
-        newMsgContent = references.content.markdown + "\n";
+        msgContent = references.content.markdown + "\n";
       }
-      newMsgContent = newMsgContent + conversation.messages[conversationId].content;
-      newImgList = conversation.messages[conversationId].files;
+      msgContent = msgContent + conversation.messages[conversationId].content;
+      msgFiles = conversation.messages[conversationId].files;
     }
-    if (!newMsgContent) return;
-    const canProceed = await config.hooks?.onBeforeSend?.(newMsgContent, newImgList);
+    if (!msgContent) return;
+    const canProceed = await config.hooks?.onBeforeSend?.(msgContent, msgFiles);
     if (canProceed === false) return;
     conversation.messages[conversationId].loading = true;
-    const userMsg = {
-      id: `user-${Date.now()}`,
-      role: "user",
-      content: newMsgContent,
-      files: newImgList,
-      status: "success"
+    const sendReceiver = pickReceiver();
+    const sendParams = {
+      conversationId,
+      msgContent,
+      msgFiles,
+      // quoteMsgId
+      receiverId: sendReceiver.memberId,
+      receiverType: sendReceiver.memberType,
+      returnType: 2,
+      senderId: conversation.active.member.user.memberId,
+      senderType: conversation.active.member.user.memberType,
+      source: config.params.source,
+      stream: true
     };
-    const placeholderId = `placeholder-${Date.now()}`;
-    const placeholder = {
-      id: placeholderId,
-      role: "assistant",
-      content: "",
-      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) {
+    const extraParams = deepCopy(config.params.params || {});
+    Object.assign(extraParams, receiver.params, message3 ? {} : references?.params, params);
+    sendParams.params = JSON.stringify(extraParams);
+    if (!message3) {
       setContent("");
       setFileList([]);
       setReferences();
       setHeaderOpen(false);
     }
-    removeQuestionList(conversationId);
     try {
-      sendChatMessage({
-        agentId: agent.active.id,
-        conversationId: conversationId.endsWith(DEFAULT_NEW_CONV_ID) ? void 0 : conversationId,
-        message: userMsg.content,
-        files: userMsg.files,
-        ...extraParams,
-        onMessageEvent: (event) => {
-          updatePlaceholderMessage(conversationId, placeholderId, event);
-        }
-      });
+      await conversationMessageSend(sendParams);
       config.hooks?.onAfterSend?.();
-    } catch (error) {
-      removePlaceholder(conversationId, placeholderId);
+    } finally {
       conversation.messages[conversationId].loading = false;
     }
   };
-  const cancelReceive = () => {
-    conversation.messages[conversation.active.key].loading = false;
+  const cancelReceive = async () => {
+    await conversationStop(conversation.active.id);
+  };
+  const updateConversationTitle = (conversationId, title) => {
+    const idx = conversations.list.items.findIndex((item) => item.id === conversationId);
+    if (idx === -1) return;
+    conversations.list.items[idx].title = title;
+  };
+  const findMsgIndex = (conversationId, msgId) => {
+    const messages = conversation.messages[conversationId]?.message || [];
+    return messages.findLastIndex((item) => item.id === msgId);
+  };
+  const startCallback = (msg) => {
+    if (msg.conversationTitle && conversations.list.items.length) {
+      updateConversationTitle(msg.conversationId, msg.conversationTitle);
+    }
+    removeQuestionList(msg.conversationId);
+    const messages = conversation.messages[msg.conversationId].message;
+    messages.push(msg.sender.type === 3 ? { ...msg, msgContent: "\u6B63\u5728\u52AA\u529B\u601D\u8003\u4E2D" } : msg);
+    conversation.messages[msg.conversationId].loading = true;
+  };
+  const stepCallback = (msg) => {
+    const messages = conversation.messages[msg.conversationId].message;
+    const idx = findMsgIndex(msg.conversationId, msg.id);
+    if (idx === -1) return;
+    messages[idx] = msg;
+    conversation.messages[msg.conversationId].loading = true;
+  };
+  const contentCallback = (msg) => {
+    const messages = conversation.messages[msg.conversationId].message;
+    const idx = findMsgIndex(msg.conversationId, msg.id);
+    if (idx === -1) return;
+    const message3 = messages[idx];
+    conversation.messages[msg.conversationId].loading = true;
+    if (message3?.type === "STEP_STARTED" || message3?.type === "TEXT_MESSAGE_START") {
+      messages[idx] = msg;
+      return;
+    }
+    messages[idx] = {
+      ...message3,
+      msgContent: message3.msgContent + (msg.msgContent || "")
+    };
+  };
+  const endCallback = (msg) => {
+    const messages = conversation.messages[msg.conversationId].message;
+    const idx = findMsgIndex(msg.conversationId, msg.id);
+    if (idx === -1) return;
+    messages[idx] = { ...messages[idx], type: void 0 };
+    conversation.messages[msg.conversationId].loading = false;
+    getQuestionList(msg.conversationId, msg.id);
+  };
+  const acceptMessage = (newMessage) => {
+    const conversationId = newMessage.data.conversationId;
+    if (!conversation.messages[conversationId]?.message) return;
+    switch (newMessage.data.type) {
+      case "TEXT_MESSAGE_START":
+        startCallback(newMessage.data);
+        break;
+      case "STEP_STARTED":
+        stepCallback(newMessage.data);
+        break;
+      case "TEXT_MESSAGE_CONTENT":
+        contentCallback(newMessage.data);
+        break;
+      case "TEXT_MESSAGE_END":
+        endCallback(newMessage.data);
+        break;
+    }
   };
   return {
     config,
+    setPreview,
     setLayout,
     setHooks,
     setConfigParams,
-    setPreview,
-    getUserInfo,
-    agents,
-    getAgentList,
+    setUserInfo,
+    character,
+    getCharacters,
+    openCharacterList,
+    closeCharacterList,
+    switchCharacter,
+    receiver,
+    setReceiverParams,
+    conversations,
+    getConversations,
+    delConversation,
     conversation,
+    setSpeakHuman,
     setReferences,
     setContent,
     setFileList,
     setHeaderOpen,
-    removeQuestionList,
-    getQuestionList,
     feedback,
-    conversations,
-    setInitMessage,
-    agent,
-    setAgentParams,
-    switchAgent,
-    getConversations,
-    getMessages,
+    switchAgentConversation,
+    createAgentConversation,
     switchConversation,
-    delConversation,
-    removePlaceholder,
     sendMessage,
-    cancelReceive
+    cancelReceive,
+    acceptMessage
   };
 }
 
 // src/ui/layouts/index.tsx
 init_Context();
 
-// src/ui/common/AgentHeader.tsx
-init_Context();
-
-// src/ui/common/ConversationList.tsx
-init_Context();
-
-// src/ui/common/styles.module.less
-var styles_module_default = {
-  loadingMessage: "styles_module_loadingMessage",
-  conversationListPanel: "styles_module_conversationListPanel",
-  nsConversations: "styles_module_nsConversations",
-  nsBodyWidth: "styles_module_nsBodyWidth",
-  nsBubbleList: "styles_module_nsBubbleList",
-  nsAgentHeader: "styles_module_nsAgentHeader",
-  nsChatTitle: "styles_module_nsChatTitle",
-  nsChatHeaderPopover: "styles_module_nsChatHeaderPopover",
-  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",
-  nsChatUserName: "styles_module_nsChatUserName",
-  nsSenderReferenceHeaderTitle: "styles_module_nsSenderReferenceHeaderTitle",
-  nsSenderReferenceHeaderContent: "styles_module_nsSenderReferenceHeaderContent"
-};
-var ConversationList_default = () => {
-  const chatStore = useChatStore();
-  const agentState = useSnapshot(chatStore.agent);
-  const conversationsState = useSnapshot(chatStore.conversations);
-  const conversationState = useSnapshot(chatStore.conversation);
-  useEffect(() => {
-    if (agentState.active.id) {
-      chatStore.getConversations(agentState.active.id);
-    }
-  }, [agentState.active.id]);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "height-full scroll-fade-in", id: "scrollableDiv", children: conversationsState.list.items.length ? /* @__PURE__ */ jsx(
-    InfiniteScroll,
-    {
-      dataLength: conversationsState.list.items.length,
-      next: () => {
-        console.log("next");
-        chatStore.getConversations(agentState.active.id, conversationsState.list.lastId);
-      },
-      hasMore: conversationsState.list.hasMore,
-      loader: /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(Spin, { indicator: /* @__PURE__ */ jsx(RedoOutlined, { spin: true }), size: "small" }) }),
-      style: { overflow: "hidden" },
-      scrollableTarget: "scrollableDiv",
-      children: /* @__PURE__ */ jsx(
-        Conversations,
-        {
-          className: styles_module_default.nsConversations,
-          items: conversationsState.list.items,
-          activeKey: conversationState.active.key,
-          onActiveChange: async (key) => chatStore.switchConversation({ key }),
-          groupable: true,
-          menu: (conversation) => ({
-            items: [
-              {
-                label: "\u5220\u9664\u4F1A\u8BDD",
-                key: "delete",
-                icon: /* @__PURE__ */ jsx(DeleteOutlined, {}),
-                danger: true,
-                onClick: (menuInfo) => {
-                  menuInfo.domEvent.stopPropagation();
-                  chatStore.delConversation(conversation);
-                }
-              }
-            ]
-          })
-        }
-      )
-    }
-  ) : /* @__PURE__ */ jsx(Empty, { description: "\u6682\u65E0\u4F1A\u8BDD\u8BB0\u5F55", image: Empty.PRESENTED_IMAGE_SIMPLE }) }) });
-};
-var AgentHeader_default = ({ title = true, closeBtn = false, newConversationBtn = true, conversationListBtn = true }) => {
-  const chatStore = useChatStore();
-  const agentState = useSnapshot(chatStore.agent);
-  const configState = useSnapshot(chatStore.config);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", className: styles_module_default.nsAgentHeader, children: [
-    /* @__PURE__ */ jsxs(Flex, { gap: 4, align: "center", children: [
-      /* @__PURE__ */ jsx(
-        RenderWrapper,
-        {
-          control: title,
-          DefaultComponent: /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Avatar, { size: 22, src: agentState.active.iconUrl, alt: agentState.active.name }),
-            /* @__PURE__ */ jsx("div", { className: styles_module_default.nsChatTitle, children: agentState.active.name })
-          ] })
-        }
-      ),
-      " "
-    ] }),
-    /* @__PURE__ */ jsxs(Space, { size: 0, children: [
-      /* @__PURE__ */ jsx(
-        RenderWrapper,
-        {
-          control: newConversationBtn,
-          DefaultComponent: /* @__PURE__ */ jsx(Button, { type: "text", size: "large", icon: /* @__PURE__ */ jsx(PlusOutlined, {}), onClick: () => chatStore.switchConversation() })
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        RenderWrapper,
-        {
-          control: conversationListBtn,
-          DefaultComponent: /* @__PURE__ */ jsx(
-            Popover,
-            {
-              getPopupContainer: (e) => e,
-              placement: "bottom",
-              classNames: { body: styles_module_default.nsChatHeaderPopover },
-              content: /* @__PURE__ */ jsx(ConversationList_default, {}),
-              trigger: ["click"],
-              children: /* @__PURE__ */ jsx(Button, { type: "text", size: "large", icon: /* @__PURE__ */ jsx(CommentOutlined, {}) })
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        RenderWrapper,
-        {
-          control: closeBtn,
-          DefaultComponent: /* @__PURE__ */ jsx(Button, { type: "text", size: "large", onClick: configState.hooks?.onHeaderClose, icon: /* @__PURE__ */ jsx(CloseOutlined, {}) })
-        }
-      )
-    ] })
-  ] }) });
-};
-
 // src/ui/common/markdownAlert/index.ts
 var customComponents = {
   appCard: () => Promise.resolve().then(() => (init_AppCard(), AppCard_exports)),
@@ -1013,10 +903,10 @@ var customComponents = {
   fileEdit: () => Promise.resolve().then(() => (init_FileEdit(), FileEdit_exports)),
   quoteList: () => Promise.resolve().then(() => (init_QuoteList(), QuoteList_exports))
 };
-var MessageRender_default = ({ message: message4, placement }) => {
+var MessageRender_default = ({ message: message3, placement }) => {
   return /* @__PURE__ */ jsxs(Flex, { vertical: true, children: [
-    message4.content && /* @__PURE__ */ jsx(Bubble, { placement, content: /* @__PURE__ */ jsx(RenderMarkdown, { content: message4.content, customComponents }) }),
-    message4.files?.map((file, index) => /* @__PURE__ */ jsx(
+    message3.msgContent && /* @__PURE__ */ jsx(Bubble, { placement, content: /* @__PURE__ */ jsx(RenderMarkdown, { content: message3.msgContent, customComponents }) }),
+    message3.msgFiles?.map((file) => /* @__PURE__ */ jsx(
       Bubble,
       {
         className: "m-t-8",
@@ -1026,22 +916,57 @@ var MessageRender_default = ({ message: message4, placement }) => {
           Attachments.FileCard,
           {
             item: {
-              uid: file.id,
+              uid: file.content,
               name: file.name,
-              url: file.url
+              url: file.content
             }
           },
-          index
+          file.content
         )
       },
-      index
+      file.content
     ))
   ] });
 };
 
+// src/core/constants.ts
+var MEMBER_TYPE = {
+  1: "user",
+  2: "other",
+  3: "agent"
+};
+
 // src/ui/common/BubbleListItems.tsx
 init_utils();
 init_Context();
+
+// src/ui/common/styles.module.less
+var styles_module_default2 = {
+  loadingMessage: "styles_module_loadingMessage",
+  conversationListPanel: "styles_module_conversationListPanel",
+  nsConversations: "styles_module_nsConversations",
+  nsBodyWidth: "styles_module_nsBodyWidth",
+  nsBubbleList: "styles_module_nsBubbleList",
+  nsChatHeader: "styles_module_nsChatHeader",
+  nsChatTitle: "styles_module_nsChatTitle",
+  nsChatHeaderPopover: "styles_module_nsChatHeaderPopover",
+  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",
+  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"
+};
 function extractThinkContent(content) {
   let main = content;
   const thinkContents = [];
@@ -1067,20 +992,19 @@ function renderMarkdownPanel(content, label, key) {
     children: /* @__PURE__ */ jsx(RenderMarkdown, { content, customComponents })
   };
 }
-var MessageAIRender_default = ({ message: message4, placement }) => {
+var MessageAIRender_default = ({ message: message3, placement }) => {
   const { mainContent, thinkContents, thinkBuffer } = useMemo(() => {
-    if (!message4?.content) return { mainContent: "", thinkContents: [], thinkBuffer: "" };
-    return extractThinkContent(message4.content);
-  }, [message4?.content]);
-  const isWaiting = !message4 || !message4.content && message4.status === "loading";
-  if (isWaiting) {
+    if (!message3?.msgContent) return { mainContent: "", thinkContents: [], thinkBuffer: "" };
+    return extractThinkContent(message3.msgContent);
+  }, [message3?.msgContent]);
+  if (!message3.msgContent) {
     return /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(Spin, { size: "small" }) });
   }
   return /* @__PURE__ */ jsx(Flex, { vertical: true, children: /* @__PURE__ */ jsx(
     Bubble,
     {
       placement,
-      className: classNames6({ [styles_module_default.loadingMessage]: message4.status === "loading" }),
+      className: classNames7({ [styles_module_default2.loadingMessage]: message3.type && message3.type !== "TEXT_MESSAGE_END" }),
       content: /* @__PURE__ */ jsxs(Fragment, { children: [
         thinkContents.length > 0 && /* @__PURE__ */ jsx(
           Collapse,
@@ -1100,54 +1024,67 @@ var MessageAIRender_default = ({ message: message4, placement }) => {
             items: [renderMarkdownPanel(thinkBuffer, "\u4ED4\u7EC6\u601D\u8003\u4E2D...", "buffer-think")]
           }
         ),
-        mainContent && message4.status === "error" ? /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(CloseCircleOutlined, { color: "red" }),
-          " ",
-          mainContent
-        ] }) : /* @__PURE__ */ jsx(RenderMarkdown, { content: mainContent, customComponents })
+        /* @__PURE__ */ jsx(RenderMarkdown, { content: mainContent, customComponents })
       ] })
     }
   ) });
 };
-var BubbleListItems_default = ({ avatar = true }) => {
+var BubbleListItems_default = ({ firstMessage = false, avatar = { user: false, agent: true, other: true } }) => {
   const chatStore = useChatStore();
-  const agentState = useSnapshot(chatStore.agent);
+  const receiverState = useSnapshot(chatStore.receiver);
   const conversationState = useSnapshot(chatStore.conversation);
-  const configState = useSnapshot(chatStore.config);
   const conversationRoles = useMemo(() => {
-    return {
-      user: {
+    const roles = {};
+    if (conversationState.active.member.user) {
+      roles.user = {
         user: "user",
         placement: "end",
-        avatar: (isBoolean(avatar) ? avatar : avatar?.user) ? /* @__PURE__ */ jsx(UserAvatar, { size: 30, avatarSrc: configState.userInfo?.iconUrl, userName: configState.userInfo?.name }) : null
-      },
-      assistant: {
-        user: "assistant",
+        avatar: (isBoolean(avatar) ? avatar : avatar?.user) ? /* @__PURE__ */ jsx(
+          UserAvatar,
+          {
+            size: 30,
+            avatarSrc: conversationState.active.member.user?.memberAvatar,
+            userName: conversationState.active.member.user?.memberName
+          }
+        ) : null
+      };
+    }
+    if (conversationState.active.member.agent) {
+      roles.agent = {
+        user: "agent",
         placement: "start",
-        avatar: (isBoolean(avatar) ? avatar : avatar?.assistant) ? { src: agentState.active.iconUrl, icon: /* @__PURE__ */ jsx(OpenAIOutlined, {}) } : null
-      }
-    };
-  }, [configState.userInfo, agentState.active, avatar]);
+        avatar: (isBoolean(avatar) ? avatar : avatar?.agent) ? { src: conversationState.active.member.agent?.memberAvatar, icon: /* @__PURE__ */ jsx(OpenAIOutlined, {}) } : null
+      };
+    }
+    if (conversationState.active.member.other) {
+      roles.other = {
+        user: "other",
+        placement: "start",
+        avatar: (isBoolean(avatar) ? avatar : avatar?.other) ? { src: conversationState.active.member.other?.memberAvatar, icon: /* @__PURE__ */ jsx(OpenAIOutlined, {}) } : null
+      };
+    }
+    return roles;
+  }, [conversationState.active.member, avatar]);
   const chatMessage = useMemo(
-    () => conversationState.messages[conversationState.active.key] || {},
-    [conversationState.messages[conversationState.active.key]]
+    () => conversationState.messages[conversationState.active.id] || {},
+    [conversationState.messages[conversationState.active.id]]
   );
   const placeholderNode = useMemo(
     () => [
       {
         key: "placeholder",
-        content: /* @__PURE__ */ jsxs(Space, { direction: "vertical", size: 16, className: styles_module_default.chatWelcomeWrap, children: [
+        content: /* @__PURE__ */ jsxs(Space, { direction: "vertical", size: 16, className: styles_module_default2.chatWelcomeWrap, children: [
           /* @__PURE__ */ jsx(
             Welcome,
             {
-              className: classNames6(styles_module_default.chatWelcome, "p-t-32"),
+              className: classNames7(styles_module_default2.chatWelcome, "p-t-32"),
               variant: "borderless",
-              icon: /* @__PURE__ */ jsx(Avatar, { shape: "square", size: 58, src: agentState.active.iconUrl }),
-              title: `\u4F60\u597D\uFF0C\u6211\u662F${agentState.active.name || ""}`,
-              description: agentState.active.description || ""
+              icon: /* @__PURE__ */ jsx(Avatar, { shape: "square", size: 58, src: receiverState.active.logo }),
+              title: `\u4F60\u597D\uFF0C\u6211\u662F${receiverState.active.name || ""}`,
+              description: /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: receiverState.active.description || "" } })
             }
           ),
-          agentState.active.recommendQuestions?.length > 0 && /* @__PURE__ */ jsx(
+          receiverState.active.config?.recommendQuestions?.length > 0 && /* @__PURE__ */ jsx(
             Prompts,
             {
               className: "m-t-16",
@@ -1156,9 +1093,9 @@ var BubbleListItems_default = ({ avatar = true }) => {
                 {
                   key: "1",
                   label: "\u{1F914} \u63A8\u8350\u95EE\u9898:",
-                  children: agentState.active.recommendQuestions.map(({ question, id }) => ({
-                    key: id,
-                    description: /* @__PURE__ */ jsx("span", { onClick: () => chatStore.sendMessage(question), className: classNames6(styles_module_default.chatWelcomePrompts, "text-ellipsis"), children: question })
+                  children: receiverState.active.config.recommendQuestions.map(({ question }) => ({
+                    key: question,
+                    description: /* @__PURE__ */ jsx("span", { onClick: () => chatStore.sendMessage(question), className: classNames7(styles_module_default2.chatWelcomePrompts, "text-ellipsis"), children: question })
                   }))
                 }
               ]
@@ -1168,7 +1105,7 @@ var BubbleListItems_default = ({ avatar = true }) => {
         variant: "borderless"
       }
     ],
-    [agentState.active]
+    [receiverState.active]
   );
   const questionList = useMemo(
     () => chatMessage?.questionList?.length ? [
@@ -1184,8 +1121,8 @@ var BubbleListItems_default = ({ avatar = true }) => {
               }
             },
             vertical: true,
-            items: chatMessage?.questionList.map(({ question, id }) => ({
-              key: id,
+            items: chatMessage?.questionList.map((question) => ({
+              key: question,
               description: /* @__PURE__ */ jsx("span", { onClick: () => chatStore.sendMessage(question), children: question })
             }))
           }
@@ -1197,36 +1134,37 @@ var BubbleListItems_default = ({ avatar = true }) => {
     [chatMessage?.questionList]
   );
   const chatRecords = useMemo(() => {
-    return (chatMessage?.message?.items || []).map((message4, index) => {
+    return (chatMessage?.message || []).map((message3, index) => {
+      const role = conversationRoles[MEMBER_TYPE[message3.sender.type]];
       return {
-        key: message4.id || -index,
-        placement: conversationRoles[message4.role].placement,
+        key: message3.id,
+        placement: role.placement,
         variant: "borderless",
-        avatar: conversationRoles[message4.role].avatar,
-        content: message4.role === "assistant" ? /* @__PURE__ */ jsx(MessageAIRender_default, { message: message4, placement: conversationRoles[message4.role].placement }) : /* @__PURE__ */ jsx(MessageRender_default, { message: message4, placement: conversationRoles[message4.role].placement }),
+        avatar: role.avatar,
+        content: role.user === "agent" ? /* @__PURE__ */ jsx(MessageAIRender_default, { message: message3, placement: role.placement }) : /* @__PURE__ */ jsx(MessageRender_default, { message: message3, placement: role.placement }),
         // loadingRender: () => <Spin size="small" />,
-        footer: message4.role === "assistant" && message4.id && /* @__PURE__ */ jsxs(Flex, { children: [
-          /* @__PURE__ */ jsx(Button, { onClick: () => copy(message4.content), color: "default", variant: "text", size: "small", icon: /* @__PURE__ */ jsx(CopyOutlined, {}) }),
+        footer: role.user === "agent" && /* @__PURE__ */ jsxs(Flex, { children: [
+          /* @__PURE__ */ jsx(Button, { onClick: () => copy(message3.msgContent), color: "default", variant: "text", size: "small", icon: /* @__PURE__ */ jsx(CopyOutlined, {}) }),
           /* @__PURE__ */ jsx(
             Button,
             {
-              color: message4.feedback === "like" ? "primary" : "default",
-              disabled: message4.status === "loading",
+              color: message3.msgFeedback === 1 ? "primary" : "default",
+              disabled: !!message3.type,
               size: "small",
               variant: "text",
               icon: /* @__PURE__ */ jsx(LikeOutlined, {}),
-              onClick: () => chatStore.feedback(conversationState.active.key, message4.id, "like", index)
+              onClick: () => chatStore.feedback(conversationState.active.id, message3.id, 1, index)
             }
           ),
           /* @__PURE__ */ jsx(
             Button,
             {
-              color: message4.feedback === "dislike" ? "primary" : "default",
-              disabled: message4.status === "loading",
+              color: message3.msgFeedback === 2 ? "primary" : "default",
+              disabled: !!message3.type,
               size: "small",
               variant: "text",
               icon: /* @__PURE__ */ jsx(DislikeOutlined, {}),
-              onClick: () => chatStore.feedback(conversationState.active.key, message4.id, "dislike", index)
+              onClick: () => chatStore.feedback(conversationState.active.id, message3.id, 2, index)
             }
           )
         ] })
@@ -1236,8 +1174,22 @@ var BubbleListItems_default = ({ avatar = true }) => {
       };
     });
   }, [chatMessage?.message]);
+  const firstMessageRecord = useMemo(() => {
+    const isExist = shouldRender(firstMessage);
+    return isExist ? [
+      {
+        key: "firstMessage",
+        content: /* @__PURE__ */ jsx(RenderWrapper, { control: firstMessage }),
+        placement: "end"
+        // avatar: { style: { visibility: 'hidden' } }
+      }
+    ] : [];
+  }, [firstMessage]);
   const bubbleListItems = useMemo(() => {
     const list = [];
+    if (firstMessageRecord.length > 0) {
+      list.push(...firstMessageRecord);
+    }
     if (chatRecords.length > 0) {
       list.push(...chatRecords, ...questionList);
     }
@@ -1245,7 +1197,7 @@ var BubbleListItems_default = ({ avatar = true }) => {
       return list;
     }
     return [...placeholderNode];
-  }, [chatRecords, questionList, placeholderNode]);
+  }, [chatRecords, questionList, placeholderNode, firstMessageRecord]);
   const listRef = useRef(null);
   const autoScrollRef = useRef(true);
   const handleScroll = (el) => {
@@ -1276,16 +1228,193 @@ var BubbleListItems_default = ({ avatar = true }) => {
       autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames6(styles_module_default.nsBubbleList, "height-full", "scroll-fade-in"),
+      className: classNames7(styles_module_default2.nsBubbleList, "height-full", "scroll-fade-in"),
       onScroll: handleScroll
     },
-    conversationState.active.key
+    conversationState.active.id
   );
 };
 
-// src/components/Attachments.tsx
-init_utils();
-var Attachments_default = forwardRef(({ maxCount, accept, fileSize, fileSizeTip, fileList = [], onChange, extraParams }, ref) => {
+// src/ui/common/ChatHeader.tsx
+init_Context();
+
+// src/ui/common/AgentCharacter.tsx
+init_Context();
+
+// src/ui/common/CharacterList.tsx
+init_Context();
+var CharacterList_default = () => {
+  const chatStore = useChatStore();
+  const characterState = useSnapshot(chatStore.character);
+  const [activeCharacter, setActiveCharacter] = useState(characterState.active);
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      width: 500,
+      title: "\u9009\u62E9\u6027\u683C",
+      maskClosable: false,
+      open: characterState.open,
+      onCancel: chatStore.closeCharacterList,
+      loading: characterState.loading,
+      okText: "\u5207\u6362\u6027\u683C",
+      onOk: () => chatStore.switchCharacter(activeCharacter),
+      confirmLoading: characterState.switchLoading,
+      children: /* @__PURE__ */ jsx("div", { className: styles_module_default2.avatarListContainer, children: /* @__PURE__ */ jsx(Row, { wrap: true, gutter: [16, 32], className: styles_module_default2.avatarList, children: characterState.list.map((item) => /* @__PURE__ */ jsx(Col, { span: 6, children: /* @__PURE__ */ jsxs(Flex, { vertical: true, align: "center", className: styles_module_default2.avatarListItem, onClick: () => setActiveCharacter(item), children: [
+        /* @__PURE__ */ jsx(
+          Avatar,
+          {
+            className: classNames7(styles_module_default2.avatarListItemIcon, "cursor-pointer", {
+              [styles_module_default2.avatarListItemIconActive]: activeCharacter.id === item.id
+            }),
+            size: 50,
+            src: /* @__PURE__ */ jsx("img", { src: item.logo, alt: "\u5934\u50CF" })
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: styles_module_default2.avatarListItemName, children: item.characterName })
+      ] }) }, item.id)) }) })
+    }
+  );
+};
+var AgentCharacter_default = () => {
+  const chatStore = useChatStore();
+  const receiverState = useSnapshot(chatStore.receiver);
+  const characterState = useSnapshot(chatStore.character);
+  useEffect(() => {
+    if (receiverState.active.id && receiverState.active.type === 3) {
+      chatStore.getCharacters(receiverState.active.id);
+    }
+  }, [receiverState.active.id]);
+  return characterState.active.id && /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { title: "\u6027\u683C", children: /* @__PURE__ */ jsx(Avatar, { onClick: chatStore.openCharacterList, className: "cursor-pointer", src: characterState.active.logo }) }),
+    characterState.open && /* @__PURE__ */ jsx(CharacterList_default, {})
+  ] });
+};
+
+// src/ui/common/ConversationList.tsx
+init_Context();
+var ConversationList_default = () => {
+  const chatStore = useChatStore();
+  const receiverState = useSnapshot(chatStore.receiver);
+  const conversationsState = useSnapshot(chatStore.conversations);
+  const conversationState = useSnapshot(chatStore.conversation);
+  const getConversations = useDebounce(() => {
+    chatStore.getConversations(receiverState.active.id, 3);
+  }, 300);
+  useEffect(() => {
+    if (receiverState.active.id) {
+      getConversations();
+    }
+  }, [receiverState.active.id, conversationsState.updateIndex]);
+  const conversationList = useMemo(() => {
+    return conversationsState.list.items.filter((item) => item.label);
+  }, [conversationsState.list.items]);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "height-full scroll-fade-in", id: "scrollableDiv", children: conversationList.length ? /* @__PURE__ */ jsx(
+    InfiniteScroll,
+    {
+      dataLength: conversationList.length,
+      next: () => {
+        console.log("next");
+      },
+      hasMore: false,
+      loader: /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(Spin, { indicator: /* @__PURE__ */ jsx(RedoOutlined, { spin: true }), size: "small" }) }),
+      style: { overflow: "hidden" },
+      scrollableTarget: "scrollableDiv",
+      children: /* @__PURE__ */ jsx(
+        Conversations,
+        {
+          className: styles_module_default2.nsConversations,
+          items: conversationList,
+          activeKey: conversationState.active.id,
+          onActiveChange: async (id) => chatStore.switchConversation(id),
+          groupable: true,
+          menu: (conversation) => ({
+            items: [
+              {
+                label: "\u5220\u9664\u4F1A\u8BDD",
+                key: "delete",
+                icon: /* @__PURE__ */ jsx(DeleteOutlined, {}),
+                danger: true
+              }
+            ],
+            onClick: (menuInfo) => {
+              menuInfo.domEvent.stopPropagation();
+              if (menuInfo.key === "delete") {
+                chatStore.delConversation(conversation.id);
+              }
+            }
+          })
+        }
+      )
+    }
+  ) : /* @__PURE__ */ jsx(Empty, { description: "\u6682\u65E0\u4F1A\u8BDD\u8BB0\u5F55", image: Empty.PRESENTED_IMAGE_SIMPLE }) }) });
+};
+var ChatHeader_default = ({
+  title = true,
+  closeBtn = false,
+  newConversationBtn = true,
+  agentCharacter = true,
+  conversationListBtn = true
+}) => {
+  const chatStore = useChatStore();
+  const receiverState = useSnapshot(chatStore.receiver);
+  const configState = useSnapshot(chatStore.config);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", className: styles_module_default2.nsChatHeader, children: [
+    /* @__PURE__ */ jsxs(Flex, { gap: 4, align: "center", children: [
+      /* @__PURE__ */ jsx(
+        RenderWrapper,
+        {
+          control: title,
+          DefaultComponent: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Avatar, { size: 22, src: receiverState.active.logo, alt: receiverState.active.name }),
+            /* @__PURE__ */ jsx("div", { className: styles_module_default2.nsChatTitle, children: receiverState.active.name })
+          ] })
+        }
+      ),
+      " "
+    ] }),
+    /* @__PURE__ */ jsxs(Space, { size: 2, children: [
+      /* @__PURE__ */ jsx(RenderWrapper, { control: agentCharacter, DefaultComponent: AgentCharacter_default }),
+      /* @__PURE__ */ jsx(
+        RenderWrapper,
+        {
+          control: newConversationBtn,
+          DefaultComponent: /* @__PURE__ */ jsx(Button, { title: "\u65B0\u5EFA\u4F1A\u8BDD", type: "text", size: "large", icon: /* @__PURE__ */ jsx(PlusOutlined, {}), onClick: () => chatStore.createAgentConversation() })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        RenderWrapper,
+        {
+          control: conversationListBtn,
+          DefaultComponent: /* @__PURE__ */ jsx(
+            Popover,
+            {
+              getPopupContainer: (e) => e,
+              placement: "bottom",
+              classNames: { body: styles_module_default2.nsChatHeaderPopover },
+              content: /* @__PURE__ */ jsx(ConversationList_default, {}),
+              trigger: ["click"],
+              children: /* @__PURE__ */ jsx(Button, { title: "\u5386\u53F2\u4F1A\u8BDD", type: "text", size: "large", icon: /* @__PURE__ */ jsx(CommentOutlined, {}) })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        RenderWrapper,
+        {
+          control: closeBtn,
+          DefaultComponent: /* @__PURE__ */ jsx(Button, { title: "\u5173\u95ED", type: "text", size: "large", onClick: configState.hooks?.onHeaderClose, icon: /* @__PURE__ */ jsx(CloseOutlined, {}) })
+        }
+      )
+    ] })
+  ] }) });
+};
+
+// src/components/styles.module.less
+var styles_module_default3 = {
+  nsAttachments: "styles_module_nsAttachments"
+};
+var Attachments_default = forwardRef(({ fileUploadConfig = [], fileList = [], onChange, extraParams }, ref) => {
+  const { message: message3 } = App.useApp();
   const fileListRef = useRef([]);
   const [attachedFiles, setAttachedFiles, getAttachedFiles] = useRefState([]);
   useEffect(() => {
@@ -1293,7 +1422,8 @@ var Attachments_default = forwardRef(({ maxCount, accept, fileSize, fileSizeTip,
       fileListRef.current = fileList;
       const mapped = fileList.map((file) => ({
         ...file,
-        uid: file.id,
+        uid: file.content,
+        url: file.content,
         status: "done"
       }));
       setAttachedFiles(mapped);
@@ -1305,34 +1435,53 @@ var Attachments_default = forwardRef(({ maxCount, accept, fileSize, fileSizeTip,
       delete f.status;
       delete f.uid;
       delete f.size;
+      delete f.url;
       return f;
     });
     fileListRef.current = files;
     onChange(files);
   }, [attachedFiles]);
   const onErrorTip = useDebounce((errorMsg) => {
-    message.error(errorMsg);
+    message3.error(errorMsg);
   }, 300);
+  const findConfigByFile = (file) => {
+    return fileUploadConfig.find((cfg) => cfg.allowedFileTypes?.includes(getFileSuffixName(file.name).toLocaleUpperCase()));
+  };
   const onBeforeUpload = (files) => {
-    if (isNumber(maxCount) && files.length + attachedFiles.length > maxCount) {
-      onErrorTip(`\u6700\u591A\u53EA\u80FD\u4E0A\u4F20${maxCount}\u4E2A\u6587\u4EF6`);
-      return Promise.reject(false);
+    for (const file of files) {
+      const cfg = findConfigByFile(file);
+      if (!cfg) {
+        onErrorTip(`\u4E0D\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B\uFF1A${file.name} (${file.type})`);
+        return Promise.reject(false);
+      }
+      if (isNumber(cfg.maxFileCount)) {
+        const currentCount = attachedFiles.filter((f) => cfg.allowedFileTypes.includes(getFileSuffixName(f.name || "").toLocaleUpperCase())).length;
+        if (currentCount + 1 > cfg.maxFileCount) {
+          onErrorTip(`\u3010${file.name}\u3011\u6240\u5C5E\u7C7B\u578B\u6700\u591A\u53EA\u80FD\u4E0A\u4F20 ${cfg.maxFileCount} \u4E2A\u6587\u4EF6`);
+          return Promise.reject(false);
+        }
+      }
     }
   };
   const onCustomRequest = async ({ file }) => {
-    if (fileSize && file.size > fileSize) {
-      message.error(`${fileSizeTip}`);
+    const cfg = findConfigByFile(file);
+    if (!cfg) {
+      onErrorTip(`\u4E0D\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B\uFF1A${file.name}`);
+      return;
+    }
+    if (cfg.maxFileSize && file.size > cfg.maxFileSize * 1024 * 1024) {
+      onErrorTip(`\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7 ${cfg.maxFileSize} MB`);
       return;
     }
     setAttachedFiles([
       ...getAttachedFiles(),
       {
-        type: file.type,
-        name: file.name,
         uid: file.uid,
         status: "uploading",
         percent: 70,
-        size: file.size
+        size: file.size,
+        type: file.type,
+        name: file.name
       }
     ]);
     try {
@@ -1344,14 +1493,11 @@ var Attachments_default = forwardRef(({ maxCount, accept, fileSize, fileSizeTip,
           formData.append(key, extraParams[key]);
         });
       }
-      const { data } = await uploadFile(formData);
-      if (!data?.url && data?.type === "image") {
-        data.url = await getBase64(file);
-      }
+      const { data } = await fileUpload(formData);
       setAttachedFiles(
         getAttachedFiles().map((f) => {
           if (f.uid === file.uid) {
-            return { ...data, uid: data.id, status: "done", size: f.size };
+            return { ...data, uid: data.content, url: data.content, status: "done", size: f.size };
           } else {
             return f;
           }
@@ -1380,12 +1526,12 @@ var Attachments_default = forwardRef(({ maxCount, accept, fileSize, fileSizeTip,
         const files = getAttachedFiles();
         const uploadingFiles = files.filter((file) => file.status === "uploading");
         if (uploadingFiles.length > 0) {
-          message.error("\u8BF7\u7B49\u5F85\u6240\u6709\u6587\u4EF6\u4E0A\u4F20\u5B8C\u6210");
+          onErrorTip("\u8BF7\u7B49\u5F85\u6240\u6709\u6587\u4EF6\u4E0A\u4F20\u5B8C\u6210");
           return false;
         }
         const errorFiles = files.filter((file) => file.status === "error");
         if (errorFiles.length > 0) {
-          message.error("\u8BF7\u68C0\u67E5\u4E0A\u4F20\u5931\u8D25\u7684\u6587\u4EF6");
+          onErrorTip("\u8BF7\u68C0\u67E5\u4E0A\u4F20\u5931\u8D25\u7684\u6587\u4EF6");
           return false;
         }
         return true;
@@ -1394,47 +1540,15 @@ var Attachments_default = forwardRef(({ maxCount, accept, fileSize, fileSizeTip,
     []
   );
   const acceptStr = useMemo(() => {
-    if (!accept?.length) return;
-    const fileTypeMap = {
-      document: [
-        ".txt",
-        ".md",
-        ".mdx",
-        ".markdown",
-        ".pdf",
-        ".html",
-        ".xlsx",
-        ".xls",
-        ".doc",
-        ".docx",
-        ".csv",
-        ".eml",
-        ".msg",
-        ".pptx",
-        ".ppt",
-        ".xml",
-        ".epub"
-      ],
-      image: [".jpg", ".jpeg", ".png", ".gif", ".webp", ".svg"]
-    };
-    const accepts = [];
-    accept?.forEach((type) => {
-      if (fileTypeMap[type]) {
-        accepts.push(...fileTypeMap[type]);
-      }
-    });
-    if (accepts.length === 0) {
-      accepts.push(...accept);
-    }
-    return accepts.join(",");
-  }, [accept]);
+    const allTypes = fileUploadConfig.flatMap((cfg) => cfg.allowedFileTypes || []);
+    return allTypes.length ? allTypes.join(",") : void 0;
+  }, [fileUploadConfig]);
   return /* @__PURE__ */ jsx(
     Attachments,
     {
-      className: "nsAttachments",
+      className: styles_module_default3.nsAttachments,
       accept: acceptStr,
-      multiple: !isNumber(maxCount) || maxCount > 1,
-      maxCount,
+      multiple: true,
       customRequest: onCustomRequest,
       beforeUpload: (file, files) => onBeforeUpload(files),
       items: attachedFiles,
@@ -1464,11 +1578,11 @@ var ChatSender_default = forwardRef(
     extraFooter,
     extraFooterBelow,
     sendButtonProps,
-    fileUpload
+    fileUpload: fileUpload2
   }, ref) => {
     const senderRef = useRef(null);
     const { inputValue, setInputValue } = useSyncInput(content || "", onContentChange);
-    const attachmentsNode = fileUpload?.enabled && /* @__PURE__ */ jsx(Badge, { dot: !!fileList?.length && !headerOpen, children: /* @__PURE__ */ jsx(Button, { type: "text", icon: /* @__PURE__ */ jsx(PaperClipOutlined, {}), onClick: () => onHeaderOpenChange(!headerOpen) }) });
+    const attachmentsNode = (fileUpload2?.config?.length ?? 0 > 0) && /* @__PURE__ */ jsx(Badge, { dot: !!fileList?.length && !headerOpen, children: /* @__PURE__ */ jsx(Button, { type: "text", icon: /* @__PURE__ */ jsx(PaperClipOutlined, {}), onClick: () => onHeaderOpenChange(!headerOpen) }) });
     const attachmentsRef = useRef();
     const senderHeader = /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(Sender.Header, { title: "\u9009\u62E9\u6587\u4EF6", open: headerOpen, onOpenChange: onHeaderOpenChange, children: /* @__PURE__ */ jsx(
@@ -1477,9 +1591,8 @@ var ChatSender_default = forwardRef(
           ref: attachmentsRef,
           fileList,
           onChange: onFileListChange,
-          accept: fileUpload?.allowedFileTypes,
-          maxCount: fileUpload?.maxFileCount,
-          extraParams: fileUpload?.extraParams
+          fileUploadConfig: fileUpload2.config,
+          extraParams: fileUpload2.params
         }
       ) }),
       extraHeader
@@ -1534,11 +1647,11 @@ var ChatSender_default = forwardRef(
 init_Context();
 var ChatSender_default2 = ({ placeholder, extraBtn = false, referencesBtn = false }) => {
   const chatStore = useChatStore();
-  const agentState = useSnapshot(chatStore.agent);
+  const receiverState = useSnapshot(chatStore.receiver);
   const conversationState = useSnapshot(chatStore.conversation);
   const chatMessage = useMemo(
-    () => conversationState.messages[conversationState.active.key] || {},
-    [conversationState.messages[conversationState.active.key]]
+    () => conversationState.messages[conversationState.active.id] || {},
+    [conversationState.messages[conversationState.active.id]]
   );
   const referenceHandle = (con) => {
     if (chatMessage?.loading) return;
@@ -1559,22 +1672,37 @@ var ChatSender_default2 = ({ placeholder, extraBtn = false, referencesBtn = fals
       onFileListChange: chatStore.setFileList,
       onHeaderOpenChange: chatStore.setHeaderOpen,
       onSend: () => chatStore.sendMessage(),
+      onCancel: chatStore.cancelReceive,
       onFocus: chatStore.config.hooks?.onSenderFocus,
       fileUpload: {
-        ...agentState.active?.parameters?.fileUpload,
-        extraParams: { agentId: agentState.active.id }
+        config: receiverState.active.config?.fileUpload
       },
       extraFooter: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
+        receiverState.active.feature?.deepThink && /* @__PURE__ */ jsx(
           Button,
           {
             size: "small",
-            color: agentState.params.thinkMode === "1" ? "primary" : "default",
+            color: receiverState.params.thinkMode === "1" ? "primary" : "default",
             variant: "filled",
-            onClick: () => chatStore.setAgentParams({ thinkMode: agentState.params.thinkMode === "1" ? "2" : "1" }),
+            onClick: () => chatStore.setReceiverParams({ thinkMode: receiverState.params.thinkMode === "1" ? "2" : "1" }),
             children: "\u6DF1\u5EA6\u601D\u8003"
           }
         ),
+        receiverState.active.feature?.switchManual && /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "small",
+            title: chatMessage?.speakHuman ? "\u5F53\u524D\u72B6\u6001\u4E3A\u4EBA\u5DE5\u6A21\u5F0F\u3002\u60A8\u53D1\u9001\u7684\u95EE\u9898\u5C06\u76F4\u63A5\u53D1\u9001\u7ED9\u4E13\u5BB6\uFF0C\u667A\u80FD\u52A9\u624B\u5C06\u4E0D\u518D\u56DE\u590D" : "\u5F53\u524D\u72B6\u6001\u4E3A\u667A\u80FD\u52A9\u624B\u6A21\u5F0F\u3002\u60A8\u53D1\u9001\u7684\u95EE\u9898\u5C06\u53D1\u9001\u7ED9\u667A\u80FD\u52A9\u624B\uFF0C\u667A\u80FD\u52A9\u624B\u5C06\u56DE\u590D\u60A8",
+            shape: "round",
+            icon: /* @__PURE__ */ jsx(UserSwitchOutlined, {}),
+            color: chatMessage?.speakHuman ? "primary" : "default",
+            variant: "filled",
+            onClick: () => {
+              chatStore.setSpeakHuman?.(!chatMessage?.speakHuman);
+            },
+            children: "\u5411\u4E13\u5BB6\u54A8\u8BE2"
+          }
+        ),
         /* @__PURE__ */ jsx(RenderWrapper, { control: extraBtn })
       ] }),
       extraHeader: /* @__PURE__ */ jsx(
@@ -1587,8 +1715,8 @@ var ChatSender_default2 = ({ placeholder, extraBtn = false, referencesBtn = fals
           open: !!chatMessage?.references?.content?.name,
           onOpenChange: () => chatStore.setReferences(),
           classNames: {
-            header: styles_module_default.nsSenderReferenceHeaderTitle,
-            content: shouldRender(referencesBtn) ? "" : styles_module_default.nsSenderReferenceHeaderContent
+            header: styles_module_default2.nsSenderReferenceHeaderTitle,
+            content: shouldRender(referencesBtn) ? "" : styles_module_default2.nsSenderReferenceHeaderContent
           },
           children: /* @__PURE__ */ jsx(
             RenderWrapper,
@@ -1610,11 +1738,11 @@ var ChatSender_default2 = ({ placeholder, extraBtn = false, referencesBtn = fals
 init_Context();
 var ConversationListHeader_default = () => {
   const chatStore = useChatStore();
-  const agentState = useSnapshot(chatStore.agent);
+  const receiverState = useSnapshot(chatStore.receiver);
   return /* @__PURE__ */ jsxs("div", { className: "p-24", children: [
     /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 8, children: [
-      /* @__PURE__ */ jsx(Avatar, { size: 36, src: agentState.active.iconUrl }),
-      /* @__PURE__ */ jsx("span", { className: styles_module_default.nsChatUserName, children: agentState.active.name })
+      /* @__PURE__ */ jsx(Avatar, { size: 36, src: receiverState.active.logo }),
+      /* @__PURE__ */ jsx("span", { className: styles_module_default2.nsChatUserName, children: receiverState.active.name })
     ] }),
     /* @__PURE__ */ jsx(
       Button,
@@ -1622,8 +1750,8 @@ var ConversationListHeader_default = () => {
         block: true,
         type: "primary",
         shape: "round",
-        onClick: () => chatStore.switchConversation(),
-        className: classNames6("m-t-16"),
+        onClick: () => chatStore.createAgentConversation(),
+        className: classNames7("m-t-16"),
         icon: /* @__PURE__ */ jsx(PlusOutlined, {}),
         children: "\u65B0\u5EFA\u4F1A\u8BDD"
       }
@@ -1631,7 +1759,7 @@ var ConversationListHeader_default = () => {
   ] });
 };
 var ConversationListPanel_default = ({ header }) => {
-  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames6("height-full", styles_module_default.conversationListPanel), children: [
+  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames7("height-full", styles_module_default2.conversationListPanel), children: [
     /* @__PURE__ */ jsx(RenderWrapper, { control: header, DefaultComponent: ConversationListHeader_default }),
     /* @__PURE__ */ jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsx(ConversationList_default, {}) })
   ] });
@@ -1641,11 +1769,11 @@ var ConversationListPanel_default = ({ header }) => {
 init_Context();
 var SenderPromptsItems_default = () => {
   const chatStore = useChatStore();
-  const agentState = useSnapshot(chatStore.agent);
+  const receiverState = useSnapshot(chatStore.receiver);
   const component = useMemo(
-    () => agentState.active.labels?.length > 0 && /* @__PURE__ */ jsxs(Flex, { gap: 4, wrap: true, children: [
+    () => receiverState.active.config?.labels?.length > 0 && /* @__PURE__ */ jsxs(Flex, { gap: 4, className: "overflow-hidden", children: [
       /* @__PURE__ */ jsx(Button, { disabled: true, color: "default", variant: "text", children: "\u968F\u4FBF\u804A\u804A" }),
-      agentState.active.labels.map((question) => /* @__PURE__ */ jsx(
+      receiverState.active.config.labels.map((question) => /* @__PURE__ */ jsx(
         Popover,
         {
           content: /* @__PURE__ */ jsx(
@@ -1653,67 +1781,72 @@ var SenderPromptsItems_default = () => {
             {
               itemLayout: "horizontal",
               split: false,
-              className: styles_module_default.senderList,
-              dataSource: question.hotQuestionList,
-              renderItem: (item) => /* @__PURE__ */ jsx(List.Item, { onClick: () => chatStore.sendMessage(item.question), className: styles_module_default.senderListItem, children: item.question }),
-              footer: /* @__PURE__ */ jsx(Flex, { justify: "end", className: styles_module_default.senderListFooter, children: "(\u60A8\u53EF\u70B9\u51FB\u4EE5\u4E0A\u95EE\u9898\u5F00\u542FAI\u4F53\u9A8C)" })
+              className: styles_module_default2.senderList,
+              dataSource: question.items,
+              renderItem: (item) => /* @__PURE__ */ jsx(List.Item, { onClick: () => chatStore.sendMessage(item.question), className: styles_module_default2.senderListItem, children: item.question }),
+              footer: /* @__PURE__ */ jsx(Flex, { justify: "end", className: styles_module_default2.senderListFooter, children: "(\u60A8\u53EF\u70B9\u51FB\u4EE5\u4E0A\u95EE\u9898\u5F00\u542FAI\u4F53\u9A8C)" })
             }
           ),
           title: /* @__PURE__ */ jsx(
             "div",
             {
-              className: classNames6(styles_module_default.senderListTitle, "text-ellipsis"),
-              children: `${agentState.active.name}\u5F00\u59CB\u5173\u6CE8${question.labelName}\u5185\u5BB9\uFF01`
+              className: classNames7(styles_module_default2.senderListTitle, "text-ellipsis"),
+              children: `${receiverState.active.name}\u5F00\u59CB\u5173\u6CE8${question.name}\u5185\u5BB9\uFF01`
             }
           ),
-          children: /* @__PURE__ */ jsx(Button, { color: "default", variant: "filled", children: question.labelName })
+          children: /* @__PURE__ */ jsx(Button, { color: "default", variant: "filled", children: question.name })
         },
         question.id
       ))
     ] }),
-    [agentState.active.labels]
+    [receiverState.active.config?.labels]
   );
   return component;
 };
 
 // src/ui/layouts/styles.module.less
-var styles_module_default3 = {
+var styles_module_default4 = {
   nsPreviewHeader: "styles_module_nsPreviewHeader",
   nsPreviewHeaderTitle: "styles_module_nsPreviewHeaderTitle",
   nsChatSenderHeader: "styles_module_nsChatSenderHeader",
   nsDisclaimerNotice: "styles_module_nsDisclaimerNotice",
   nsChatLayout: "styles_module_nsChatLayout"
 };
-var layouts_default = forwardRef(({ theme, params, hooks, layout, defaultAgent }, ref) => {
+var layouts_default = forwardRef(({ theme, params, userInfo, hooks, layout, config }, ref) => {
   const chatStore = useMemo(() => createChatStore(), []);
-  useEffect(() => {
-    chatStore.getUserInfo();
-    if (defaultAgent?.appKey && defaultAgent?.agentKey) {
-      chatStore.switchAgent({ appKey: defaultAgent.appKey, agentKey: defaultAgent.agentKey }, defaultAgent.conversationId);
+  useDeepEffect(() => {
+    if (config?.conversationId) {
+      chatStore.switchConversation(config.conversationId);
+      return;
     }
-  }, []);
+    if (config?.receiverId && config?.receiverType === 3) {
+      chatStore.switchAgentConversation(config.receiverId, config.conversationStrategy);
+    }
+  }, [config]);
   useEffect(() => {
-    chatStore.setLayout(layout);
-  }, [layout]);
+    chatStore.setUserInfo(userInfo);
+  }, [userInfo]);
+  useEffect(() => {
+    chatStore.setLayout(layout, config?.receiverType);
+  }, [layout, config?.receiverType]);
   useEffect(() => {
     chatStore.setConfigParams(params);
   }, [params]);
   useEffect(() => {
     chatStore.setHooks(hooks);
   }, [hooks]);
-  const agentState = useSnapshot(chatStore.agent);
+  const receiverState = useSnapshot(chatStore.receiver);
+  useSnapshot(chatStore.conversation);
   const configState = useSnapshot(chatStore.config);
   useImperativeHandle(
     ref,
     () => ({
       sendMessage: chatStore.sendMessage,
-      switchAgent: chatStore.switchAgent,
+      switchAgentConversation: chatStore.switchAgentConversation,
       switchConversation: chatStore.switchConversation,
       setReferences: chatStore.setReferences,
       setMessage: chatStore.setContent,
-      setFiles: chatStore.setFileList,
-      setParams: chatStore.setConfigParams,
-      setLayout: chatStore.setLayout
+      setFiles: chatStore.setFileList
     }),
     []
   );
@@ -1731,16 +1864,25 @@ var layouts_default = forwardRef(({ theme, params, hooks, layout, defaultAgent }
       setSplitterSizes([0, "100%"]);
     }
   }, [hasPreView]);
-  return /* @__PURE__ */ jsx(XProvider, { theme: { cssVar: true, ...theme }, children: /* @__PURE__ */ jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsx(Spin, { spinning: agentState.loading, wrapperClassName: "full-spin", children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames6(styles_module_default3.nsChatLayout, "height-full"), children: [
-    /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.globalHeader, DefaultComponent: AgentHeader_default }),
+  useWebSocket({
+    url: getWebSocketUrl(`/lolr/conversation/ws/subscribe?NS-TOKEN=${getToken()}`, isLocalhost() ? "192.168.6.23:9090" : ""),
+    onMessage: chatStore.acceptMessage,
+    clientHeartbeat: false,
+    reconnectInterval: 1e4
+  });
+  useEffect(() => {
+    configState.hooks?.onBeforeInit?.();
+  }, []);
+  return /* @__PURE__ */ jsx(XProvider, { theme: { cssVar: true, ...theme }, children: /* @__PURE__ */ jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsx(Spin, { spinning: receiverState.loading, wrapperClassName: "full-spin", children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames7(styles_module_default4.nsChatLayout, "height-full"), children: [
+    /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.globalHeader, DefaultComponent: ChatHeader_default }),
     /* @__PURE__ */ jsxs(Flex, { className: "full-scroll", children: [
-      /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.leftPanel, DefaultComponent: /* @__PURE__ */ jsx(Fragment, {}) }),
+      /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.leftPanel }),
       /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.conversationList, DefaultComponent: ConversationListPanel_default }),
       /* @__PURE__ */ jsxs(Splitter, { className: "flex-1", onResize: setSplitterSizes, children: [
         /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, min: 600, size: sizes[0], children: hasPreView && /* @__PURE__ */ jsxs(Fragment, { children: [
           configState.preview.file.fileUrl && /* @__PURE__ */ jsxs(Flex, { vertical: true, className: "height-full", children: [
-            /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", gap: 16, className: styles_module_default3.nsPreviewHeader, children: [
-              /* @__PURE__ */ jsx("div", { className: styles_module_default3.nsPreviewHeaderTitle, children: configState.preview.file.fileName }),
+            /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", gap: 16, className: styles_module_default4.nsPreviewHeader, children: [
+              /* @__PURE__ */ jsx("div", { className: styles_module_default4.nsPreviewHeaderTitle, children: configState.preview.file.fileName }),
               /* @__PURE__ */ jsxs(Flex, { gap: 8, justify: "center", align: "center", children: [
                 /* @__PURE__ */ jsx(
                   Button,
@@ -1785,27 +1927,21 @@ var layouts_default = forwardRef(({ theme, params, hooks, layout, defaultAgent }
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames6("height-full"), children: [
-          /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.chatHeader, DefaultComponent: AgentHeader_default }),
-          /* @__PURE__ */ jsx(Flex, { vertical: true, className: classNames6("full-scroll"), children: /* @__PURE__ */ jsxs(Flex, { justify: "center", vertical: true, gap: 24, className: classNames6("height-full p-t-8 p-b-8", styles_module_default.nsBodyWidth), children: [
-            shouldRender(configState.layout.messageList) && /* @__PURE__ */ jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsx(
-              RenderWrapper,
-              {
-                control: configState.layout.messageList,
-                DefaultComponent: /* @__PURE__ */ jsx(BubbleListItems_default, { avatar: { user: false, assistant: true } })
-              }
-            ) }),
-            /* @__PURE__ */ jsx(
-              RenderWrapper,
-              {
-                control: configState.layout.senderHeader,
-                DefaultComponent: /* @__PURE__ */ jsxs("div", { className: styles_module_default3.nsChatSenderHeader, children: [
-                  "\u6211\u662F ",
-                  agentState.active.name
-                ] })
-              }
-            ),
+        /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames7("height-full"), children: [
+          /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.chatHeader, DefaultComponent: ChatHeader_default }),
+          /* @__PURE__ */ jsx(Flex, { vertical: true, className: classNames7("full-scroll"), children: /* @__PURE__ */ jsxs(Flex, { justify: "center", vertical: true, gap: 24, className: classNames7("height-full p-t-8 p-b-8", styles_module_default2.nsBodyWidth), children: [
+            shouldRender(configState.layout.messageList) && /* @__PURE__ */ jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.messageList, DefaultComponent: BubbleListItems_default }) }),
             /* @__PURE__ */ jsxs(Flex, { vertical: true, gap: 8, children: [
+              /* @__PURE__ */ jsx(
+                RenderWrapper,
+                {
+                  control: configState.layout.senderHeader,
+                  DefaultComponent: /* @__PURE__ */ jsxs("div", { className: styles_module_default4.nsChatSenderHeader, children: [
+                    "\u6211\u662F ",
+                    receiverState.active.name
+                  ] })
+                }
+              ),
               /* @__PURE__ */ jsx(
                 RenderWrapper,
                 {
@@ -1818,11 +1954,11 @@ var layouts_default = forwardRef(({ theme, params, hooks, layout, defaultAgent }
                 RenderWrapper,
                 {
                   control: configState.layout.disclaimerNotice,
-                  DefaultComponent: /* @__PURE__ */ jsx("div", { className: styles_module_default3.nsDisclaimerNotice, children: "\u5185\u5BB9\u7531AI\u751F\u6210\uFF0C\u4EC5\u4F9B\u53C2\u8003\uFF0C\u8BF7\u4ED4\u7EC6\u7504\u522B" })
+                  DefaultComponent: /* @__PURE__ */ 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__ */ jsx(RenderWrapper, { control: configState.layout.senderFooter, DefaultComponent: /* @__PURE__ */ jsx(Fragment, {}) })
+            /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.senderFooter })
           ] }) })
         ] }) })
       ] })
@@ -1830,6 +1966,6 @@ var layouts_default = forwardRef(({ theme, params, hooks, layout, defaultAgent }
   ] }) }) }) });
 });
 
-export { layouts_default as AgentChat };
+export { layouts_default as ChatCopilot };
 //# sourceMappingURL=index.esm.js.map
 //# sourceMappingURL=index.esm.js.map