@zero-library/chat-agent 1.0.0

package/dist/index.esm.js

@@ -0,0 +1,1667 @@
+import { useRefState, useDebounce, isNumber, useSyncInput, shouldRender, RenderWrapper, downloadFile, FilePreview, isObject, isNullOrUnDef, isBoolean, UserAvatar, request as request$1, OK, getCurrentUser, deepMerge, copyText, RenderMarkdown, getToken, TOKEN_KEY, createValtioContext, FileIcon } from '@zero-library/common';
+import { message, Badge, Button, Flex, Spin, Splitter, Avatar, Space, Popover, List, Typography, Collapse, Tag, Card } from 'antd';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import TextArea from 'antd/es/input/TextArea';
+import { forwardRef, useRef, useEffect, useImperativeHandle, useMemo, useState } from 'react';
+import { CloudUploadOutlined, PaperClipOutlined, PlusOutlined, DeleteOutlined, RedoOutlined, CommentOutlined, CloseOutlined, OpenAIOutlined, CopyOutlined, LikeOutlined, DislikeOutlined, EnterOutlined, CloseCircleOutlined, CaretRightOutlined } from '@ant-design/icons';
+import { useSnapshot, proxy } from 'valtio';
+import dayjs from 'dayjs';
+import { Attachments, Sender, Suggestion, XProvider, Conversations, Welcome, Prompts, Bubble } from '@ant-design/x';
+import classNames2 from 'classnames';
+import InfiniteScroll from 'react-infinite-scroll-component';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var ChatProvider, useChatStore;
+var init_Context = __esm({
+  "src/stores/Context.ts"() {
+    ({ ValtioProvider: ChatProvider, useValtioStore: useChatStore } = createValtioContext());
+  }
+});
+
+// src/ui/common/markdownAlert/styles.module.less
+var styles_module_default2;
+var init_styles_module = __esm({
+  "src/ui/common/markdownAlert/styles.module.less"() {
+    styles_module_default2 = {
+      appCard: "styles_module_appCard",
+      fileView: "styles_module_fileView",
+      quoteList: "styles_module_quoteList"
+    };
+  }
+});
+
+// src/ui/common/markdownAlert/AppCard.tsx
+var AppCard_exports = {};
+__export(AppCard_exports, {
+  default: () => AppCard_default
+});
+var AppCard_default;
+var init_AppCard = __esm({
+  "src/ui/common/markdownAlert/AppCard.tsx"() {
+    init_Context();
+    init_styles_module();
+    AppCard_default = ({ data, loading }) => {
+      const chatStore = useChatStore();
+      const onClick = () => {
+        chatStore.switchAgent({ appKey: data.appKey, agentKey: data.agentKey, isVerify: true });
+      };
+      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: [
+        /* @__PURE__ */ jsx("img", { src: data.iconUrl }),
+        /* @__PURE__ */ jsx("div", { className: "text-ellipsis", title: data.appName, children: data.appName })
+      ] }) });
+    };
+  }
+});
+
+// src/ui/common/markdownAlert/FileView.tsx
+var FileView_exports = {};
+__export(FileView_exports, {
+  default: () => FileView_default
+});
+var FileView_default;
+var init_FileView = __esm({
+  "src/ui/common/markdownAlert/FileView.tsx"() {
+    init_Context();
+    init_styles_module();
+    FileView_default = ({ data, loading }) => {
+      const chatStore = useChatStore();
+      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: [
+        /* @__PURE__ */ jsx(FileIcon, { suffix: data.suffix }),
+        /* @__PURE__ */ jsx("div", { className: "text-ellipsis", title: data.fileName, children: data.fileName })
+      ] }) });
+    };
+  }
+});
+
+// src/ui/common/markdownAlert/IndexQuote.tsx
+var IndexQuote_exports = {};
+__export(IndexQuote_exports, {
+  default: () => IndexQuote_default
+});
+var IndexQuote_default;
+var init_IndexQuote = __esm({
+  "src/ui/common/markdownAlert/IndexQuote.tsx"() {
+    IndexQuote_default = ({ data, loading }) => {
+      const onClick = () => {
+        window.open(data.fileUrl, "_blank");
+      };
+      const Content = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 8, children: [
+        /* @__PURE__ */ jsx(FileIcon, { suffix: data.suffix, fontSize: 16 }),
+        /* @__PURE__ */ jsx("a", { onClick, children: data.fileName })
+      ] }) });
+      return /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", wrapperClassName: "inline-block index-quote", children: /* @__PURE__ */ jsx(Popover, { content: Content, title: data.title, children: /* @__PURE__ */ jsx(Tag, { bordered: false, color: "processing", className: "cursor-pointer", children: data.index }) }) });
+    };
+  }
+});
+
+// src/ui/common/markdownAlert/EditableMarkdownCard.tsx
+var EditableMarkdownCard_exports = {};
+__export(EditableMarkdownCard_exports, {
+  default: () => EditableMarkdownCard_default
+});
+var EditableMarkdownCard_default;
+var init_EditableMarkdownCard = __esm({
+  "src/ui/common/markdownAlert/EditableMarkdownCard.tsx"() {
+    EditableMarkdownCard_default = ({ data, loading }) => {
+      const [editing, setEditing] = useState(false);
+      const [value, setValue] = useState(data.content || "");
+      const wrapperRef = useRef(null);
+      useEffect(() => {
+        const handleClickOutside = (e) => {
+          if (editing && wrapperRef.current && !wrapperRef.current.contains(e.target)) {
+            setEditing(false);
+          }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => document.removeEventListener("mousedown", handleClickOutside);
+      }, [editing]);
+      useEffect(() => {
+        if (value !== data.content) ;
+      }, [value]);
+      return /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsx(Card, { ref: wrapperRef, children: editing ? /* @__PURE__ */ jsx(
+        TextArea,
+        {
+          autoSize: { minRows: 4, maxRows: 16 },
+          value,
+          onChange: (e) => setValue(e.target.value),
+          placeholder: "\u8BF7\u8F93\u5165 Markdown \u5185\u5BB9..."
+        }
+      ) : /* @__PURE__ */ jsx("div", { onClick: () => setEditing(true), style: { cursor: "pointer", minHeight: 24 }, children: /* @__PURE__ */ jsx(RenderMarkdown, { content: value }) }) }) });
+    };
+  }
+});
+
+// src/ui/common/markdownAlert/FileEdit.tsx
+var FileEdit_exports = {};
+__export(FileEdit_exports, {
+  default: () => FileEdit_default
+});
+var FileEdit_default;
+var init_FileEdit = __esm({
+  "src/ui/common/markdownAlert/FileEdit.tsx"() {
+    init_Context();
+    init_styles_module();
+    FileEdit_default = ({ data, loading }) => {
+      const chatStore = useChatStore();
+      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: [
+        /* @__PURE__ */ jsx(FileIcon, { suffix: data.suffix }),
+        /* @__PURE__ */ jsx("div", { className: "text-ellipsis", title: data.fileName, children: data.fileName })
+      ] }) });
+    };
+  }
+});
+
+// src/ui/common/markdownAlert/QuoteList.tsx
+var QuoteList_exports = {};
+__export(QuoteList_exports, {
+  default: () => QuoteList_default
+});
+var QuoteList_default;
+var init_QuoteList = __esm({
+  "src/ui/common/markdownAlert/QuoteList.tsx"() {
+    init_styles_module();
+    QuoteList_default = ({ data, loading }) => {
+      console.log("QuoteList data", data, loading);
+      const onClick = (item) => {
+        window.open(item.fileUrl, "_blank");
+      };
+      return /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsx(
+        Collapse,
+        {
+          className: styles_module_default2.quoteList,
+          bordered: false,
+          ghost: true,
+          expandIcon: ({ isActive }) => /* @__PURE__ */ jsx(CaretRightOutlined, { rotate: isActive ? 90 : 0 }),
+          items: [
+            {
+              key: "1",
+              label: "\u53C2\u8003\u8D44\u6599",
+              children: /* @__PURE__ */ jsx(Flex, { vertical: true, gap: 4, children: data.list.map((item) => /* @__PURE__ */ jsx("p", { onClick: () => onClick(item), className: "cursor-pointer", children: item.displayName }, item.fileUrl)) })
+            }
+          ]
+        }
+      ) });
+    };
+  }
+});
+
+// src/core/constants.ts
+var DEFAULT_NEW_CONV_ID = "newConvId";
+var ChatRoleMap = {
+  1: "user",
+  2: "assistant"
+};
+var copy = (value) => {
+  copyText(value).then(() => {
+    message.success("\u590D\u5236\u6210\u529F");
+  });
+};
+var classifyTime = (timestamp) => {
+  const now = dayjs();
+  const target = dayjs(timestamp);
+  if (target.isSame(now, "day")) {
+    return "\u4ECA\u5929";
+  }
+  const diffInDays = now.diff(target, "day");
+  if (diffInDays < 7) {
+    return "\u6700\u8FD1 7 \u5929";
+  } else if (diffInDays < 30) {
+    return "\u6700\u8FD1 30 \u5929";
+  } else if (diffInDays < 180) {
+    return "\u6700\u8FD1\u534A\u5E74";
+  } else {
+    return "\u66F4\u65E9";
+  }
+};
+function transform(source, fieldMap) {
+  const result = {};
+  for (const [targetKey, mapping] of Object.entries(fieldMap)) {
+    const key = targetKey;
+    if (typeof mapping === "function") {
+      result[key] = mapping(source);
+    } else if (typeof mapping === "string" && source && mapping in source) {
+      result[key] = source[mapping];
+    } else {
+      result[key] = mapping;
+    }
+  }
+  return result;
+}
+function transforms(sources, fieldMap) {
+  return sources?.map((source) => transform(source, fieldMap)) || [];
+}
+function buildURLWithParams(url, params) {
+  const query = new URLSearchParams(
+    Object.entries(params || {}).flatMap(([key, val]) => Array.isArray(val) ? val.map((v) => [key, String(v)]) : [[key, String(val)]])
+  ).toString();
+  return query ? `${url}${url.includes("?") ? "&" : "?"}${query}` : url;
+}
+var getBase64 = (file) => {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = reject;
+    reader.readAsDataURL(file);
+  });
+};
+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 request(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 = {}) => request(url, params, { ...options, method: "GET" });
+var post = (url, data = {}, options = {}) => request(url, data, { ...options, method: "POST" });
+var put = (url, data = {}, options = {}) => request(url, data, { ...options, method: "PUT" });
+var del = (url, data = {}, options = {}) => request(url, data, { ...options, method: "DELETE" });
+var fetchRequest_default = { delete: del, get, post, put };
+
+// src/services/index.tsx
+var agentInfoQuery = (agentId) => {
+  return request$1.get("/agent/detail", { agentId });
+};
+var agentsQuery = () => {
+  return request$1.get("/agent");
+};
+var conversationsQuery = (params) => {
+  return request$1.get("/agent/conversation", params);
+};
+var deleteConversation = (params) => {
+  return request$1.delete("/agent/conversation", params);
+};
+var chatMessagesQuery = (params) => {
+  return request$1.get("/agent/message", params);
+};
+var chatMessageSuggestedQuery = (agentId, messageId) => {
+  return request$1.get("/agent/message/suggested", { agentId, messageId });
+};
+var updateFeedback = (params) => {
+  return request$1.put("/agent/message/feedback", params);
+};
+var uploadFile = (formData) => {
+  return request$1.post("/agent/file", formData);
+};
+var sendMessage = (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);
+        }
+      }
+    }
+  );
+};
+
+// src/stores/index.ts
+var defaultLayout = {
+  conversationList: true,
+  conversationListHeader: true,
+  preview: true,
+  messageList: true,
+  senderHeader: false,
+  sender: true,
+  senderPrompts: true,
+  senderFooter: false,
+  senderExtraBtn: false,
+  referencesBtn: false,
+  header: true,
+  headerTitle: true,
+  headerConversationListBtn: true,
+  headerNewConversationBtn: true,
+  headerCloseBtn: false
+};
+function createChatStore() {
+  const config = proxy({
+    hooks: {},
+    layout: {},
+    preview: {
+      file: {},
+      isEdit: false
+    },
+    userInfo: {},
+    params: {}
+  });
+  const setPreview = (file = {}, isEdit = false) => {
+    if (config.layout.preview) {
+      config.preview = {
+        file,
+        isEdit
+      };
+    } else {
+      if (file?.fileUrl) {
+        window.open(file.fileUrl, "_blank");
+      }
+    }
+  };
+  const setLayout = (layout) => {
+    config.layout = deepMerge(defaultLayout, layout);
+  };
+  const setConfigParams = (params = {}) => {
+    config.params = { bizId: "", ...params };
+  };
+  const setHooks = (hooks = {}) => {
+    config.hooks = hooks;
+  };
+  const getUserInfo = () => {
+    config.userInfo = transform(getCurrentUser(), {
+      id: "id",
+      name: "name",
+      iconUrl: "avatar",
+      description: "name"
+    });
+  };
+  const agents = proxy({
+    // 商品列表
+    list: [],
+    loading: false
+  });
+  const getAgentList = async () => {
+    try {
+      agents.loading = true;
+      const { data } = await agentsQuery();
+      agents.list = data;
+    } finally {
+      agents.loading = false;
+    }
+  };
+  const conversation = proxy({
+    // 每个会话单独存储
+    active: {},
+    messages: {}
+    // feedback: {
+    //   open: false,
+    //   loading: false,
+    //   recordId: '',
+    //   target: undefined as number | undefined
+    // }
+  });
+  const setReferences = (references) => {
+    conversation.messages[conversation.active.key].references = references;
+  };
+  const setContent = (content) => {
+    conversation.messages[conversation.active.key].content = content;
+  };
+  const setFileList = (files = []) => {
+    conversation.messages[conversation.active.key].files = files;
+  };
+  const setHeaderOpen = (headerOpen) => {
+    conversation.messages[conversation.active.key].headerOpen = headerOpen;
+  };
+  const removeQuestionList = (key) => {
+    if (conversation.messages[key].questionList?.length) {
+      conversation.messages[key].questionList = [];
+    }
+  };
+  const getQuestionList = async (conversationId, message4) => {
+    if (!message4.id || !message4.content) return;
+    const { data } = await chatMessageSuggestedQuery(agent.active.id, message4.id);
+    conversation.messages[conversationId].questionList = data;
+  };
+  const feedback = async (conversationId, messageId, rating, index) => {
+    try {
+      await updateFeedback({ agentId: agent.active.id, messageId, rating, bizId: config.params.bizId });
+      conversation.messages[conversationId].message.items[index].feedback = rating;
+    } finally {
+    }
+  };
+  const conversations = proxy({
+    list: {
+      items: [],
+      lastId: "",
+      hasMore: false
+    },
+    loading: false,
+    delLoading: false
+  });
+  const setInitMessage = async (key) => {
+    conversation.messages[key] = {
+      content: "",
+      files: [],
+      // 上传文件内容
+      headerOpen: false,
+      loading: false,
+      message: {
+        lastId: "",
+        hasMore: false,
+        items: []
+      },
+      questionList: []
+      // 推荐问题
+    };
+  };
+  const agent = proxy({
+    active: {},
+    loading: false
+  });
+  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;
+      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 canProceed = await config.hooks?.onBeforeSwitchConversation?.(chatKey);
+    if (canProceed === false) return;
+    conversation.active = chat?.key ? chat : { key: chatKey };
+    if (!conversation.messages[chatKey]) {
+      setInitMessage(chatKey);
+    }
+    config.hooks?.onAfterSwitchConversation?.(chatKey);
+    if (!chatKey.endsWith(DEFAULT_NEW_CONV_ID) && conversation.messages[chatKey].message.items.length === 0) {
+      getMessages(agent.active.id, chatKey);
+    }
+  };
+  const getConversations = async (agentId, lastId, limit = 20) => {
+    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"
+      });
+      conversations.list = {
+        ...data,
+        items: lastId ? [...conversations.list.items, ...items] : items
+      };
+    } finally {
+      conversations.loading = false;
+    }
+  };
+  const getMessages = async (agentId, conversationId, lastId) => {
+    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 {
+        }
+      }
+    }
+  };
+  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 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 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";
+    }
+    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);
+    }
+    conversation.messages[chunk.conversationId].loading = false;
+  };
+  const onSendMessage = async (message4, files = []) => {
+    const conversationId = conversation.active.key;
+    if (conversation.messages[conversationId].loading) return;
+    let newMsgContent = "", newImgList;
+    if (message4) {
+      newMsgContent = message4;
+      newImgList = files;
+    } else {
+      const references = conversation.messages[conversationId].references;
+      if (references?.type === 1 && references.content.markdown) {
+        newMsgContent = references.content.markdown + "\n";
+      }
+      newMsgContent = newMsgContent + conversation.messages[conversationId].content;
+      newImgList = conversation.messages[conversationId].files;
+    }
+    if (!newMsgContent) return;
+    const canProceed = await config.hooks?.onBeforeSend?.(newMsgContent, newImgList);
+    if (canProceed === false) return;
+    conversation.messages[conversationId].loading = true;
+    const userMsg = {
+      id: `user-${Date.now()}`,
+      role: "user",
+      content: newMsgContent,
+      files: newImgList,
+      status: "success"
+    };
+    const placeholderId = `placeholder-${Date.now()}`;
+    const placeholder = {
+      id: placeholderId,
+      role: "assistant",
+      content: "",
+      status: "loading"
+    };
+    conversation.messages[conversationId].message.items.push(userMsg, placeholder);
+    if (!message4) {
+      setContent("");
+      setFileList([]);
+      setReferences();
+      setHeaderOpen(false);
+    }
+    removeQuestionList(conversationId);
+    try {
+      sendMessage({
+        agentId: agent.active.id,
+        conversationId: conversationId.endsWith(DEFAULT_NEW_CONV_ID) ? void 0 : conversationId,
+        message: userMsg.content,
+        files: userMsg.files,
+        ...config.params,
+        onMessageEvent: (event) => {
+          updatePlaceholderMessage(conversationId, placeholderId, event);
+        }
+      });
+      config.hooks?.onAfterSend?.();
+    } catch (error) {
+      removePlaceholder(conversationId, placeholderId);
+      conversation.messages[conversationId].loading = false;
+    }
+  };
+  const onCancelReceive = () => {
+    conversation.messages[conversation.active.key].loading = false;
+  };
+  return {
+    config,
+    setLayout,
+    setHooks,
+    setConfigParams,
+    setPreview,
+    getUserInfo,
+    agents,
+    getAgentList,
+    conversation,
+    setReferences,
+    setContent,
+    setFileList,
+    setHeaderOpen,
+    removeQuestionList,
+    getQuestionList,
+    feedback,
+    conversations,
+    setInitMessage,
+    agent,
+    switchAgent,
+    getConversations,
+    getMessages,
+    switchConversation,
+    delConversation,
+    removePlaceholder,
+    updatePlaceholderMessage,
+    onSendMessage,
+    onCancelReceive
+  };
+}
+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",
+  nsConversations: "styles_module_nsConversations",
+  nsBody: "styles_module_nsBody",
+  nsBodyWidth: "styles_module_nsBodyWidth",
+  nsBubbleList: "styles_module_nsBubbleList",
+  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",
+  nsSenderHeaderContent: "styles_module_nsSenderHeaderContent"
+};
+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: /* @__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);
+                }
+              }
+            ]
+          })
+        }
+      )
+    }
+  ) }) });
+};
+var AgentHeader_default = () => {
+  const chatStore = useChatStore();
+  const agentState = useSnapshot(chatStore.agent);
+  const configState = useSnapshot(chatStore.config);
+  const conversationsState = useSnapshot(chatStore.conversations);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", className: "p-l-16 p-r-16 p-t-8 p-b-8", children: [
+    /* @__PURE__ */ jsxs(Flex, { gap: 4, align: "center", children: [
+      /* @__PURE__ */ jsx(
+        RenderWrapper,
+        {
+          control: configState.layout.headerTitle,
+          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: configState.layout.headerNewConversationBtn,
+          DefaultComponent: /* @__PURE__ */ jsx(Button, { type: "text", size: "large", icon: /* @__PURE__ */ jsx(PlusOutlined, {}), onClick: () => chatStore.switchConversation() })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        RenderWrapper,
+        {
+          control: configState.layout.headerConversationListBtn,
+          DefaultComponent: conversationsState.list.items.length > 0 && /* @__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: configState.layout.headerCloseBtn,
+          DefaultComponent: /* @__PURE__ */ jsx(Button, { type: "text", size: "large", onClick: configState.hooks?.onClose, icon: /* @__PURE__ */ jsx(CloseOutlined, {}) })
+        }
+      )
+    ] })
+  ] }) });
+};
+
+// src/ui/common/markdownAlert/index.ts
+var customComponents = {
+  appCard: () => Promise.resolve().then(() => (init_AppCard(), AppCard_exports)),
+  fileView: () => Promise.resolve().then(() => (init_FileView(), FileView_exports)),
+  indexQuote: () => Promise.resolve().then(() => (init_IndexQuote(), IndexQuote_exports)),
+  editableMarkdownCard: () => Promise.resolve().then(() => (init_EditableMarkdownCard(), EditableMarkdownCard_exports)),
+  fileEdit: () => Promise.resolve().then(() => (init_FileEdit(), FileEdit_exports)),
+  quoteList: () => Promise.resolve().then(() => (init_QuoteList(), QuoteList_exports))
+};
+var MessageRender_default = ({ message: message4, 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(
+      Bubble,
+      {
+        className: "m-t-8",
+        variant: "borderless",
+        placement,
+        content: /* @__PURE__ */ jsx(
+          Attachments.FileCard,
+          {
+            item: {
+              uid: file.id,
+              name: file.name,
+              url: file.url
+            }
+          },
+          index
+        )
+      },
+      index
+    ))
+  ] });
+};
+
+// src/ui/common/BubbleListItems.tsx
+init_Context();
+function extractThinkContent(content) {
+  let main = content;
+  const thinkContents = [];
+  let buffer = "";
+  const regex = /<think>(.*?)<\/think>/gs;
+  for (const match of content.matchAll(regex)) {
+    const thinkText = match[1].trim();
+    thinkContents.push(thinkText);
+    main = main.replace(match[0], "");
+  }
+  const lastStart = content.lastIndexOf("<think>");
+  const lastEnd = content.lastIndexOf("</think>");
+  if (lastStart > lastEnd) {
+    buffer = content.slice(lastStart).replace("<think>", "");
+    main = main.slice(0, lastStart);
+  }
+  return { mainContent: main, thinkContents, thinkBuffer: buffer };
+}
+function renderMarkdownPanel(content, label, key) {
+  return {
+    key,
+    label,
+    children: /* @__PURE__ */ jsx(RenderMarkdown, { content, customComponents })
+  };
+}
+var MessageAIRender_default = ({ message: message4, 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) {
+    return /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(Spin, { size: "small" }) });
+  }
+  return /* @__PURE__ */ jsx(Flex, { vertical: true, children: /* @__PURE__ */ jsx(
+    Bubble,
+    {
+      placement,
+      className: classNames2({ [styles_module_default.loadingMessage]: message4.status === "loading" }),
+      content: /* @__PURE__ */ jsxs(Fragment, { children: [
+        thinkContents.length > 0 && /* @__PURE__ */ jsx(
+          Collapse,
+          {
+            ghost: true,
+            size: "small",
+            defaultActiveKey: thinkContents.map((_, i) => `think-${i}`),
+            items: thinkContents.map((content, index) => renderMarkdownPanel(content, `\u601D\u8003\u8FC7\u7A0B`, `think-${index}`))
+          }
+        ),
+        thinkBuffer && /* @__PURE__ */ jsx(
+          Collapse,
+          {
+            ghost: true,
+            size: "small",
+            defaultActiveKey: ["buffer-think"],
+            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 })
+      ] })
+    }
+  ) });
+};
+var BubbleListItems_default = ({ avatar = true }) => {
+  const chatStore = useChatStore();
+  const agentState = useSnapshot(chatStore.agent);
+  const conversationState = useSnapshot(chatStore.conversation);
+  const configState = useSnapshot(chatStore.config);
+  const conversationRoles = useMemo(() => {
+    return {
+      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",
+        placement: "start",
+        avatar: (isBoolean(avatar) ? avatar : avatar?.assistant) ? { src: agentState.active.iconUrl, icon: /* @__PURE__ */ jsx(OpenAIOutlined, {}) } : null
+      }
+    };
+  }, [configState.userInfo, agentState.active, avatar]);
+  const chatMessage = useMemo(
+    () => conversationState.messages[conversationState.active.key] || {},
+    [conversationState.messages[conversationState.active.key]]
+  );
+  const placeholderNode = useMemo(
+    () => [
+      {
+        key: "placeholder",
+        content: /* @__PURE__ */ jsxs(Space, { direction: "vertical", size: 16, className: styles_module_default.chatWelcomeWrap, children: [
+          /* @__PURE__ */ jsx(
+            Welcome,
+            {
+              className: classNames2(styles_module_default.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 || ""
+            }
+          ),
+          agentState.active.recommendQuestions?.length > 0 && /* @__PURE__ */ jsx(
+            Prompts,
+            {
+              className: "m-t-16",
+              wrap: true,
+              items: [
+                {
+                  key: "1",
+                  label: "\u{1F914} \u63A8\u8350\u95EE\u9898:",
+                  children: agentState.active.recommendQuestions.map(({ question, id }) => ({
+                    key: id,
+                    description: /* @__PURE__ */ jsx("span", { onClick: () => chatStore.onSendMessage(question), className: classNames2(styles_module_default.chatWelcomePrompts, "text-ellipsis"), children: question })
+                  }))
+                }
+              ]
+            }
+          )
+        ] }),
+        variant: "borderless"
+      }
+    ],
+    [agentState.active]
+  );
+  const questionList = useMemo(
+    () => chatMessage?.questionList?.length ? [
+      {
+        key: "questionList",
+        content: /* @__PURE__ */ jsx(
+          Prompts,
+          {
+            className: "m-b-16",
+            styles: {
+              list: {
+                overflow: "auto"
+              }
+            },
+            vertical: true,
+            items: chatMessage?.questionList.map(({ question, id }) => ({
+              key: id,
+              description: /* @__PURE__ */ jsx("span", { onClick: () => chatStore.onSendMessage(question), children: question })
+            }))
+          }
+        ),
+        variant: "borderless",
+        avatar: { style: { visibility: "hidden" } }
+      }
+    ] : [],
+    [chatMessage?.questionList]
+  );
+  const chatRecords = useMemo(() => {
+    return (chatMessage?.message?.items || []).map((message4, index) => {
+      return {
+        key: message4.id || -index,
+        placement: conversationRoles[message4.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 }),
+        // 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, {}) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              color: message4.feedback === "like" ? "primary" : "default",
+              disabled: message4.status === "loading",
+              size: "small",
+              variant: "text",
+              icon: /* @__PURE__ */ jsx(LikeOutlined, {}),
+              onClick: () => chatStore.feedback(conversationState.active.key, message4.id, "like", index)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              color: message4.feedback === "dislike" ? "primary" : "default",
+              disabled: message4.status === "loading",
+              size: "small",
+              variant: "text",
+              icon: /* @__PURE__ */ jsx(DislikeOutlined, {}),
+              onClick: () => chatStore.feedback(conversationState.active.key, message4.id, "dislike", index)
+            }
+          )
+        ] })
+        // ...(isHasTime
+        //   ? { rootClassName: styles.hasSendTime, classNames: { header: styles.sendTime }, header: <span>{formatDate(message.sendDate)}</span> }
+        //   : {})
+      };
+    });
+  }, [chatMessage?.message]);
+  const bubbleListItems = useMemo(() => {
+    const list = [];
+    if (chatRecords.length > 0) {
+      list.push(...chatRecords, ...questionList);
+    }
+    if (list.length) {
+      return list;
+    }
+    return [...placeholderNode];
+  }, [chatRecords, questionList, placeholderNode]);
+  const listRef = useRef(null);
+  useEffect(() => {
+    if (bubbleListItems.length && (listRef.current?.nativeElement.scrollHeight ?? 0) - ((listRef.current?.nativeElement.scrollTop ?? 0) + (listRef.current?.nativeElement.clientHeight ?? 0)) < 100) {
+      listRef.current?.scrollTo({ key: bubbleListItems[bubbleListItems.length - 1].key, block: "end" });
+    }
+  }, [bubbleListItems]);
+  return /* @__PURE__ */ jsx(
+    Bubble.List,
+    {
+      ref: listRef,
+      items: bubbleListItems,
+      className: classNames2(styles_module_default.nsBubbleList, "height-full", "scroll-fade-in")
+    },
+    conversationState.active.key
+  );
+};
+var Attachments_default = forwardRef(({ maxCount, accept, fileSize, fileSizeTip, fileList = [], onChange, extraParams }, ref) => {
+  const fileListRef = useRef([]);
+  const [attachedFiles, setAttachedFiles, getAttachedFiles] = useRefState([]);
+  useEffect(() => {
+    if (JSON.stringify(fileList) !== JSON.stringify(fileListRef.current)) {
+      fileListRef.current = fileList;
+      const mapped = fileList.map((file) => ({
+        ...file,
+        uid: file.id,
+        status: "done"
+      }));
+      setAttachedFiles(mapped);
+    }
+  }, [fileList]);
+  useEffect(() => {
+    const files = attachedFiles.filter((file) => file.status === "done").map((file) => {
+      const f = { ...file };
+      delete f.status;
+      delete f.uid;
+      delete f.size;
+      return f;
+    });
+    fileListRef.current = files;
+    onChange(files);
+  }, [attachedFiles]);
+  const onErrorTip = useDebounce((errorMsg) => {
+    message.error(errorMsg);
+  }, 300);
+  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);
+    }
+  };
+  const onCustomRequest = async ({ file }) => {
+    if (fileSize && file.size > fileSize) {
+      message.error(`${fileSizeTip}`);
+      return;
+    }
+    setAttachedFiles([
+      ...getAttachedFiles(),
+      {
+        type: file.type,
+        name: file.name,
+        uid: file.uid,
+        status: "uploading",
+        percent: 70,
+        size: file.size
+      }
+    ]);
+    try {
+      const formData = new FormData();
+      formData.append("file", file);
+      if (isObject(extraParams)) {
+        Object.keys(extraParams).forEach((key) => {
+          if (isNullOrUnDef(extraParams[key])) return;
+          formData.append(key, extraParams[key]);
+        });
+      }
+      const { data } = await uploadFile(formData);
+      if (!data?.url && data?.type === "image") {
+        data.url = await getBase64(file);
+      }
+      setAttachedFiles(
+        getAttachedFiles().map((f) => {
+          if (f.uid === file.uid) {
+            return { ...data, uid: data.id, status: "done", size: f.size };
+          } else {
+            return f;
+          }
+        })
+      );
+    } catch (error) {
+      console.log("\u4E0A\u4F20\u6587\u4EF6\u9519\u8BEF\uFF1A", error);
+      setAttachedFiles(
+        getAttachedFiles().map((f) => {
+          if (f.uid === file.uid) {
+            return { ...f, status: "error", description: "\u4E0A\u4F20\u5931\u8D25" };
+          } else {
+            return f;
+          }
+        })
+      );
+    }
+  };
+  const onRemove = (file) => {
+    setAttachedFiles(attachedFiles.filter((f) => f.uid !== file.uid));
+  };
+  useImperativeHandle(
+    ref,
+    () => ({
+      validateFile: () => {
+        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");
+          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");
+          return false;
+        }
+        return true;
+      }
+    }),
+    []
+  );
+  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]);
+  return /* @__PURE__ */ jsx(
+    Attachments,
+    {
+      className: "nsAttachments",
+      accept: acceptStr,
+      multiple: !isNumber(maxCount) || maxCount > 1,
+      maxCount,
+      customRequest: onCustomRequest,
+      beforeUpload: (file, files) => onBeforeUpload(files),
+      items: attachedFiles,
+      onRemove,
+      placeholder: (type) => type === "drop" ? { title: "\u5C06\u6587\u4EF6\u653E\u5230\u8FD9\u91CC" } : {
+        icon: /* @__PURE__ */ jsx(CloudUploadOutlined, {}),
+        title: "\u63D0\u4EA4\u6587\u4EF6",
+        description: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { children: "\u5355\u51FB\u6216\u62D6\u52A8\u6587\u4EF6\u5230\u6B64\u533A\u57DF\u8FDB\u884C\u4E0A\u4F20; " }) })
+      }
+    }
+  );
+});
+var ChatSender_default = forwardRef(
+  ({
+    placeholder,
+    content,
+    fileList = [],
+    headerOpen = false,
+    loading = false,
+    onContentChange,
+    onFileListChange,
+    onHeaderOpenChange,
+    onSend,
+    onCancel,
+    extraHeader,
+    extraFooter,
+    extraFooterBelow,
+    sendButtonProps,
+    fileUpload
+  }, 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 attachmentsRef = useRef();
+    const senderHeader = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Sender.Header, { title: "\u9009\u62E9\u6587\u4EF6", open: headerOpen, onOpenChange: onHeaderOpenChange, children: /* @__PURE__ */ jsx(
+        Attachments_default,
+        {
+          ref: attachmentsRef,
+          fileList,
+          onChange: onFileListChange,
+          accept: fileUpload?.allowedFileTypes,
+          maxCount: fileUpload?.maxFileCount,
+          extraParams: fileUpload?.extraParams
+        }
+      ) }),
+      extraHeader
+    ] });
+    const onSubmit = () => {
+      if (!attachmentsRef.current?.validateFile || attachmentsRef.current.validateFile()) {
+        onSend();
+      }
+    };
+    useImperativeHandle(
+      ref,
+      () => ({
+        focus: (options) => {
+          senderRef.current?.focus(options);
+        }
+      }),
+      []
+    );
+    return /* @__PURE__ */ jsx(Suggestion, { items: [], onSelect: (itemVal) => setInputValue(`[${itemVal}]:`), children: ({}) => /* @__PURE__ */ jsx(
+      Sender,
+      {
+        ref: senderRef,
+        value: inputValue,
+        header: senderHeader,
+        onSubmit,
+        onChange: setInputValue,
+        autoSize: { minRows: 2, maxRows: 6 },
+        onCancel,
+        footer: ({ components }) => {
+          const { SendButton, LoadingButton } = components;
+          return /* @__PURE__ */ jsxs(Flex, { vertical: true, children: [
+            /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", gap: 12, children: [
+              /* @__PURE__ */ jsxs(Flex, { className: "flex-1", gap: 6, align: "center", children: [
+                attachmentsNode,
+                extraFooter,
+                " "
+              ] }),
+              /* @__PURE__ */ jsx(Flex, { align: "center", children: loading ? /* @__PURE__ */ jsx(LoadingButton, {}) : /* @__PURE__ */ jsx(SendButton, { ...sendButtonProps }) })
+            ] }),
+            extraFooterBelow
+          ] });
+        },
+        actions: false,
+        placeholder: placeholder || "\u6709\u4EC0\u4E48\u6211\u80FD\u5E2E\u60A8\u7684\u5417\uFF1F"
+      }
+    ) });
+  }
+);
+
+// src/ui/common/ChatSender.tsx
+init_Context();
+var ChatSender_default2 = () => {
+  const chatStore = useChatStore();
+  const agentState = useSnapshot(chatStore.agent);
+  const conversationState = useSnapshot(chatStore.conversation);
+  const configState = useSnapshot(chatStore.config);
+  const chatMessage = useMemo(
+    () => conversationState.messages[conversationState.active.key] || {},
+    [conversationState.messages[conversationState.active.key]]
+  );
+  const referenceHandle = (con) => {
+    if (chatMessage?.loading) return;
+    chatStore.setContent(con);
+    setTimeout(() => {
+      chatStore.onSendMessage();
+    }, 10);
+  };
+  return /* @__PURE__ */ jsx(
+    ChatSender_default,
+    {
+      content: chatMessage.content,
+      fileList: chatMessage.files,
+      headerOpen: chatMessage.headerOpen,
+      loading: chatMessage.loading,
+      onContentChange: chatStore.setContent,
+      onFileListChange: chatStore.setFileList,
+      onHeaderOpenChange: chatStore.setHeaderOpen,
+      onSend: () => chatStore.onSendMessage(),
+      fileUpload: {
+        ...agentState.active?.parameters?.fileUpload,
+        extraParams: { agentId: agentState.active.id }
+      },
+      extraFooter: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { size: "small", color: "primary", variant: "filled", children: "\u6DF1\u5EA6\u601D\u8003" }),
+        /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.senderExtraBtn })
+      ] }),
+      extraHeader: /* @__PURE__ */ jsx(
+        Sender.Header,
+        {
+          title: /* @__PURE__ */ jsxs(Space, { children: [
+            /* @__PURE__ */ jsx(EnterOutlined, {}),
+            /* @__PURE__ */ jsx(Typography.Text, { type: "secondary", children: chatMessage?.references?.content?.name })
+          ] }),
+          open: !!chatMessage?.references?.content?.name,
+          onOpenChange: () => chatStore.setReferences(),
+          classNames: {
+            content: shouldRender(configState.layout.referencesBtn) ? "" : styles_module_default.nsSenderHeaderContent
+          },
+          children: /* @__PURE__ */ jsx(
+            RenderWrapper,
+            {
+              control: configState.layout.referencesBtn,
+              DefaultComponent: /* @__PURE__ */ jsx(Flex, { gap: 8, children: ["\u6DF1\u5EA6\u89E3\u8BFB", "\u6982\u8981\u89E3\u8BFB"].map((con) => /* @__PURE__ */ jsxs(Button, { color: "primary", variant: "filled", onClick: () => referenceHandle(con), children: [
+                con,
+                " \u2192"
+              ] }, con)) })
+            }
+          )
+        }
+      )
+    }
+  );
+};
+
+// src/ui/common/ConversationListHeader.tsx
+init_Context();
+var ConversationListHeader_default = () => {
+  const chatStore = useChatStore();
+  const agentState = useSnapshot(chatStore.agent);
+  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(
+      Button,
+      {
+        block: true,
+        type: "primary",
+        shape: "round",
+        onClick: () => chatStore.switchConversation(),
+        className: classNames2("m-t-16"),
+        icon: /* @__PURE__ */ jsx(PlusOutlined, {}),
+        children: "\u65B0\u5EFA\u4F1A\u8BDD"
+      }
+    )
+  ] });
+};
+
+// src/ui/common/SenderPromptsItems.tsx
+init_Context();
+var SenderPromptsItems_default = () => {
+  const chatStore = useChatStore();
+  const agentState = useSnapshot(chatStore.agent);
+  const component = useMemo(
+    () => agentState.active.labels?.length > 0 && /* @__PURE__ */ jsxs(Flex, { gap: 4, wrap: true, children: [
+      /* @__PURE__ */ jsx(Button, { disabled: true, color: "default", variant: "text", children: "\u968F\u4FBF\u804A\u804A" }),
+      agentState.active.labels.map((question) => /* @__PURE__ */ jsx(
+        Popover,
+        {
+          content: /* @__PURE__ */ jsx(
+            List,
+            {
+              itemLayout: "horizontal",
+              split: false,
+              className: styles_module_default.senderList,
+              dataSource: question.hotQuestionList,
+              renderItem: (item) => /* @__PURE__ */ jsx(List.Item, { onClick: () => chatStore.onSendMessage(item.question), className: styles_module_default.senderListItem, children: item.question }),
+              footer: /* @__PURE__ */ jsx(Flex, { justify: "end", className: styles_module_default.senderListFooter, children: "(\u60A8\u53EF\u70B9\u51FB\u4EE5\u4E0A\u95EE\u9898\u5F00\u542FAI\u4F53\u9A8C)" })
+            }
+          ),
+          title: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: classNames2(styles_module_default.senderListTitle, "text-ellipsis"),
+              children: `${agentState.active.name}\u5F00\u59CB\u5173\u6CE8${question.labelName}\u5185\u5BB9\uFF01`
+            }
+          ),
+          children: /* @__PURE__ */ jsx(Button, { color: "default", variant: "filled", children: question.labelName })
+        },
+        question.id
+      ))
+    ] }),
+    [agentState.active.labels]
+  );
+  return component;
+};
+
+// src/ui/layouts/styles.module.less
+var styles_module_default3 = {
+  nsPreviewHeader: "styles_module_nsPreviewHeader",
+  nsPreviewHeaderTitle: "styles_module_nsPreviewHeaderTitle",
+  nsChatTitle: "styles_module_nsChatTitle2"
+};
+var layouts_default = forwardRef(({ theme, params, hooks, layout, defaultAgent }, ref) => {
+  const chatStore = useMemo(() => createChatStore(), []);
+  useEffect(() => {
+    chatStore.getUserInfo();
+    if (defaultAgent?.appKey && defaultAgent?.agentKey) {
+      chatStore.switchAgent({ appKey: defaultAgent.appKey, agentKey: defaultAgent.agentKey }, defaultAgent.conversationId);
+    }
+  }, []);
+  useEffect(() => {
+    chatStore.setLayout(layout);
+  }, [layout]);
+  useEffect(() => {
+    chatStore.setConfigParams(params);
+  }, [params]);
+  useEffect(() => {
+    chatStore.setHooks(hooks);
+  }, [hooks]);
+  const agentState = useSnapshot(chatStore.agent);
+  const configState = useSnapshot(chatStore.config);
+  useImperativeHandle(
+    ref,
+    () => ({
+      sendMessage: chatStore.onSendMessage,
+      switchAgent: chatStore.switchAgent,
+      switchConversation: chatStore.switchConversation,
+      setReferences: chatStore.setReferences,
+      setMessage: chatStore.setContent,
+      setFiles: chatStore.setFileList,
+      setParams: chatStore.setConfigParams,
+      setLayout: chatStore.setLayout
+    }),
+    []
+  );
+  const setSplitterSizes = (sizes) => {
+    console.log(sizes);
+  };
+  return /* @__PURE__ */ jsx(XProvider, { theme: { cssVar: true, ...theme }, children: /* @__PURE__ */ jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsx(Spin, { spinning: agentState.loading, wrapperClassName: "full-spin", children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden height-full", children: /* @__PURE__ */ jsxs(Splitter, { onResize: setSplitterSizes, children: [
+    shouldRender(configState.layout.conversationList) && /* @__PURE__ */ jsx(Splitter.Panel, { size: 360, collapsible: false, resizable: false, children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: "height-full", children: [
+      /* @__PURE__ */ jsx(
+        RenderWrapper,
+        {
+          control: configState.layout.conversationListHeader,
+          DefaultComponent: ConversationListHeader_default
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsx(
+        RenderWrapper,
+        {
+          control: configState.layout.conversationList,
+          DefaultComponent: ConversationList_default
+        }
+      ) })
+    ] }) }),
+    configState.preview.file.fileUrl && shouldRender(configState.layout.preview) && /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, resizable: false, children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: "height-full", children: [
+      /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", gap: 16, className: styles_module_default3.nsPreviewHeader, children: [
+        /* @__PURE__ */ jsx("div", { className: styles_module_default3.nsPreviewHeaderTitle, children: configState.preview.file.fileName }),
+        /* @__PURE__ */ jsxs(Flex, { gap: 8, justify: "center", align: "center", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              color: "primary",
+              variant: "outlined",
+              onClick: () => downloadFile(configState.preview.file.fileUrl, configState.preview.file.fileName),
+              children: "\u4E0B\u8F7D"
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { onClick: () => chatStore.setPreview(), children: "\u5173\u95ED" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "full-scroll", children: configState.preview.file.fileUrl && /* @__PURE__ */ jsx(
+        FilePreview,
+        {
+          ...configState.preview.file,
+          pdfParams: {
+            isHasThumbnails: false
+          }
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, resizable: false, children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames2("height-full"), children: [
+      /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.header, DefaultComponent: AgentHeader_default }),
+      /* @__PURE__ */ jsx(Flex, { vertical: true, className: classNames2("full-scroll", styles_module_default.nsBody), children: /* @__PURE__ */ jsxs(Flex, { justify: "center", vertical: true, gap: 24, className: classNames2("height-full", styles_module_default.nsBodyWidth), children: [
+        shouldRender(configState.layout.messageList) && /* @__PURE__ */ jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsx(
+          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.nsChatTitle, children: [
+              "\u6211\u662F ",
+              agentState.active.name
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxs(Flex, { vertical: true, gap: 8, children: [
+          /* @__PURE__ */ jsx(
+            RenderWrapper,
+            {
+              control: configState.layout.senderPrompts,
+              DefaultComponent: SenderPromptsItems_default
+            }
+          ),
+          /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.sender, DefaultComponent: ChatSender_default2 })
+        ] }),
+        /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.senderFooter, DefaultComponent: /* @__PURE__ */ jsx(Fragment, {}) })
+      ] }) })
+    ] }) })
+  ] }) }) }) }) });
+});
+
+export { layouts_default as AgentChat };
+//# sourceMappingURL=index.esm.js.map
+//# sourceMappingURL=index.esm.js.map