@zero-library/chat-agent 2.3.3 → 2.3.5

package/dist/index.cjs.js

@@ -6,14 +6,14 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var valtio = require('valtio');
 var icons = require('@ant-design/icons');
-var classNames11 = require('classnames');
+var classNames12 = require('classnames');
 var x = require('@ant-design/x');
 var dayjs = require('dayjs');
 var InfiniteScroll = require('react-infinite-scroll-component');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var classNames11__default = /*#__PURE__*/_interopDefault(classNames11);
+var classNames12__default = /*#__PURE__*/_interopDefault(classNames12);
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 var InfiniteScroll__default = /*#__PURE__*/_interopDefault(InfiniteScroll);
 
@@ -311,7 +311,7 @@ var init_Charts = __esm({
     );
     Charts_default = ({ data, loading }) => {
       const { type, config } = data;
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames11__default.default(styles_module_default.chart, "scroll-fade-in"), children: loading ? (
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames12__default.default(styles_module_default.chart, "scroll-fade-in"), children: loading ? (
         // Antd 骨架屏
         /* @__PURE__ */ jsxRuntime.jsx(antd.Skeleton.Node, { active: true, className: styles_module_default.chartSkeleton, children: /* @__PURE__ */ jsxRuntime.jsx(icons.DotChartOutlined, { className: styles_module_default.chartSkeletonIcon }) })
       ) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -373,6 +373,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);
   };
@@ -440,6 +446,8 @@ var createChatService = (request) => {
     conversationsQuery,
     conversationCreate,
     conversationDelete,
+    conversationFavoritesQuery,
+    conversationFavorite,
     conversationRecentUpdate,
     conversationRecentQuery,
     conversationMessagesQuery,
@@ -745,7 +753,8 @@ function createChatStore() {
         group: (c) => {
           return classifyTime(c.updateTime);
         },
-        timestamp: "updateTime"
+        timestamp: "updateTime",
+        isFavorite: "isFavorite"
       });
       conversations.list.items = items;
     } finally {
@@ -769,6 +778,48 @@ function createChatStore() {
       conversations.delLoading = false;
     }
   };
+  const favorite = valtio.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);
+      }
+      antd.message.success(isFavorite ? "\u6536\u85CF\u6210\u529F" : "\u5DF2\u53D6\u6D88\u6536\u85CF");
+    } finally {
+    }
+  };
   const conversation = valtio.proxy({
     /** 当前激活的会话信息 */
     active: {
@@ -1163,6 +1214,12 @@ function createChatStore() {
     getConversations,
     /** 删除会话 */
     delConversation,
+    /** 收藏相关状态 */
+    favorite,
+    /** 取消/收藏 */
+    collectConversation,
+    /** 获取收藏的会话列表 */
+    getConversationFavorite,
     /** 当前会话状态 */
     conversation,
     /** 设置说话人类型 */
@@ -1259,7 +1316,7 @@ var MessageRender_default = ({ message: message2, placement, onFilePreview, cust
       x.Bubble,
       {
         placement,
-        className: classNames11__default.default({ [styles_module_default2.loadingMessage]: message2.type }),
+        className: classNames12__default.default({ [styles_module_default2.loadingMessage]: message2.type }),
         content: /* @__PURE__ */ jsxRuntime.jsx(common.RenderMarkdown, { content: replaceMarkdownTags(msgContent), customComponents: mergedCustomComponents, message: message2 })
       }
     ),
@@ -1330,10 +1387,15 @@ 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",
@@ -1361,7 +1423,7 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
     /* @__PURE__ */ jsxRuntime.jsx(
       x.Welcome,
       {
-        className: classNames11__default.default(styles_module_default3.chatWelcome, "p-t-32"),
+        className: classNames12__default.default(styles_module_default3.chatWelcome, "p-t-32"),
         variant: "borderless",
         icon: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: icon, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { shape: "square", size: 58, src: receiverState.active.logo }) }),
         title: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: title, DefaultComponent: `\u4F60\u597D\uFF0C\u6211\u662F${receiverState.active.name || ""}` }),
@@ -1390,7 +1452,7 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
                 label: "\u{1F914} \u63A8\u8350\u95EE\u9898:",
                 children: receiverState?.recommendQuestions.map((question) => ({
                   key: question,
-                  description: /* @__PURE__ */ jsxRuntime.jsx("span", { className: classNames11__default.default(styles_module_default3.chatWelcomePrompts, "text-ellipsis"), children: question })
+                  description: /* @__PURE__ */ jsxRuntime.jsx("span", { className: classNames12__default.default(styles_module_default3.chatWelcomePrompts, "text-ellipsis"), children: question })
                 }))
               }
             ]
