@zero-library/chat-copilot 3.1.21 → 3.1.23

package/dist/index.esm.js

@@ -1,7 +1,7 @@
-import { CloudUploadOutlined, PaperClipOutlined, createFromIconfontCN, EnterOutlined, DownloadOutlined, CloseOutlined, PlayCircleOutlined, CopyOutlined, DotChartOutlined, LoadingOutlined, RightOutlined, LikeOutlined, DislikeOutlined, ToolOutlined, SearchOutlined, UpOutlined, DownOutlined, PlusOutlined, CommentOutlined, StarFilled, StarOutlined, ShareAltOutlined, RedoOutlined, DeleteOutlined, ClockCircleOutlined, CheckCircleOutlined, FileImageOutlined, FilePdfOutlined, FileWordOutlined, FileExcelOutlined, FilePptOutlined, FileZipOutlined, FileTextOutlined, FileUnknownOutlined } from '@ant-design/icons';
+import { CloudUploadOutlined, PaperClipOutlined, createFromIconfontCN, EnterOutlined, DownloadOutlined, CloseOutlined, PlayCircleOutlined, CopyOutlined, DotChartOutlined, LoadingOutlined, RightOutlined, LikeOutlined, DislikeOutlined, ToolOutlined, SearchOutlined, UpOutlined, DownOutlined, PlusOutlined, CommentOutlined, StarFilled, StarOutlined, ShareAltOutlined, DeleteOutlined, RedoOutlined, ClockCircleOutlined, CheckCircleOutlined, FileImageOutlined, FilePdfOutlined, FileWordOutlined, FileExcelOutlined, FilePptOutlined, FileZipOutlined, FileTextOutlined, FileUnknownOutlined } from '@ant-design/icons';
 import { Attachments, Sender, FileCard, Bubble, Think, XProvider, Mermaid, CodeHighlighter, Welcome, Prompts, Conversations } from '@ant-design/x-v2';
-import { useRefState, useDebounce, createTokenManager, useSyncInput, isEmptyObj, markdownToText, RenderWrapper, shouldRender, isFunction, downloadFile, LuyaFilePreview, MarkdownEditor, useDeepEffect, useWebSocket, isObject, isNullOrUnDef, isNumber, getFileSuffixName, emit, FileIcon, copyText, LazyComponent, isBoolean, UserAvatar, htmlToMarkdown, buildUrlParams, isExternal, deepCopy, transforms, deepMerge, createRequest, HttpStatus, isArray, isString, isDef, isNull, transform, getWebSocketUrl, safeParseJson } from '@zero-library/common';
-import { App, Badge, Button, Flex, Typography, Tooltip, Layout, Tag, Spin, Splitter, Image as Image$1, Popover, Skeleton, Alert, theme, Collapse, Divider as Divider$1, Select as Select$1, Avatar, Space, Form, Drawer, Empty, Modal, Checkbox, Input, InputNumber, Switch as Switch$1, message, Tabs, Upload, Popconfirm, List, Card, Table, Progress as Progress$1 } from 'antd';
+import { useRefState, useDebounce, createTokenManager, useSyncInput, isEmptyObj, markdownToText, RenderWrapper, shouldRender, isFunction, downloadFile, LuyaFilePreview, MarkdownEditor, useDeepEffect, useWebSocket, isObject, isNullOrUnDef, isNumber, getFileSuffixName, emit, FileIcon, copyText, LazyComponent, isBoolean, UserAvatar, htmlToMarkdown, buildUrlParams, isExternal, transforms, deepCopy, deepMerge, createRequest, HttpStatus, isArray, isString, isDef, isNull, transform, getWebSocketUrl, safeParseJson } from '@zero-library/common';
+import { App, Badge, Button, Flex, Typography, Tooltip, Layout, Tag, Spin, Splitter, Image as Image$1, Popover, Skeleton, Alert, theme, Collapse, Divider as Divider$1, Select as Select$1, Avatar, Space, Form, Drawer, Empty, Modal, Checkbox, Input, InputNumber, Switch as Switch$1, message, Tabs, List, Upload, Popconfirm, Card, Table, Progress as Progress$1 } from 'antd';
 import * as React10 from 'react';
 import React10__default, { createContext, forwardRef, useRef, useEffect, useImperativeHandle, useMemo, memo, useState, useContext, useCallback, useLayoutEffect } from 'react';
 import { useSnapshot, proxy } from 'valtio';
