@zero-library/chat-agent 2.1.5 → 2.1.6

package/dist/index.cjs.js

@@ -365,7 +365,6 @@ var defaultAgentLayout = {
   firstMessage: false,
   senderHeader: false,
   sender: true,
-  senderPrompts: true,
   senderFooter: false,
   globalHeader: false,
   chatHeader: true,
@@ -378,8 +377,11 @@ var defaultExpertLayout = {
   messageList: true,
   firstMessage: false,
   senderHeader: false,
-  sender: true,
-  senderPrompts: false,
+  sender: {
+    props: {
+      prompts: false
+    }
+  },
   senderFooter: false,
   globalHeader: false,
   chatHeader: {
@@ -457,7 +459,9 @@ function createChatStore() {
   const switchAgent = async (agentId) => {
     if (receiver.active.id === agentId) return;
     const canProceed = await config.hooks?.onBeforeSwitchAgent?.(agentId);
-    if (canProceed === false) return;
+    if (canProceed === false) {
+      throw new Error("\u64CD\u4F5C\u88AB\u963B\u6B62");
+    }
     try {
       receiver.loading = true;
       const { data } = await agentInfoQuery(agentId);
@@ -483,7 +487,9 @@ function createChatStore() {
       if (receiver.active.feature?.deepThink) {
         setReceiverParams({ thinkMode: "2" });
       }
-      config.hooks?.onAfterSwitchAgent?.(agentId);
+      config.hooks?.onAfterSwitchAgent?.(data);
+    } catch (error) {
+      throw error;
     } finally {
       receiver.loading = false;
     }
@@ -700,47 +706,51 @@ function createChatStore() {
     await switchAgent(agentId);
     const conversationId = await resolveConversationId(agentId, strategy);
     if (conversationId) {
-      switchConversation(conversationId);
+      await switchConversation(conversationId);
     }
   };
   const createConversation = async () => {
     if (!receiver.active.id) return;
     const conversationId = await resolveConversationId(receiver.active.id);
     if (conversationId) {
-      switchConversation(conversationId);
+      await switchConversation(conversationId);
     }
   };
   const switchConversation = async (id) => {
     const conversationId = String(id);
     if (conversation.active.id === conversationId) return;
     const canProceed = await config.hooks?.onBeforeSwitchConversation?.(conversationId);
-    if (canProceed === false) return;
+    if (canProceed === false) {
+      throw new Error("\u64CD\u4F5C\u88AB\u963B\u6B62");
+    }
     await initConversation(conversationId);
     setPreview();
     config.hooks?.onAfterSwitchConversation?.(conversationId);
-    getMessages(conversationId);
-    if (conversation.active.member.agent) {
-      switchAgent(conversation.active.member.agent.memberId);
-    } else if (conversation.active.member.other) {
-      switchExpert(conversation.active.member.other);
+    try {
+      if (conversation.active.member.agent) {
+        switchAgent(conversation.active.member.agent.memberId);
+      } else if (conversation.active.member.other) {
+        switchExpert(conversation.active.member.other);
+      }
+    } catch (e) {
     }
+    await getMessages(conversationId);
   };
   const getMessages = async (conversationId) => {
     const canProceed = await config.hooks?.onBeforeInitMessages?.(conversationId);
-    if (canProceed === false) return;
+    if (canProceed === false) {
+      throw new Error("\u64CD\u4F5C\u88AB\u963B\u6B62");
+    }
     if (!conversation.messages[conversationId]) {
       setInitMessage(conversationId);
     }
     if (conversation.messages[conversationId].message.length === 0) {
-      try {
-        const { data } = await conversationMessagesQuery({
-          pageNo: 1,
-          pageSize: 1e3,
-          conversationId
-        });
-        conversation.messages[conversationId].message = data.items;
-      } finally {
-      }
+      const { data } = await conversationMessagesQuery({
+        pageNo: 1,
+        pageSize: 1e3,
+        conversationId
+      });
+      conversation.messages[conversationId].message = data.items;
       config.hooks?.onAfterInitMessages?.(conversation.messages[conversationId].message);
       config.hooks?.onAfterInit?.();
     }
@@ -1590,7 +1600,7 @@ var ChatSender_default = react.forwardRef(
     extraHeader,
     extraFooter,
     extraFooterBelow,
-    sendButtonProps,
+    sendBtnProps,
     fileUpload: fileUpload2
   }, ref) => {
     const senderRef = react.useRef(null);
@@ -1644,7 +1654,7 @@ var ChatSender_default = react.forwardRef(
                 extraFooter,
                 " "
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { align: "center", children: loading ? /* @__PURE__ */ jsxRuntime.jsx(LoadingButton, {}) : /* @__PURE__ */ jsxRuntime.jsx(SendButton, { ...sendButtonProps }) })
+              /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { align: "center", children: loading ? /* @__PURE__ */ jsxRuntime.jsx(LoadingButton, {}) : /* @__PURE__ */ jsxRuntime.jsx(SendButton, { ...sendBtnProps }) })
             ] }),
             extraFooterBelow
           ] });
@@ -1658,94 +1668,141 @@ var ChatSender_default = react.forwardRef(
 
 // src/ui/common/ChatSender.tsx
 init_Context();
-var ChatSender_default2 = ({ placeholder, extraBtn = false, referencesBtn = false }) => {
+
+// src/ui/common/SenderPromptsItems.tsx
+init_Context();
+var SenderPromptsItems_default = () => {
   const chatStore = useChatStore();
   const receiverState = valtio.useSnapshot(chatStore.receiver);
-  const conversationState = valtio.useSnapshot(chatStore.conversation);
-  const chatMessage = react.useMemo(
-    () => conversationState.messages[conversationState.active.id] || {},
-    [conversationState.messages[conversationState.active.id]]
+  const component = react.useMemo(
+    () => receiverState.active.config?.labels?.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, className: "overflow-hidden", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { disabled: true, color: "default", variant: "text", children: "\u968F\u4FBF\u804A\u804A" }),
+      receiverState.active.config.labels.map((question) => /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Popover,
+        {
+          content: /* @__PURE__ */ jsxRuntime.jsx(
+            antd.List,
+            {
+              itemLayout: "horizontal",
+              split: false,
+              className: styles_module_default2.senderList,
+              dataSource: question.items,
+              renderItem: (item) => /* @__PURE__ */ jsxRuntime.jsx(antd.List.Item, { onClick: () => chatStore.sendMessage(item.question), className: styles_module_default2.senderListItem, children: item.question }),
+              footer: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { justify: "end", className: styles_module_default2.senderListFooter, children: "(\u60A8\u53EF\u70B9\u51FB\u4EE5\u4E0A\u95EE\u9898\u5F00\u542FAI\u4F53\u9A8C)" })
+            }
+          ),
+          title: /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: classNames7__default.default(styles_module_default2.senderListTitle, "text-ellipsis"),
+              children: `${receiverState.active.name}\u5F00\u59CB\u5173\u6CE8${question.name}\u5185\u5BB9\uFF01`
+            }
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { color: "default", variant: "filled", children: question.name })
+        },
+        question.id
+      ))
+    ] }),
+    [receiverState.active.config?.labels]
   );
