@ai-group/chat-sdk 2.0.4 → 2.1.0

package/dist/cjs/components/XAiChatbot/index.js

@@ -212,8 +212,10 @@ var XAiChatbot = (props) => {
   const rolesObject = {
     assistant: {
       placement: "start",
-      avatar: { icon: avatar || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.UserOutlined, { className: (0, import_clsx.default)(styles.bg("#fde3cf"), styles.userAvatar) }) },
-      typing: { step: 5, interval: 20 },
+      avatar: () => {
+        return avatar || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.UserOutlined, { className: (0, import_clsx.default)(styles.bg("#fde3cf"), styles.userAvatar) });
+      },
+      typing: { step: 5, interval: 20, effect: "typing" },
       style: {
         maxWidth: 600
       },
@@ -223,14 +225,18 @@ var XAiChatbot = (props) => {
     },
     user: {
       placement: "end",
-      avatar: { icon: userAvatar || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.UserOutlined, { className: (0, import_clsx.default)(styles.bg("#87d068"), styles.userAvatar) }) },
+      avatar: () => {
+        return userAvatar || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.UserOutlined, { className: (0, import_clsx.default)(styles.bg("#87d068"), styles.userAvatar) });
+      },
       classNames: {
         content: "user-content"
       }
     },
     suggestion: {
       placement: "start",
-      avatar: { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.UserOutlined, {}), style: { visibility: "hidden" } },
+      avatar: () => {
+        return avatar || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.UserOutlined, { className: (0, import_clsx.default)(styles.bg("#fde3cf"), styles.userAvatar) });
+      },
       variant: "borderless"
     }
   };
