@zero-library/chat-copilot 3.1.22 → 3.1.24

package/dist/index.cjs.js

@@ -1198,9 +1198,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;
@@ -1297,6 +1298,7 @@ function createChatStore() {
   };
   const initConversation = async (config2) => {
     await getConversations(config2.agent.id);
+    await getConversationFavorite();
     if (config2?.conversationId) {
       switchConversation(config2.conversationId);
     } else {
@@ -2272,10 +2274,11 @@ window._iconfont_svg_string_5021436 = '<svg><symbol id="icon-Ollama" viewBox="0
 // src/components/IconFont/index.ts
 var IconFont = icons.createFromIconfontCN({});
 var IconFont_default = IconFont;
-var ConversationFavoritesBtn_default = ({ icon, ...rest }) => {
+var ConversationFavoritesBtn_default = ({ icon, disabled, ...rest }) => {
   const chatStore = useChatStore();
   const conversationsState = valtio.useSnapshot(chatStore.conversations);
   const conversationState = valtio.useSnapshot(chatStore.conversation);
+  const activeMessages = conversationState.messages[conversationState.active.id]?.message;
   const activeConversation = React10.useMemo(() => {
     return conversationsState.list.items.find((item) => item.id === conversationState.active.id);
   }, [conversationsState.list.items, conversationState.active.id]);
@@ -2290,17 +2293,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__ */ jsxRuntime.jsx(icons.StarFilled, { className: "primary-text" }) : /* @__PURE__ */ jsxRuntime.jsx(icons.StarOutlined, {})),
       onClick: handleToggleFavorite,
       ...rest
     }
   );
 };
-var ConversationShareBtn_default = ({ icon, ...rest }) => {
+var ConversationShareBtn_default = ({ icon, disabled, ...rest }) => {
   const chatStore = useChatStore();
   const conversationState = valtio.useSnapshot(chatStore.conversation);
   const configState = valtio.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) {
@@ -2313,7 +2317,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__ */ jsxRuntime.jsx(icons.ShareAltOutlined, {}),
       ...rest,
       onClick: handleShareConversation
@@ -2378,17 +2382,12 @@ var ConversationTabPane = ({ items, activeKey, emptyDescription, scrollableTarge
     }
   ) }) : /* @__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 = () => {
+var ConversationList_default = ({ onClose }) => {
   const chatStore = useChatStore();
-  const agentState = valtio.useSnapshot(chatStore.agent);
   const conversationsState = valtio.useSnapshot(chatStore.conversations);
   const conversationState = valtio.useSnapshot(chatStore.conversation);
   const favoriteState = valtio.useSnapshot(chatStore.favorite);
   const [activeTabKey, setActiveTabKey] = React10.useState("history");
-  React10.useEffect(() => {
-    if (!agentState.agentInfo.id) return;
-    chatStore.getConversationFavorite();
-  }, [agentState.agentInfo.id, chatStore]);
   const conversationList = React10.useMemo(() => {
     return conversationsState.list.items.filter((item) => item.label);
   }, [conversationsState.list.items]);
@@ -2413,6 +2412,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);
       }
@@ -2434,7 +2434,7 @@ var ConversationList_default = () => {
         children: /* @__PURE__ */ jsxRuntime.jsx(
           antd.Button,
           {
-            icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DeleteOutlined, {}),
+            icon: /* @__PURE__ */ jsxRuntime.jsx(icons.StarFilled, { className: "primary-text" }),
             title: "\u53D6\u6D88\u6536\u85CF",
             type: "text",
             onClick: (e) => {
@@ -2446,7 +2446,10 @@ var ConversationList_default = () => {
     ),
     items: []
   });