-  const referenceHandle = (con) => {
-    if (chatMessage?.loading) return;
-    chatStore.setContent(con);
-    setTimeout(() => {
-      chatStore.sendMessage();
-    }, 10);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ChatSender_default,
-    {
-      placeholder,
-      content: chatMessage.content,
-      fileList: chatMessage.files,
-      headerOpen: chatMessage.headerOpen,
-      loading: chatMessage.loading,
-      onContentChange: chatStore.setContent,
-      onFileListChange: chatStore.setFileList,
-      onHeaderOpenChange: chatStore.setHeaderOpen,
-      onSend: () => chatStore.sendMessage(),
-      onCancel: chatStore.cancelReceive,
-      onFocus: chatStore.config.hooks?.onSenderFocus,
-      fileUpload: {
-        config: receiverState.active.config?.fileUpload
-      },
-      extraFooter: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        receiverState.active.feature?.deepThink && /* @__PURE__ */ jsxRuntime.jsx(
-          antd.Button,
-          {
-            size: "small",
-            color: receiverState.params.thinkMode === "1" ? "primary" : "default",
-            variant: "filled",
-            onClick: () => chatStore.setReceiverParams({ thinkMode: receiverState.params.thinkMode === "1" ? "2" : "1" }),
-            children: "\u6DF1\u5EA6\u601D\u8003"
-          }
-        ),
-        receiverState.active.feature?.switchManual && /* @__PURE__ */ jsxRuntime.jsx(
-          antd.Button,
-          {
-            size: "small",
-            title: chatMessage?.speakHuman ? "\u5F53\u524D\u72B6\u6001\u4E3A\u4EBA\u5DE5\u6A21\u5F0F\u3002\u60A8\u53D1\u9001\u7684\u95EE\u9898\u5C06\u76F4\u63A5\u53D1\u9001\u7ED9\u4E13\u5BB6\uFF0C\u667A\u80FD\u52A9\u624B\u5C06\u4E0D\u518D\u56DE\u590D" : "\u5F53\u524D\u72B6\u6001\u4E3A\u667A\u80FD\u52A9\u624B\u6A21\u5F0F\u3002\u60A8\u53D1\u9001\u7684\u95EE\u9898\u5C06\u53D1\u9001\u7ED9\u667A\u80FD\u52A9\u624B\uFF0C\u667A\u80FD\u52A9\u624B\u5C06\u56DE\u590D\u60A8",
-            shape: "round",
-            icon: /* @__PURE__ */ jsxRuntime.jsx(icons.UserSwitchOutlined, {}),
-            color: chatMessage?.speakHuman ? "primary" : "default",
-            variant: "filled",
-            onClick: () => {
-              chatStore.setSpeakHuman?.(!chatMessage?.speakHuman);
-            },
-            children: "\u5411\u4E13\u5BB6\u54A8\u8BE2"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: extraBtn })
-      ] }),
-      extraHeader: /* @__PURE__ */ jsxRuntime.jsx(
-        x.Sender.Header,
+  return component;
+};
+var ChatSender_default2 = react.forwardRef(
+  ({ placeholder, extraBtn = false, referencesBtn = false, sendBtnProps = {}, footerBelow = false, prompts = true }, ref) => {
+    const chatStore = useChatStore();
+    const receiverState = valtio.useSnapshot(chatStore.receiver);
+    const conversationState = valtio.useSnapshot(chatStore.conversation);
+    const chatMessage = react.useMemo(
+      () => conversationState.messages[conversationState.active.id] || {},
+      [conversationState.messages[conversationState.active.id]]
+    );
+    const referenceHandle = (con) => {
+      if (chatMessage?.loading) return;
+      chatStore.setContent(con);
+      setTimeout(() => {
+        chatStore.sendMessage();
+      }, 10);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, gap: 8, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: prompts, DefaultComponent: SenderPromptsItems_default }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ChatSender_default,
         {
-          title: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(icons.EnterOutlined, {}),
-            /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { type: "secondary", ellipsis: true, children: chatMessage?.references?.content?.name })
-          ] }),
-          open: !!chatMessage?.references?.content?.name,
-          onOpenChange: () => chatStore.setReferences(),
-          classNames: {
-            header: styles_module_default2.nsSenderReferenceHeaderTitle,
-            content: common.shouldRender(referencesBtn) ? "" : styles_module_default2.nsSenderReferenceHeaderContent
+          ref,
+          placeholder,
+          content: chatMessage.content,
+          fileList: chatMessage.files,
+          headerOpen: chatMessage.headerOpen,
+          loading: chatMessage.loading,
+          onContentChange: chatStore.setContent,
+          onFileListChange: chatStore.setFileList,
+          onHeaderOpenChange: chatStore.setHeaderOpen,
+          onSend: () => chatStore.sendMessage(),
+          onCancel: chatStore.cancelReceive,
+          onFocus: chatStore.config.hooks?.onSenderFocus,
+          fileUpload: {
+            config: receiverState.active.config?.fileUpload
           },
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            common.RenderWrapper,
+          sendBtnProps,
+          extraFooterBelow: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: footerBelow }),
+          extraFooter: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            receiverState.active.feature?.deepThink && /* @__PURE__ */ jsxRuntime.jsx(
+              antd.Button,
+              {
+                size: "small",
+                color: receiverState.params.thinkMode === "1" ? "primary" : "default",
+                variant: "filled",
+                onClick: () => chatStore.setReceiverParams({ thinkMode: receiverState.params.thinkMode === "1" ? "2" : "1" }),
+                children: "\u6DF1\u5EA6\u601D\u8003"
+              }
+            ),
+            receiverState.active.feature?.switchManual && /* @__PURE__ */ jsxRuntime.jsx(
+              antd.Button,
+              {
+                size: "small",
+                title: chatMessage?.speakHuman ? "\u5F53\u524D\u72B6\u6001\u4E3A\u4EBA\u5DE5\u6A21\u5F0F\u3002\u60A8\u53D1\u9001\u7684\u95EE\u9898\u5C06\u76F4\u63A5\u53D1\u9001\u7ED9\u4E13\u5BB6\uFF0C\u667A\u80FD\u52A9\u624B\u5C06\u4E0D\u518D\u56DE\u590D" : "\u5F53\u524D\u72B6\u6001\u4E3A\u667A\u80FD\u52A9\u624B\u6A21\u5F0F\u3002\u60A8\u53D1\u9001\u7684\u95EE\u9898\u5C06\u53D1\u9001\u7ED9\u667A\u80FD\u52A9\u624B\uFF0C\u667A\u80FD\u52A9\u624B\u5C06\u56DE\u590D\u60A8",
+                shape: "round",
+                icon: /* @__PURE__ */ jsxRuntime.jsx(icons.UserSwitchOutlined, {}),
+                color: chatMessage?.speakHuman ? "primary" : "default",
+                variant: "filled",
+                onClick: () => {
+                  chatStore.setSpeakHuman?.(!chatMessage?.speakHuman);
+                },
+                children: "\u5411\u4E13\u5BB6\u54A8\u8BE2"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: extraBtn })
+          ] }),
+          extraHeader: /* @__PURE__ */ jsxRuntime.jsx(
+            x.Sender.Header,
             {
-              control: referencesBtn,
-              DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, children: ["\u6DF1\u5EA6\u89E3\u8BFB", "\u6982\u8981\u89E3\u8BFB"].map((con) => /* @__PURE__ */ jsxRuntime.jsxs(antd.Button, { color: "primary", variant: "filled", onClick: () => referenceHandle(con), children: [
-                con,
-                " \u2192"
-              ] }, con)) })
+              title: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(icons.EnterOutlined, {}),
+                /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { type: "secondary", ellipsis: true, children: chatMessage?.references?.content?.name })
+              ] }),
+              open: !!chatMessage?.references?.content?.name,
+              onOpenChange: () => chatStore.setReferences(),
+              classNames: {
+                header: styles_module_default2.nsSenderReferenceHeaderTitle,
+                content: common.shouldRender(referencesBtn) ? "" : styles_module_default2.nsSenderReferenceHeaderContent
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                common.RenderWrapper,
+                {
+                  control: referencesBtn,
+                  DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, children: ["\u6DF1\u5EA6\u89E3\u8BFB", "\u6982\u8981\u89E3\u8BFB"].map((con) => /* @__PURE__ */ jsxRuntime.jsxs(antd.Button, { color: "primary", variant: "filled", onClick: () => referenceHandle(con), children: [
+                    con,
+                    " \u2192"
+                  ] }, con)) })
+                }
+              )
             }
           )
         }
       )
