@zero-library/chat-copilot 3.1.26 → 3.1.28

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 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, transforms, deepCopy, deepMerge, createRequest, HttpStatus, isArray, isString, isDef, isNull, transform, getWebSocketUrl, safeParseJson } from '@zero-library/common';
+import { useRefState, useDebounce, createTokenManager, useSyncInput, isEmptyObj, markdownToText, RenderWrapper, shouldRender, isFunction, downloadFile, LuyaFilePreview, MarkdownEditor, useDeepEffect, useWebSocket, isObject, isNullOrUnDef, isNumber, getFileSuffixName, emit, FileIcon, copyText, LazyComponent, deepCopy, isBoolean, UserAvatar, htmlToMarkdown, buildUrlParams, isExternal, 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, 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';
@@ -1160,18 +1160,20 @@ function createChatStore() {
   const agent = proxy({
     /** 当前智能体 */
     agentInfo: {},
-    model: {
-      modelName: "",
-      providerName: "",
-      reasoning: true
-    },
     /** 智能体加载状态 */
     loading: false
   });
   const setAgentModel = (updater) => {
-    const nextPatch = typeof updater === "function" ? updater(agent.model) : updater;
-    agent.model = { ...agent.model, ...nextPatch };
-    config.hooks?.onAfterSwitchModel?.(agent.model);
+    const prevModel = agent.agentInfo.spec?.model || {
+      modelName: "",
+      providerName: "",
+      reasoning: true
+    };
+    const nextPatch = typeof updater === "function" ? updater(prevModel) : updater;
+    const nextSpec = deepCopy(agent.agentInfo.spec || {});
+    nextSpec.model = { ...prevModel, ...nextPatch };
+    agent.agentInfo.spec = nextSpec;
+    config.hooks?.onAfterSwitchModel?.(agent.agentInfo.spec.model);
   };
   const getUserInput = async (agentId) => {
     agent.loading = true;
@@ -1200,16 +1202,11 @@ function createChatStore() {
     }
   };
   const setAgent = async (agentInfo) => {
-    if (!agent.agentInfo.id || agent.agentInfo.id !== agentInfo.id) {
+    if (!agent.agentInfo.id && !agentInfo.updatedAt || 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) {
+    if (config.layout.userInput) {
       await getUserInput(agent.agentInfo.id);
     }
   };
@@ -2044,7 +2041,7 @@ function createChatStore() {
       files,
       spec: {
         ...conversation.active.spec,
-        model: agent.model
+        model: agent.agentInfo.spec?.model
       },
       stream: true,
       responseMode: 2
@@ -2339,7 +2336,7 @@ var ConversationTabPane = ({ items, activeKey, emptyDescription, scrollableTarge
         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" },
+      style: { overflow: "hidden", padding: "0 10px" },
       scrollableTarget,
       children: /* @__PURE__ */ jsx(
         Conversations,
@@ -5689,13 +5686,41 @@ var BubbleListItems_default = ({
     return [...welcomeMessageRecord];
   }, [chatRecords, welcomeMessageRecord, firstMessagesRecord]);
   const listRef = useRef(null);
+  const autoScrollRef = useRef(true);
+  const handleScroll = (el) => {
+    const target = el.target;
+    const distanceToBottom = target.scrollHeight - target.scrollTop - target.clientHeight;
+    autoScrollRef.current = distanceToBottom < 90;
+  };
+  useEffect(() => {
+    const latestMessage = conversationMessages[conversationMessages?.length - 1];
+    if (!latestMessage) return;
+    if (latestMessage.generating) {
+      autoScrollRef.current = true;
+    }
+  }, [conversationMessages?.length]);
+  useEffect(() => {
+    const el = listRef.current?.nativeElement;
+    if (!el || !bubbleListItems.length) return;
+    if (autoScrollRef.current) {
+      setTimeout(() => {
+        if (autoScrollRef.current) {
+          listRef.current?.scrollTo({
+            top: "bottom",
+            behavior: "instant"
+          });
+        }
+      }, 300);
+    }
+  }, [bubbleListItems]);
   return /* @__PURE__ */ jsx(A2uiRenderer, { messages: conversationMessages, children: /* @__PURE__ */ jsx(Spin, { spinning: conversationState.loading, classNames: { root: "full-spin" }, children: /* @__PURE__ */ jsx(
     Bubble.List,
     {
-      autoScroll: true,
+      autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames2(styles_module_default2.bubbleList, "height-full", "scroll-fade-in")
+      className: classNames2(styles_module_default2.bubbleList, "height-full", "scroll-fade-in"),
+      onScroll: handleScroll
     },
     conversationState.active.id
   ) }) });
@@ -5964,6 +5989,23 @@ var ModelSelect_default = ({}) => {
   const chatStore = useChatStore();
   const agentState = useSnapshot(chatStore.agent);
   const [models, setModels] = useState([]);
+  const currentModel = agentState.agentInfo.spec?.model;
+  const updateAgentModel = useCallback(
+    (model) => {
+      const nextAgentInfo = deepCopy(agentState.agentInfo || {});
+      const nextSpec = deepCopy(agentState.agentInfo.spec || {});
+      nextSpec.model = {
+        modelName: "",
+        providerName: "",
+        reasoning: true,
+        ...nextSpec.model || {},
+        ...model
+      };
+      nextAgentInfo.spec = nextSpec;
+      chatStore.setAgent(nextAgentInfo);
+    },
+    [agentState.agentInfo, chatStore]
+  );
   const modelOptions = models.map((item) => ({
     label: item.providerLabel || item.providerName,
     title: item.providerLabel || item.providerName,
@@ -5977,24 +6019,10 @@ var ModelSelect_default = ({}) => {
       icon: model.icon
     }))
   }));
-  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;
-  useEffect(() => {
-    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({
-        modelName: firstModel.modelName,
-        providerName: firstProvider.providerName
-      });
-    }
-  }, [hasSelectedModelConfig, selectedModel, models, chatStore]);
+  const selectedModelValue = currentModel?.providerName && currentModel?.modelName ? `${currentModel.providerName}:${currentModel.modelName}` : void 0;
   const handleModelChange = (_, option) => {
     if (Array.isArray(option) || !option || !("providerName" in option)) return;
-    chatStore.setAgentModel({
+    updateAgentModel({
       modelName: option.modelName,
       providerName: option.providerName
     });
@@ -6039,13 +6067,25 @@ var ModelSelect_default = ({}) => {
 var ReasonBtn_default = ({}) => {
   const chatStore = useChatStore();
   const agentState = useSnapshot(chatStore.agent);
+  const currentModel = agentState.agentInfo.spec?.model;
+  const updateAgentModel = (reasoning) => {
+    const nextAgentInfo = deepCopy(agentState.agentInfo || {});
+    const nextSpec = deepCopy(agentState.agentInfo.spec || {});
+    nextSpec.model = {
+      modelName: "",
+      providerName: "",
+      reasoning: true,
+      ...nextSpec.model || {}
+    };
+    nextSpec.model.reasoning = reasoning;
+    nextAgentInfo.spec = nextSpec;
+    chatStore.setAgent(nextAgentInfo);
+  };
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: classNames2(style_module_default.resourceBtn, { [style_module_default.resourceBtnActive]: agentState.model.reasoning }),
-      onClick: () => chatStore.setAgentModel((prevModel) => ({
-        reasoning: !prevModel.reasoning
-      })),
+      className: classNames2(style_module_default.resourceBtn, { [style_module_default.resourceBtnActive]: currentModel?.reasoning }),
+      onClick: () => updateAgentModel(!currentModel?.reasoning),
       children: [
         /* @__PURE__ */ jsx(IconFont_default, { type: "icon-reason" }),
         /* @__PURE__ */ jsx("span", { children: "\u6DF1\u5EA6\u601D\u8003" })