@zero-library/chat-agent 2.1.11 → 2.1.13

package/dist/index.cjs.js

@@ -8,13 +8,13 @@ var react = require('react');
 var valtio = require('valtio');
 var icons = require('@ant-design/icons');
 var x = require('@ant-design/x');
-var classNames8 = require('classnames');
+var classNames9 = require('classnames');
 var InfiniteScroll = require('react-infinite-scroll-component');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
-var classNames8__default = /*#__PURE__*/_interopDefault(classNames8);
+var classNames9__default = /*#__PURE__*/_interopDefault(classNames9);
 var InfiniteScroll__default = /*#__PURE__*/_interopDefault(InfiniteScroll);
 
 var __defProp = Object.defineProperty;
@@ -560,8 +560,8 @@ function createChatStore() {
       character.loading = true;
       const { data } = await config.services.request.agentCharacterQuery(agentId);
       if (receiver.active.id !== agentId) return;
-      character.list = data;
-      const active = data.find((item) => item.selected);
+      character.list = data || [];
+      const active = character.list.find((item) => item.selected);
       if (active) {
         character.active = active;
       }
@@ -974,6 +974,13 @@ var customComponents = {
   fileEdit: () => Promise.resolve().then(() => (init_FileEdit(), FileEdit_exports)),
   quoteList: () => Promise.resolve().then(() => (init_QuoteList(), QuoteList_exports))
 };
+
+// src/components/styles.module.less
+var styles_module_default2 = {
+  chatAttachments: "styles_module_chatAttachments",
+  chatSender: "styles_module_chatSender",
+  chatQuoteMsg: "styles_module_chatQuoteMsg"
+};
 var MessageRender_default = ({ message: message3, placement }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, children: [
     message3.msgContent && /* @__PURE__ */ jsxRuntime.jsx(x.Bubble, { placement, content: /* @__PURE__ */ jsxRuntime.jsx(common.RenderMarkdown, { content: message3.msgContent, customComponents }) }),
@@ -996,7 +1003,34 @@ var MessageRender_default = ({ message: message3, placement }) => {
         )
       },
       file.content
-    ))
+    )),
+    message3.quoteMsg?.id && /* @__PURE__ */ jsxRuntime.jsx(
+      x.Bubble,
+      {
+        className: classNames9__default.default(styles_module_default2.chatQuoteMsg),
+        placement,
+        content: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, gap: 8, children: [
+          message3.quoteMsg.msgContent && /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u3010\u5F15\u7528\u6D88\u606F\u3011\uFF1A" }),
+            /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { flex: 1, className: "text-ellipsis", children: message3.quoteMsg.msgContent })
+          ] }),
+          message3.quoteMsg?.msgFiles && message3.quoteMsg.msgFiles.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u3010\u5F15\u7528\u6587\u4EF6\u3011\uFF1A" }),
+            /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, wrap: true, flex: 1, children: message3.quoteMsg.msgFiles.map((file) => /* @__PURE__ */ jsxRuntime.jsx(
+              x.Attachments.FileCard,
+              {
+                item: {
+                  uid: file.content,
+                  name: file.name,
+                  url: file.content
+                }
+              },
+              file.content
+            )) })
+          ] })
+        ] })
+      }
+    )
   ] });
 };
 
@@ -1012,7 +1046,7 @@ init_utils();
 init_Context();
 
 // src/ui/common/styles.module.less