@@ -1628,7 +1690,7 @@ var BubbleListItems_default = ({
       autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames11__default.default(styles_module_default3.nsBubbleList, "height-full", "scroll-fade-in", "zero-chat-bubbles"),
+      className: classNames12__default.default(styles_module_default3.nsBubbleList, "height-full", "scroll-fade-in", "zero-chat-bubbles"),
       onScroll: handleScroll
     },
     conversationState.active.id
@@ -1663,7 +1725,7 @@ var CharacterList_default = () => {
         /* @__PURE__ */ jsxRuntime.jsx(
           antd.Avatar,
           {
-            className: classNames11__default.default(styles_module_default3.nsAvatarListItemIcon, "cursor-pointer", {
+            className: classNames12__default.default(styles_module_default3.nsAvatarListItemIcon, "cursor-pointer", {
               [styles_module_default3.nsAvatarListItemIconActive]: activeCharacter.id === item.id
             }),
             size: 50,
@@ -1690,6 +1752,73 @@ var AgentCharacter_default = () => {
   ] });
 };
 
+// src/ui/common/ConversationFavoritesList.tsx
+init_Context();
+var ConversationFavoritesList_default = () => {
+  const chatStore = useChatStore();
+  const conversationState = valtio.useSnapshot(chatStore.conversation);
+  const favoriteState = valtio.useSnapshot(chatStore.favorite);
+  const getFavoriteList = common.useDebounce(() => {
+    chatStore.getConversationFavorite();
+  }, 300);
+  const renderFavoriteList = react.useMemo(() => {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames12__default.default("height-full", "scroll-fade-in"), children: favoriteState.list.items.length ? favoriteState.list.items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: classNames12__default.default(styles_module_default3.favoriteCard, { [styles_module_default3.favoriteCardActive]: conversationState.active.id === item.id }),
+        onClick: () => chatStore.switchConversation(item.id),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, align: "center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { flex: 1, className: classNames12__default.default(styles_module_default3.favoriteCardTitle, "text-ellipsis"), children: item.title }),
+            /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, align: "center", className: styles_module_default3.favoriteCardActions, children: /* @__PURE__ */ jsxRuntime.jsx(
+              antd.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__ */ jsxRuntime.jsx(
+                  antd.Button,
+                  {
+                    icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DeleteOutlined, {}),
+                    title: "\u5220\u9664",
+                    type: "text",
+                    onClick: (e) => {
+                      e.stopPropagation();
+                    }
+                  }
+                )
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default3.favoriteCardDate, children: item.favoriteTime })
+        ]
+      },
+      item.id
+    )) : /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: "\u6682\u65E0\u6536\u85CF", image: antd.Empty.PRESENTED_IMAGE_SIMPLE }) });
+  }, [favoriteState.list.items, conversationState.active.id]);
+  const handlePopoverVisibleChange = (visible) => {
+    if (!visible) return;
+    getFavoriteList();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Popover,
+    {
+      classNames: { body: styles_module_default3.nsPopover },
+      getPopupContainer: (e) => e,
+      placement: "bottom",
+      content: renderFavoriteList,
+      trigger: ["click"],
+      onOpenChange: handlePopoverVisibleChange,
+      children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { title: "\u6536\u85CF\u5939", type: "text", size: "large", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.StarOutlined, {}) })
+    }
+  );
+};
+
 // src/ui/common/ConversationList.tsx
 init_Context();
 var ConversationList_default = () => {
@@ -1698,7 +1827,7 @@ var ConversationList_default = () => {
   const conversationsState = valtio.useSnapshot(chatStore.conversations);
   const conversationState = valtio.useSnapshot(chatStore.conversation);
   const getConversations = common.useDebounce(() => {
-    chatStore.getConversations(receiverState.active.id, 3);
+    chatStore.getConversations(receiverState.active.id, receiverState.active.type);
   }, 300);
   react.useEffect(() => {
     if (receiverState.active.id) {
@@ -1729,6 +1858,11 @@ var ConversationList_default = () => {
           groupable: true,
           menu: (conversation) => ({
             items: [
+              {
+                label: `${conversation.isFavorite ? "\u53D6\u6D88\u6536\u85CF" : "\u6536\u85CF"}`,
+                key: "collect",
+                icon: conversation?.isFavorite ? /* @__PURE__ */ jsxRuntime.jsx(icons.StarFilled, { className: "primary-text" }) : /* @__PURE__ */ jsxRuntime.jsx(icons.StarOutlined, {})
+              },
               {
                 label: "\u5220\u9664\u4F1A\u8BDD",
                 key: "delete",
@@ -1740,6 +1874,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);
               }
             }
           })
@@ -1754,12 +1890,13 @@ var ChatHeader_default = ({
   closeBtn = false,
   newConversationBtn = true,
   agentCharacter = true,
-  conversationListBtn = true
+  conversationListBtn = true,
+  conversationListFavoriteBtn = true
 }) => {
   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: classNames11__default.default(styles_module_default3.nsChatHeader, "zero-chat-header"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", align: "center", className: classNames12__default.default(styles_module_default3.nsChatHeader, "zero-chat-header"), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, align: "center", children: [
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: avatar, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { size: 22, src: receiverState.active.logo, alt: receiverState.active.name }) }),
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: title, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default3.nsChatTitle, children: receiverState.active.name }) }),
@@ -1783,7 +1920,7 @@ var ChatHeader_default = ({
             {
               getPopupContainer: (e) => e,
               placement: "bottom",
-              classNames: { body: styles_module_default3.nsChatHeaderPopover },
+              classNames: { body: styles_module_default3.nsPopover },
               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, {}) })
