@zero-library/chat-agent 2.3.4 → 2.3.6

package/dist/index.esm.js

@@ -1,9 +1,9 @@
 import { createSecureManager, createTokenManager, useRefState, useDebounce, useSyncInput, markdownToText, RenderWrapper, shouldRender, isFunction, useDeepEffect, useWebSocket, downloadFile, FilePreview, MarkdownEditor, isObject, isNullOrUnDef, isNumber, getFileSuffixName, isBoolean, UserAvatar, htmlToMarkdown, copyText, deepCopy, transforms, deepMerge, createRequest, HttpStatus, isArray, isString, isEmptyObj, RenderMarkdown, transform, emit, buildUrlParams, getWebSocketUrl, useCreateValtioContext, FileIcon, isExternal, LazyComponent } from '@zero-library/common';
-import { App, Badge, Button, Flex, Typography, Spin, Splitter, Tag, Popover, List, Avatar, Space, Input, Popconfirm, message, Empty, Tooltip, Form, Modal, AutoComplete, Row, Col, Collapse, Skeleton, Alert, Drawer } from 'antd';
+import { App, Badge, Button, Flex, Typography, Spin, Splitter, Tag, Popover, Avatar, Space, Input, Popconfirm, message, Empty, Tooltip, Form, Modal, AutoComplete, Row, Col, Collapse, Skeleton, Alert, Drawer } from 'antd';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useRef, useEffect, useImperativeHandle, useMemo, useState } from 'react';
 import { useSnapshot, proxy } from 'valtio';
-import { CloudUploadOutlined, PaperClipOutlined, EnterOutlined, CloseOutlined, FileSearchOutlined, UserSwitchOutlined, PlusOutlined, CommentOutlined, OpenAIOutlined, CopyOutlined, LikeOutlined, DislikeOutlined, SearchOutlined, PushpinOutlined, EditOutlined, DeleteOutlined, RedoOutlined, SignatureOutlined, PlayCircleOutlined, DotChartOutlined } from '@ant-design/icons';
+import { CloudUploadOutlined, PaperClipOutlined, EnterOutlined, CloseOutlined, FileSearchOutlined, UserSwitchOutlined, PlusOutlined, CommentOutlined, OpenAIOutlined, CopyOutlined, LikeOutlined, DislikeOutlined, SearchOutlined, PushpinOutlined, EditOutlined, DeleteOutlined, StarFilled, StarOutlined, RedoOutlined, SignatureOutlined, PlayCircleOutlined, DotChartOutlined } from '@ant-design/icons';
 import classNames11 from 'classnames';
 import { Attachments, Sender, Suggestion, XProvider, Prompts, Bubble, Conversations, Welcome } from '@ant-design/x';
 import dayjs from 'dayjs';
@@ -365,6 +365,12 @@ var createChatService = (request) => {
   const conversationDelete = (conversationId) => {
     return request.delete("/lolr/conversation", { conversationId });
   };
+  const conversationFavoritesQuery = (params) => {
+    return request.get("/lolr/conversation/favorite", params);
+  };
+  const conversationFavorite = (conversationId, isFavorite) => {
+    return request.put("/lolr/conversation/favorite/status", { conversationId, status: Number(isFavorite) });
+  };
   const conversationRecentUpdate = (params) => {
     return request.put("/lolr/conversation/recent", params);
   };
@@ -432,6 +438,8 @@ var createChatService = (request) => {
     conversationsQuery,
     conversationCreate,
     conversationDelete,
+    conversationFavoritesQuery,
+    conversationFavorite,
     conversationRecentUpdate,
     conversationRecentQuery,
     conversationMessagesQuery,
@@ -737,7 +745,8 @@ function createChatStore() {
         group: (c) => {
           return classifyTime(c.updateTime);
         },
-        timestamp: "updateTime"
+        timestamp: "updateTime",
+        isFavorite: "isFavorite"
       });
       conversations.list.items = items;
     } finally {
@@ -761,6 +770,48 @@ function createChatStore() {
       conversations.delLoading = false;
     }
   };
