@zero-library/chat-copilot 3.1.23 → 3.1.25

package/dist/index.cjs.js

@@ -1409,6 +1409,7 @@ function createChatStore() {
     }
   };
   const conversation = valtio.proxy({
+    loading: false,
     /** 当前激活的会话信息 */
     active: {
       id: "",
@@ -1480,6 +1481,7 @@ function createChatStore() {
     if (canProceed === false) {
       throw new Error("\u64CD\u4F5C\u88AB\u963B\u6B62");
     }
+    conversation.loading = true;
     if (!conversation.messages[conversationId]) {
       setInitMessage(conversationId);
     }
@@ -1502,6 +1504,7 @@ function createChatStore() {
         normalizeMessagesByExecutionAndRole(conversation.messages[conversationId].message);
       }
     }
+    conversation.loading = false;
     config.hooks?.onAfterInitMessages?.(conversation.messages[conversationId].message);
     config.hooks?.onAfterInit?.();
   };
@@ -5716,44 +5719,16 @@ 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(
+  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: false,
+      autoScroll: true,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames2__default.default(styles_module_default2.bubbleList, "height-full", "scroll-fade-in"),
-      onScroll: handleScroll
+      className: classNames2__default.default(styles_module_default2.bubbleList, "height-full", "scroll-fade-in")
     },
     conversationState.active.id
-  ) });
+  ) }) });
 };
 var { Sider, Content } = antd.Layout;
 var { Title: Title2, Text: Text4 } = antd.Typography;
@@ -6032,9 +6007,13 @@ var ModelSelect_default = ({}) => {
       icon: model.icon
     }))
   }));
-  const selectedModelValue = modelOptions.find((item) => item.value === agentState.model.providerName)?.options.find((item) => item.modelName === agentState.model.modelName)?.value;
+  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({
@@ -6042,7 +6021,7 @@ var ModelSelect_default = ({}) => {
         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({
@@ -6109,7 +6088,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" }),