@@ -1791,6 +1928,7 @@ var ChatHeader_default = ({
           )
         }
       ),
+      /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: conversationListFavoriteBtn, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(ConversationFavoritesList_default, {}) }),
       /* @__PURE__ */ jsxRuntime.jsx(
         common.RenderWrapper,
         {
@@ -2139,6 +2277,8 @@ var styles_module_default4 = {
   tagContainer: "styles_module_tagContainer",
   quickAskItem: "styles_module_quickAskItem",
   quickAskItemHeader: "styles_module_quickAskItemHeader",
+  quickAskItemTitle: "styles_module_quickAskItemTitle",
+  quickAskItemHeaderActions: "styles_module_quickAskItemHeaderActions",
   quickAskItemBody: "styles_module_quickAskItemBody"
 };
 var QuickAskPanel_default = () => {
@@ -2162,8 +2302,10 @@ var QuickAskPanel_default = () => {
     } catch (err) {
     }
   };
+  const [loading, setLoading] = react.useState(false);
   const fetchItems = common.useDebounce(async () => {
     try {
+      setLoading(true);
       const res = await configState.services.request?.labelItemsQuery?.(receiverState.active?.id, {
         labelId: getActiveTab().id,
         keyword: getSearchText()
@@ -2171,7 +2313,8 @@ var QuickAskPanel_default = () => {
       if (res?.data) {
         setItems(res.data);
       }
-    } catch (err) {
+    } finally {
+      setLoading(false);
     }
   });
   react.useEffect(() => {
@@ -2180,10 +2323,10 @@ var QuickAskPanel_default = () => {
       fetchItems();
     }
   }, [receiverState.active?.id]);
-  const [loading, setLoading] = react.useState(false);
+  const [updateLoading, setUpdateLoading] = react.useState(false);
   const handleEditConfirm = async (values) => {
     try {
-      setLoading(true);
+      setUpdateLoading(true);
       await configState.services.request?.labelItemUpdate?.(receiverState.active?.id, values);
       setEditModalOpen(false);
       message2.success("\u4FDD\u5B58\u6210\u529F");
@@ -2192,7 +2335,7 @@ var QuickAskPanel_default = () => {
       }
       fetchCategories();
     } finally {
-      setLoading(false);
+      setUpdateLoading(false);
     }
   };
   const handleDelete = async (id) => {
@@ -2248,7 +2391,7 @@ var QuickAskPanel_default = () => {
         }
       ) : /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.SearchOutlined, {}), onClick: () => setSearchExpanded(true) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { align: "center", className: classNames11__default.default("scroll-fade-in", "m-b-16", styles_module_default4.tagContainer), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { align: "center", className: classNames12__default.default("scroll-fade-in", "m-b-16", styles_module_default4.tagContainer), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         antd.Tag,
         {
@@ -2277,7 +2420,7 @@ var QuickAskPanel_default = () => {
         c.id
       ))
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, gap: 8, className: "height-full scroll-fade-in", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+    /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, wrapperClassName: "full-spin", tip: "\u52A0\u8F7D\u4E2D...", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, gap: 8, className: "height-full scroll-fade-in", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         className: styles_module_default4.quickAskItem,
@@ -2288,9 +2431,9 @@ var QuickAskPanel_default = () => {
           });
         },
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, justify: "space-between", className: styles_module_default4.quickAskItemHeader, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 text-ellipsis", children: item.title }),
-            /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { size: 4, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, justify: "space-between", align: "center", className: styles_module_default4.quickAskItemHeader, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames12__default.default("flex-1 text-ellipsis", styles_module_default4.quickAskItemTitle), children: item.title }),
+            /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { size: 4, className: styles_module_default4.quickAskItemHeaderActions, children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 antd.Button,
                 {
@@ -2314,11 +2457,12 @@ var QuickAskPanel_default = () => {
                   title: "\u590D\u5236",
                   onClick: (e) => {
                     e.stopPropagation();
-                    handleEditConfirm({
+                    setEditingItem({
                       title: item.title,
                       labelName: item.labelName,
                       content: item.content
                     });
+                    setEditModalOpen(true);
                   }
                 },
                 "copy"
@@ -2355,18 +2499,18 @@ var QuickAskPanel_default = () => {
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames11__default.default(styles_module_default4.quickAskItemBody), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ellipsis-3", children: item.content }) })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames12__default.default(styles_module_default4.quickAskItemBody), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ellipsis-3", children: item.content }) })
         ]
       },
       item.id
-    )) }) }),
+    )) }) }) }),
     editModalOpen && /* @__PURE__ */ jsxRuntime.jsx(
       QuickAskEditModal_default,
       {
         open: editModalOpen,
         onCancel: () => setEditModalOpen(false),
         onConfirm: handleEditConfirm,
-        loading,
+        loading: updateLoading,
         initialValues: editingItem,
         categories
       }
@@ -2452,7 +2596,7 @@ var SenderPromptsItems_default = () => {
           title: /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: classNames11__default.default(styles_module_default3.nsSenderListTitle, "text-ellipsis"),
+              className: classNames12__default.default(styles_module_default3.nsSenderListTitle, "text-ellipsis"),
               children: `${receiverState.active.name}\u5F00\u59CB\u5173\u6CE8${question.name}\u5185\u5BB9\uFF01`
             }
           ),
