@zero-library/chat-copilot 3.1.20 → 3.1.22

package/dist/index.cjs.js

@@ -1213,17 +1213,6 @@ function createChatStore() {
       agent.loading = false;
     }
   };
-  const setAgent = (agentInfo) => {
-    agent.agentInfo = agentInfo;
-    if (agentInfo.agentType === 2 /* AUTONOMOUS */) {
-      setAgentModel({
-        modelName: agent.agentInfo.spec?.model?.modelName || "",
-        providerName: agent.agentInfo.spec?.model?.providerName || ""
-      });
-    } else if (config.layout.userInput) {
-      getUserInput(agent.agentInfo.id);
-    }
-  };
   const setUserInput = (userInput) => {
     if (agent.agentInfo.agentType === 1 /* FLOW */) {
       agent.agentInfo.userInput = userInput;
@@ -1231,15 +1220,28 @@ function createChatStore() {
   };
   const getAgentInfo = async (id) => {
     config.loading = true;
-    if (agent.agentInfo.id === id) return;
     try {
       const { data } = await config.services.request.fetchAgentInfo(id || "");
-      setAgent(data);
-      config.hooks?.onAfterSwitchAgent?.(data);
+      agent.agentInfo = data;
+      config.hooks?.onAfterSwitchAgent?.(agent.agentInfo);
     } finally {
       config.loading = false;
     }
   };
+  const setAgent = async (agentInfo) => {
+    if (!agent.agentInfo.id || agent.agentInfo.id !== agentInfo.id) {
+      await getAgentInfo(agentInfo.id);
+    }
+    agent.agentInfo = { ...agent.agentInfo, ...agentInfo };
+    if (agentInfo.agentType === 2 /* AUTONOMOUS */) {
+      setAgentModel({
+        modelName: agent.agentInfo.spec?.model?.modelName || "",
+        providerName: agent.agentInfo.spec?.model?.providerName || ""
+      });
+    } else if (config.layout.userInput) {
+      await getUserInput(agent.agentInfo.id);
+    }
+  };
   const conversations = valtio.proxy({
     /** 会话列表数据 */
     list: {
@@ -1371,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;
     }
@@ -2292,7 +2304,7 @@ var ConversationShareBtn_default = ({ icon, ...rest }) => {
   const handleShareConversation = async () => {
     const { data } = await configState.services.request.shareConversation(conversationState.active.id);
     if (data) {
-      common.copyText(data.url);
+      common.copyText(data.url, "\u94FE\u63A5\u5DF2\u590D\u5236\uFF0C\u53EF\u76F4\u63A5\u7C98\u8D34\u5206\u4EAB");
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2322,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",
@@ -2344,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);
@@ -2359,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: [
@@ -2420,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
@@ -2619,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;
@@ -6635,25 +6637,10 @@ var layouts_default = React10.forwardRef(({ theme: theme5, params, hooks, layout
     chatStore.setServices(services);
   }, [services]);
   common.useDeepEffect(() => {
-    if (agentState.agentInfo.id && common.isObject(config.agent?.spec)) {
-      chatStore.setAgent({ ...agentState.agentInfo, spec: config.agent.spec || {} });
-    }
-  }, [agentState.agentInfo.id, config.agent?.spec]);
-  common.useDeepEffect(() => {
-    if (agentState.agentInfo.id && common.isObject(config.agent?.config)) {
-      chatStore.setAgent({ ...agentState.agentInfo, config: config.agent.config || {} });
-    }
-  }, [agentState.agentInfo.id, config.agent?.config]);
-  common.useDeepEffect(() => {
-    if (agentState.agentInfo.id) {
-      chatStore.setUserInput(config.agent.userInput);
-    }
-  }, [agentState.agentInfo.id, config.agent?.userInput]);
-  common.useDeepEffect(() => {
-    if (config?.agent?.id) {
-      chatStore.getAgentInfo(config.agent.id);
+    if (config.agent) {
+      chatStore.setAgent(config.agent);
     }
-  }, [config.agent?.id]);
+  }, [config.agent]);
   common.useDeepEffect(() => {
     if (agentState.agentInfo.id) {
       chatStore.initConversation(config);