+  const favorite = proxy({
+    /** 收藏列表数据 */
+    list: {
+      items: [],
+      /** 分页查询参数 */
+      params: {
+        pageNo: 1,
+        pageSize: 1e3
+      }
+    },
+    /** 收藏列表的加载状态 */
+    loading: false
+  });
+  const getConversationFavorite = async () => {
+    try {
+      favorite.loading = true;
+      const { data } = await config.services.request.conversationFavoritesQuery({
+        targetId: receiver.active.id,
+        targetType: receiver.active.type,
+        ...favorite.list.params
+      });
+      favorite.list.items = data?.items || [];
+    } finally {
+      favorite.loading = false;
+    }
+  };
+  const collectConversation = async (conversationId, isFavorite) => {
+    try {
+      await config.services.request.conversationFavorite(conversationId, isFavorite);
+      if (conversations.list.items.length) {
+        const item = conversations.list.items.find((item2) => item2.id === conversationId);
+        if (item) {
+          item.isFavorite = isFavorite;
+        }
+      }
+      if (!isFavorite && favorite.list.items.length) {
+        favorite.list.items = favorite.list.items.filter((item) => item.id !== conversationId);
+      }
+      message.success(isFavorite ? "\u6536\u85CF\u6210\u529F" : "\u5DF2\u53D6\u6D88\u6536\u85CF");
+    } finally {
+    }
+  };
   const conversation = proxy({
     /** 当前激活的会话信息 */
     active: {
@@ -1155,6 +1206,12 @@ function createChatStore() {
     getConversations,
     /** 删除会话 */
     delConversation,
+    /** 收藏相关状态 */
+    favorite,
+    /** 取消/收藏 */
+    collectConversation,
+    /** 获取收藏的会话列表 */
+    getConversationFavorite,
     /** 当前会话状态 */
     conversation,
     /** 设置说话人类型 */
@@ -1322,17 +1379,18 @@ init_Context();
 var styles_module_default3 = {
   nsConversationListPanel: "styles_module_nsConversationListPanel",
   nsConversations: "styles_module_nsConversations",
+  favoriteCard: "styles_module_favoriteCard",
+  favoriteCardActive: "styles_module_favoriteCardActive",
+  favoriteCardTitle: "styles_module_favoriteCardTitle",
+  favoriteCardActions: "styles_module_favoriteCardActions",
+  favoriteCardDate: "styles_module_favoriteCardDate",
   nsBubbleList: "styles_module_nsBubbleList",
   nsChatHeader: "styles_module_nsChatHeader",
   nsChatTitle: "styles_module_nsChatTitle",
-  nsChatHeaderPopover: "styles_module_nsChatHeaderPopover",
+  nsPopover: "styles_module_nsPopover",
   chatWelcomeWrap: "styles_module_chatWelcomeWrap",
   chatWelcome: "styles_module_chatWelcome",
   chatWelcomePrompts: "styles_module_chatWelcomePrompts",
-  nsSenderListTitle: "styles_module_nsSenderListTitle",
-  nsSenderList: "styles_module_nsSenderList",
-  nsSenderListItem: "styles_module_nsSenderListItem",
-  nsSenderListFooter: "styles_module_nsSenderListFooter",
   nsChatUserName: "styles_module_nsChatUserName",
   nsSenderReferenceHeaderTitle: "styles_module_nsSenderReferenceHeaderTitle",
   nsSenderReferenceHeaderContent: "styles_module_nsSenderReferenceHeaderContent",
@@ -1682,6 +1740,73 @@ var AgentCharacter_default = () => {
   ] });
 };
 
+// src/ui/common/ConversationFavoritesList.tsx
+init_Context();
+var ConversationFavoritesList_default = () => {
+  const chatStore = useChatStore();
+  const conversationState = useSnapshot(chatStore.conversation);
+  const favoriteState = useSnapshot(chatStore.favorite);
+  const getFavoriteList = useDebounce(() => {
+    chatStore.getConversationFavorite();
+  }, 300);
+  const renderFavoriteList = useMemo(() => {
+    return /* @__PURE__ */ jsx("div", { className: classNames11("height-full", "scroll-fade-in"), children: favoriteState.list.items.length ? favoriteState.list.items.map((item) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: classNames11(styles_module_default3.favoriteCard, { [styles_module_default3.favoriteCardActive]: conversationState.active.id === item.id }),
+        onClick: () => chatStore.switchConversation(item.id),
+        children: [
+          /* @__PURE__ */ jsxs(Flex, { gap: 8, align: "center", children: [
+            /* @__PURE__ */ jsx(Flex, { flex: 1, className: classNames11(styles_module_default3.favoriteCardTitle, "text-ellipsis"), children: item.title }),
+            /* @__PURE__ */ jsx(Flex, { gap: 8, align: "center", className: styles_module_default3.favoriteCardActions, children: /* @__PURE__ */ jsx(
+              Popconfirm,
+              {
+                title: "\u63D0\u793A",
+                okText: "\u786E\u5B9A",
+                cancelText: "\u53D6\u6D88",
+                description: "\u786E\u8BA4\u53D6\u6D88\u6536\u85CF\u8BE5\u4F1A\u8BDD\u5417\uFF1F",
+                onConfirm: (e) => {
+                  e.stopPropagation();
+                  chatStore.collectConversation(item.id, false);
+                },
+                children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    icon: /* @__PURE__ */ jsx(DeleteOutlined, {}),
+                    title: "\u5220\u9664",
+                    type: "text",
+                    onClick: (e) => {
+                      e.stopPropagation();
+                    }
+                  }
+                )
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: styles_module_default3.favoriteCardDate, children: item.favoriteTime })
+        ]
+      },
+      item.id
+    )) : /* @__PURE__ */ jsx(Empty, { description: "\u6682\u65E0\u6536\u85CF", image: Empty.PRESENTED_IMAGE_SIMPLE }) });
+  }, [favoriteState.list.items, conversationState.active.id]);
+  const handlePopoverVisibleChange = (visible) => {
+    if (!visible) return;
+    getFavoriteList();
+  };
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      classNames: { body: styles_module_default3.nsPopover },
+      getPopupContainer: (e) => e,
+      placement: "bottom",
+      content: renderFavoriteList,
+      trigger: ["click"],
+      onOpenChange: handlePopoverVisibleChange,
+      children: /* @__PURE__ */ jsx(Button, { title: "\u6536\u85CF\u5939", type: "text", size: "large", icon: /* @__PURE__ */ jsx(StarOutlined, {}) })
+    }
+  );
+};
+
 // src/ui/common/ConversationList.tsx
 init_Context();
 var ConversationList_default = () => {
@@ -1690,7 +1815,7 @@ var ConversationList_default = () => {
   const conversationsState = useSnapshot(chatStore.conversations);
   const conversationState = useSnapshot(chatStore.conversation);
   const getConversations = useDebounce(() => {
-    chatStore.getConversations(receiverState.active.id, 3);
+    chatStore.getConversations(receiverState.active.id, receiverState.active.type);
   }, 300);
   useEffect(() => {
     if (receiverState.active.id) {
@@ -1721,6 +1846,11 @@ var ConversationList_default = () => {
           groupable: true,
           menu: (conversation) => ({
             items: [
+              {
+                label: `${conversation.isFavorite ? "\u53D6\u6D88\u6536\u85CF" : "\u6536\u85CF"}`,
+                key: "collect",
+                icon: conversation?.isFavorite ? /* @__PURE__ */ jsx(StarFilled, { className: "primary-text" }) : /* @__PURE__ */ jsx(StarOutlined, {})
+              },
               {
                 label: "\u5220\u9664\u4F1A\u8BDD",
                 key: "delete",
@@ -1732,6 +1862,8 @@ var ConversationList_default = () => {
               menuInfo.domEvent.stopPropagation();
               if (menuInfo.key === "delete") {
                 chatStore.delConversation(conversation.id);
+              } else if (menuInfo.key === "collect") {
+                chatStore.collectConversation(conversation.id, !conversation.isFavorite);
               }
             }
           })
@@ -1746,7 +1878,8 @@ var ChatHeader_default = ({
   closeBtn = false,
   newConversationBtn = true,
   agentCharacter = true,
-  conversationListBtn = true
+  conversationListBtn = true,
+  conversationListFavoriteBtn = true
 }) => {
   const chatStore = useChatStore();
   const receiverState = useSnapshot(chatStore.receiver);
@@ -1775,7 +1908,7 @@ var ChatHeader_default = ({
             {
               getPopupContainer: (e) => e,
               placement: "bottom",
-              classNames: { body: styles_module_default3.nsChatHeaderPopover },
+              classNames: { body: styles_module_default3.nsPopover },
               content: /* @__PURE__ */ jsx(ConversationList_default, {}),
               trigger: ["click"],
               children: /* @__PURE__ */ jsx(Button, { title: "\u5386\u53F2\u4F1A\u8BDD", type: "text", size: "large", icon: /* @__PURE__ */ jsx(CommentOutlined, {}) })
@@ -1783,6 +1916,7 @@ var ChatHeader_default = ({
           )
         }
       ),
+      /* @__PURE__ */ jsx(RenderWrapper, { control: conversationListFavoriteBtn, DefaultComponent: /* @__PURE__ */ jsx(ConversationFavoritesList_default, {}) }),
       /* @__PURE__ */ jsx(
         RenderWrapper,
         {
@@ -2424,47 +2558,8 @@ var FeaturesRenderer_default = () => {
     )
   ] });
 };
-
-// src/ui/common/SenderPromptsItems.tsx
-init_Context();
-var SenderPromptsItems_default = () => {
-  const chatStore = useChatStore();
-  const receiverState = useSnapshot(chatStore.receiver);
-  const component = useMemo(
-    () => receiverState.active.config?.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" }),
-      receiverState.active.config.labels.slice(0, 6).map((question) => /* @__PURE__ */ jsx(
-        Popover,
-        {
-          content: /* @__PURE__ */ jsx(
-            List,
-            {
-              itemLayout: "horizontal",
-              split: false,
-              className: styles_module_default3.nsSenderList,
-              dataSource: question.items,
-              renderItem: (item) => /* @__PURE__ */ jsx(List.Item, { onClick: () => chatStore.sendMessage(item.question), className: styles_module_default3.nsSenderListItem, children: /* @__PURE__ */ jsx("div", { className: "text-ellipsis", children: item.question }) }),
-              footer: /* @__PURE__ */ jsx(Flex, { justify: "end", className: styles_module_default3.nsSenderListFooter, children: "(\u60A8\u53EF\u70B9\u51FB\u4EE5\u4E0A\u95EE\u9898\u5F00\u542FAI\u4F53\u9A8C)" })
-            }
-          ),
-          title: /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: classNames11(styles_module_default3.nsSenderListTitle, "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.name })
-        },
-        question.id
-      ))
-    ] }),
-    [receiverState.active.config?.labels]
-  );
-  return component;
-};
 var ChatSender_default2 = forwardRef(
-  ({ placeholder, extraBtn = false, referencesBtn = false, sendBtnProps, footerBelow = false, prompts = true }, ref) => {
+  ({ placeholder, extraBtn = false, referencesBtn = false, sendBtnProps, footerBelow = false }, ref) => {
     const chatStore = useChatStore();
     const configState = useSnapshot(chatStore.config);
     const receiverState = useSnapshot(chatStore.receiver);
@@ -2484,84 +2579,94 @@ var ChatSender_default2 = forwardRef(
       chatStore.setContent(con);
       chatStore.sendMessage();
     };
-    return /* @__PURE__ */ jsxs(Flex, { vertical: true, gap: 8, className: "zero-chat-sender", children: [
-      /* @__PURE__ */ jsx(RenderWrapper, { control: prompts, DefaultComponent: SenderPromptsItems_default }),
-      /* @__PURE__ */ jsx(
-        ChatSender_default,
-        {
-          ref,
-          placeholder,
-          content: chatMessage.content,
-          fileList: chatMessage.files,
-          headerOpen: chatMessage.headerOpen,
-          loading: chatMessage.loading,
-          onContentChange: chatStore.setContent,
-          onFileListChange: chatStore.setFileList,
-          onHeaderOpenChange: chatStore.setHeaderOpen,
-          onSend: () => chatStore.sendMessage(),
-          onCancel: chatStore.cancelReceive,
-          onFocus: chatStore.config.hooks?.onSenderFocus,
-          fileUpload: {
-            request: configState.services.request?.fileUpload,
-            config: receiverState.active.config?.fileUpload
-          },
-          sendBtnProps: isFunction(sendBtnProps) ? sendBtnProps() : {},
-          extraFooterBelow: /* @__PURE__ */ jsx(RenderWrapper, { control: footerBelow }),
-          extraFooter: /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(FeaturesRenderer_default, {}),
-            /* @__PURE__ */ jsx(RenderWrapper, { control: extraBtn })
-          ] }),
-          extraHeader: /* @__PURE__ */ jsx(
-            Sender.Header,
-            {
-              title: /* @__PURE__ */ jsxs(Flex, { gap: 4, children: [
-                /* @__PURE__ */ jsx(EnterOutlined, {}),
-                /* @__PURE__ */ jsx(Typography.Text, { type: "secondary", ellipsis: true, children: referenceContent })
-              ] }),
-              open: !!referenceContent,
-              onOpenChange: () => chatStore.setReferences(),
-              classNames: {
-                header: styles_module_default3.nsSenderReferenceHeaderTitle,
-                content: shouldRender(referencesBtn) ? "" : styles_module_default3.nsSenderReferenceHeaderContent
-              },
-              children: /* @__PURE__ */ jsx(
-                RenderWrapper,
-                {
-                  control: 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)) })
-                }
-              )
-            }
-          )
-        }
-      )
-    ] });
+    return /* @__PURE__ */ jsx(Flex, { vertical: true, gap: 8, className: "zero-chat-sender", children: /* @__PURE__ */ jsx(
+      ChatSender_default,
+      {
+        ref,
+        placeholder,
+        content: chatMessage.content,
+        fileList: chatMessage.files,
+        headerOpen: chatMessage.headerOpen,
+        loading: chatMessage.loading,
+        onContentChange: chatStore.setContent,
+        onFileListChange: chatStore.setFileList,
+        onHeaderOpenChange: chatStore.setHeaderOpen,
+        onSend: () => chatStore.sendMessage(),
+        onCancel: chatStore.cancelReceive,
+        onFocus: chatStore.config.hooks?.onSenderFocus,
+        fileUpload: {
+          request: configState.services.request?.fileUpload,
+          config: receiverState.active.config?.fileUpload
+        },
+        sendBtnProps: isFunction(sendBtnProps) ? sendBtnProps() : {},
+        extraFooterBelow: /* @__PURE__ */ jsx(RenderWrapper, { control: footerBelow }),
+        extraFooter: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(FeaturesRenderer_default, {}),
+          /* @__PURE__ */ jsx(RenderWrapper, { control: extraBtn })
+        ] }),
+        extraHeader: /* @__PURE__ */ jsx(
+          Sender.Header,
+          {
+            title: /* @__PURE__ */ jsxs(Flex, { gap: 4, children: [
+              /* @__PURE__ */ jsx(EnterOutlined, {}),
+              /* @__PURE__ */ jsx(Typography.Text, { type: "secondary", ellipsis: true, children: referenceContent })
+            ] }),
+            open: !!referenceContent,
+            onOpenChange: () => chatStore.setReferences(),
+            classNames: {
+              header: styles_module_default3.nsSenderReferenceHeaderTitle,
+              content: shouldRender(referencesBtn) ? "" : styles_module_default3.nsSenderReferenceHeaderContent
+            },
+            children: /* @__PURE__ */ jsx(
+              RenderWrapper,
+              {
+                control: 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 = () => {
+var ConversationListHeader_default = ({ title = true, avatar = true, newConversationBtn = true, conversationListFavoriteBtn = true }) => {
   const chatStore = useChatStore();
   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: receiverState.active.logo }),
-      /* @__PURE__ */ jsx("span", { className: styles_module_default3.nsChatUserName, children: receiverState.active.name })
+      /* @__PURE__ */ jsx(RenderWrapper, { control: avatar, DefaultComponent: /* @__PURE__ */ jsx(Avatar, { size: 36, src: receiverState.active.logo }) }),
+      /* @__PURE__ */ jsx(
+        RenderWrapper,
+        {
+          control: title,
+          DefaultComponent: /* @__PURE__ */ jsx("span", { className: classNames11(styles_module_default3.nsChatUserName, "flex-1 text-ellipsis"), children: receiverState.active.name })
+        }
+      ),
+      /* @__PURE__ */ jsx(RenderWrapper, { control: conversationListFavoriteBtn, DefaultComponent: /* @__PURE__ */ jsx(ConversationFavoritesList_default, {}) })
     ] }),
     /* @__PURE__ */ jsx(
-      Button,
+      RenderWrapper,
       {
-        block: true,
-        type: "primary",
-        shape: "round",
-        onClick: () => chatStore.createConversation(),
-        className: classNames11("m-t-16"),
-        icon: /* @__PURE__ */ jsx(PlusOutlined, {}),
-        children: "\u65B0\u5EFA\u4F1A\u8BDD"
+        control: newConversationBtn,
+        DefaultComponent: /* @__PURE__ */ jsx(
+          Button,
+          {
+            block: true,
+            type: "primary",
+            shape: "round",
+            onClick: () => chatStore.createConversation(),
+            className: classNames11("m-t-16"),
+            icon: /* @__PURE__ */ jsx(PlusOutlined, {}),
+            children: "\u65B0\u5EFA\u4F1A\u8BDD"
+          }
+        )
       }
     )
   ] });