@@ -2546,30 +2690,43 @@ var ChatSender_default2 = react.forwardRef(
 
 // 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 = valtio.useSnapshot(chatStore.receiver);
   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_default3.nsChatUserName, children: receiverState.active.name })
+      /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: avatar, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { size: 36, src: receiverState.active.logo }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        common.RenderWrapper,
+        {
+          control: title,
+          DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx("span", { className: classNames12__default.default(styles_module_default3.nsChatUserName, "flex-1 text-ellipsis"), children: receiverState.active.name })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: conversationListFavoriteBtn, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(ConversationFavoritesList_default, {}) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      antd.Button,
+      common.RenderWrapper,
       {
-        block: true,
-        type: "primary",
-        shape: "round",
-        onClick: () => chatStore.createConversation(),
-        className: classNames11__default.default("m-t-16"),
-        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}),
-        children: "\u65B0\u5EFA\u4F1A\u8BDD"
+        control: newConversationBtn,
+        DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(
+          antd.Button,
+          {
+            block: true,
+            type: "primary",
+            shape: "round",
+            onClick: () => chatStore.createConversation(),
+            className: classNames12__default.default("m-t-16"),
+            icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}),
+            children: "\u65B0\u5EFA\u4F1A\u8BDD"
+          }
+        )
       }
     )
   ] });
 };
 var ConversationListPanel_default = ({ header }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames11__default.default("height-full", "zero-chat-conversations", styles_module_default3.nsConversationListPanel), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames12__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, {}) })
   ] });
