@zero-library/chat-agent 2.1.5 → 2.1.7

package/dist/index.d.mts

@@ -1,9 +1,7 @@
 import { RenderControl, UserInfo } from '@zero-library/common';
+import { ButtonProps, ThemeConfig } from 'antd';
 import * as react from 'react';
 import { Conversation } from '@ant-design/x';
-import { ThemeConfig } from 'antd';
-
-type ConversationMemberEnum = 'agent' | 'user' | 'other';
 
 interface InputFile {
     /**
@@ -242,6 +240,8 @@ interface AgentInfo {
     feature?: string;
 }
 
+type ConversationMemberEnum = 'agent' | 'user' | 'other';
+
 type ConversationStrategy = 1 | 2;
 interface ReferencesContent extends MessageQuoteMsg {
     name?: string;
@@ -261,7 +261,7 @@ interface ChatHooks {
     onBeforeSend?: (message: ConversationMessageSend['msgContent'], files: InputFile[]) => boolean | Promise<boolean> | void;
     onAfterSend?: () => void;
     onBeforeSwitchAgent?: (agentId: string) => boolean | Promise<boolean> | void;
-    onAfterSwitchAgent?: (agentId: string) => void;
+    onAfterSwitchAgent?: (agent: AgentInfo) => void;
     onBeforeSwitchConversation?: (conversationId: string) => boolean | Promise<boolean> | void;
     onAfterSwitchConversation?: (conversationId: string) => void;
     onBeforeInitMessages?: (conversationId: string) => boolean | Promise<boolean> | void;
@@ -290,6 +290,9 @@ interface ChatLayoutSender {
     placeholder?: string;
     extraBtn?: RenderControl<void, void>;
     referencesBtn?: RenderControl<void, void>;
+    footerBelow?: RenderControl<void, void>;
+    sendBtnProps?: ButtonProps;
+    prompts?: boolean;
 }
 interface ChatLayoutMessageList {
     avatar?: boolean | Partial<Record<ConversationMemberEnum, boolean>>;
@@ -302,13 +305,18 @@ interface ChatLayout {
     messageList?: RenderControl<void, ChatLayoutMessageList>;
     senderHeader?: RenderControl<void, void>;
     sender?: RenderControl<void, ChatLayoutSender>;
-    senderPrompts?: boolean;
     senderFooter?: RenderControl<void, void>;
     globalHeader?: RenderControl<void, ChatLayoutHeader>;
     chatHeader?: RenderControl<void, ChatLayoutHeader>;
     disclaimerNotice?: RenderControl<void, void>;
 }
 
+interface ChatSenderHandle {
+    focus: (options?: {
+        cursor?: 'start' | 'end';
+    }) => void;
+}
+
 interface ChatConfig {
     receiverType?: number;
     receiverId?: string;
@@ -325,13 +333,15 @@ interface Props {
 }
 interface ChatHandle {
     sendMessage: (message?: string, files?: InputFile[]) => void;
-    switchAgentConversation: (agentId: AgentInfo['id'], strategy?: ConversationStrategy) => void;
-    switchConversation: (id?: Conversation['id']) => void;
+    switchAgentConversation: (agentId: AgentInfo['id'], strategy?: ConversationStrategy) => Promise<void>;
+    switchConversation: (id?: Conversation['id']) => Promise<void>;
     createConversation: () => Promise<void>;
     setReferences: (references?: ReferencesType) => void;
     setMessage: (message?: string) => void;
     setFiles: (files?: InputFile[]) => void;
+    setParams: (params?: ChatParams) => void;
+    senderFocus: ChatSenderHandle['focus'];
 }
 declare const _default: react.ForwardRefExoticComponent<Props & react.RefAttributes<ChatHandle>>;
 
-export { type ChatConfig, _default as ChatCopilot, type ChatHandle, type ChatLayout };
+export { type AgentInfo, type ChatConfig, _default as ChatCopilot, type ChatHandle, type ChatLayout, type InputFile };

package/dist/index.d.ts

@@ -1,9 +1,7 @@
 import { RenderControl, UserInfo } from '@zero-library/common';
+import { ButtonProps, ThemeConfig } from 'antd';
 import * as react from 'react';
 import { Conversation } from '@ant-design/x';
-import { ThemeConfig } from 'antd';
-
-type ConversationMemberEnum = 'agent' | 'user' | 'other';
 
 interface InputFile {
     /**
@@ -242,6 +240,8 @@ interface AgentInfo {
     feature?: string;
 }
 
+type ConversationMemberEnum = 'agent' | 'user' | 'other';
+
 type ConversationStrategy = 1 | 2;
 interface ReferencesContent extends MessageQuoteMsg {
     name?: string;
@@ -261,7 +261,7 @@ interface ChatHooks {
     onBeforeSend?: (message: ConversationMessageSend['msgContent'], files: InputFile[]) => boolean | Promise<boolean> | void;
     onAfterSend?: () => void;
     onBeforeSwitchAgent?: (agentId: string) => boolean | Promise<boolean> | void;
-    onAfterSwitchAgent?: (agentId: string) => void;
+    onAfterSwitchAgent?: (agent: AgentInfo) => void;
     onBeforeSwitchConversation?: (conversationId: string) => boolean | Promise<boolean> | void;
     onAfterSwitchConversation?: (conversationId: string) => void;
     onBeforeInitMessages?: (conversationId: string) => boolean | Promise<boolean> | void;
@@ -290,6 +290,9 @@ interface ChatLayoutSender {
     placeholder?: string;
     extraBtn?: RenderControl<void, void>;
     referencesBtn?: RenderControl<void, void>;
+    footerBelow?: RenderControl<void, void>;
+    sendBtnProps?: ButtonProps;
+    prompts?: boolean;
 }
 interface ChatLayoutMessageList {
     avatar?: boolean | Partial<Record<ConversationMemberEnum, boolean>>;
@@ -302,13 +305,18 @@ interface ChatLayout {
     messageList?: RenderControl<void, ChatLayoutMessageList>;
     senderHeader?: RenderControl<void, void>;
     sender?: RenderControl<void, ChatLayoutSender>;
-    senderPrompts?: boolean;
     senderFooter?: RenderControl<void, void>;
     globalHeader?: RenderControl<void, ChatLayoutHeader>;
     chatHeader?: RenderControl<void, ChatLayoutHeader>;
     disclaimerNotice?: RenderControl<void, void>;
 }
 
+interface ChatSenderHandle {
+    focus: (options?: {
+        cursor?: 'start' | 'end';
+    }) => void;
+}
+
 interface ChatConfig {
     receiverType?: number;
     receiverId?: string;
@@ -325,13 +333,15 @@ interface Props {
 }
 interface ChatHandle {
     sendMessage: (message?: string, files?: InputFile[]) => void;
-    switchAgentConversation: (agentId: AgentInfo['id'], strategy?: ConversationStrategy) => void;
-    switchConversation: (id?: Conversation['id']) => void;
+    switchAgentConversation: (agentId: AgentInfo['id'], strategy?: ConversationStrategy) => Promise<void>;
+    switchConversation: (id?: Conversation['id']) => Promise<void>;
     createConversation: () => Promise<void>;
     setReferences: (references?: ReferencesType) => void;
     setMessage: (message?: string) => void;
     setFiles: (files?: InputFile[]) => void;
+    setParams: (params?: ChatParams) => void;
+    senderFocus: ChatSenderHandle['focus'];
 }
 declare const _default: react.ForwardRefExoticComponent<Props & react.RefAttributes<ChatHandle>>;
 
-export { type ChatConfig, _default as ChatCopilot, type ChatHandle, type ChatLayout };
+export { type AgentInfo, type ChatConfig, _default as ChatCopilot, type ChatHandle, type ChatLayout, type InputFile };

package/dist/index.esm.js

@@ -1,9 +1,9 @@
-import { useRefState, useDebounce, useSyncInput, useDeepEffect, shouldRender, useWebSocket, getWebSocketUrl, getToken, isLocalhost, RenderWrapper, downloadFile, FilePreview, MarkdownEditor, useCreateValtioContext, isNumber, getFileSuffixName, isObject, isNullOrUnDef, isBoolean, UserAvatar, request, deepCopy, getCurrentUser, deepMerge, RenderMarkdown, copyText, FileIcon, isExternal } from '@zero-library/common';
-import { App, Badge, Button, Flex, Spin, Splitter, Tag, Avatar, Space, Popover, List, Typography, message, Empty, Collapse, Modal, Row, Col, Drawer } from 'antd';
+import { useRefState, useDebounce, useSyncInput, RenderWrapper, shouldRender, useDeepEffect, useWebSocket, getWebSocketUrl, getToken, isLocalhost, downloadFile, FilePreview, MarkdownEditor, useCreateValtioContext, isNumber, getFileSuffixName, isObject, isNullOrUnDef, isBoolean, UserAvatar, request, deepCopy, getCurrentUser, deepMerge, RenderMarkdown, copyText, FileIcon, isExternal } from '@zero-library/common';
+import { App, Badge, Button, Flex, Typography, Spin, Splitter, Tag, Popover, List, Avatar, Space, message, Empty, Collapse, Modal, Row, Col, Drawer } from 'antd';
 import dayjs from 'dayjs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useRef, useEffect, useImperativeHandle, useMemo, useState } from 'react';
-import { CloudUploadOutlined, PaperClipOutlined, CloseOutlined, PlusOutlined, CommentOutlined, OpenAIOutlined, CopyOutlined, LikeOutlined, DislikeOutlined, EnterOutlined, UserSwitchOutlined, DeleteOutlined, RedoOutlined, PlayCircleOutlined, CaretRightOutlined } from '@ant-design/icons';
+import { CloudUploadOutlined, PaperClipOutlined, EnterOutlined, UserSwitchOutlined, CloseOutlined, PlusOutlined, CommentOutlined, OpenAIOutlined, CopyOutlined, LikeOutlined, DislikeOutlined, DeleteOutlined, RedoOutlined, PlayCircleOutlined, CaretRightOutlined } from '@ant-design/icons';
 import { Attachments, Sender, Suggestion, XProvider, Welcome, Prompts, Bubble, Conversations } from '@ant-design/x';
 import classNames7 from 'classnames';
 import { useSnapshot, proxy } from 'valtio';
@@ -357,7 +357,6 @@ var defaultAgentLayout = {
   firstMessage: false,
   senderHeader: false,
   sender: true,
-  senderPrompts: true,
   senderFooter: false,
   globalHeader: false,
   chatHeader: true,
@@ -370,8 +369,11 @@ var defaultExpertLayout = {
   messageList: true,
   firstMessage: false,
   senderHeader: false,
-  sender: true,
-  senderPrompts: false,
+  sender: {
+    props: {
+      prompts: false
+    }
+  },
   senderFooter: false,
   globalHeader: false,
   chatHeader: {
@@ -417,7 +419,7 @@ function createChatStore() {
     const defaultLayout = receiverType === 3 ? defaultAgentLayout : defaultExpertLayout;
     config.layout = deepMerge(defaultLayout, layout);
   };
-  const setConfigParams = (params = {}) => {
+  const setParams = (params = {}) => {
     config.params = { ...params };
   };
   const setHooks = (hooks = {}) => {
@@ -449,7 +451,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);
@@ -475,7 +479,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;
     }
@@ -692,47 +698,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?.();
     }
@@ -868,7 +878,7 @@ function createChatStore() {
     setPreview,
     setLayout,
     setHooks,
-    setConfigParams,
+    setParams,
     setUserInfo,
     character,
     getCharacters,
@@ -1582,7 +1592,7 @@ var ChatSender_default = forwardRef(
     extraHeader,
     extraFooter,
     extraFooterBelow,
-    sendButtonProps,
+    sendBtnProps,
     fileUpload: fileUpload2
   }, ref) => {
     const senderRef = useRef(null);
@@ -1636,7 +1646,7 @@ var ChatSender_default = forwardRef(
                 extraFooter,
                 " "
               ] }),
-              /* @__PURE__ */ jsx(Flex, { align: "center", children: loading ? /* @__PURE__ */ jsx(LoadingButton, {}) : /* @__PURE__ */ jsx(SendButton, { ...sendButtonProps }) })
+              /* @__PURE__ */ jsx(Flex, { align: "center", children: loading ? /* @__PURE__ */ jsx(LoadingButton, {}) : /* @__PURE__ */ jsx(SendButton, { ...sendBtnProps }) })
             ] }),
             extraFooterBelow
           ] });