-  const handleConversationChange = async (id) => chatStore.switchConversation(id);
+  const handleConversationChange = async (id) => {
+    await chatStore.switchConversation(id);
+    onClose?.();
+  };
   return /* @__PURE__ */ jsxRuntime.jsx(
     antd.Tabs,
     {
@@ -2524,13 +2527,25 @@ var style_module_default = {
   footer: "style_module_footer",
   titleContainer: "style_module_titleContainer"};
 var HistoryBtn_default = ({ icon, ...rest }) => {
+  const chatStore = useChatStore();
+  const agentState = valtio.useSnapshot(chatStore.agent);
+  const [open, setOpen] = React10.useState(false);
+  const handleOpenChange = (open2) => {
+    setOpen(open2);
+    if (open2 && agentState.agentInfo.id) {
+      chatStore.getConversations(agentState.agentInfo.id);
+      chatStore.getConversationFavorite();
+    }
+  };
   return /* @__PURE__ */ jsxRuntime.jsx(
     antd.Popover,
     {
+      open,
       getPopupContainer: (e) => e,
+      onOpenChange: handleOpenChange,
       placement: "bottom",
       classNames: { container: style_module_default.popover },
-      content: /* @__PURE__ */ jsxRuntime.jsx(ConversationList_default, {}),
+      content: /* @__PURE__ */ jsxRuntime.jsx(ConversationList_default, { onClose: () => setOpen(false) }),
       trigger: ["click"],
       children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { title: "\u5386\u53F2\u4F1A\u8BDD", size: "large", type: "text", icon: icon?.() || /* @__PURE__ */ jsxRuntime.jsx(icons.CommentOutlined, {}), ...rest })
     }
@@ -5190,6 +5205,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__ */ jsxRuntime.jsx(antd.Typography.Text, { type: "secondary", className: index_module_default2.emptyText, children: "\u5B50\u667A\u80FD\u4F53\u6267\u884C\u4E2D..." });
+  }
+  if (depth > MAX_NESTING_DEPTH) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(antd.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__ */ jsxRuntime.jsxs("div", { className: index_module_default2.subAgentContainer, children: [
+    item.subAgentName && /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default2.subAgentHeader, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { type: "secondary", className: index_module_default2.subAgentName, children: item.subAgentName }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default2.subAgentMessages, children: subMessages.map((msg, index) => /* @__PURE__ */ jsxRuntime.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 } = antd.theme.useToken();
   const todos = Array.isArray(result) ? result : result?.todos || (Array.isArray(args) ? args : args?.todos) || [];
@@ -5221,21 +5264,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,
@@ -5974,35 +6026,37 @@ 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 hasSelectedModelConfig = Boolean(agentState.model.providerName && agentState.model.modelName);
+  const selectedProvider = hasSelectedModelConfig ? modelOptions.find((item) => item.value === agentState.model.providerName) : void 0;
+  const selectedModel = selectedProvider?.options.find((item) => item.modelName === agentState.model.modelName);
+  const selectedModelValue = selectedModel?.value;
   React10.useEffect(() => {
-    if (!selectedModelValue && models.length > 0 && models[0].models?.length > 0) {
+    const shouldUseDefaultModel = !hasSelectedModelConfig || !selectedModel;
+    if (shouldUseDefaultModel && 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
       });
     }
-  }, [selectedModelValue, models, agentState.model, chatStore]);
+  }, [hasSelectedModelConfig, selectedModel, models, chatStore]);
   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;
     }
@@ -6044,7 +6098,9 @@ var ReasonBtn_default = ({}) => {
     "div",
     {
       className: classNames2__default.default(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__ */ jsxRuntime.jsx(IconFont_default, { type: "icon-reason" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u6DF1\u5EA6\u601D\u8003" })
@@ -6057,7 +6113,25 @@ var SkillBtn_default = ({}) => {
   const chatStore = useChatStore();
   const conversationState = valtio.useSnapshot(chatStore.conversation);
   const [modalOpen, setModalOpen] = React10.useState(false);
-  const skillsCount = conversationState.active.spec?.skills?.items?.length ?? 0;
+  const [skillsCount, setSkillsCount] = React10.useState(0);
+  React10.useEffect(() => {
+    let canceled = false;
+    const syncSkillsCount = async () => {
+      const initialItems = conversationState.active.spec?.skills?.items;
+      if (!initialItems?.length) {
+        setSkillsCount(0);
+        return;
+      }
+      const { data } = await chatStore.config.services.request.listSkills();
+      if (canceled) return;
+      const validIds = new Set((data || []).map((item) => item.id));
+      setSkillsCount(initialItems.map((item) => item.id).filter((id) => validIds.has(id)).length);
+    };
+    syncSkillsCount();
+    return () => {
+      canceled = true;
+    };
+  }, [chatStore, conversationState.active.spec?.skills?.items]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: style_module_default.resourceBtn, onClick: () => setModalOpen(true), children: [
       /* @__PURE__ */ jsxRuntime.jsx(IconFont_default, { type: "icon-skill" }),