@@ -277,7 +283,7 @@ var XAiChatbot = (props) => {
         import_x.Bubble.List,
         {
           id: chatId,
-          roles: rolesObject,
+          role: rolesObject,
           className: styles.messageList,
           items: messages.map((msg) => {
             const { id, role, status, type, execute = [], thinks = "", extra = { noFooter: false }, stepContent } = msg;
@@ -353,7 +359,7 @@ var XAiChatbot = (props) => {
                       vertical: true,
                       items: msg.content,
                       onItemClick: (info) => {
-                        onSuggestMessageClick == null ? void 0 : onSuggestMessageClick(info.data, id);
+                        onSuggestMessageClick == null ? void 0 : onSuggestMessageClick(info == null ? void 0 : info.data, id);
                         if (info.data.description) {
                           onSend == null ? void 0 : onSend({ text: info.data.description });
                         }
@@ -370,14 +376,10 @@ var XAiChatbot = (props) => {
                 const msgFiles = ((_a = msg.content) == null ? void 0 : _a.files) || [];
                 if (role === import_XAiMessage.MessageRole.user && msgFiles.length) {
                   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Flex, { gap: 8, wrap: true, justify: "flex-end", style: { maxWidth: 600 }, children: msgFiles.map((f) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_x.Attachments.FileCard,
+                    import_x.FileCard,
                     {
-                      item: {
-                        uid: f.fileId,
-                        name: f.fileName,
-                        url: f.fileUrl,
-                        size: f.fileSize
-                      }
+                      name: f.fileName,
+                      size: f.fileSize
                     },
                     f.fileId
                   )) });

package/dist/cjs/components/XAiChatbot/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiChatbot/index.tsx"],
-  "sourcesContent": ["// 文件: components/XAiChatbot/index.tsx\n\nimport React, {\n  useRef,\n  useState,\n  useMemo,\n} from 'react';\nimport {\n  Tooltip,\n  GetProp,\n  Flex,\n} from 'antd';\nimport {\n  Bubble,\n  Prompts,\n  Attachments,\n} from '@ant-design/x';\nimport {\n  UserOutlined,\n  RedoOutlined,\n  CopyOutlined,\n  DeleteOutlined,\n} from '@ant-design/icons';\nimport clsx from 'clsx';\nimport MarkdownIt from 'markdown-it';\nimport reactHtmlParser from 'react-html-parser';\nimport type { Attachment } from '@ant-design/x/es/attachments';\nimport MarkdownGlobalStyle from '@/styles/markdown';\nimport {\n  MessageStatus,\n  MessageRole,\n  Messages,\n} from '@/types/XAiMessage';\nimport {\n  XAiChatbotProps,\n  ActionItem,\n} from '@/types/XAiChatbot';\nimport emptyIcon from '@/assets/empty.png';\nimport arrowUp from '@/assets/arrow-up.png';\nimport arrowDown from '@/assets/arrow-down.png';\nimport thinkIcon from '@/assets/think.png';\nimport groupIcon from '@/assets/group.png';\nimport arrowDownBlue from '@/assets/arrow-down-blue.png';\nimport { useChatbotContext } from '@/hooks/useProviderContext';\nimport { useStyles, GlobalStyle } from './styles';\nimport XAiSender from '../XAiSender';\nimport type { SendContent } from '@/types';\n\nconst md = new MarkdownIt({\n  html: true,\n  linkify: true,\n  typographer: true,\n});\n\n// 自定义 link_open 渲染规则\nconst defaultRender = md.renderer.rules.link_open || ((tokens, idx, options, env, self) => {\n  return self.renderToken(tokens, idx, options);\n});\n\n// a 标签打开规则\nmd.renderer.rules.link_open = (tokens, idx, options, env, self) => {\n  // 添加 target=\"_blank\"\n  const aIndex = tokens[idx].attrIndex('target');\n  if (aIndex < 0) {\n    tokens[idx].attrPush(['target', '_blank']);\n  } else {\n    tokens[idx].attrs![aIndex][1] = '_blank';\n  }\n  // 添加 rel=\"noopener noreferrer\"\n  const relIndex = tokens[idx].attrIndex('rel');\n  if (relIndex < 0) {\n    tokens[idx].attrPush(['rel', 'noopener noreferrer']);\n  } else {\n    tokens[idx].attrs![relIndex][1] = 'noopener noreferrer';\n  }\n  return defaultRender(tokens, idx, options, env, self);\n};\n\nexport interface ActionHeaderProps {\n  execute: any[];\n  thinks: string;\n}\n\n// ActionHeader 组件\nexport const ActionHeader: React.FC<ActionHeaderProps> = ({ execute = [], thinks = '' }) => {\n  const styles = useStyles();\n  const [expanded, setExpanded] = useState(true);\n  const [executeExpanded, setExecuteExpanded] = useState(false);\n\n  // 关键修复：只要有思考内容或执行过程就显示，不要同时要求两者都有\n  if (!thinks && (!execute || execute.length === 0)) return null;\n\n  const last = execute[execute.length - 1] || {};\n  const { name } = last;\n  const icon = last?.icon || last?.extra?.icon;\n\n  return (\n    <div className={styles.actionHeaderWrapper}>\n      {!expanded && (\n        <div className={styles.actionTitle} onClick={() => setExpanded((v) => !v)}>\n          <img src={thinkIcon} alt=\"icon\" className={styles.actionHeaderIcon} />\n          <span className={styles.flex1}>运行过程</span>\n          <img alt=\"展开icon\" src={arrowDown} className={styles.w('16px')} />\n        </div>\n      )}\n      {expanded && (\n        <div className={styles.actionHeaderDetail}>\n          <div className={styles.actionDetailTitle} onClick={() => setExpanded((v) => !v)}>\n            <img src={thinkIcon} alt=\"\" className={clsx(styles.w(14))} />\n            <div className={clsx(styles.flex1, styles.pl(10))}>隐藏运行过程</div>\n            <img alt=\"收起icon\" src={arrowUp} className={styles.w('16px')} />\n          </div>\n\n          {thinks && (\n            <div className={styles.actionDetailContent} style={{ whiteSpace: 'pre-line' }}>\n              {thinks}\n            </div>\n          )}\n\n          {execute && execute.length > 0 && (\n            <>\n              {!executeExpanded && (\n                <div className={styles.executeHiddenWrapper} onClick={() => setExecuteExpanded((v) => !v)}>\n                  {icon && <img src={icon} alt=\"icon\" className={styles.h(15)} />}\n                  <span className={styles.flex1}>{name}</span>\n                  <img alt=\"工具icon\" src={arrowDownBlue} className={styles.w('16px')} />\n                </div>\n              )}\n              {executeExpanded && (\n                <div className={styles.executeWrapper}>\n                  <div className={styles.executeTitle} onClick={() => setExecuteExpanded((v) => !v)}>\n                    <img src={groupIcon} alt=\"icon\" className={styles.executeHeaderIcon} />\n                    <span className={styles.flex1}>隐藏运行详情</span>\n                    <img alt=\"展开详情icon\" src={arrowUp} className={styles.w('16px')} />\n                  </div>\n                  <div className={styles.executeContent}>\n                    {execute.map((action: any, idx: number) => {\n                      const thinkIcon2 = action?.expandIcon || action?.extra?.expandIcon || action?.extra?.icon || action?.icon;\n                      const thinkCost = action?.cost || action?.extra?.cost;\n                      return (\n                        <div key={action.uniqueId || idx} className={styles.actionHeaderDetailItem}>\n                          {thinkIcon2 && <img src={thinkIcon2} alt=\"icon\" className={styles.actionHeaderIcon} />}\n                          <span>{action?.name}</span>\n                          <span className={styles.actionHeaderCost}>{thinkCost ? `${thinkCost}s` : ''}</span>\n                        </div>\n                      );\n                    })}\n                  </div>\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\n// 默认消息功能区\nexport const defaultActions: ActionItem[] = [\n  {\n    key: 'redo',\n    icon: <RedoOutlined />,\n    tooltip: '重新生成',\n  },\n  {\n    key: 'copy',\n    icon: <CopyOutlined />,\n    tooltip: '复制',\n  },\n  {\n    key: 'delete',\n    icon: <DeleteOutlined />,\n    tooltip: '删除',\n  },\n];\n\nconst XAiChatbot: React.FC<XAiChatbotProps> = (props) => {\n  const styles = useStyles();\n  // 使用新的 Hook 来处理 Provider 上下文\n  const { mergedProps } = useChatbotContext(props);\n\n  const {\n    navbarShow = false,\n    navbar,\n    renderNavbar = null,\n    clearBtnShow = true,\n    inputShow = true,\n    // renderMessageContent,\n    // quickReplies = [],\n    // quickRepliesVisible = true,\n    // onQuickReplyClick,\n    loading: propLoading = false,\n    messageTooltip,\n    avatar,\n    userAvatar,\n    messages: propMessages,\n    text = '',\n    footerTips = '',\n    empty = null,\n    emptyStateImage = emptyIcon,\n    emptyStateText = '我的智能体',\n    messageActions = defaultActions,\n    onMessagesActionsCallback,\n    // 点击帮助消息\n    onSuggestMessageClick,\n    onSend,\n    onClear,\n    onStop,\n    providerId,\n    // 消息顶部\n    messageTop,\n    enableUpload,\n    uploadRequest,\n  } = mergedProps as XAiChatbotProps;\n\n  // 如果在 Provider 中，使用 Provider 的状态\n  const messages = mergedProps.messages || propMessages || [];\n  const loading = mergedProps.loading || propLoading;\n\n  const [content, setContent] = useState<string>(text); // 输入框文本\n  const [files, setFiles] = useState<Attachment[]>([]);\n  const lastMessageId = useRef<string>('');\n  const isScriptScrolling = useRef<boolean>(false);\n  const chatId = providerId ? `za-chatbot-container-${providerId}` : 'za-chatbot-container';\n\n  // 滚动到最底部\n  const scrollToBottom = () => {\n    isScriptScrolling.current = true;\n    setTimeout(() => {\n      const mainChatWrapper = document.getElementById(chatId);\n      if (mainChatWrapper) {\n        mainChatWrapper.scrollTop = mainChatWrapper?.scrollHeight;\n      }\n      isScriptScrolling.current = false;\n    }, 0);\n  };\n\n  // 消息功能区组件\n  const FooterActions: React.FC<{ data: Messages; lastMessage: boolean }> = ({ data, lastMessage = false }) => (\n    <div className={clsx(styles.flex, styles.gap(13))}>\n      {messageActions.map((action: ActionItem, index: number) => {\n        if (!lastMessage && action.key === 'redo') return null;\n        return (\n          <Tooltip key={action.key} title={action.tooltip}>\n            <span className={styles.cursor('pointer')} onClick={() => onMessagesActionsCallback?.(index, data)}>\n              {action.icon}\n              {action.render?.(index, data)}\n            </span>\n          </Tooltip>\n        );\n      })}\n    </div>\n  );\n\n  // 消息底部区域\n  const MessageFooter: React.FC<{ data: Messages; lastMessage: boolean }> = ({ data, lastMessage = false }) => (\n    <>\n      {messageTooltip?.(data)}\n      <FooterActions data={data} lastMessage={lastMessage} />\n    </>\n  );\n\n  // 聊天角色\n  const rolesObject: GetProp<typeof Bubble.List, 'roles'> = {\n    assistant: {\n      placement: 'start',\n      avatar: { icon: avatar || <UserOutlined className={clsx(styles.bg('#fde3cf'), styles.userAvatar)} /> },\n      typing: { step: 5, interval: 20 },\n      style: {\n        maxWidth: 600,\n      },\n      classNames: {\n        content: 'assistant-content',\n      },\n    },\n    user: {\n      placement: 'end',\n      avatar: { icon: userAvatar || <UserOutlined className={clsx(styles.bg('#87d068'), styles.userAvatar)} /> },\n      classNames: {\n        content: 'user-content',\n      },\n    },\n    suggestion: {\n      placement: 'start',\n      avatar: { icon: <UserOutlined />, style: { visibility: 'hidden' } },\n      variant: 'borderless',\n    },\n  };\n\n  // 触发发送\n  const handleSend = (obj: SendContent) => {\n    // 直接使用合并后的 onSend，自动处理 Provider 和独立模式\n    onSend?.(obj);\n    setContent(''); // 发送后清空输入框内容\n    setFiles([]); // 发送后清空文件\n    scrollToBottom();\n  };\n\n  // 输出内容\n  const handleChange = (str: string) => {\n    setContent(str);\n  };\n\n  // 停止生成\n  const handleStop = () => {\n    onStop?.();\n  };\n\n  // 导航栏\n  const NavBar: React.FC = () => {\n    if (renderNavbar) {\n      return renderNavbar();\n    } if (navbar?.title) {\n      return (\n        <header className={styles.navbar}>\n          {navbar.avatar && <img src={navbar.avatar} className={styles.avatar} alt=\"\" />}\n          <div>\n            <div className={styles.title}>{navbar.title}</div>\n            <div className={styles.subtitle}>{navbar.subtitle}</div>\n          </div>\n        </header>\n      );\n    }\n    return <></>;\n  };\n\n  // 确认清除\n  const confirmClear = () => {\n    onClear?.();\n  };\n\n  // 空状态\n  const EmptyState = useMemo(() => () => (\n    empty || (\n    <div className={styles.emptyWrapper}>\n      <img src={emptyStateImage} alt=\"空状态图标\" className={styles.emptyImg} />\n      <div className={clsx(styles.text(16), styles.weight(600), styles.textColor('#343434'))}>{emptyStateText}</div>\n    </div>\n    )\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  ), [emptyStateImage, emptyStateText]);\n\n  return (\n    <>\n      <GlobalStyle />\n      <MarkdownGlobalStyle />\n      <div id=\"x-ai-chatbot\" className={styles.wrapper}>\n        { navbarShow && <NavBar /> }\n        {/** 消息容器 */}\n        <div className={styles.messageContainer}>\n          {/* 消息列表主体 */}\n          {\n            messages?.length\n              ? (\n                <Bubble.List\n                  id={chatId}\n                  roles={rolesObject}\n                  className={styles.messageList}\n                  items={messages.map((msg: any) => {\n                    const { id, role, status, type, execute = [], thinks = '', extra = { noFooter: false }, stepContent } = msg as Messages;\n                    // 最后一条 AI消息标识\n                    if (role === MessageRole.assistant) {\n                      lastMessageId.current = id;\n                    }\n                    // 会话内容\n                    const bubbleContent: any = {\n                      key: id,\n                      role,\n                      loading: status === MessageStatus.init,\n                      header: (() => messageTop\n                        || (\n                        <ActionHeader\n                          execute={execute}\n                          thinks={thinks}\n                        />\n                        )),\n                      content: (() => {\n                        // 文本消息\n                        if (type === 'TextMessage') {\n                          // 用户消息\n                          if (role === 'user') {\n                            return (\n                              <div\n                                className=\"ai-markdown-body\"\n                                style={{\n                                  minWidth: 0,\n                                  maxWidth: 600,\n                                }}\n                              >\n                                {msg.content?.text}\n                              </div>\n                            );\n                          }\n\n                          // 输出html字符串\n                          const html = md.render(msg.content?.text || '');\n                          // 生成React节点\n                          const htmlString = reactHtmlParser(html);\n                          return (\n                            <>\n                              {/* 输出阶段性回答内容 */}\n                              {stepContent?.length && stepContent.map((item) => {\n                                // 输出html字符串\n                                const html2 = md.render(item.content || '');\n                                // 生成React节点\n                                const stepHtmlString = reactHtmlParser(html2);\n                                return (\n                                  <div\n                                    key={item.id}\n                                    className=\"ai-markdown-body step-content\"\n                                    style={{\n                                      minWidth: 0,\n                                      maxWidth: 600,\n                                    }}\n                                  >\n                                    <div>\n                                      {stepHtmlString}\n                                    </div>\n                                    <div className={styles.stepLine} />\n                                  </div>\n                                );\n                              })}\n                              {/** 输出最终回答内容 */}\n                              <div\n                                className=\"ai-markdown-body\"\n                                style={{\n                                  minWidth: 0,\n                                  maxWidth: 600,\n                                }}\n                              >\n                                {htmlString}\n                              </div>\n                            </>\n                          );\n                        }\n                        // 提示类型\n                        if (type === 'SuggestionMessage') {\n                          return (\n                            <Prompts\n                              vertical\n                              items={msg.content as any}\n                              onItemClick={(info) => {\n                                onSuggestMessageClick?.(info.data, id);\n                                if (info.data.description) {\n                                  onSend?.({ text: info.data.description as string });\n                                }\n                              }}\n                            />\n                          );\n                        }\n                        // 其他类型...\n                        return null;\n                      })(),\n                    };\n\n                    if (!extra.noFooter) {\n                      bubbleContent.footer = (() => {\n                        const msgFiles = msg.content?.files || [];\n                        if (role === MessageRole.user && msgFiles.length) {\n                          return (\n                            <Flex gap={8} wrap justify=\"flex-end\" style={{ maxWidth: 600 }}>\n                              {msgFiles.map((f: any) => (\n                                <Attachments.FileCard\n                                  key={f.fileId}\n                                  item={{\n                                    uid: f.fileId,\n                                    name: f.fileName,\n                                    url: f.fileUrl,\n                                    size: f.fileSize,\n                                  }}\n                                />\n                              ))}\n                            </Flex>\n                          );\n                        }\n                        if (role === MessageRole.assistant && status !== MessageStatus.failed) {\n                          return <MessageFooter data={msg as Messages} lastMessage={lastMessageId.current === id} />;\n                        }\n                      });\n                    }\n\n                    return bubbleContent;\n                  })}\n                />\n            )\n              : (\n                <EmptyState />\n            )\n          }\n        </div>\n        {/* 输入框 */}\n        { inputShow && (\n        <XAiSender\n          value={content}\n          loading={loading}\n          footerTips={footerTips}\n          clearBtnShow={clearBtnShow}\n          enableUpload={enableUpload}\n          files={files}\n          onChangeFiles={setFiles}\n          uploadRequest={uploadRequest}\n          onChange={handleChange}\n          onSubmit={handleSend}\n          onStop={handleStop}\n          onClear={confirmClear}\n        />\n        ) }\n      </div>\n    </>\n  );\n};\n\nexport default XAiChatbot;\n"],
-  "mappings": "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",
+  "sourcesContent": ["// 文件: components/XAiChatbot/index.tsx\n\nimport React, {\n  useRef,\n  useState,\n  useMemo,\n} from 'react';\nimport {\n  Tooltip,\n  GetProp,\n  Flex,\n} from 'antd';\nimport {\n  Bubble,\n  Prompts,\n  Attachments,\n  FileCard\n} from '@ant-design/x';\nimport {\n  UserOutlined,\n  RedoOutlined,\n  CopyOutlined,\n  DeleteOutlined,\n} from '@ant-design/icons';\nimport clsx from 'clsx';\nimport MarkdownIt from 'markdown-it';\nimport reactHtmlParser from 'react-html-parser';\nimport type { Attachment } from '@ant-design/x/es/attachments';\nimport MarkdownGlobalStyle from '@/styles/markdown';\nimport {\n  MessageStatus,\n  MessageRole,\n  Messages,\n} from '@/types/XAiMessage';\nimport {\n  XAiChatbotProps,\n  ActionItem,\n} from '@/types/XAiChatbot';\nimport emptyIcon from '@/assets/empty.png';\nimport arrowUp from '@/assets/arrow-up.png';\nimport arrowDown from '@/assets/arrow-down.png';\nimport thinkIcon from '@/assets/think.png';\nimport groupIcon from '@/assets/group.png';\nimport arrowDownBlue from '@/assets/arrow-down-blue.png';\nimport { useChatbotContext } from '@/hooks/useProviderContext';\nimport { useStyles, GlobalStyle } from './styles';\nimport XAiSender from '../XAiSender';\nimport type { SendContent } from '@/types';\n\nconst md = new MarkdownIt({\n  html: true,\n  linkify: true,\n  typographer: true,\n});\n\n// 自定义 link_open 渲染规则\nconst defaultRender = md.renderer.rules.link_open || ((tokens, idx, options, env, self) => {\n  return self.renderToken(tokens, idx, options);\n});\n\n// a 标签打开规则\nmd.renderer.rules.link_open = (tokens, idx, options, env, self) => {\n  // 添加 target=\"_blank\"\n  const aIndex = tokens[idx].attrIndex('target');\n  if (aIndex < 0) {\n    tokens[idx].attrPush(['target', '_blank']);\n  } else {\n    tokens[idx].attrs![aIndex][1] = '_blank';\n  }\n  // 添加 rel=\"noopener noreferrer\"\n  const relIndex = tokens[idx].attrIndex('rel');\n  if (relIndex < 0) {\n    tokens[idx].attrPush(['rel', 'noopener noreferrer']);\n  } else {\n    tokens[idx].attrs![relIndex][1] = 'noopener noreferrer';\n  }\n  return defaultRender(tokens, idx, options, env, self);\n};\n\nexport interface ActionHeaderProps {\n  execute: any[];\n  thinks: string;\n}\n\n// ActionHeader 组件\nexport const ActionHeader: React.FC<ActionHeaderProps> = ({ execute = [], thinks = '' }) => {\n  const styles = useStyles();\n  const [expanded, setExpanded] = useState(true);\n  const [executeExpanded, setExecuteExpanded] = useState(false);\n\n  // 关键修复：只要有思考内容或执行过程就显示，不要同时要求两者都有\n  if (!thinks && (!execute || execute.length === 0)) return null;\n\n  const last = execute[execute.length - 1] || {};\n  const { name } = last;\n  const icon = last?.icon || last?.extra?.icon;\n\n  return (\n    <div className={styles.actionHeaderWrapper}>\n      {!expanded && (\n        <div className={styles.actionTitle} onClick={() => setExpanded((v) => !v)}>\n          <img src={thinkIcon} alt=\"icon\" className={styles.actionHeaderIcon} />\n          <span className={styles.flex1}>运行过程</span>\n          <img alt=\"展开icon\" src={arrowDown} className={styles.w('16px')} />\n        </div>\n      )}\n      {expanded && (\n        <div className={styles.actionHeaderDetail}>\n          <div className={styles.actionDetailTitle} onClick={() => setExpanded((v) => !v)}>\n            <img src={thinkIcon} alt=\"\" className={clsx(styles.w(14))} />\n            <div className={clsx(styles.flex1, styles.pl(10))}>隐藏运行过程</div>\n            <img alt=\"收起icon\" src={arrowUp} className={styles.w('16px')} />\n          </div>\n\n          {thinks && (\n            <div className={styles.actionDetailContent} style={{ whiteSpace: 'pre-line' }}>\n              {thinks}\n            </div>\n          )}\n\n          {execute && execute.length > 0 && (\n            <>\n              {!executeExpanded && (\n                <div className={styles.executeHiddenWrapper} onClick={() => setExecuteExpanded((v) => !v)}>\n                  {icon && <img src={icon} alt=\"icon\" className={styles.h(15)} />}\n                  <span className={styles.flex1}>{name}</span>\n                  <img alt=\"工具icon\" src={arrowDownBlue} className={styles.w('16px')} />\n                </div>\n              )}\n              {executeExpanded && (\n                <div className={styles.executeWrapper}>\n                  <div className={styles.executeTitle} onClick={() => setExecuteExpanded((v) => !v)}>\n                    <img src={groupIcon} alt=\"icon\" className={styles.executeHeaderIcon} />\n                    <span className={styles.flex1}>隐藏运行详情</span>\n                    <img alt=\"展开详情icon\" src={arrowUp} className={styles.w('16px')} />\n                  </div>\n                  <div className={styles.executeContent}>\n                    {execute.map((action: any, idx: number) => {\n                      const thinkIcon2 = action?.expandIcon || action?.extra?.expandIcon || action?.extra?.icon || action?.icon;\n                      const thinkCost = action?.cost || action?.extra?.cost;\n                      return (\n                        <div key={action.uniqueId || idx} className={styles.actionHeaderDetailItem}>\n                          {thinkIcon2 && <img src={thinkIcon2} alt=\"icon\" className={styles.actionHeaderIcon} />}\n                          <span>{action?.name}</span>\n                          <span className={styles.actionHeaderCost}>{thinkCost ? `${thinkCost}s` : ''}</span>\n                        </div>\n                      );\n                    })}\n                  </div>\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\n// 默认消息功能区\nexport const defaultActions: ActionItem[] = [\n  {\n    key: 'redo',\n    icon: <RedoOutlined />,\n    tooltip: '重新生成',\n  },\n  {\n    key: 'copy',\n    icon: <CopyOutlined />,\n    tooltip: '复制',\n  },\n  {\n    key: 'delete',\n    icon: <DeleteOutlined />,\n    tooltip: '删除',\n  },\n];\n\nconst XAiChatbot: React.FC<XAiChatbotProps> = (props) => {\n  const styles = useStyles();\n  // 使用新的 Hook 来处理 Provider 上下文\n  const { mergedProps } = useChatbotContext(props);\n\n  const {\n    navbarShow = false,\n    navbar,\n    renderNavbar = null,\n    clearBtnShow = true,\n    inputShow = true,\n    // renderMessageContent,\n    // quickReplies = [],\n    // quickRepliesVisible = true,\n    // onQuickReplyClick,\n    loading: propLoading = false,\n    messageTooltip,\n    avatar,\n    userAvatar,\n    messages: propMessages,\n    text = '',\n    footerTips = '',\n    empty = null,\n    emptyStateImage = emptyIcon,\n    emptyStateText = '我的智能体',\n    messageActions = defaultActions,\n    onMessagesActionsCallback,\n    // 点击帮助消息\n    onSuggestMessageClick,\n    onSend,\n    onClear,\n    onStop,\n    providerId,\n    // 消息顶部\n    messageTop,\n    enableUpload,\n    uploadRequest,\n  } = mergedProps as XAiChatbotProps;\n\n  // 如果在 Provider 中，使用 Provider 的状态\n  const messages = mergedProps.messages || propMessages || [];\n  const loading = mergedProps.loading || propLoading;\n\n  const [content, setContent] = useState<string>(text); // 输入框文本\n  const [files, setFiles] = useState<Attachment[]>([]);\n  const lastMessageId = useRef<string>('');\n  const isScriptScrolling = useRef<boolean>(false);\n  const chatId = providerId ? `za-chatbot-container-${providerId}` : 'za-chatbot-container';\n\n  // 滚动到最底部\n  const scrollToBottom = () => {\n    isScriptScrolling.current = true;\n    setTimeout(() => {\n      const mainChatWrapper = document.getElementById(chatId);\n      if (mainChatWrapper) {\n        mainChatWrapper.scrollTop = mainChatWrapper?.scrollHeight;\n      }\n      isScriptScrolling.current = false;\n    }, 0);\n  };\n\n  // 消息功能区组件\n  const FooterActions: React.FC<{ data: Messages; lastMessage: boolean }> = ({ data, lastMessage = false }) => (\n    <div className={clsx(styles.flex, styles.gap(13))}>\n      {messageActions.map((action: ActionItem, index: number) => {\n        if (!lastMessage && action.key === 'redo') return null;\n        return (\n          <Tooltip key={action.key} title={action.tooltip}>\n            <span className={styles.cursor('pointer')} onClick={() => onMessagesActionsCallback?.(index, data)}>\n              {action.icon}\n              {action.render?.(index, data)}\n            </span>\n          </Tooltip>\n        );\n      })}\n    </div>\n  );\n\n  // 消息底部区域\n  const MessageFooter: React.FC<{ data: Messages; lastMessage: boolean }> = ({ data, lastMessage = false }) => (\n    <>\n      {messageTooltip?.(data)}\n      <FooterActions data={data} lastMessage={lastMessage} />\n    </>\n  );\n\n  // 聊天角色\n  const rolesObject: GetProp<typeof Bubble.List, 'role'> = {\n    assistant: {\n      placement: 'start',\n      avatar: () => {\n        return avatar || <UserOutlined className={clsx(styles.bg('#fde3cf'), styles.userAvatar)} />;\n      },\n      typing: { step: 5, interval: 20, effect: 'typing' },\n      style: {\n        maxWidth: 600,\n      },\n      classNames: {\n        content: 'assistant-content',\n      },\n    },\n    user: {\n      placement: 'end',\n      avatar: () => {\n        return userAvatar || <UserOutlined className={clsx(styles.bg('#87d068'), styles.userAvatar)} />;\n      },\n      classNames: {\n        content: 'user-content',\n      },\n    },\n    suggestion: {\n      placement: 'start',\n      avatar: () => {\n        return avatar || <UserOutlined className={clsx(styles.bg('#fde3cf'), styles.userAvatar)} />;\n      },\n      variant: 'borderless',\n    },\n  };\n\n  // 触发发送\n  const handleSend = (obj: SendContent) => {\n    // 直接使用合并后的 onSend，自动处理 Provider 和独立模式\n    onSend?.(obj);\n    setContent(''); // 发送后清空输入框内容\n    setFiles([]); // 发送后清空文件\n    scrollToBottom();\n  };\n\n  // 输出内容\n  const handleChange = (str: string) => {\n    setContent(str);\n  };\n\n  // 停止生成\n  const handleStop = () => {\n    onStop?.();\n  };\n\n  // 导航栏\n  const NavBar: React.FC = () => {\n    if (renderNavbar) {\n      return renderNavbar();\n    } if (navbar?.title) {\n      return (\n        <header className={styles.navbar}>\n          {navbar.avatar && <img src={navbar.avatar} className={styles.avatar} alt=\"\" />}\n          <div>\n            <div className={styles.title}>{navbar.title}</div>\n            <div className={styles.subtitle}>{navbar.subtitle}</div>\n          </div>\n        </header>\n      );\n    }\n    return <></>;\n  };\n\n  // 确认清除\n  const confirmClear = () => {\n    onClear?.();\n  };\n\n  // 空状态\n  const EmptyState = useMemo(() => () => (\n    empty || (\n    <div className={styles.emptyWrapper}>\n      <img src={emptyStateImage} alt=\"空状态图标\" className={styles.emptyImg} />\n      <div className={clsx(styles.text(16), styles.weight(600), styles.textColor('#343434'))}>{emptyStateText}</div>\n    </div>\n    )\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  ), [emptyStateImage, emptyStateText]);\n\n  return (\n    <>\n      <GlobalStyle />\n      <MarkdownGlobalStyle />\n      <div id=\"x-ai-chatbot\" className={styles.wrapper}>\n        { navbarShow && <NavBar /> }\n        {/** 消息容器 */}\n        <div className={styles.messageContainer}>\n          {/* 消息列表主体 */}\n          {\n            messages?.length\n              ? (\n                <Bubble.List\n                  id={chatId}\n                  role={rolesObject}\n                  className={styles.messageList}\n                  items={messages.map((msg: any) => {\n                    const { id, role, status, type, execute = [], thinks = '', extra = { noFooter: false }, stepContent } = msg as Messages;\n                    // 最后一条 AI消息标识\n                    if (role === MessageRole.assistant) {\n                      lastMessageId.current = id;\n                    }\n                    // 会话内容\n                    const bubbleContent: any = {\n                      key: id,\n                      role,\n                      loading: status === MessageStatus.init,\n                      header: (() => messageTop\n                        || (\n                        <ActionHeader\n                          execute={execute}\n                          thinks={thinks}\n                        />\n                        )),\n                      content: (() => {\n                        // 文本消息\n                        if (type === 'TextMessage') {\n                          // 用户消息\n                          if (role === 'user') {\n                            return (\n                              <div\n                                className=\"ai-markdown-body\"\n                                style={{\n                                  minWidth: 0,\n                                  maxWidth: 600,\n                                }}\n                              >\n                                {msg.content?.text}\n                              </div>\n                            );\n                          }\n\n                          // 输出html字符串\n                          const html = md.render(msg.content?.text || '');\n                          // 生成React节点\n                          const htmlString = reactHtmlParser(html);\n                          return (\n                            <>\n                              {/* 输出阶段性回答内容 */}\n                              {stepContent?.length && stepContent.map((item) => {\n                                // 输出html字符串\n                                const html2 = md.render(item.content || '');\n                                // 生成React节点\n                                const stepHtmlString = reactHtmlParser(html2);\n                                return (\n                                  <div\n                                    key={item.id}\n                                    className=\"ai-markdown-body step-content\"\n                                    style={{\n                                      minWidth: 0,\n                                      maxWidth: 600,\n                                    }}\n                                  >\n                                    <div>\n                                      {stepHtmlString}\n                                    </div>\n                                    <div className={styles.stepLine} />\n                                  </div>\n                                );\n                              })}\n                              {/** 输出最终回答内容 */}\n                              <div\n                                className=\"ai-markdown-body\"\n                                style={{\n                                  minWidth: 0,\n                                  maxWidth: 600,\n                                }}\n                              >\n                                {htmlString}\n                              </div>\n                            </>\n                          );\n                        }\n                        // 提示类型\n                        if (type === 'SuggestionMessage') {\n                          return (\n                            <Prompts\n                              vertical\n                              items={msg.content as any}\n                              onItemClick={(info) => {\n                                onSuggestMessageClick?.(info?.data, id);\n                                if (info.data.description) {\n                                  onSend?.({ text: info.data.description as string });\n                                }\n                              }}\n                            />\n                          );\n                        }\n                        // 其他类型...\n                        return null;\n                      })(),\n                    };\n\n                    if (!extra.noFooter) {\n                      bubbleContent.footer = (() => {\n                        const msgFiles = msg.content?.files || [];\n                        if (role === MessageRole.user && msgFiles.length) {\n                          return (\n                            <Flex gap={8} wrap justify=\"flex-end\" style={{ maxWidth: 600 }}>\n                              {msgFiles.map((f: any) => (\n                                <FileCard\n                                  key={f.fileId}\n                                  name={f.fileName}\n                                  size={f.fileSize}\n                                />\n                              ))}\n                            </Flex>\n                          );\n                        }\n                        if (role === MessageRole.assistant && status !== MessageStatus.failed) {\n                          return <MessageFooter data={msg as Messages} lastMessage={lastMessageId.current === id} />;\n                        }\n                      });\n                    }\n\n                    return bubbleContent;\n                  })}\n                />\n            )\n              : (\n                <EmptyState />\n            )\n          }\n        </div>\n        {/* 输入框 */}\n        { inputShow && (\n        <XAiSender\n          value={content}\n          loading={loading}\n          footerTips={footerTips}\n          clearBtnShow={clearBtnShow}\n          enableUpload={enableUpload}\n          files={files}\n          onChangeFiles={setFiles}\n          uploadRequest={uploadRequest}\n          onChange={handleChange}\n          onSubmit={handleSend}\n          onStop={handleStop}\n          onClear={confirmClear}\n        />\n        ) }\n      </div>\n    </>\n  );\n};\n\nexport default XAiChatbot;\n"],
+  "mappings": "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",
   "names": ["MarkdownIt", "thinkIcon", "arrowDown", "clsx", "arrowUp", "arrowDownBlue", "groupIcon", "_a", "emptyIcon", "MarkdownGlobalStyle", "reactHtmlParser", "XAiSender"]
 }

package/dist/cjs/components/XAiConversations/XAiConversations.stories.js

@@ -65,6 +65,7 @@ var BasicUsageStory = (args) => {
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import__.default,
         {
+          ...args,
           sessionList: items
         }
       )

package/dist/cjs/components/XAiConversations/XAiConversations.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiConversations/XAiConversations.stories.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport type { ConversationsProps } from '@ant-design/x';\nimport { type GetProp } from 'antd';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport XAiConversations from '.';\n\nconst meta: Meta<typeof XAiConversations> = {\n  title: 'AI组件/XAiConversations 对话记录管理',\n  component: XAiConversations,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n  },\n};\n\nexport default meta;\n  type Story = StoryObj<typeof meta>;\n\nconst BasicUsageStory = (args: any) => {\n  const items: GetProp<ConversationsProps, 'items'> = Array.from({ length: 4 }).map((_, index) => ({\n    key: `item${index + 1}`,\n    label: `聊天记录 ${index + 1}`,\n    disabled: index === 3,\n  }));\n\n  return (\n    <div style={{\n      backgroundColor: 'rgb(240, 242, 245)',\n      minHeight: '300px',\n      minWidth: '700px',\n      display: 'flex',\n      alignItems: 'center',\n      paddingInline: '50px',\n    }}\n    >\n      <XAiConversations\n        sessionList={items}\n      />\n    </div>\n  );\n};\n\nexport const 基础用法: Story = {\n  render: BasicUsageStory,\n  args: {\n  },\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,eAA6B;AAiCvB;AA/BN,IAAM,OAAsC;AAAA,EAC1C,OAAO;AAAA,EACP,WAAW,SAAAA;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EACA,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU,CACV;AACF;AAEA,IAAO,mCAAQ;AAGf,IAAM,kBAAkB,CAAC,SAAc;AACrC,QAAM,QAA8C,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,WAAW;AAAA,IAC/F,KAAK,OAAO,QAAQ;AAAA,IACpB,OAAO,QAAQ,QAAQ;AAAA,IACvB,UAAU,UAAU;AAAA,EACtB,EAAE;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MAAI,OAAO;AAAA,QACV,iBAAiB;AAAA,QACjB,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,eAAe;AAAA,MACjB;AAAA,MAEE;AAAA,QAAC,SAAAA;AAAA,QAAA;AAAA,UACC,aAAa;AAAA;AAAA,MACf;AAAA;AAAA,EACF;AAEJ;AAEO,IAAM,OAAc;AAAA,EACzB,QAAQ;AAAA,EACR,MAAM,CACN;AACF;",
+  "sourcesContent": ["import type { ConversationsProps } from '@ant-design/x';\nimport { type GetProp } from 'antd';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport XAiConversations from '.';\n\nconst meta: Meta<typeof XAiConversations> = {\n  title: 'AI组件/XAiConversations 对话记录管理',\n  component: XAiConversations,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n  },\n};\n\nexport default meta;\n  type Story = StoryObj<typeof meta>;\n\nconst BasicUsageStory = (args: any) => {\n  const items: GetProp<ConversationsProps, 'items'> = Array.from({ length: 4 }).map((_, index) => ({\n    key: `item${index + 1}`,\n    label: `聊天记录 ${index + 1}`,\n    disabled: index === 3,\n  }));\n\n  return (\n    <div style={{\n      backgroundColor: 'rgb(240, 242, 245)',\n      minHeight: '300px',\n      minWidth: '700px',\n      display: 'flex',\n      alignItems: 'center',\n      paddingInline: '50px',\n    }}\n    >\n      <XAiConversations\n        {...args}\n        sessionList={items}\n      />\n    </div>\n  );\n};\n\nexport const 基础用法: Story = {\n  render: BasicUsageStory,\n  args: {\n  },\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,eAA6B;AAiCvB;AA/BN,IAAM,OAAsC;AAAA,EAC1C,OAAO;AAAA,EACP,WAAW,SAAAA;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EACA,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU,CACV;AACF;AAEA,IAAO,mCAAQ;AAGf,IAAM,kBAAkB,CAAC,SAAc;AACrC,QAAM,QAA8C,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,WAAW;AAAA,IAC/F,KAAK,OAAO,QAAQ;AAAA,IACpB,OAAO,QAAQ,QAAQ;AAAA,IACvB,UAAU,UAAU;AAAA,EACtB,EAAE;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MAAI,OAAO;AAAA,QACV,iBAAiB;AAAA,QACjB,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,eAAe;AAAA,MACjB;AAAA,MAEE;AAAA,QAAC,SAAAA;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ,aAAa;AAAA;AAAA,MACf;AAAA;AAAA,EACF;AAEJ;AAEO,IAAM,OAAc;AAAA,EACzB,QAAQ;AAAA,EACR,MAAM,CACN;AACF;",
   "names": ["XAiConversations"]
 }

package/dist/cjs/components/XAiJsonView/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface JsonViewProps {
+    value: string;
+    lineNumbers?: boolean;
+    height?: string;
+}
+declare const JsonView: React.FC<JsonViewProps>;
+export default JsonView;

package/dist/cjs/components/XAiJsonView/index.js

@@ -0,0 +1,81 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/XAiJsonView/index.tsx
+var XAiJsonView_exports = {};
+__export(XAiJsonView_exports, {
+  default: () => XAiJsonView_default
+});
+module.exports = __toCommonJS(XAiJsonView_exports);
+var import_react_codemirror = __toESM(require("@uiw/react-codemirror"));
+var import_view = require("@codemirror/view");
+var import_lang_json = require("@codemirror/lang-json");
+var import_lang_markdown = require("@codemirror/lang-markdown");
+var import_language_data = require("@codemirror/language-data");
+var import_codemirror_theme_github = require("@uiw/codemirror-theme-github");
+var import_styles = require("./styles");
+var import_jsx_runtime = require("react/jsx-runtime");
+var formatValue = (v) => {
+  if (!v)
+    return "";
+  try {
+    const obj = JSON.parse(v);
+    return JSON.stringify(obj, null, 2);
+  } catch (error) {
+    return v;
+  }
+};
+var JsonView = ({ value, height, lineNumbers = true }) => {
+  const styles = (0, import_styles.useStyles)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_codemirror.default,
+      {
+        lang: "json",
+        readOnly: true,
+        className: styles.view,
+        theme: import_codemirror_theme_github.githubLight,
+        value: formatValue(value),
+        height: height || "160px",
+        extensions: [
+          (0, import_lang_json.json)(),
+          import_view.EditorView.lineWrapping,
+          (0, import_lang_markdown.markdown)({
+            codeLanguages: import_language_data.languages
+          })
+        ],
+        basicSetup: {
+          lineNumbers
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.GlobalStyle, {})
+  ] });
+};
+var XAiJsonView_default = JsonView;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/XAiJsonView/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAiJsonView/index.tsx"],
+  "sourcesContent": ["import ReactCodeMirror from '@uiw/react-codemirror';\nimport { EditorView } from '@codemirror/view';\nimport { json } from '@codemirror/lang-json';\nimport { markdown } from '@codemirror/lang-markdown';\nimport { languages } from '@codemirror/language-data';\nimport { githubLight } from '@uiw/codemirror-theme-github';\nimport { useStyles, GlobalStyle } from './styles';\n\nconst formatValue = (v: string) => {\n  if (!v) return '';\n  try {\n    const obj = JSON.parse(v);\n    return JSON.stringify(obj, null, 2);\n  } catch (error) {\n    return v;\n  }\n};\n\nexport interface JsonViewProps {\n  value: string;\n  lineNumbers?: boolean;\n  height?: string;\n}\n\nconst JsonView: React.FC<JsonViewProps> = ({ value, height, lineNumbers = true }) => {\n  const styles = useStyles();\n\n  return (\n    <>\n      <ReactCodeMirror\n        lang=\"json\"\n        readOnly\n        className={styles.view}\n        theme={githubLight}\n        value={formatValue(value)}\n        height={height || '160px'}\n        extensions={[\n          json(),\n          EditorView.lineWrapping,\n          markdown({\n            codeLanguages: languages,\n          }),\n        ]}\n        basicSetup={{\n          lineNumbers,\n        }}\n      />\n      <GlobalStyle />\n    </>\n  );\n};\n\nexport default JsonView;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAA4B;AAC5B,kBAA2B;AAC3B,uBAAqB;AACrB,2BAAyB;AACzB,2BAA0B;AAC1B,qCAA4B;AAC5B,oBAAuC;AAsBnC;AApBJ,IAAM,cAAc,CAAC,MAAc;AACjC,MAAI,CAAC;AAAG,WAAO;AACf,MAAI;AACF,UAAM,MAAM,KAAK,MAAM,CAAC;AACxB,WAAO,KAAK,UAAU,KAAK,MAAM,CAAC;AAAA,EACpC,SAAS,OAAP;AACA,WAAO;AAAA,EACT;AACF;AAQA,IAAM,WAAoC,CAAC,EAAE,OAAO,QAAQ,cAAc,KAAK,MAAM;AACnF,QAAM,aAAS,yBAAU;AAEzB,SACE,4EACE;AAAA;AAAA,MAAC,wBAAAA;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAQ;AAAA,QACR,WAAW,OAAO;AAAA,QAClB,OAAO;AAAA,QACP,OAAO,YAAY,KAAK;AAAA,QACxB,QAAQ,UAAU;AAAA,QAClB,YAAY;AAAA,cACV,uBAAK;AAAA,UACL,uBAAW;AAAA,cACX,+BAAS;AAAA,YACP,eAAe;AAAA,UACjB,CAAC;AAAA,QACH;AAAA,QACA,YAAY;AAAA,UACV;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACA,4CAAC,6BAAY;AAAA,KACf;AAEJ;AAEA,IAAO,sBAAQ;",
+  "names": ["ReactCodeMirror"]
+}

package/dist/cjs/components/XAiJsonView/styles.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+export declare const useStyles: () => {
+    view: string;
+} & {
+    w: (width: string | number) => string;
+    h: (height: string | number) => string;
+    p: (padding: string) => string;
+    pb: (padding: string | number) => string;
+    pt: (padding: string | number) => string;
+    pl: (padding: string | number) => string;
+    pr: (padding: string | number) => string;
+    m: (margin: string) => string;
+    mb: (margin: string | number) => string;
+    mt: (margin: string | number) => string;
+    ml: (margin: string | number) => string;
+    mr: (margin: string | number) => string;
+    text: (size: string | number) => string;
+    weight: (size: number) => string;
+    textColor: (c: string) => string;
+    bg: (c: string) => string;
+    rs: (radius: string | number) => string;
+    gap: (g: string | number) => string;
+    flex: string;
+    flexCenter: string;
+    flexBetween: string;
+    flexColumn: string;
+    flex1: string;
+    cursor: (type: string) => string;
+    border: (color: string, width?: string) => string;
+    boxShadow: (shadow: string) => string;
+    transition: (property?: string, duration?: string) => string;
+    overflow: (type: string) => string;
+    position: (type: string) => string;
+    zIndex: (index: number) => string;
+    flexCenterGap2: string;
+    flexCenterGap4: string;
+};
+export declare const GlobalStyle: React.FC;
+export default useStyles;

package/dist/cjs/components/XAiJsonView/styles.js

@@ -0,0 +1,58 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/XAiJsonView/styles.tsx
+var styles_exports = {};
+__export(styles_exports, {
+  GlobalStyle: () => GlobalStyle,
+  default: () => styles_default,
+  useStyles: () => useStyles
+});
+module.exports = __toCommonJS(styles_exports);
+var import_css = require("@emotion/css");
+var import_react = require("@emotion/react");
+var import_common = require("../../styles/common");
+var import_jsx_runtime = require("react/jsx-runtime");
+var useStyles = (0, import_common.withBasicStyles)(() => ({
+  view: import_css.css`
+    /* view container */
+  `
+}));
+var GlobalStyle = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_react.Global,
+  {
+    styles: import_react.css`
+      .cm-editor {
+        background: #fff;
+        border-radius: 8px;
+        border: 1px solid #d9d9d9;
+      }
+
+      .cm-scroller {
+        border-radius: 8px;
+      }
+    `
+  }
+);
+var styles_default = useStyles;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GlobalStyle,
+  useStyles
+});
+//# sourceMappingURL=styles.js.map