-var styles_module_default2 = {
+var styles_module_default3 = {
   loadingMessage: "styles_module_loadingMessage",
   nsConversationListPanel: "styles_module_nsConversationListPanel",
   nsConversations: "styles_module_nsConversations",
@@ -1074,7 +1108,7 @@ var MessageAIRender_default = ({ message: message3, placement }) => {
     x.Bubble,
     {
       placement,
-      className: classNames8__default.default({ [styles_module_default2.loadingMessage]: message3.type && message3.type !== "TEXT_MESSAGE_END" }),
+      className: classNames9__default.default({ [styles_module_default3.loadingMessage]: message3.type && message3.type !== "TEXT_MESSAGE_END" }),
       content: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         thinkContents.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
           antd.Collapse,
@@ -1143,11 +1177,11 @@ var BubbleListItems_default = ({ firstMessage = false, avatar = { user: false, a
     () => [
       {
         key: "placeholder",
-        content: /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { direction: "vertical", size: 16, className: styles_module_default2.chatWelcomeWrap, children: [
+        content: /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { direction: "vertical", size: 16, className: styles_module_default3.chatWelcomeWrap, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             x.Welcome,
             {
-              className: classNames8__default.default(styles_module_default2.chatWelcome, "p-t-32"),
+              className: classNames9__default.default(styles_module_default3.chatWelcome, "p-t-32"),
               variant: "borderless",
               icon: /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { shape: "square", size: 58, src: receiverState.active.logo }),
               title: `\u4F60\u597D\uFF0C\u6211\u662F${receiverState.active.name || ""}`,
@@ -1165,7 +1199,7 @@ var BubbleListItems_default = ({ firstMessage = false, avatar = { user: false, a
                   label: "\u{1F914} \u63A8\u8350\u95EE\u9898:",
                   children: receiverState.active.config.recommendQuestions.map(({ question }) => ({
                     key: question,
-                    description: /* @__PURE__ */ jsxRuntime.jsx("span", { onClick: () => chatStore.sendMessage(question), className: classNames8__default.default(styles_module_default2.chatWelcomePrompts, "text-ellipsis"), children: question })
+                    description: /* @__PURE__ */ jsxRuntime.jsx("span", { onClick: () => chatStore.sendMessage(question), className: classNames9__default.default(styles_module_default3.chatWelcomePrompts, "text-ellipsis"), children: question })
                   }))
                 }
               ]
@@ -1298,7 +1332,7 @@ var BubbleListItems_default = ({ firstMessage = false, avatar = { user: false, a
       autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames8__default.default(styles_module_default2.nsBubbleList, "height-full", "scroll-fade-in", "zero-chat-bubbles"),
+      className: classNames9__default.default(styles_module_default3.nsBubbleList, "height-full", "scroll-fade-in", "zero-chat-bubbles"),
       onScroll: handleScroll
     },
     conversationState.active.id
@@ -1329,18 +1363,18 @@ var CharacterList_default = () => {
       okText: "\u5207\u6362\u6027\u683C",
       onOk: () => chatStore.switchCharacter(activeCharacter),
       confirmLoading: characterState.switchLoading,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.nsAvatarListContainer, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Row, { wrap: true, gutter: [16, 32], className: styles_module_default2.nsAvatarList, children: characterState.list.map((item) => /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, align: "center", className: styles_module_default2.nsAvatarListItem, onClick: () => setActiveCharacter(item), children: [
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default3.nsAvatarListContainer, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Row, { wrap: true, gutter: [16, 32], className: styles_module_default3.nsAvatarList, children: characterState.list.map((item) => /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, align: "center", className: styles_module_default3.nsAvatarListItem, onClick: () => setActiveCharacter(item), children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           antd.Avatar,
           {
-            className: classNames8__default.default(styles_module_default2.nsAvatarListItemIcon, "cursor-pointer", {
-              [styles_module_default2.nsAvatarListItemIconActive]: activeCharacter.id === item.id
+            className: classNames9__default.default(styles_module_default3.nsAvatarListItemIcon, "cursor-pointer", {
+              [styles_module_default3.nsAvatarListItemIconActive]: activeCharacter.id === item.id
             }),
             size: 50,
             src: /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.logo, alt: "\u5934\u50CF" })
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.nsAvatarListItemName, children: item.characterName })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default3.nsAvatarListItemName, children: item.characterName })
       ] }) }, item.id)) }) })
     }
   );
@@ -1354,7 +1388,7 @@ var AgentCharacter_default = () => {
       chatStore.getCharacters(receiverState.active.id);
     }
   }, [receiverState.active.id]);
-  return characterState.active.id && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  return characterState.active?.id && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { title: "\u6027\u683C", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { onClick: chatStore.openCharacterList, className: "cursor-pointer", src: characterState.active.logo }) }),
     characterState.open && /* @__PURE__ */ jsxRuntime.jsx(CharacterList_default, {})
   ] });
