@zero-library/chat-copilot 3.1.26 → 3.1.28

package/dist/index.cjs.js

@@ -1190,18 +1190,20 @@ function createChatStore() {
   const agent = valtio.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 = common.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;
@@ -1230,16 +1232,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);
     }
   };
@@ -2074,7 +2071,7 @@ function createChatStore() {
       files,
       spec: {
         ...conversation.active.spec,
-        model: agent.model
+        model: agent.agentInfo.spec?.model
       },
       stream: true,
       responseMode: 2
@@ -2369,7 +2366,7 @@ var ConversationTabPane = ({ items, activeKey, emptyDescription, scrollableTarge
         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" },
+      style: { overflow: "hidden", padding: "0 10px" },
       scrollableTarget,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         xV2.Conversations,
@@ -5719,13 +5716,41 @@ var BubbleListItems_default = ({
     return [...welcomeMessageRecord];
   }, [chatRecords, welcomeMessageRecord, firstMessagesRecord]);
   const listRef = React10.useRef(null);
+  const autoScrollRef = React10.useRef(true);
+  const handleScroll = (el) => {
+    const target = el.target;
+    const distanceToBottom = target.scrollHeight - target.scrollTop - target.clientHeight;
+    autoScrollRef.current = distanceToBottom < 90;
+  };
+  React10.useEffect(() => {
+    const latestMessage = conversationMessages[conversationMessages?.length - 1];
+    if (!latestMessage) return;
+    if (latestMessage.generating) {
+      autoScrollRef.current = true;
+    }
+  }, [conversationMessages?.length]);
+  React10.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__ */ jsxRuntime.jsx(A2uiRenderer, { messages: conversationMessages, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: conversationState.loading, classNames: { root: "full-spin" }, children: /* @__PURE__ */ jsxRuntime.jsx(
     xV2.Bubble.List,
     {
-      autoScroll: true,
+      autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames2__default.default(styles_module_default2.bubbleList, "height-full", "scroll-fade-in")
+      className: classNames2__default.default(styles_module_default2.bubbleList, "height-full", "scroll-fade-in"),
+      onScroll: handleScroll
     },
     conversationState.active.id
   ) }) });
@@ -5994,6 +6019,23 @@ var ModelSelect_default = ({}) => {
   const chatStore = useChatStore();
   const agentState = valtio.useSnapshot(chatStore.agent);
   const [models, setModels] = React10.useState([]);
+  const currentModel = agentState.agentInfo.spec?.model;
+  const updateAgentModel = React10.useCallback(
+    (model) => {
+      const nextAgentInfo = common.deepCopy(agentState.agentInfo || {});
+      const nextSpec = common.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,
@@ -6007,24 +6049,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;
-  React10.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
     });
@@ -6069,13 +6097,25 @@ var ModelSelect_default = ({}) => {
 var ReasonBtn_default = ({}) => {
   const chatStore = useChatStore();
   const agentState = valtio.useSnapshot(chatStore.agent);
+  const currentModel = agentState.agentInfo.spec?.model;
+  const updateAgentModel = (reasoning) => {
+    const nextAgentInfo = common.deepCopy(agentState.agentInfo || {});
+    const nextSpec = common.deepCopy(agentState.agentInfo.spec || {});
+    nextSpec.model = {
+      modelName: "",
+      providerName: "",
+      reasoning: true,
+      ...nextSpec.model || {}
+    };
+    nextSpec.model.reasoning = reasoning;
+    nextAgentInfo.spec = nextSpec;
+    chatStore.setAgent(nextAgentInfo);
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: classNames2__default.default(style_module_default.resourceBtn, { [style_module_default.resourceBtnActive]: agentState.model.reasoning }),
-      onClick: () => chatStore.setAgentModel((prevModel) => ({
-        reasoning: !prevModel.reasoning
-      })),
+      className: classNames2__default.default(style_module_default.resourceBtn, { [style_module_default.resourceBtnActive]: currentModel?.reasoning }),
+      onClick: () => updateAgentModel(!currentModel?.reasoning),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(IconFont_default, { type: "icon-reason" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u6DF1\u5EA6\u601D\u8003" })