package/dist/cjs/components/XAiJsonView/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAiJsonView/styles.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { css } from '@emotion/css';\nimport { css as globalCss, Global } from '@emotion/react';\nimport { withBasicStyles } from '@/styles/common';\n\nexport const useStyles = withBasicStyles(() => ({\n  view: css`\n    /* view container */\n  `,\n}));\n\nexport const GlobalStyle: React.FC = () => (\n  <Global\n    styles={globalCss`\n      .cm-editor {\n        background: #fff;\n        border-radius: 8px;\n        border: 1px solid #d9d9d9;\n      }\n\n      .cm-scroller {\n        border-radius: 8px;\n      }\n    `}\n  />\n);\n\nexport default useStyles;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,iBAAoB;AACpB,mBAAyC;AACzC,oBAAgC;AAS9B;AAPK,IAAM,gBAAY,+BAAgB,OAAO;AAAA,EAC9C,MAAM;AAAA;AAAA;AAGR,EAAE;AAEK,IAAM,cAAwB,MACnC;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ,aAAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWV;AAGF,IAAO,iBAAQ;",
+  "names": ["globalCss"]
+}

package/dist/cjs/components/XAiProvider/XAiProvider.stories.js

@@ -175,7 +175,7 @@ var 携带历史记录示例 = {
   },
   args: {
     url: "https://m-poc-dev.zaxline.com",
-    token: "eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiVjRTT0htSm8zWmVhNFJOdWc3WFgyQT09Iiwic2NvcGUiOlsicmN4anBibU44VVgxVVRRbTU0b0ZNTEtwIl0sImV4cCI6MTc2NDkzNjIzNywianRpIjoiTTU3ZjVhWHU0MVJENTN6dFJlU2pXaUZTTXJzIiwiY2xpZW50X2lkIjoicmN4anBibU44VVgxVVRRbTU0b0ZNTEtwIn0.Qnfq9ndj-Wd3Z-XX5fTPL2QyzVPWb3QQ8mmWVD5LfcKsEb9KQ8qwA1DBuC_6bhqT2CrWEHr9VbrwhES5a2Hh63hqtQYaAnZ4hqigutkKiR_wB-vrnhfrnupiXrrO0oYRCCLAvIsZS0KCqq2U3MGBVGPqciofUbjCrROgSXXDpNmosJKR8HBAmM8dWElCSuTGm3J0T3f0nb_4AYq10ssl8Pfy7b7HnDNIccDj-IuBKfqKrQR0Uk6CkOcgc1tUVZdcvqGzZos7ms7yPsfrq9lJ4-mx8Z-OyCsDrXJU-VpUCLZmLGWfWPKAR3FDc3KnyCZAAWkzVwjLZG9vBmzsOW6Unw",
+    token: "eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiVjRTT0htSm8zWmVhNFJOdWc3WFgyQT09Iiwic2NvcGUiOlsicmN4anBibU44VVgxVVRRbTU0b0ZNTEtwIl0sImV4cCI6MTc2NTI3ODg4NiwianRpIjoiNFRTcWdfV3NJOHlqSEdZUmRRVEtuT0dPbjU4IiwiY2xpZW50X2lkIjoicmN4anBibU44VVgxVVRRbTU0b0ZNTEtwIn0.duUIEPpHmyMwaZYtvM5BlAs1e1ZEco_DaD2NI-Ht2m0OE8khQBe284vRSPxgvxKm7aHOcAo_Kla9DE0YBPUxKeN1c0qgRepIacLB7AvTWFZtb59OjdGMfMHQbbZiuy4wu5W81dVoOpZWCjIkOomCtvCsIZpUQY7vdIZBCB9sygmwTJ7S_9oF10iUtK90AdZHX-_9jdlKNJC-Fulg9ab88Z33rnmW8jhhqpEkYYzGnccXNQuomxswMo_MgyplV_B9wpfs90tEnPWC623dcdfJHcRJZBtC-NU6RomkPLewdz3dEM-LaWBkP6FMI60C0VQW-fvwWkWC1GKBrUeaXzbgWg",
     config: {
       appNo: "rcxjpbmN8UX1UTQm54oFMLKp",
       chatProps: {

package/dist/cjs/components/XAiProvider/XAiProvider.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiProvider/XAiProvider.stories.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport { Button } from 'antd';\nimport XAiProvider from './index';\nimport XAiChatbot from '../XAiChatbot';\nimport XAiConversations from '../XAiConversations';\n\nconst meta: Meta<typeof XAiProvider> = {\n  title: 'AI组件/XAiProvider AI容器',\n  component: XAiProvider,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: 'AI 聊天机器人容器组件，提供全局上下文和消息管理功能。',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    config: {\n      description: '配置信息',\n      table: {\n        type: {\n          summary: 'XAiProviderConfig',\n          detail: `{\n            appNo?: string;  // 应用唯一编号\n          }`,\n        },\n        category: '配置选项',\n      },\n    },\n  },\n  // 添加装饰器，确保组件有必要的上下文\n  decorators: [\n    (Story) => (\n      <div style={{ padding: '20px' }}>\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// 使用 Provider 的 XAiChatbot\nexport const 单聊天窗口实例: Story = {\n  render: (args) => {\n    const providerRef = React.useRef<any>(null);\n\n    const handleSendMessage = () => {\n      if (providerRef.current?.chat) {\n        providerRef.current.chat({ text: '你好，AI！' });\n      } else {\n        console.log('XAiProvider ref 未准备好或 chat 方法不存在');\n      }\n    };\n\n    return (\n      <div style={{ display: 'flex' }}>\n        <div style={{ display: 'flex', flexDirection: 'column', gap: '12px', marginRight: '24px', justifyContent: 'center' }}>\n          <Button type=\"primary\" onClick={handleSendMessage}>发送消息</Button>\n        </div>\n        <div style={{ maxWidth: '800px', height: '600px' }}>\n          <XAiProvider\n            ref={providerRef}\n            {...args}\n            onError={(providerError) => console.log(providerError)}\n            onMessage={(data) => console.log(data)}\n          >\n            <XAiChatbot\n              navbarShow\n              navbar={{\n                title: 'Provider 聊天机器人',\n                subtitle: '由 Provider 管理消息',\n                avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n              }}\n            />\n          </XAiProvider>\n        </div>\n      </div>\n    );\n  },\n  args: {\n    url: 'https://m-poc-dev.zaxline.com',\n    token: 'eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiVjRTT0htSm8zWmVhNFJOdWc3WFgyQT09Iiwic2NvcGUiOlsiZ2JWemZPVjhTa1oxdGRMT3BYNWZyVXpMIl0sImV4cCI6MTc2NDY3MTc2MSwianRpIjoiRl9Zb0JBXzhIN01XempDZUxQenEzNTBXRnNrIiwiY2xpZW50X2lkIjoiZ2JWemZPVjhTa1oxdGRMT3BYNWZyVXpMIn0.mtGBQfwNtIkhcOumsOvzMj2BdYUxAPwZ9GcvNLuCNGVzFkqkLkfy_LALjYR2B-RaNj11_Cx7DcewtmLceG31KfnCiFY24BD_CbwoahdFh40SYRTFnjDf8XQI22E63h5NxTuldPx0itYLUPaUO6NAubnRON40eQPGZKygM0i72ULsQQAyRpJLYAaTjUxyPIW3JmMzQmYiRx641JeAYAup4-ZNw-Fqmd-8_xK3kN-a832xM-M_eqXgn8yMttn0uFv95lxPdJ1_-mp2zx8N4TBCYVkHo3u_PjM65S3_p4u1dFGXBDAsxtVMgmVGeUvubTLFuDM153rz9MZ7aOuu_c8K7w',\n    config: {\n      appNo: 'PGlA63A1Gt9oZpxa6YCWMciH',\n    },\n    providerId: 'demo-provider',\n  },\n};\n\n// 多个 Provider 示例\nexport const 多容器示例: Story = {\n  render: (args) => (\n    <div style={{ display: 'flex', gap: '20px' }}>\n      <div style={{ width: '400px', height: '600px' }}>\n        <XAiProvider {...args} providerId=\"provider-1\">\n          <XAiChatbot\n            navbarShow\n            navbar={{\n              title: 'Provider 1',\n              subtitle: '第一个聊天机器人',\n              avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n            }}\n          />\n        </XAiProvider>\n      </div>\n\n      <div style={{ width: '400px', height: '600px' }}>\n        <XAiProvider {...args} providerId=\"provider-2\">\n          <XAiChatbot\n            navbarShow\n            navbar={{\n              title: 'Provider 2',\n              subtitle: '第二个聊天机器人',\n              avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n            }}\n          />\n        </XAiProvider>\n      </div>\n    </div>\n  ),\n  args: {\n    url: 'https://api.example.com/ai',\n    token: 'your-token-here',\n  },\n};\n\n// 使用 Provider 的 XAiChatbot\nexport const 携带历史记录示例: Story = {\n  render: (args) => {\n    const providerRef = React.useRef<any>(null);\n\n    return (\n      <div style={{ width: '1080px', height: '600px', overflow: 'hidden' }}>\n        <XAiProvider\n          ref={providerRef}\n          {...args}\n          onError={(providerError) => console.log(providerError)}\n          onMessage={(data) => console.log(data)}\n        >\n          <XAiConversations />\n          <div style={{ flex: 1, display: 'flex', justifyContent: 'center' }}>\n            <XAiChatbot\n              navbar={{\n                title: 'Provider 聊天机器人',\n                subtitle: '由 Provider 管理消息',\n                avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n              }}\n            />\n          </div>\n        </XAiProvider>\n      </div>\n    );\n  },\n  args: {\n    url: 'https://m-poc-dev.zaxline.com',\n    token: 'eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiVjRTT0htSm8zWmVhNFJOdWc3WFgyQT09Iiwic2NvcGUiOlsicmN4anBibU44VVgxVVRRbTU0b0ZNTEtwIl0sImV4cCI6MTc2NDkzNjIzNywianRpIjoiTTU3ZjVhWHU0MVJENTN6dFJlU2pXaUZTTXJzIiwiY2xpZW50X2lkIjoicmN4anBibU44VVgxVVRRbTU0b0ZNTEtwIn0.Qnfq9ndj-Wd3Z-XX5fTPL2QyzVPWb3QQ8mmWVD5LfcKsEb9KQ8qwA1DBuC_6bhqT2CrWEHr9VbrwhES5a2Hh63hqtQYaAnZ4hqigutkKiR_wB-vrnhfrnupiXrrO0oYRCCLAvIsZS0KCqq2U3MGBVGPqciofUbjCrROgSXXDpNmosJKR8HBAmM8dWElCSuTGm3J0T3f0nb_4AYq10ssl8Pfy7b7HnDNIccDj-IuBKfqKrQR0Uk6CkOcgc1tUVZdcvqGzZos7ms7yPsfrq9lJ4-mx8Z-OyCsDrXJU-VpUCLZmLGWfWPKAR3FDc3KnyCZAAWkzVwjLZG9vBmzsOW6Unw',\n    config: {\n      appNo: 'rcxjpbmN8UX1UTQm54oFMLKp',\n      chatProps: {\n        clearBtnShow: false,\n      },\n    },\n    providerId: 'demo-provider',\n  },\n};\n"],
+  "sourcesContent": ["import React from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport { Button } from 'antd';\nimport XAiProvider from './index';\nimport XAiChatbot from '../XAiChatbot';\nimport XAiConversations from '../XAiConversations';\n\nconst meta: Meta<typeof XAiProvider> = {\n  title: 'AI组件/XAiProvider AI容器',\n  component: XAiProvider,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: 'AI 聊天机器人容器组件，提供全局上下文和消息管理功能。',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    config: {\n      description: '配置信息',\n      table: {\n        type: {\n          summary: 'XAiProviderConfig',\n          detail: `{\n            appNo?: string;  // 应用唯一编号\n          }`,\n        },\n        category: '配置选项',\n      },\n    },\n  },\n  // 添加装饰器，确保组件有必要的上下文\n  decorators: [\n    (Story) => (\n      <div style={{ padding: '20px' }}>\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// 使用 Provider 的 XAiChatbot\nexport const 单聊天窗口实例: Story = {\n  render: (args) => {\n    const providerRef = React.useRef<any>(null);\n\n    const handleSendMessage = () => {\n      if (providerRef.current?.chat) {\n        providerRef.current.chat({ text: '你好，AI！' });\n      } else {\n        console.log('XAiProvider ref 未准备好或 chat 方法不存在');\n      }\n    };\n\n    return (\n      <div style={{ display: 'flex' }}>\n        <div style={{ display: 'flex', flexDirection: 'column', gap: '12px', marginRight: '24px', justifyContent: 'center' }}>\n          <Button type=\"primary\" onClick={handleSendMessage}>发送消息</Button>\n        </div>\n        <div style={{ maxWidth: '800px', height: '600px' }}>\n          <XAiProvider\n            ref={providerRef}\n            {...args}\n            onError={(providerError) => console.log(providerError)}\n            onMessage={(data) => console.log(data)}\n          >\n            <XAiChatbot\n              navbarShow\n              navbar={{\n                title: 'Provider 聊天机器人',\n                subtitle: '由 Provider 管理消息',\n                avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n              }}\n            />\n          </XAiProvider>\n        </div>\n      </div>\n    );\n  },\n  args: {\n    url: 'https://m-poc-dev.zaxline.com',\n    token: 'eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiVjRTT0htSm8zWmVhNFJOdWc3WFgyQT09Iiwic2NvcGUiOlsiZ2JWemZPVjhTa1oxdGRMT3BYNWZyVXpMIl0sImV4cCI6MTc2NDY3MTc2MSwianRpIjoiRl9Zb0JBXzhIN01XempDZUxQenEzNTBXRnNrIiwiY2xpZW50X2lkIjoiZ2JWemZPVjhTa1oxdGRMT3BYNWZyVXpMIn0.mtGBQfwNtIkhcOumsOvzMj2BdYUxAPwZ9GcvNLuCNGVzFkqkLkfy_LALjYR2B-RaNj11_Cx7DcewtmLceG31KfnCiFY24BD_CbwoahdFh40SYRTFnjDf8XQI22E63h5NxTuldPx0itYLUPaUO6NAubnRON40eQPGZKygM0i72ULsQQAyRpJLYAaTjUxyPIW3JmMzQmYiRx641JeAYAup4-ZNw-Fqmd-8_xK3kN-a832xM-M_eqXgn8yMttn0uFv95lxPdJ1_-mp2zx8N4TBCYVkHo3u_PjM65S3_p4u1dFGXBDAsxtVMgmVGeUvubTLFuDM153rz9MZ7aOuu_c8K7w',\n    config: {\n      appNo: 'PGlA63A1Gt9oZpxa6YCWMciH',\n    },\n    providerId: 'demo-provider',\n  },\n};\n\n// 多个 Provider 示例\nexport const 多容器示例: Story = {\n  render: (args) => (\n    <div style={{ display: 'flex', gap: '20px' }}>\n      <div style={{ width: '400px', height: '600px' }}>\n        <XAiProvider {...args} providerId=\"provider-1\">\n          <XAiChatbot\n            navbarShow\n            navbar={{\n              title: 'Provider 1',\n              subtitle: '第一个聊天机器人',\n              avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n            }}\n          />\n        </XAiProvider>\n      </div>\n\n      <div style={{ width: '400px', height: '600px' }}>\n        <XAiProvider {...args} providerId=\"provider-2\">\n          <XAiChatbot\n            navbarShow\n            navbar={{\n              title: 'Provider 2',\n              subtitle: '第二个聊天机器人',\n              avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n            }}\n          />\n        </XAiProvider>\n      </div>\n    </div>\n  ),\n  args: {\n    url: 'https://api.example.com/ai',\n    token: 'your-token-here',\n  },\n};\n\n// 使用 Provider 的 XAiChatbot\nexport const 携带历史记录示例: Story = {\n  render: (args) => {\n    const providerRef = React.useRef<any>(null);\n\n    return (\n      <div style={{ width: '1080px', height: '600px', overflow: 'hidden' }}>\n        <XAiProvider\n          ref={providerRef}\n          {...args}\n          onError={(providerError) => console.log(providerError)}\n          onMessage={(data) => console.log(data)}\n        >\n          <XAiConversations />\n          <div style={{ flex: 1, display: 'flex', justifyContent: 'center' }}>\n            <XAiChatbot\n              navbar={{\n                title: 'Provider 聊天机器人',\n                subtitle: '由 Provider 管理消息',\n                avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n              }}\n            />\n          </div>\n        </XAiProvider>\n      </div>\n    );\n  },\n  args: {\n    url: 'https://m-poc-dev.zaxline.com',\n    token: 'eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiVjRTT0htSm8zWmVhNFJOdWc3WFgyQT09Iiwic2NvcGUiOlsicmN4anBibU44VVgxVVRRbTU0b0ZNTEtwIl0sImV4cCI6MTc2NTI3ODg4NiwianRpIjoiNFRTcWdfV3NJOHlqSEdZUmRRVEtuT0dPbjU4IiwiY2xpZW50X2lkIjoicmN4anBibU44VVgxVVRRbTU0b0ZNTEtwIn0.duUIEPpHmyMwaZYtvM5BlAs1e1ZEco_DaD2NI-Ht2m0OE8khQBe284vRSPxgvxKm7aHOcAo_Kla9DE0YBPUxKeN1c0qgRepIacLB7AvTWFZtb59OjdGMfMHQbbZiuy4wu5W81dVoOpZWCjIkOomCtvCsIZpUQY7vdIZBCB9sygmwTJ7S_9oF10iUtK90AdZHX-_9jdlKNJC-Fulg9ab88Z33rnmW8jhhqpEkYYzGnccXNQuomxswMo_MgyplV_B9wpfs90tEnPWC623dcdfJHcRJZBtC-NU6RomkPLewdz3dEM-LaWBkP6FMI60C0VQW-fvwWkWC1GKBrUeaXzbgWg',\n    config: {\n      appNo: 'rcxjpbmN8UX1UTQm54oFMLKp',\n      chatProps: {\n        clearBtnShow: false,\n      },\n    },\n    providerId: 'demo-provider',\n  },\n};\n"],
   "mappings": "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",
   "names": ["XAiProvider", "React", "XAiChatbot", "XAiConversations"]
 }

package/dist/cjs/components/XAiSender/index.js

@@ -185,34 +185,40 @@ var XAiSender = (props) => {
               children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_x.Attachments,
                 {
-                  ref: attachmentsRef,
-                  customRequest: uploadRequest,
-                  multiple: true,
-                  items: files,
-                  imageProps: {
-                    preview: {
-                      mask: true
+                  ...{
+                    ref: attachmentsRef,
+                    customRequest: uploadRequest,
+                    multiple: true,
+                    items: files,
+                    imageProps: {
+                      preview: { mask: true }
+                    },
+                    onChange: ({ fileList }) => {
+                      onChangeFiles == null ? void 0 : onChangeFiles(fileList);
+                    },
+                    getDropContainer: () => {
+                      var _a;
+                      return (_a = senderRef.current) == null ? void 0 : _a.nativeElement;
                     }
-                  },
-                  onChange: ({ fileList }) => {
-                    onChangeFiles == null ? void 0 : onChangeFiles(fileList);
-                  },
-                  getDropContainer: () => {
-                    var _a;
-                    return (_a = senderRef.current) == null ? void 0 : _a.nativeElement;
                   }
                 }
               )
             }
           ),
-          actions: (_, info) => {
-            const { SendButton, LoadingButton } = info.components;
+          footer: (_origNode, info) => {
+            const { SendButton, LoadingButton } = info == null ? void 0 : info.components;
             return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: "small", children: [
               enableUpload && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
                 uploadButton,
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.divider })
               ] }),
-              loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadingButton, { onClick: () => onStop == null ? void 0 : onStop(), className: styles.stopButton }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                LoadingButton,
+                {
+                  onClick: () => onStop == null ? void 0 : onStop(),
+                  className: styles.stopButton
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 SendButton,
                 {
                   className: styles.sendButton,