@@ -1392,7 +1426,7 @@ var ConversationList_default = () => {
       children: /* @__PURE__ */ jsxRuntime.jsx(
         x.Conversations,
         {
-          className: styles_module_default2.nsConversations,
+          className: styles_module_default3.nsConversations,
           items: conversationList,
           activeKey: conversationState.active.id,
           onActiveChange: async (id) => chatStore.switchConversation(id),
@@ -1428,7 +1462,7 @@ var ChatHeader_default = ({
   const chatStore = useChatStore();
   const receiverState = valtio.useSnapshot(chatStore.receiver);
   const configState = valtio.useSnapshot(chatStore.config);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", align: "center", className: classNames8__default.default(styles_module_default2.nsChatHeader, "zero-chat-header"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", align: "center", className: classNames9__default.default(styles_module_default3.nsChatHeader, "zero-chat-header"), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, align: "center", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         common.RenderWrapper,
@@ -1436,7 +1470,7 @@ var ChatHeader_default = ({
           control: title,
           DefaultComponent: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { size: 22, src: receiverState.active.logo, alt: receiverState.active.name }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.nsChatTitle, children: receiverState.active.name })
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default3.nsChatTitle, children: receiverState.active.name })
           ] })
         }
       ),
@@ -1460,7 +1494,7 @@ var ChatHeader_default = ({
             {
               getPopupContainer: (e) => e,
               placement: "bottom",
-              classNames: { body: styles_module_default2.nsChatHeaderPopover },
+              classNames: { body: styles_module_default3.nsChatHeaderPopover },
               content: /* @__PURE__ */ jsxRuntime.jsx(ConversationList_default, {}),
               trigger: ["click"],
               children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { title: "\u5386\u53F2\u4F1A\u8BDD", type: "text", size: "large", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CommentOutlined, {}) })
@@ -1478,12 +1512,6 @@ var ChatHeader_default = ({
     ] })
   ] }) });
 };