@@ -1168,9 +1168,10 @@ function createChatStore() {
     /** 智能体加载状态 */
     loading: false
   });
-  const setAgentModel = (model) => {
-    agent.model = { ...agent.model, ...model };
-    config.hooks?.onAfterSwitchModel?.(model);
+  const setAgentModel = (updater) => {
+    const nextPatch = typeof updater === "function" ? updater(agent.model) : updater;
+    agent.model = { ...agent.model, ...nextPatch };
+    config.hooks?.onAfterSwitchModel?.(agent.model);
   };
   const getUserInput = async (agentId) => {
     agent.loading = true;
@@ -1267,6 +1268,7 @@ function createChatStore() {
   };
   const initConversation = async (config2) => {
     await getConversations(config2.agent.id);
+    await getConversationFavorite();
     if (config2?.conversationId) {
       switchConversation(config2.conversationId);
     } else {
@@ -1343,7 +1345,17 @@ function createChatStore() {
           isFavorite: true
         }
       });
-      favorite.list.items = data || [];
+      const resultItems = 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;
     }
@@ -2232,10 +2244,11 @@ window._iconfont_svg_string_5021436 = '<svg><symbol id="icon-Ollama" viewBox="0
 // src/components/IconFont/index.ts
 var IconFont = createFromIconfontCN({});
 var IconFont_default = IconFont;
-var ConversationFavoritesBtn_default = ({ icon, ...rest }) => {
+var ConversationFavoritesBtn_default = ({ icon, disabled, ...rest }) => {
   const chatStore = useChatStore();
   const conversationsState = useSnapshot(chatStore.conversations);
   const conversationState = useSnapshot(chatStore.conversation);
+  const activeMessages = conversationState.messages[conversationState.active.id]?.message;
   const activeConversation = useMemo(() => {
     return conversationsState.list.items.find((item) => item.id === conversationState.active.id);
   }, [conversationsState.list.items, conversationState.active.id]);
@@ -2250,17 +2263,18 @@ var ConversationFavoritesBtn_default = ({ icon, ...rest }) => {
       title: isFavorite ? "\u53D6\u6D88\u6536\u85CF" : "\u6536\u85CF",
       type: "text",
       size: "large",
-      disabled: !conversationState.active.id,
+      disabled: disabled || !conversationState.active.id || !activeMessages?.length,
       icon: icon?.() || (isFavorite ? /* @__PURE__ */ jsx(StarFilled, { className: "primary-text" }) : /* @__PURE__ */ jsx(StarOutlined, {})),
       onClick: handleToggleFavorite,
       ...rest
     }
   );
 };
-var ConversationShareBtn_default = ({ icon, ...rest }) => {
+var ConversationShareBtn_default = ({ icon, disabled, ...rest }) => {
   const chatStore = useChatStore();
   const conversationState = useSnapshot(chatStore.conversation);
   const configState = useSnapshot(chatStore.config);
+  const activeMessages = conversationState.messages[conversationState.active.id]?.message;
   const handleShareConversation = async () => {
     const { data } = await configState.services.request.shareConversation(conversationState.active.id);
     if (data) {
@@ -2273,7 +2287,7 @@ var ConversationShareBtn_default = ({ icon, ...rest }) => {
       title: "\u5206\u4EAB",
       type: "text",
       size: "large",
-      disabled: !conversationState.active.id,
+      disabled: disabled || !conversationState.active.id || !activeMessages?.length,
       icon: icon?.() || /* @__PURE__ */ jsx(ShareAltOutlined, {}),
       ...rest,
       onClick: handleShareConversation
@@ -2294,12 +2308,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",
@@ -2316,30 +2326,43 @@ var styles_module_default2 = {
   senderReferenceHeaderTitle: "styles_module_senderReferenceHeaderTitle",
   senderReferenceHeaderContent: "styles_module_senderReferenceHeaderContent"
 };
-var ConversationList_default = () => {
+var ConversationTabPane = ({ items, activeKey, emptyDescription, scrollableTarget, menu, onActiveChange }) => {
+  return /* @__PURE__ */ jsx("div", { className: "height-full", children: items.length ? /* @__PURE__ */ jsx("div", { className: "height-full scroll-fade-in", id: scrollableTarget, children: /* @__PURE__ */ jsx(
+    InfiniteScroll,
+    {
+      dataLength: items.length,
+      hasMore: false,
+      next: () => {
+        console2.log("next");
+      },
+      loader: /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(Spin, { indicator: /* @__PURE__ */ jsx(RedoOutlined, { spin: true }), size: "small" }) }),
+      style: { overflow: "hidden" },
+      scrollableTarget,
+      children: /* @__PURE__ */ jsx(
+        Conversations,
+        {
+          className: styles_module_default2.conversations,
+          items,
+          activeKey,
+          onActiveChange: async (id) => onActiveChange(id),
+          groupable: true,
+          menu
+        }
+      )
+    }
+  ) }) : /* @__PURE__ */ jsx("div", { className: styles_module_default2.conversationEmpty, children: /* @__PURE__ */ jsx(Empty, { description: emptyDescription, image: Empty.PRESENTED_IMAGE_SIMPLE }) }) });
+};
+var ConversationList_default = ({ onClose }) => {
   const chatStore = useChatStore();
-  const agentState = useSnapshot(chatStore.agent);
   const conversationsState = useSnapshot(chatStore.conversations);
   const conversationState = useSnapshot(chatStore.conversation);
   const favoriteState = useSnapshot(chatStore.favorite);
   const [activeTabKey, setActiveTabKey] = useState("history");
-  useEffect(() => {
-    if (!agentState.agentInfo.id) return;
-    chatStore.getConversationFavorite();
-  }, [agentState.agentInfo.id, chatStore]);
   const conversationList = useMemo(() => {
     return conversationsState.list.items.filter((item) => item.label);
   }, [conversationsState.list.items]);
   const favoriteConversationList = 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: [
@@ -2359,6 +2382,7 @@ var ConversationList_default = () => {
       itemInfo.domEvent.stopPropagation();
       if (itemInfo.key === "deleteChat") {
         chatStore.delConversation(conversation.key);
+        onClose?.();
       } else if (itemInfo.key === "collect") {
         chatStore.collectConversation(conversation.id, !conversation.isFavorite);
       }
@@ -2380,7 +2404,7 @@ var ConversationList_default = () => {
         children: /* @__PURE__ */ jsx(
           Button,
           {
-            icon: /* @__PURE__ */ jsx(DeleteOutlined, {}),
+            icon: /* @__PURE__ */ jsx(StarFilled, { className: "primary-text" }),
             title: "\u53D6\u6D88\u6536\u85CF",
             type: "text",
             onClick: (e) => {
@@ -2392,72 +2416,51 @@ var ConversationList_default = () => {
     ),
     items: []
   });
-  return /* @__PURE__ */ jsx("div", { className: styles_module_default2.conversationTabs, children: /* @__PURE__ */ jsx(
+  const handleConversationChange = async (id) => {
+    await chatStore.switchConversation(id);
+    onClose?.();
+  };
+  return /* @__PURE__ */ jsx(
     Tabs,
     {
       activeKey: activeTabKey,
       centered: true,
+      className: "full-tabs",
       onChange: setActiveTabKey,
       items: [
         {
           key: "history",
           label: "\u5386\u53F2\u4F1A\u8BDD",
-          children: /* @__PURE__ */ jsx("div", { className: styles_module_default2.conversationTabPane, children: conversationList.length ? /* @__PURE__ */ jsx("div", { className: styles_module_default2.conversationScrollArea, id: "historyConversationScrollableDiv", children: /* @__PURE__ */ jsx(
-            InfiniteScroll,
+          children: /* @__PURE__ */ jsx(
+            ConversationTabPane,
             {
-              dataLength: conversationList.length,
-              hasMore: false,
-              next: () => {
-                console2.log("next");
-              },
-              loader: /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(Spin, { indicator: /* @__PURE__ */ jsx(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__ */ jsx(
-                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__ */ jsx("div", { className: styles_module_default2.conversationEmpty, children: /* @__PURE__ */ jsx(Empty, { description: "\u6682\u65E0\u4F1A\u8BDD\u8BB0\u5F55", image: Empty.PRESENTED_IMAGE_SIMPLE }) }) })
+          )
         },
         {
           key: "favorite",
           label: "\u6536\u85CF\u4F1A\u8BDD",
-          children: /* @__PURE__ */ jsx("div", { className: styles_module_default2.conversationTabPane, children: favoriteConversationList.length ? /* @__PURE__ */ jsx("div", { className: styles_module_default2.conversationScrollArea, id: "favoriteConversationScrollableDiv", children: /* @__PURE__ */ jsx(
-            InfiniteScroll,
+          children: /* @__PURE__ */ jsx(
+            ConversationTabPane,
             {
-              dataLength: favoriteConversationList.length,
-              hasMore: false,
-              next: () => {
-                console2.log("next");
-              },
-              loader: /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(Spin, { indicator: /* @__PURE__ */ jsx(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__ */ jsx(
-                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__ */ jsx("div", { className: styles_module_default2.conversationEmpty, children: /* @__PURE__ */ jsx(Empty, { description: "\u6682\u65E0\u6536\u85CF\u4F1A\u8BDD", image: Empty.PRESENTED_IMAGE_SIMPLE }) }) })
+          )
         }
       ]
     }
-  ) });
+  );
 };
 
 // src/ui/common/FeatureComponents/style.module.less
@@ -2494,13 +2497,25 @@ var style_module_default = {
   footer: "style_module_footer",
   titleContainer: "style_module_titleContainer"};
 var HistoryBtn_default = ({ icon, ...rest }) => {
+  const chatStore = useChatStore();
+  const agentState = useSnapshot(chatStore.agent);
+  const [open, setOpen] = useState(false);
+  const handleOpenChange = (open2) => {
+    setOpen(open2);
+    if (open2 && agentState.agentInfo.id) {
+      chatStore.getConversations(agentState.agentInfo.id);
+      chatStore.getConversationFavorite();
+    }
+  };
   return /* @__PURE__ */ jsx(
     Popover,
     {
+      open,
       getPopupContainer: (e) => e,
+      onOpenChange: handleOpenChange,
       placement: "bottom",
       classNames: { container: style_module_default.popover },
-      content: /* @__PURE__ */ jsx(ConversationList_default, {}),
+      content: /* @__PURE__ */ jsx(ConversationList_default, { onClose: () => setOpen(false) }),
       trigger: ["click"],
       children: /* @__PURE__ */ jsx(Button, { title: "\u5386\u53F2\u4F1A\u8BDD", size: "large", type: "text", icon: icon?.() || /* @__PURE__ */ jsx(CommentOutlined, {}), ...rest })
     }
@@ -2591,9 +2606,9 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
   ] });
 };
 var ConversationListPanel = ({ header }) => {
-  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames2("zero-chat-conversations", styles_module_default2.conversationListPanel), children: [
+  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames2("height-full", "zero-chat-conversations", styles_module_default2.conversationListPanel), children: [
     /* @__PURE__ */ jsx(RenderWrapper, { control: header, DefaultComponent: ConversationListHeader_default }),
-    /* @__PURE__ */ jsx("div", { className: styles_module_default2.conversationListContent, children: /* @__PURE__ */ jsx(ConversationList_default, {}) })
+    /* @__PURE__ */ jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsx(ConversationList_default, {}) })
   ] });
 };
 var ConversationListPanel_default = ConversationListPanel;
@@ -5160,6 +5175,34 @@ ${resultContent.text}
   ] });
 };
 var default_render_default = DefaultToolRender;
+var MAX_NESTING_DEPTH = 3;
+var SubAgentRender = ({ item }) => {
+  const subMessages = item.subMessages || [];
+  const depth = subMessages[0]?.subAgentDepth || 1;
+  if (!subMessages.length) {
+    return /* @__PURE__ */ jsx(Typography.Text, { type: "secondary", className: index_module_default2.emptyText, children: "\u5B50\u667A\u80FD\u4F53\u6267\u884C\u4E2D..." });
+  }
+  if (depth > MAX_NESTING_DEPTH) {
+    return /* @__PURE__ */ jsxs(Typography.Text, { type: "secondary", className: index_module_default2.emptyText, children: [
+      "\u5B50\u667A\u80FD\u4F53\u6267\u884C\u5185\u5BB9\uFF08\u5D4C\u5957\u5C42\u7EA7 ",
+      depth,
+      "\uFF0C\u5DF2\u6298\u53E0\uFF09"
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: index_module_default2.subAgentContainer, children: [
+    item.subAgentName && /* @__PURE__ */ jsx("div", { className: index_module_default2.subAgentHeader, children: /* @__PURE__ */ jsx(Typography.Text, { type: "secondary", className: index_module_default2.subAgentName, children: item.subAgentName }) }),
+    /* @__PURE__ */ jsx("div", { className: index_module_default2.subAgentMessages, children: subMessages.map((msg, index) => /* @__PURE__ */ jsx(
+      MessageRender_default,
+      {
+        role: { user: "agent", role: 2, placement: "start" },
+        message: msg,
+        loading: !!msg.generating
+      },
+      `sub-agent-${msg.messageId || index}`
+    )) })
+  ] });
+};
+var sub_agent_render_default = SubAgentRender;
 var TodoWriteRender = ({ args, result }) => {
   const { token } = theme.useToken();
   const todos = Array.isArray(result) ? result : result?.todos || (Array.isArray(args) ? args : args?.todos) || [];
@@ -5191,21 +5234,30 @@ var TodoWriteRender = ({ args, result }) => {
   );
 };
 var todo_write_render_default = TodoWriteRender;
+
+// src/components/CustomComponents/ToolRenders/index.tsx
 var toolRenders = {
   todo_write: {
     component: todo_write_render_default,
-    defaultExpanded: false,
+    defaultExpanded: true,
     alwaysShowContent: (args, result) => {
       const todos = Array.isArray(result) ? result : result?.todos || (Array.isArray(args) ? args : args?.todos) || [];
-      return todos && todos.length > 0;
+      return Array.isArray(todos) && todos.length > 0;
     },
     hideStatus: true,
     disableExpandOnError: true
   }
 };
-var getToolRenderConfig = (toolName) => {
-  if (toolName && toolRenders[toolName]) {
-    return toolRenders[toolName];
+var getToolRenderConfig = (item) => {
+  if (item?.hasSubAgent && item?.subMessages?.length) {
+    return {
+      component: sub_agent_render_default,
+      defaultExpanded: true,
+      alwaysShowContent: true
+    };
+  }
+  if (item?.toolName && toolRenders[item.toolName]) {
+    return toolRenders[item.toolName];
   }
   return {
     component: default_render_default,
@@ -5944,18 +5996,18 @@ var ModelSelect_default = ({}) => {
     icon: item.icon,
     options: item.models.map((model) => ({
       label: model.modelLabel,
-      value: model.modelName,
+      value: `${item.providerName}:${model.modelName}`,
+      modelName: model.modelName,
       providerName: item.providerName,
       icon: model.icon
     }))
   }));
-  const selectedModelValue = modelOptions.find((item) => item.value === agentState.model.providerName)?.options.find((item) => item.value === agentState.model.modelName)?.value || void 0;
+  const selectedModelValue = modelOptions.find((item) => item.value === agentState.model.providerName)?.options.find((item) => item.modelName === agentState.model.modelName)?.value;
   useEffect(() => {
     if (!selectedModelValue && models.length > 0 && models[0].models?.length > 0) {
       const firstProvider = models[0];
       const firstModel = firstProvider.models[0];
       chatStore.setAgentModel({
-        ...agentState.model,
         modelName: firstModel.modelName,
         providerName: firstProvider.providerName
       });
@@ -5964,15 +6016,13 @@ var ModelSelect_default = ({}) => {
   const handleModelChange = (_, option) => {
     if (Array.isArray(option) || !option || !("providerName" in option)) return;
     chatStore.setAgentModel({
-      ...agentState.model,
-      modelName: option.value,
+      modelName: option.modelName,
       providerName: option.providerName
     });
   };
   const labelRender = (props) => {
     const currentVal = props.value;
-    const option = modelOptions.find((item) => item.options.some((model2) => model2.value === currentVal));
-    const model = option?.options.find((model2) => model2.value === currentVal);
+    const model = modelOptions.flatMap((item) => item.options).find((model2) => model2.value === currentVal);
     if (!model) {
       return currentVal;
     }
@@ -6014,7 +6064,9 @@ var ReasonBtn_default = ({}) => {
     "div",
     {
       className: classNames2(style_module_default.resourceBtn, { [style_module_default.resourceBtnActive]: agentState.model.reasoning }),
-      onClick: () => chatStore.setAgentModel({ ...agentState.model, reasoning: !agentState.model.reasoning }),
+      onClick: () => chatStore.setAgentModel((prevModel) => ({
+        reasoning: !prevModel.reasoning
+      })),
       children: [
         /* @__PURE__ */ jsx(IconFont_default, { type: "icon-reason" }),
         /* @__PURE__ */ jsx("span", { children: "\u6DF1\u5EA6\u601D\u8003" })