@@ -2583,7 +2740,8 @@ var styles_module_default5 = {
   nsDisclaimerNotice: "styles_module_nsDisclaimerNotice",
   nsChatLayout: "styles_module_nsChatLayout",
   nsChatBody: "styles_module_nsChatBody",
-  nsBodyWidth: "styles_module_nsBodyWidth"
+  nsBodyWidth: "styles_module_nsBodyWidth",
+  nsPrompts: "styles_module_nsPrompts"
 };
 var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout, config, services }, ref) => {
   const chatStore = react.useMemo(() => createChatStore(), []);
@@ -2662,7 +2820,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: classNames11__default.default(styles_module_default5.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: classNames12__default.default(styles_module_default5.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 }),
@@ -2671,7 +2829,7 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
         /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, min: 600, size: sizes[0], children: hasPreView && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           configState.preview.file.fileUrl && /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: "height-full", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", align: "center", gap: 16, className: styles_module_default5.nsPreviewHeader, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames11__default.default(styles_module_default5.nsPreviewHeaderTitle, "text-ellipsis"), title: configState.preview.file.fileName, children: configState.preview.file.fileName }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames12__default.default(styles_module_default5.nsPreviewHeaderTitle, "text-ellipsis"), title: configState.preview.file.fileName, children: configState.preview.file.fileName }),
               /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, justify: "center", align: "center", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   antd.Button,
@@ -2715,15 +2873,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: classNames11__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: classNames12__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: classNames11__default.default("full-scroll"), children: /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, className: classNames12__default.default("full-scroll"), children: /* @__PURE__ */ jsxRuntime.jsxs(
             antd.Flex,
             {
               justify: "center",
               vertical: true,
               gap: 24,
-              className: classNames11__default.default("height-full", styles_module_default5.nsChatBody, "zero-chat-body", styles_module_default5.nsBodyWidth),
+              className: classNames12__default.default("height-full", styles_module_default5.nsChatBody, "zero-chat-body", styles_module_default5.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: [
@@ -2752,13 +2910,14 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
                       DefaultComponent: receiverState?.recommendQuestions?.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
                         x.Prompts,
                         {
+                          className: styles_module_default5.nsPrompts,
                           vertical: true,
                           title: "\u63A8\u8350\u95EE\u9898:",
                           onItemClick: ({ data }) => chatStore.sendMessage(data.key),
                           items: receiverState?.recommendQuestions.map((question) => ({
                             key: question,
                             icon: /* @__PURE__ */ jsxRuntime.jsx(icons.FileSearchOutlined, {}),
-                            description: question
+                            description: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ellipsis", children: question })
                           }))
                         }
                       )