-
-// src/components/styles.module.less
-var styles_module_default3 = {
-  chatAttachments: "styles_module_chatAttachments",
-  chatSender: "styles_module_chatSender"
-};
 var Attachments_default = react.forwardRef(({ fileUpload, fileUploadConfig = [], fileList = [], onChange, extraParams }, ref) => {
   const { message: message3 } = antd.App.useApp();
   const fileListRef = react.useRef([]);
@@ -1617,7 +1645,7 @@ var Attachments_default = react.forwardRef(({ fileUpload, fileUploadConfig = [],
   return /* @__PURE__ */ jsxRuntime.jsx(
     x.Attachments,
     {
-      className: styles_module_default3.chatAttachments,
+      className: styles_module_default2.chatAttachments,
       accept: acceptStr,
       multiple: true,
       customRequest: onCustomRequest,
@@ -1686,7 +1714,7 @@ var ChatSender_default = react.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(x.Suggestion, { items: [], onSelect: (itemVal) => setInputValue(`[${itemVal}]:`), children: ({}) => /* @__PURE__ */ jsxRuntime.jsx(
       x.Sender,
       {
-        className: styles_module_default3.chatSender,
+        className: styles_module_default2.chatSender,
         ref: senderRef,
         value: inputValue,
         header: senderHeader,
@@ -1725,9 +1753,9 @@ var SenderPromptsItems_default = () => {
   const chatStore = useChatStore();
   const receiverState = valtio.useSnapshot(chatStore.receiver);
   const component = react.useMemo(
-    () => receiverState.active.config?.labels?.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, className: "overflow-hidden", children: [
+    () => receiverState.active.config?.labels?.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, wrap: true, children: [
       /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { disabled: true, color: "default", variant: "text", children: "\u968F\u4FBF\u804A\u804A" }),
-      receiverState.active.config.labels.map((question) => /* @__PURE__ */ jsxRuntime.jsx(
+      receiverState.active.config.labels.slice(0, 6).map((question) => /* @__PURE__ */ jsxRuntime.jsx(
         antd.Popover,
         {
           content: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1735,16 +1763,16 @@ var SenderPromptsItems_default = () => {
             {
               itemLayout: "horizontal",
               split: false,
-              className: styles_module_default2.nsSenderList,
+              className: styles_module_default3.nsSenderList,
               dataSource: question.items,
-              renderItem: (item) => /* @__PURE__ */ jsxRuntime.jsx(antd.List.Item, { onClick: () => chatStore.sendMessage(item.question), className: styles_module_default2.nsSenderListItem, children: item.question }),
-              footer: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { justify: "end", className: styles_module_default2.nsSenderListFooter, children: "(\u60A8\u53EF\u70B9\u51FB\u4EE5\u4E0A\u95EE\u9898\u5F00\u542FAI\u4F53\u9A8C)" })
+              renderItem: (item) => /* @__PURE__ */ jsxRuntime.jsx(antd.List.Item, { onClick: () => chatStore.sendMessage(item.question), className: styles_module_default3.nsSenderListItem, children: item.question }),
+              footer: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { justify: "end", className: styles_module_default3.nsSenderListFooter, children: "(\u60A8\u53EF\u70B9\u51FB\u4EE5\u4E0A\u95EE\u9898\u5F00\u542FAI\u4F53\u9A8C)" })
             }
           ),
           title: /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: classNames8__default.default(styles_module_default2.nsSenderListTitle, "text-ellipsis"),
+              className: classNames9__default.default(styles_module_default3.nsSenderListTitle, "text-ellipsis"),
               children: `${receiverState.active.name}\u5F00\u59CB\u5173\u6CE8${question.name}\u5185\u5BB9\uFF01`
             }
           ),
@@ -1835,8 +1863,8 @@ var ChatSender_default2 = react.forwardRef(
               open: !!chatMessage?.references?.content?.name,
               onOpenChange: () => chatStore.setReferences(),
               classNames: {
-                header: styles_module_default2.nsSenderReferenceHeaderTitle,
-                content: common.shouldRender(referencesBtn) ? "" : styles_module_default2.nsSenderReferenceHeaderContent
+                header: styles_module_default3.nsSenderReferenceHeaderTitle,
+                content: common.shouldRender(referencesBtn) ? "" : styles_module_default3.nsSenderReferenceHeaderContent
               },
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 common.RenderWrapper,
@@ -1864,7 +1892,7 @@ var ConversationListHeader_default = () => {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-24", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { align: "center", gap: 8, children: [
       /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { size: 36, src: receiverState.active.logo }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_module_default2.nsChatUserName, children: receiverState.active.name })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_module_default3.nsChatUserName, children: receiverState.active.name })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
       antd.Button,
@@ -1873,7 +1901,7 @@ var ConversationListHeader_default = () => {
         type: "primary",
         shape: "round",
         onClick: () => chatStore.createConversation(),
-        className: classNames8__default.default("m-t-16"),
+        className: classNames9__default.default("m-t-16"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}),
         children: "\u65B0\u5EFA\u4F1A\u8BDD"
       }
@@ -1881,7 +1909,7 @@ var ConversationListHeader_default = () => {
   ] });
 };
 var ConversationListPanel_default = ({ header }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames8__default.default("height-full", "zero-chat-conversations", styles_module_default2.nsConversationListPanel), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames9__default.default("height-full", "zero-chat-conversations", styles_module_default3.nsConversationListPanel), children: [
     /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: header, DefaultComponent: ConversationListHeader_default }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsxRuntime.jsx(ConversationList_default, {}) })
   ] });
@@ -1979,7 +2007,7 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
   react.useEffect(() => {
     configState.hooks?.onBeforeInit?.();
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(x.XProvider, { theme: { cssVar: true, ...theme }, children: /* @__PURE__ */ jsxRuntime.jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: receiverState.loading, wrapperClassName: "full-spin", children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames8__default.default(styles_module_default4.nsChatLayout, "zero-chat-layout", "height-full"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(x.XProvider, { theme: { cssVar: true, ...theme }, children: /* @__PURE__ */ jsxRuntime.jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: receiverState.loading, wrapperClassName: "full-spin", children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames9__default.default(styles_module_default4.nsChatLayout, "zero-chat-layout", "height-full"), children: [
     /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.globalHeader, DefaultComponent: ChatHeader_default }),
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { className: "full-scroll", children: [
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.leftPanel }),
@@ -2033,15 +2061,15 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames8__default.default("height-full"), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames9__default.default("height-full"), children: [
           /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.chatHeader, DefaultComponent: ChatHeader_default }),
-          /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, className: classNames8__default.default("full-scroll"), children: /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, className: classNames9__default.default("full-scroll"), children: /* @__PURE__ */ jsxRuntime.jsxs(
             antd.Flex,
             {
               justify: "center",
               vertical: true,
               gap: 24,
-              className: classNames8__default.default("height-full", styles_module_default4.nsChatBody, "zero-chat-body", styles_module_default4.nsBodyWidth),
+              className: classNames9__default.default("height-full", styles_module_default4.nsChatBody, "zero-chat-body", styles_module_default4.nsBodyWidth),
               children: [
                 common.shouldRender(configState.layout.messageList) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.messageList, DefaultComponent: BubbleListItems_default }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, gap: 8, children: [