@zero-library/chat-copilot 3.1.21 → 3.1.22

package/dist/index.cjs.js

@@ -1373,7 +1373,17 @@ function createChatStore() {
           isFavorite: true
         }
       });
-      favorite.list.items = data || [];
+      const resultItems = common.transforms(data || [], {
+        key: "id",
+        id: "id",
+        label: "title",
+        spec: "spec",
+        isFavorite: "isFavorite",
+        group: (c) => {
+          return classifyTime(c.updatedAt);
+        }
+      });
+      favorite.list.items = resultItems;
     } finally {
       favorite.loading = false;
     }
@@ -2324,12 +2334,8 @@ var styles_module_default2 = {
   chatHeaderBtnGroup: "styles_module_chatHeaderBtnGroup",
   conversationListPanel: "styles_module_conversationListPanel",
   createConversationButton: "styles_module_createConversationButton",
-  conversationListContent: "styles_module_conversationListContent",
   conversations: "styles_module_conversations",
-  conversationTabs: "styles_module_conversationTabs",
-  conversationTabPane: "styles_module_conversationTabPane",
   conversationEmpty: "styles_module_conversationEmpty",
-  conversationScrollArea: "styles_module_conversationScrollArea",
   chatWelcomeWrap: "styles_module_chatWelcomeWrap",
   chatWelcome: "styles_module_chatWelcome",
   promptItem: "styles_module_promptItem",
@@ -2346,6 +2352,32 @@ var styles_module_default2 = {
   senderReferenceHeaderTitle: "styles_module_senderReferenceHeaderTitle",
   senderReferenceHeaderContent: "styles_module_senderReferenceHeaderContent"
 };
+var ConversationTabPane = ({ items, activeKey, emptyDescription, scrollableTarget, menu, onActiveChange }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "height-full", children: items.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "height-full scroll-fade-in", id: scrollableTarget, children: /* @__PURE__ */ jsxRuntime.jsx(
+    InfiniteScroll__default.default,
+    {
+      dataLength: items.length,
+      hasMore: false,
+      next: () => {
+        console2__default.default.log("next");
+      },
+      loader: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { indicator: /* @__PURE__ */ jsxRuntime.jsx(icons.RedoOutlined, { spin: true }), size: "small" }) }),
+      style: { overflow: "hidden" },
+      scrollableTarget,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        xV2.Conversations,
+        {
+          className: styles_module_default2.conversations,
+          items,
+          activeKey,
+          onActiveChange: async (id) => onActiveChange(id),
+          groupable: true,
+          menu
+        }
+      )
+    }
+  ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.conversationEmpty, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: emptyDescription, image: antd.Empty.PRESENTED_IMAGE_SIMPLE }) }) });
+};
 var ConversationList_default = () => {
   const chatStore = useChatStore();
   const agentState = valtio.useSnapshot(chatStore.agent);
@@ -2361,15 +2393,7 @@ var ConversationList_default = () => {
     return conversationsState.list.items.filter((item) => item.label);
   }, [conversationsState.list.items]);
   const favoriteConversationList = React10.useMemo(() => {
-    return favoriteState.list.items.filter((item) => item.title).map((item) => ({
-      ...item,
-      key: item.id,
-      id: item.id,
-      label: item.title,
-      spec: item.spec,
-      isFavorite: true,
-      group: classifyTime(item.updatedAt)
-    }));
+    return favoriteState.list.items.filter((item) => item.label);
   }, [favoriteState.list.items]);
   const historyMenuConfig = (conversation) => ({
     items: [
@@ -2422,72 +2446,48 @@ var ConversationList_default = () => {
     ),
     items: []
   });
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.conversationTabs, children: /* @__PURE__ */ jsxRuntime.jsx(
+  const handleConversationChange = async (id) => chatStore.switchConversation(id);
+  return /* @__PURE__ */ jsxRuntime.jsx(
     antd.Tabs,
     {
       activeKey: activeTabKey,
       centered: true,
+      className: "full-tabs",
       onChange: setActiveTabKey,
       items: [
         {
           key: "history",
           label: "\u5386\u53F2\u4F1A\u8BDD",
-          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.conversationTabPane, children: conversationList.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.conversationScrollArea, id: "historyConversationScrollableDiv", children: /* @__PURE__ */ jsxRuntime.jsx(
-            InfiniteScroll__default.default,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            ConversationTabPane,
             {
-              dataLength: conversationList.length,
-              hasMore: false,
-              next: () => {
-                console2__default.default.log("next");
-              },
-              loader: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { indicator: /* @__PURE__ */ jsxRuntime.jsx(icons.RedoOutlined, { spin: true }), size: "small" }) }),
-              style: { overflow: "hidden" },
+              items: conversationList,
+              activeKey: conversationState.active.id,
+              emptyDescription: "\u6682\u65E0\u4F1A\u8BDD\u8BB0\u5F55",
               scrollableTarget: "historyConversationScrollableDiv",
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                xV2.Conversations,
-                {
-                  className: styles_module_default2.conversations,
-                  items: conversationList,
-                  activeKey: conversationState.active.id,
-                  onActiveChange: async (id) => chatStore.switchConversation(id),
-                  groupable: true,
-                  menu: historyMenuConfig
-                }
-              )
+              menu: historyMenuConfig,
+              onActiveChange: handleConversationChange
             }
-          ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.conversationEmpty, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: "\u6682\u65E0\u4F1A\u8BDD\u8BB0\u5F55", image: antd.Empty.PRESENTED_IMAGE_SIMPLE }) }) })
+          )
         },
         {
           key: "favorite",
           label: "\u6536\u85CF\u4F1A\u8BDD",
-          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.conversationTabPane, children: favoriteConversationList.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.conversationScrollArea, id: "favoriteConversationScrollableDiv", children: /* @__PURE__ */ jsxRuntime.jsx(
-            InfiniteScroll__default.default,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            ConversationTabPane,
             {
-              dataLength: favoriteConversationList.length,
-              hasMore: false,
-              next: () => {
-                console2__default.default.log("next");
-              },
-              loader: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { indicator: /* @__PURE__ */ jsxRuntime.jsx(icons.RedoOutlined, { spin: true }), size: "small" }) }),
-              style: { overflow: "hidden" },
+              items: favoriteConversationList,
+              activeKey: conversationState.active.id,
+              emptyDescription: "\u6682\u65E0\u6536\u85CF\u4F1A\u8BDD",
               scrollableTarget: "favoriteConversationScrollableDiv",
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                xV2.Conversations,
-                {
-                  className: styles_module_default2.conversations,
-                  items: favoriteConversationList,
-                  activeKey: conversationState.active.id,
-                  onActiveChange: async (id) => chatStore.switchConversation(id),
-                  groupable: true,
-                  menu: favoriteMenuConfig
-                }
-              )
+              menu: favoriteMenuConfig,
+              onActiveChange: handleConversationChange
             }
-          ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.conversationEmpty, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: "\u6682\u65E0\u6536\u85CF\u4F1A\u8BDD", image: antd.Empty.PRESENTED_IMAGE_SIMPLE }) }) })
+          )
         }
       ]
     }
-  ) });
+  );
 };
 
 // src/ui/common/FeatureComponents/style.module.less
@@ -2621,9 +2621,9 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
   ] });
 };
 var ConversationListPanel = ({ header }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames2__default.default("zero-chat-conversations", styles_module_default2.conversationListPanel), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames2__default.default("height-full", "zero-chat-conversations", styles_module_default2.conversationListPanel), children: [
     /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: header, DefaultComponent: ConversationListHeader_default }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.conversationListContent, children: /* @__PURE__ */ jsxRuntime.jsx(ConversationList_default, {}) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsxRuntime.jsx(ConversationList_default, {}) })
   ] });
 };
 var ConversationListPanel_default = ConversationListPanel;