-    }
-  );
-};
+    ] });
+  }
+);
 
 // src/ui/common/ConversationListHeader.tsx
 init_Context();
@@ -1778,45 +1835,6 @@ var ConversationListPanel_default = ({ header }) => {
   ] });
 };
 
-// src/ui/common/SenderPromptsItems.tsx
-init_Context();
-var SenderPromptsItems_default = () => {
-  const chatStore = useChatStore();
-  const receiverState = valtio.useSnapshot(chatStore.receiver);
-  const component = react.useMemo(
-    () => receiverState.active.config?.labels?.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, className: "overflow-hidden", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { disabled: true, color: "default", variant: "text", children: "\u968F\u4FBF\u804A\u804A" }),
-      receiverState.active.config.labels.map((question) => /* @__PURE__ */ jsxRuntime.jsx(
-        antd.Popover,
-        {
-          content: /* @__PURE__ */ jsxRuntime.jsx(
-            antd.List,
-            {
-              itemLayout: "horizontal",
-              split: false,
-              className: styles_module_default2.senderList,
-              dataSource: question.items,
-              renderItem: (item) => /* @__PURE__ */ jsxRuntime.jsx(antd.List.Item, { onClick: () => chatStore.sendMessage(item.question), className: styles_module_default2.senderListItem, children: item.question }),
-              footer: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { justify: "end", className: styles_module_default2.senderListFooter, children: "(\u60A8\u53EF\u70B9\u51FB\u4EE5\u4E0A\u95EE\u9898\u5F00\u542FAI\u4F53\u9A8C)" })
-            }
-          ),
-          title: /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: classNames7__default.default(styles_module_default2.senderListTitle, "text-ellipsis"),
-              children: `${receiverState.active.name}\u5F00\u59CB\u5173\u6CE8${question.name}\u5185\u5BB9\uFF01`
-            }
-          ),
-          children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { color: "default", variant: "filled", children: question.name })
-        },
-        question.id
-      ))
-    ] }),
-    [receiverState.active.config?.labels]
-  );
-  return component;
-};
-
 // src/ui/layouts/styles.module.less
 var styles_module_default4 = {
   nsPreviewHeader: "styles_module_nsPreviewHeader",
@@ -1827,6 +1845,7 @@ var styles_module_default4 = {
 };
 var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout, config }, ref) => {
   const chatStore = react.useMemo(() => createChatStore(), []);
+  const senderRef = react.useRef();
   common.useDeepEffect(() => {
     if (config?.conversationId) {
       chatStore.switchConversation(config.conversationId);
@@ -1859,7 +1878,10 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
       createConversation: chatStore.createConversation,
       setReferences: chatStore.setReferences,
       setMessage: chatStore.setContent,
-      setFiles: chatStore.setFileList
+      setFiles: chatStore.setFileList,
+      senderFocus: (options) => {
+        senderRef.current?.focus(options);
+      }
     }),
     []
   );
@@ -1955,14 +1977,7 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
                   ] })
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                common.RenderWrapper,
-                {
-                  control: configState.layout.senderPrompts,
-                  DefaultComponent: SenderPromptsItems_default
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.sender, DefaultComponent: ChatSender_default2 }),
+              /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { ref: senderRef, control: configState.layout.sender, DefaultComponent: ChatSender_default2 }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 common.RenderWrapper,
                 {