@@ -1650,94 +1660,141 @@ var ChatSender_default = 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 = useSnapshot(chatStore.receiver);
-  const conversationState = useSnapshot(chatStore.conversation);
-  const chatMessage = useMemo(
-    () => conversationState.messages[conversationState.active.id] || {},
-    [conversationState.messages[conversationState.active.id]]
+  const component = useMemo(
+    () => receiverState.active.config?.labels?.length > 0 && /* @__PURE__ */ jsxs(Flex, { gap: 4, className: "overflow-hidden", children: [
+      /* @__PURE__ */ jsx(Button, { disabled: true, color: "default", variant: "text", children: "\u968F\u4FBF\u804A\u804A" }),
+      receiverState.active.config.labels.map((question) => /* @__PURE__ */ jsx(
+        Popover,
+        {
+          content: /* @__PURE__ */ jsx(
+            List,
+            {
+              itemLayout: "horizontal",
+              split: false,
+              className: styles_module_default2.senderList,
+              dataSource: question.items,
+              renderItem: (item) => /* @__PURE__ */ jsx(List.Item, { onClick: () => chatStore.sendMessage(item.question), className: styles_module_default2.senderListItem, children: item.question }),
+              footer: /* @__PURE__ */ jsx(Flex, { justify: "end", className: styles_module_default2.senderListFooter, children: "(\u60A8\u53EF\u70B9\u51FB\u4EE5\u4E0A\u95EE\u9898\u5F00\u542FAI\u4F53\u9A8C)" })
+            }
+          ),
+          title: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: classNames7(styles_module_default2.senderListTitle, "text-ellipsis"),
+              children: `${receiverState.active.name}\u5F00\u59CB\u5173\u6CE8${question.name}\u5185\u5BB9\uFF01`
+            }
+          ),
+          children: /* @__PURE__ */ jsx(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__ */ 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__ */ jsxs(Fragment, { children: [
-        receiverState.active.feature?.deepThink && /* @__PURE__ */ jsx(
-          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__ */ jsx(
-          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__ */ jsx(UserSwitchOutlined, {}),
-            color: chatMessage?.speakHuman ? "primary" : "default",
-            variant: "filled",
-            onClick: () => {
-              chatStore.setSpeakHuman?.(!chatMessage?.speakHuman);
-            },
-            children: "\u5411\u4E13\u5BB6\u54A8\u8BE2"
-          }
-        ),
-        /* @__PURE__ */ jsx(RenderWrapper, { control: extraBtn })
-      ] }),
-      extraHeader: /* @__PURE__ */ jsx(
-        Sender.Header,
+  return component;
+};
+var ChatSender_default2 = forwardRef(
+  ({ placeholder, extraBtn = false, referencesBtn = false, sendBtnProps = {}, footerBelow = false, prompts = true }, ref) => {
+    const chatStore = useChatStore();
+    const receiverState = useSnapshot(chatStore.receiver);
+    const conversationState = useSnapshot(chatStore.conversation);
+    const chatMessage = 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__ */ jsxs(Flex, { vertical: true, gap: 8, children: [
+      /* @__PURE__ */ jsx(RenderWrapper, { control: prompts, DefaultComponent: SenderPromptsItems_default }),
+      /* @__PURE__ */ jsx(
+        ChatSender_default,
         {
-          title: /* @__PURE__ */ jsxs(Flex, { gap: 4, children: [
-            /* @__PURE__ */ jsx(EnterOutlined, {}),
-            /* @__PURE__ */ jsx(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: 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__ */ jsx(
-            RenderWrapper,
+          sendBtnProps,
+          extraFooterBelow: /* @__PURE__ */ jsx(RenderWrapper, { control: footerBelow }),
+          extraFooter: /* @__PURE__ */ jsxs(Fragment, { children: [
+            receiverState.active.feature?.deepThink && /* @__PURE__ */ jsx(
+              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__ */ jsx(
+              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__ */ jsx(UserSwitchOutlined, {}),
+                color: chatMessage?.speakHuman ? "primary" : "default",
+                variant: "filled",
+                onClick: () => {
+                  chatStore.setSpeakHuman?.(!chatMessage?.speakHuman);
+                },
+                children: "\u5411\u4E13\u5BB6\u54A8\u8BE2"
+              }
+            ),
+            /* @__PURE__ */ jsx(RenderWrapper, { control: extraBtn })
+          ] }),
+          extraHeader: /* @__PURE__ */ jsx(
+            Sender.Header,
             {
-              control: referencesBtn,
-              DefaultComponent: /* @__PURE__ */ jsx(Flex, { gap: 8, children: ["\u6DF1\u5EA6\u89E3\u8BFB", "\u6982\u8981\u89E3\u8BFB"].map((con) => /* @__PURE__ */ jsxs(Button, { color: "primary", variant: "filled", onClick: () => referenceHandle(con), children: [
-                con,
-                " \u2192"
-              ] }, con)) })
+              title: /* @__PURE__ */ jsxs(Flex, { gap: 4, children: [
+                /* @__PURE__ */ jsx(EnterOutlined, {}),
+                /* @__PURE__ */ jsx(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: shouldRender(referencesBtn) ? "" : styles_module_default2.nsSenderReferenceHeaderContent
+              },
+              children: /* @__PURE__ */ jsx(
+                RenderWrapper,
+                {
+                  control: referencesBtn,
+                  DefaultComponent: /* @__PURE__ */ jsx(Flex, { gap: 8, children: ["\u6DF1\u5EA6\u89E3\u8BFB", "\u6982\u8981\u89E3\u8BFB"].map((con) => /* @__PURE__ */ jsxs(Button, { color: "primary", variant: "filled", onClick: () => referenceHandle(con), children: [
+                    con,
+                    " \u2192"
+                  ] }, con)) })
+                }
+              )
             }
           )
         }
       )
-    }
-  );
-};
+    ] });
+  }
+);
 
 // src/ui/common/ConversationListHeader.tsx
 init_Context();
@@ -1770,45 +1827,6 @@ var ConversationListPanel_default = ({ header }) => {
   ] });
 };
 
-// src/ui/common/SenderPromptsItems.tsx
-init_Context();
-var SenderPromptsItems_default = () => {
-  const chatStore = useChatStore();
-  const receiverState = useSnapshot(chatStore.receiver);
-  const component = useMemo(
-    () => receiverState.active.config?.labels?.length > 0 && /* @__PURE__ */ jsxs(Flex, { gap: 4, className: "overflow-hidden", children: [
-      /* @__PURE__ */ jsx(Button, { disabled: true, color: "default", variant: "text", children: "\u968F\u4FBF\u804A\u804A" }),
-      receiverState.active.config.labels.map((question) => /* @__PURE__ */ jsx(
-        Popover,
-        {
-          content: /* @__PURE__ */ jsx(
-            List,
-            {
-              itemLayout: "horizontal",
-              split: false,
-              className: styles_module_default2.senderList,
-              dataSource: question.items,
-              renderItem: (item) => /* @__PURE__ */ jsx(List.Item, { onClick: () => chatStore.sendMessage(item.question), className: styles_module_default2.senderListItem, children: item.question }),
-              footer: /* @__PURE__ */ jsx(Flex, { justify: "end", className: styles_module_default2.senderListFooter, children: "(\u60A8\u53EF\u70B9\u51FB\u4EE5\u4E0A\u95EE\u9898\u5F00\u542FAI\u4F53\u9A8C)" })
-            }
-          ),
-          title: /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: classNames7(styles_module_default2.senderListTitle, "text-ellipsis"),
-              children: `${receiverState.active.name}\u5F00\u59CB\u5173\u6CE8${question.name}\u5185\u5BB9\uFF01`
-            }
-          ),
-          children: /* @__PURE__ */ jsx(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",
@@ -1819,6 +1837,7 @@ var styles_module_default4 = {
 };
 var layouts_default = forwardRef(({ theme, params, userInfo, hooks, layout, config }, ref) => {
   const chatStore = useMemo(() => createChatStore(), []);
+  const senderRef = useRef();
   useDeepEffect(() => {
     if (config?.conversationId) {
       chatStore.switchConversation(config.conversationId);
@@ -1835,7 +1854,7 @@ var layouts_default = forwardRef(({ theme, params, userInfo, hooks, layout, conf
     chatStore.setLayout(layout, config?.receiverType);
   }, [layout, config?.receiverType]);
   useEffect(() => {
-    chatStore.setConfigParams(params);
+    chatStore.setParams(params);
   }, [params]);
   useEffect(() => {
     chatStore.setHooks(hooks);
@@ -1851,7 +1870,11 @@ var layouts_default = forwardRef(({ theme, params, userInfo, hooks, layout, conf
       createConversation: chatStore.createConversation,
       setReferences: chatStore.setReferences,
       setMessage: chatStore.setContent,
-      setFiles: chatStore.setFileList
+      setFiles: chatStore.setFileList,
+      setParams: chatStore.setParams,
+      senderFocus: (options) => {
+        senderRef.current?.focus(options);
+      }
     }),
     []
   );
@@ -1947,14 +1970,7 @@ var layouts_default = forwardRef(({ theme, params, userInfo, hooks, layout, conf
                   ] })
                 }
               ),
-              /* @__PURE__ */ jsx(
-                RenderWrapper,
-                {
-                  control: configState.layout.senderPrompts,
-                  DefaultComponent: SenderPromptsItems_default
-                }
-              ),
-              /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.sender, DefaultComponent: ChatSender_default2 }),
+              /* @__PURE__ */ jsx(RenderWrapper, { ref: senderRef, control: configState.layout.sender, DefaultComponent: ChatSender_default2 }),
               /* @__PURE__ */ jsx(
                 RenderWrapper,
                 {