@ai-group/chat-sdk 2.0.2 → 2.0.4

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

@@ -373,7 +373,17 @@ var BasicUsageStory = (args) => {
           onClear: handleClear,
           onSuggestMessageClick: handleSuggestMessageClick,
           onSend: handleSendMessage,
-          onMessagesActionsCallback: handleActions
+          onMessagesActionsCallback: handleActions,
+          enableUpload: true,
+          uploadRequest: ({ file, onProgress, onSuccess }) => {
+            console.info(file);
+            onProgress == null ? void 0 : onProgress({
+              percent: 50
+            });
+            setTimeout(() => {
+              onSuccess == null ? void 0 : onSuccess({});
+            }, 1e3);
+          }
         }
       )
     }
@@ -460,7 +470,7 @@ var ArchitectureDemoComponent = ({ title }) => {
             {
               onClick: () => {
                 var _a2;
-                return (_a2 = providerMethods.sendMessage) == null ? void 0 : _a2.call(providerMethods, "来自架构演示组件的消息");
+                return (_a2 = providerMethods.sendMessage) == null ? void 0 : _a2.call(providerMethods, { text: "来自架构演示组件的消息" });
               },
               disabled: !isInProvider,
               style: {
@@ -497,6 +507,16 @@ var 新架构演示 = {
         navbar: {
           title: "架构演示聊天机器人",
           subtitle: "展示新 Hook 的使用"
+        },
+        enableUpload: true,
+        uploadRequest: ({ file, onProgress, onSuccess }) => {
+          console.info(file);
+          onProgress == null ? void 0 : onProgress({
+            percent: 50
+          });
+          setTimeout(() => {
+            onSuccess == null ? void 0 : onSuccess({});
+          }, 1e3);
         }
       }
     )
@@ -522,11 +542,21 @@ var 架构对比演示 = {
               title: "独立聊天机器人",
               subtitle: "不依赖 Provider"
             },
-            onSend: (type, content) => {
-              console.log("独立模式发送:", type, content);
+            onSend: (content) => {
+              console.log("独立模式发送:", content);
             },
             onClear: () => {
               console.log("独立模式清空");
+            },
+            enableUpload: true,
+            uploadRequest: ({ file, onProgress, onSuccess }) => {
+              console.info(file);
+              onProgress == null ? void 0 : onProgress({
+                percent: 50
+              });
+              setTimeout(() => {
+                onSuccess == null ? void 0 : onSuccess({});
+              }, 1e3);
             }
           }
         )
@@ -544,6 +574,16 @@ var 架构对比演示 = {
             navbar: {
               title: "Provider 聊天机器人",
               subtitle: "由 Provider 管理"
+            },
+            enableUpload: true,
+            uploadRequest: ({ file, onProgress, onSuccess }) => {
+              console.info(file);
+              onProgress == null ? void 0 : onProgress({
+                percent: 50
+              });
+              setTimeout(() => {
+                onSuccess == null ? void 0 : onSuccess({});
+              }, 1e3);
             }
           }
         )

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiChatbot/XAiChatbot.stories.tsx"],
-  "sourcesContent": ["import React, { useEffect, useState } from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport { Divider } from 'antd';\nimport { MessageRole, MessageStatus } from '@/types/XAiMessage';\nimport type { Messages } from '@/types/XAiMessage';\nimport documentIcon from '@/assets/document.svg';\nimport XAiProvider from '../XAiProvider';\nimport XAiChatbot from '.';\nimport { useProviderContext, useProviderMethods } from '@/hooks/useProviderContext';\n\nconst meta: Meta<typeof XAiChatbot> = {\n  title: 'AI组件/XAiChatbot 聊天框',\n  component: XAiChatbot,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    navbar: {\n      description: '导航栏配置',\n    },\n    messages: {\n      description: '消息列表',\n    },\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// mock 消息数据，严格符合 Messages 类型\nconst mockMessages: Messages[] = [\n  {\n    id: '1',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.assistant,\n    content: {\n      text: '你好，有什么我能帮助你的吗？',\n    },\n  },\n  {\n    id: '2',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.user,\n    content: {\n      text: '检索从北京到上海的车票数据给我',\n    },\n    parentMessageId: '1',\n  },\n  {\n    id: '22',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.assistant,\n    content: {\n      text: '',\n    },\n    thinks: '',\n    // execute: [\n    //   // 工具库调用（MCP_TOOL）\n    //   {\n    //     type: 'ActionExecutionMessage',\n    //     createdAt: new Date(),\n    //     id: 'tool-1',\n    //     name: '已调用MCP智能工具',\n    //     arguments: { param1: 'foo' },\n    //     extra: {\n    //       action: 'INVOKE_AGENT_TOOL_START',\n    //       icon: documentIcon,\n    //       type: 'MCP_TOOL',\n    //       cost: '3.9',\n    //     },\n    //   },\n    //   // // 工具库调用（PLUGIN_TOOL）\n    //   {\n    //     type: 'ActionExecutionMessage',\n    //     createdAt: new Date(),\n    //     id: 'tool-2',\n    //     name: '已调用插件工具',\n    //     arguments: { param1: 'foo' },\n    //     extra: {\n    //       action: 'INVOKE_AGENT_TOOL_START',\n    //       icon: documentIcon,\n    //       type: 'MCP_TOOL',\n    //       cost: '3.9',\n    //     },\n    //   },\n    //   // // 工具库调用（SKILL）\n    //   // {\n    //   //   action: 'INVOKE_AGENT_TOOL_START',\n    //   //   id: 'tool-3',\n    //   //   toolType: 'SKILL',\n    //   //   agentToolName: '技能工具',\n    //   //   args: { param3: 'baz' },\n\n    //   // },\n    //   // // 知识库调用（FAQ）\n    //   // {\n    //   //   action: 'RECALL_KNOWLEDGE_START',\n    //   //   uniqueId: 'kb-1',\n    //   //   processStatus: 'START',\n    //   //   args: { question: '什么是FAQ？' },\n    //   //   knowledgeType: 'FAQ',\n    //   // },\n    //   {\n    //     type: 'ActionExecutionMessage',\n    //     createdAt: new Date(),\n    //     id: 'tool-3',\n    //     name: '已调用文档知识库',\n    //     arguments: { param1: 'foo' },\n    //     extra: {\n    //       action: 'RECALL_KNOWLEDGE_START',\n    //       icon: documentIcon,\n    //       type: 'MCP_TOOL',\n    //       cost: '3.9',\n    //     },\n    //   },\n    //   // // 知识库调用（DOCUMENT）\n    //   // {\n    //   //   action: 'RECALL_KNOWLEDGE_START',\n    //   //   uniqueId: 'kb-2',\n    //   //   processStatus: 'START',\n    //   //   args: { question: '文档库介绍' },\n    //   //   knowledgeType: 'DOCUMENT',\n    //   // },\n    //   // 运行完毕\n    // ],\n    extra: {\n      noFooter: true,\n    },\n  },\n  {\n    id: '4',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.user,\n    content: {\n      text: '能否生成一段明年的产品计划开发计划文档给我',\n    },\n  },\n  {\n    id: '0',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.assistant,\n    content: {\n      text: `\n# 项目开发计划\n\n本文档概述了 2025 年第三季度的产品开发计划，包括目标、里程碑、团队分工和风险预案。\n\n---\n\n## 🎯 核心目标\n\n- 提升用户留存率至 **45%**\n- 完成 Web 端新版上线\n- 建立 AI 推荐模块 MVP\n- 优化数据库访问性能\n\n---\n\n## 📅 关键时间节点\n\n| 里程碑           | 截止日期     | 负责人   | 代理人         | 截止日期     | 负责人   |\n|------------------|--------------|----------|------------------|--------------|----------|\n| 产品需求冻结     | 2025-08-01   | Alice    | 产品需求冻结     | 2025-08-01   | Alice    |\n| UI 设计定稿       | 2025-08-10   | Bob      | 产品需求冻结     | 2025-08-01   | Alice    |\n| 开发完成（内测） | 2025-09-15   | Charlie  | 产品需求冻结     | 2025-08-01   | Alice    |\n| 正式上线         | 2025-09-30   | Diana    | 产品需求冻结     | 2025-08-01   | Alice    |\n\n---\n\n## 🛠️ 技术方案简述\n\n我们将使用以下技术栈：\n\n- 前端：React + Vite + Zustand\n- 后端：Node.js + PostgreSQL\n- 数据分析：Python + Pandas\n- 部署环境：Kubernetes on AWS\n\n---\n\n## 💡 示例代码片段\n\n以下是一个用于生成唯一 ID 的函数示例：\n\n~~~ts\nimport { nanoid } from 'nanoid'\n\nexport function generateSessionId() {\n  return \\`sess-\\${nanoid()}\\`\n}\n~~~\n`,\n    },\n    extra: {\n      noFooter: true,\n    },\n  },\n  {\n    id: '11',\n    type: 'SuggestionMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.suggestion,\n    content: [\n      {\n        key: '1',\n        description: '我要查看 AI 文档',\n      },\n      {\n        key: '2',\n        description: '我如何看待 AI',\n      },\n      {\n        key: '3',\n        description: '你是谁？',\n      },\n    ],\n  },\n];\n\n// 基础用法\nconst BasicUsageStory = (args: any) => {\n  const [messages, setMessages] = useState<Messages[]>(mockMessages);\n  const [loading, setLoading] = useState<boolean>(false);\n\n  // 模拟随机字符串流式返回\n  const handleSendMessage = () => {\n    setLoading(true);\n\n    // 模拟流式输出（向 mockMessages 第二条消息 content.text 追加）\n    const stream = ['我', '正在', '为', '你', '生成', '内容','我', '正在', '为', '你', '生成', '内容','我', '正在', '为', '你', '生成', '内容','我', '正在', '为', '你', '生成', '内容','我', '正在', '为', '你', '生成', '内容','我', '正在', '为', '你', '生成', '内容','我', '正在', '为', '你', '生成', '内容','我', '正在', '为', '你', '生成', '内容','我', '正在', '为', '你', '生成', '内容','我', '正在', '为', '你', '生成', '内容','我', '正在', '为', '你', '生成', '内容', '好','多', '好','多', '好','多', '好','多', '好','多', '好','多', '好','多', '好','多', '好','多', '好','多', '好','多', '……'];\n\n    stream.forEach((chunk, idx) => {\n      setTimeout(() => {\n        setMessages((prev) => {\n          const updated = [...prev];\n          const targetIndex = 2; // mockMessages 的第二条（索引 1）\n          const targetMsg = updated[targetIndex];\n\n          // 确保该消息存在且是 TextMessage\n          if (targetMsg && targetMsg.type === 'TextMessage') {\n            // content 可能是多种类型，这里做类型守卫\n            if ('text' in targetMsg.content) {\n              updated[targetIndex] = {\n                ...targetMsg,\n                content: {\n                  ...targetMsg.content,\n                  // 模拟随机字符串流式拼接\n                  // text: targetMsg.content.text + chunk + Math.random().toString(36).slice(2, 5),\n                },\n                thinks: targetMsg.thinks + chunk + Math.random().toString(36).slice(2, 5),\n                status: MessageStatus.pending,\n              };\n            }\n          }\n\n          // 最后一个流块时，标记完成\n          if (idx === stream.length - 1) {\n            updated[targetIndex].execute?.push(\n              {\n                id: '5',\n                type: 'ActionExecutionMessage',\n                extra: {\n                  icon: documentIcon,\n                },\n                name: '运行完毕',\n                createdAt: new Date(),\n              });\n            setLoading(false);\n            updated[targetIndex] = {\n              ...updated[targetIndex],\n              status: MessageStatus.done,\n            };\n          }\n\n          return updated;\n        });\n      }, 200 * (idx + 1)); // 每个片段延迟 600ms 模拟流\n    });\n  };\n\n  useEffect(() => {\n    if (messages) {\n      handleSendMessage();\n    }\n  }, []);\n\n  // 清空消息\n  const handleClear = () => {\n    setMessages([]);\n  };\n\n  // 模拟按钮回调\n  const handleActions = (index: number, data: any) => {\n    console.log(index, data);\n  };\n\n  // 模拟快捷短语点击\n  const handleSuggestMessageClick = (_item: any, id: string) => {\n    setMessages((prev) => prev.filter((m) => m.id !== id));\n  };\n\n  // tooltip\n  const ToolTip = (data: any) => {\n    const { cost, token } = data?.extra || {};\n    if (!cost && !token) return null;\n    return (\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          fontSize: '12px',\n          color: '#949494',\n          flex: 1,\n          paddingRight: '40px',\n        }}\n      >\n        {cost && <div>{cost}s</div>}\n        {token && <Divider type=\"vertical\" />}\n        {token && <div>{token} tokens</div>}\n      </div>\n    );\n  };\n\n  return (\n    <div\n      style={{\n        height: '600px',\n        width: '400px',\n        border: '1px solid #e7e7e7',\n        borderRadius: '8px',\n      }}\n    >\n      <XAiChatbot\n        {...args}\n        inputShow={false}\n        messages={messages}\n        loading={loading}\n        messageTooltip={ToolTip}\n        onClear={handleClear}\n        onSuggestMessageClick={handleSuggestMessageClick}\n        onSend={handleSendMessage}\n        onMessagesActionsCallback={handleActions}\n      />\n    </div>\n  );\n};\n\nexport const 基础用法: Story = {\n  render: BasicUsageStory,\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n    // messages: mockMessages,\n    emptyStateText: '众安智能体',\n  },\n};\n\n// 在 Provider 中使用\nexport const 在Provider中使用: Story = {\n  decorators: [\n    (Story) => (\n      <XAiProvider token=\"test-token\" url=\"https://api.example.com\">\n        <Story />\n      </XAiProvider>\n    ),\n  ],\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n  },\n};\n\n// 多个 Provider 实例\nexport const 多个Provider实例: Story = {\n  decorators: [\n    (Story) => (\n      <div style={{ display: 'flex', gap: '50px', height: '600px' }}>\n        <XAiProvider providerId=\"chat1\" token=\"token1\" url=\"https://api1.example.com\">\n          <div style={{ width: '300px', marginRight: '40px' }}>\n            <Story />\n          </div>\n        </XAiProvider>\n        <XAiProvider providerId=\"chat2\" token=\"token2\" url=\"https://api2.example.com\">\n          <div style={{ width: '300px' }}>\n            <Story />\n          </div>\n        </XAiProvider>\n      </div>\n    ),\n  ],\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n  },\n};\n\n// 展示新架构的示例组件\nconst ArchitectureDemoComponent: React.FC<{ title: string }> = ({ title }) => {\n  const { mergedProps, isInProvider, getProviderValue } = useProviderContext({\n    props: { title },\n    mergeLogic: (props, context) => {\n      if (!context?.isInProvider) {\n        return props;\n      }\n\n      return {\n        ...props,\n        messages: context.messages,\n        loading: context.loading,\n        customData: context.messages?.length || 0,\n      };\n    },\n  });\n\n  const providerMethods = useProviderMethods();\n\n  return (\n    <div style={{\n      padding: '15px',\n      border: '1px solid #e7e7e7',\n      borderRadius: '8px',\n      marginBottom: '10px',\n      backgroundColor: '#fafafa',\n    }}\n    >\n      <h4 style={{ margin: '0 0 10px 0' }}>{mergedProps.title}</h4>\n      <div style={{ fontSize: '12px', color: '#666' }}>\n        <p>Provider 状态: {isInProvider ? '✅ 已连接' : '❌ 未连接'}</p>\n        <p>消息数量: {getProviderValue('messages')?.length || 0}</p>\n        <p>加载状态: {getProviderValue('loading') ? '🔄 加载中' : '✅ 就绪'}</p>\n        <button\n          onClick={() => providerMethods.sendMessage?.('来自架构演示组件的消息')}\n          disabled={!isInProvider}\n          style={{\n            fontSize: '12px',\n            padding: '4px 8px',\n            backgroundColor: isInProvider ? '#1890ff' : '#d9d9d9',\n            color: 'white',\n            border: 'none',\n            borderRadius: '4px',\n            cursor: isInProvider ? 'pointer' : 'not-allowed',\n          }}\n        >\n          {isInProvider ? '发送消息' : '需要 Provider'}\n        </button>\n      </div>\n    </div>\n  );\n};\n\n// 展示新架构的示例\nexport const 新架构演示: Story = {\n  render: (args) => (\n    <div style={{ width: '500px', height: '700px' }}>\n      <XAiProvider token=\"demo-token\" url=\"https://api.example.com\" providerId=\"architecture-demo\">\n        <div style={{ padding: '20px' }}>\n          <h3 style={{ marginBottom: '20px' }}>新架构演示</h3>\n          <p style={{ marginBottom: '20px', color: '#666' }}>\n            展示如何使用 useProviderContext 和 useProviderMethods Hook\n          </p>\n\n          {/* 演示组件 */}\n          <div style={{ marginBottom: '20px' }}>\n            <ArchitectureDemoComponent title=\"演示组件 A\" />\n            <ArchitectureDemoComponent title=\"演示组件 B\" />\n            <ArchitectureDemoComponent title=\"演示组件 C\" />\n          </div>\n\n          {/* 聊天机器人 */}\n          <XAiChatbot\n            {...args}\n            navbarShow\n            navbar={{\n              title: '架构演示聊天机器人',\n              subtitle: '展示新 Hook 的使用',\n            }}\n          />\n        </div>\n      </XAiProvider>\n    </div>\n  ),\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n  },\n};\n\n// 对比示例：独立使用 vs Provider 模式\nexport const 架构对比演示: Story = {\n  render: (args) => (\n    <div style={{ display: 'flex', gap: '20px', padding: '20px' }}>\n      {/* 独立使用 */}\n      <div style={{ width: '300px' }}>\n        <h4>独立使用模式</h4>\n        <div style={{ border: '1px solid #e7e7e7', borderRadius: '8px', padding: '15px' }}>\n          <ArchitectureDemoComponent title=\"独立组件\" />\n          <XAiChatbot\n            {...args}\n            navbarShow\n            navbar={{\n              title: '独立聊天机器人',\n              subtitle: '不依赖 Provider',\n            }}\n            onSend={(type, content) => {\n              console.log('独立模式发送:', type, content);\n            }}\n            onClear={() => {\n              console.log('独立模式清空');\n            }}\n          />\n        </div>\n      </div>\n\n      {/* Provider 模式 */}\n      <div style={{ width: '300px' }}>\n        <h4>Provider 模式</h4>\n        <XAiProvider token=\"demo-token\" url=\"https://api.example.com\" providerId=\"comparison-demo\">\n          <div style={{ border: '1px solid #e7e7e7', borderRadius: '8px', padding: '15px' }}>\n            <ArchitectureDemoComponent title=\"Provider 组件\" />\n            <XAiChatbot\n              {...args}\n              navbarShow\n              navbar={{\n                title: 'Provider 聊天机器人',\n                subtitle: '由 Provider 管理',\n              }}\n            />\n          </div>\n        </XAiProvider>\n      </div>\n    </div>\n  ),\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n  },\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { useEffect, useState } from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport { Divider } from 'antd';\nimport { MessageRole, MessageStatus } from '@/types/XAiMessage';\nimport type { Messages } from '@/types/XAiMessage';\nimport documentIcon from '@/assets/document.svg';\nimport XAiProvider from '../XAiProvider';\nimport XAiChatbot from '.';\nimport { useProviderContext, useProviderMethods } from '@/hooks/useProviderContext';\n\nconst meta: Meta<typeof XAiChatbot> = {\n  title: 'AI组件/XAiChatbot 聊天框',\n  component: XAiChatbot,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    navbar: {\n      description: '导航栏配置',\n    },\n    messages: {\n      description: '消息列表',\n    },\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// mock 消息数据，严格符合 Messages 类型\nconst mockMessages: Messages[] = [\n  {\n    id: '1',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.assistant,\n    content: {\n      text: '你好，有什么我能帮助你的吗？',\n    },\n  },\n  {\n    id: '2',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.user,\n    content: {\n      text: '检索从北京到上海的车票数据给我',\n    },\n    parentMessageId: '1',\n  },\n  {\n    id: '22',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.assistant,\n    content: {\n      text: '',\n    },\n    thinks: '',\n    // execute: [\n    //   // 工具库调用（MCP_TOOL）\n    //   {\n    //     type: 'ActionExecutionMessage',\n    //     createdAt: new Date(),\n    //     id: 'tool-1',\n    //     name: '已调用MCP智能工具',\n    //     arguments: { param1: 'foo' },\n    //     extra: {\n    //       action: 'INVOKE_AGENT_TOOL_START',\n    //       icon: documentIcon,\n    //       type: 'MCP_TOOL',\n    //       cost: '3.9',\n    //     },\n    //   },\n    //   // // 工具库调用（PLUGIN_TOOL）\n    //   {\n    //     type: 'ActionExecutionMessage',\n    //     createdAt: new Date(),\n    //     id: 'tool-2',\n    //     name: '已调用插件工具',\n    //     arguments: { param1: 'foo' },\n    //     extra: {\n    //       action: 'INVOKE_AGENT_TOOL_START',\n    //       icon: documentIcon,\n    //       type: 'MCP_TOOL',\n    //       cost: '3.9',\n    //     },\n    //   },\n    //   // // 工具库调用（SKILL）\n    //   // {\n    //   //   action: 'INVOKE_AGENT_TOOL_START',\n    //   //   id: 'tool-3',\n    //   //   toolType: 'SKILL',\n    //   //   agentToolName: '技能工具',\n    //   //   args: { param3: 'baz' },\n\n    //   // },\n    //   // // 知识库调用（FAQ）\n    //   // {\n    //   //   action: 'RECALL_KNOWLEDGE_START',\n    //   //   uniqueId: 'kb-1',\n    //   //   processStatus: 'START',\n    //   //   args: { question: '什么是FAQ？' },\n    //   //   knowledgeType: 'FAQ',\n    //   // },\n    //   {\n    //     type: 'ActionExecutionMessage',\n    //     createdAt: new Date(),\n    //     id: 'tool-3',\n    //     name: '已调用文档知识库',\n    //     arguments: { param1: 'foo' },\n    //     extra: {\n    //       action: 'RECALL_KNOWLEDGE_START',\n    //       icon: documentIcon,\n    //       type: 'MCP_TOOL',\n    //       cost: '3.9',\n    //     },\n    //   },\n    //   // // 知识库调用（DOCUMENT）\n    //   // {\n    //   //   action: 'RECALL_KNOWLEDGE_START',\n    //   //   uniqueId: 'kb-2',\n    //   //   processStatus: 'START',\n    //   //   args: { question: '文档库介绍' },\n    //   //   knowledgeType: 'DOCUMENT',\n    //   // },\n    //   // 运行完毕\n    // ],\n    extra: {\n      noFooter: true,\n    },\n  },\n  {\n    id: '4',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.user,\n    content: {\n      text: '能否生成一段明年的产品计划开发计划文档给我',\n    },\n  },\n  {\n    id: '0',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.assistant,\n    content: {\n      text: `\n# 项目开发计划\n\n本文档概述了 2025 年第三季度的产品开发计划，包括目标、里程碑、团队分工和风险预案。\n\n---\n\n## 🎯 核心目标\n\n- 提升用户留存率至 **45%**\n- 完成 Web 端新版上线\n- 建立 AI 推荐模块 MVP\n- 优化数据库访问性能\n\n---\n\n## 📅 关键时间节点\n\n| 里程碑           | 截止日期     | 负责人   | 代理人         | 截止日期     | 负责人   |\n|------------------|--------------|----------|------------------|--------------|----------|\n| 产品需求冻结     | 2025-08-01   | Alice    | 产品需求冻结     | 2025-08-01   | Alice    |\n| UI 设计定稿       | 2025-08-10   | Bob      | 产品需求冻结     | 2025-08-01   | Alice    |\n| 开发完成（内测） | 2025-09-15   | Charlie  | 产品需求冻结     | 2025-08-01   | Alice    |\n| 正式上线         | 2025-09-30   | Diana    | 产品需求冻结     | 2025-08-01   | Alice    |\n\n---\n\n## 🛠️ 技术方案简述\n\n我们将使用以下技术栈：\n\n- 前端：React + Vite + Zustand\n- 后端：Node.js + PostgreSQL\n- 数据分析：Python + Pandas\n- 部署环境：Kubernetes on AWS\n\n---\n\n## 💡 示例代码片段\n\n以下是一个用于生成唯一 ID 的函数示例：\n\n~~~ts\nimport { nanoid } from 'nanoid'\n\nexport function generateSessionId() {\n  return \\`sess-\\${nanoid()}\\`\n}\n~~~\n`,\n    },\n    extra: {\n      noFooter: true,\n    },\n  },\n  {\n    id: '11',\n    type: 'SuggestionMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.suggestion,\n    content: [\n      {\n        key: '1',\n        description: '我要查看 AI 文档',\n      },\n      {\n        key: '2',\n        description: '我如何看待 AI',\n      },\n      {\n        key: '3',\n        description: '你是谁？',\n      },\n    ],\n  },\n];\n\n// 基础用法\nconst BasicUsageStory = (args: any) => {\n  const [messages, setMessages] = useState<Messages[]>(mockMessages);\n  const [loading, setLoading] = useState<boolean>(false);\n\n  // 模拟随机字符串流式返回\n  const handleSendMessage = () => {\n    setLoading(true);\n\n    // 模拟流式输出（向 mockMessages 第二条消息 content.text 追加）\n    const stream = ['我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '好', '多', '好', '多', '好', '多', '好', '多', '好', '多', '好', '多', '好', '多', '好', '多', '好', '多', '好', '多', '好', '多', '……'];\n\n    stream.forEach((chunk, idx) => {\n      setTimeout(() => {\n        setMessages((prev) => {\n          const updated = [...prev];\n          const targetIndex = 2; // mockMessages 的第二条（索引 1）\n          const targetMsg = updated[targetIndex];\n\n          // 确保该消息存在且是 TextMessage\n          if (targetMsg && targetMsg.type === 'TextMessage') {\n            // content 可能是多种类型，这里做类型守卫\n            if ('text' in targetMsg.content) {\n              updated[targetIndex] = {\n                ...targetMsg,\n                content: {\n                  ...targetMsg.content,\n                  // 模拟随机字符串流式拼接\n                  // text: targetMsg.content.text + chunk + Math.random().toString(36).slice(2, 5),\n                },\n                thinks: targetMsg.thinks + chunk + Math.random().toString(36).slice(2, 5),\n                status: MessageStatus.pending,\n              };\n            }\n          }\n\n          // 最后一个流块时，标记完成\n          if (idx === stream.length - 1) {\n            updated[targetIndex].execute?.push(\n              {\n                id: '5',\n                type: 'ActionExecutionMessage',\n                extra: {\n                  icon: documentIcon,\n                },\n                name: '运行完毕',\n                createdAt: new Date(),\n              });\n            setLoading(false);\n            updated[targetIndex] = {\n              ...updated[targetIndex],\n              status: MessageStatus.done,\n            };\n          }\n\n          return updated;\n        });\n      }, 200 * (idx + 1)); // 每个片段延迟 600ms 模拟流\n    });\n  };\n\n  useEffect(() => {\n    if (messages) {\n      handleSendMessage();\n    }\n  }, []);\n\n  // 清空消息\n  const handleClear = () => {\n    setMessages([]);\n  };\n\n  // 模拟按钮回调\n  const handleActions = (index: number, data: any) => {\n    console.log(index, data);\n  };\n\n  // 模拟快捷短语点击\n  const handleSuggestMessageClick = (_item: any, id: string) => {\n    setMessages((prev) => prev.filter((m) => m.id !== id));\n  };\n\n  // tooltip\n  const ToolTip = (data: any) => {\n    const { cost, token } = data?.extra || {};\n    if (!cost && !token) return null;\n    return (\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          fontSize: '12px',\n          color: '#949494',\n          flex: 1,\n          paddingRight: '40px',\n        }}\n      >\n        {cost && <div>{cost}s</div>}\n        {token && <Divider type=\"vertical\" />}\n        {token && <div>{token} tokens</div>}\n      </div>\n    );\n  };\n\n  return (\n    <div\n      style={{\n        height: '600px',\n        width: '400px',\n        border: '1px solid #e7e7e7',\n        borderRadius: '8px',\n      }}\n    >\n      <XAiChatbot\n        {...args}\n        inputShow={false}\n        messages={messages}\n        loading={loading}\n        messageTooltip={ToolTip}\n        onClear={handleClear}\n        onSuggestMessageClick={handleSuggestMessageClick}\n        onSend={handleSendMessage}\n        onMessagesActionsCallback={handleActions}\n        enableUpload\n        uploadRequest={({ file, onProgress, onSuccess }) => {\n          console.info(file);\n          onProgress?.({\n            percent: 50,\n          });\n          setTimeout(() => {\n            onSuccess?.({});\n          }, 1000);\n        }}\n      />\n    </div>\n  );\n};\n\nexport const 基础用法: Story = {\n  render: BasicUsageStory,\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n    // messages: mockMessages,\n    emptyStateText: '众安智能体',\n  },\n};\n\n// 在 Provider 中使用\nexport const 在Provider中使用: Story = {\n  decorators: [\n    (Story) => (\n      <XAiProvider token=\"test-token\" url=\"https://api.example.com\">\n        <Story />\n      </XAiProvider>\n    ),\n  ],\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n  },\n};\n\n// 多个 Provider 实例\nexport const 多个Provider实例: Story = {\n  decorators: [\n    (Story) => (\n      <div style={{ display: 'flex', gap: '50px', height: '600px' }}>\n        <XAiProvider providerId=\"chat1\" token=\"token1\" url=\"https://api1.example.com\">\n          <div style={{ width: '300px', marginRight: '40px' }}>\n            <Story />\n          </div>\n        </XAiProvider>\n        <XAiProvider providerId=\"chat2\" token=\"token2\" url=\"https://api2.example.com\">\n          <div style={{ width: '300px' }}>\n            <Story />\n          </div>\n        </XAiProvider>\n      </div>\n    ),\n  ],\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n  },\n};\n\n// 展示新架构的示例组件\nconst ArchitectureDemoComponent: React.FC<{ title: string }> = ({ title }) => {\n  const { mergedProps, isInProvider, getProviderValue } = useProviderContext({\n    props: { title },\n    mergeLogic: (props, context) => {\n      if (!context?.isInProvider) {\n        return props;\n      }\n\n      return {\n        ...props,\n        messages: context.messages,\n        loading: context.loading,\n        customData: context.messages?.length || 0,\n      };\n    },\n  });\n\n  const providerMethods = useProviderMethods();\n\n  return (\n    <div style={{\n      padding: '15px',\n      border: '1px solid #e7e7e7',\n      borderRadius: '8px',\n      marginBottom: '10px',\n      backgroundColor: '#fafafa',\n    }}\n    >\n      <h4 style={{ margin: '0 0 10px 0' }}>{mergedProps.title}</h4>\n      <div style={{ fontSize: '12px', color: '#666' }}>\n        <p>Provider 状态: {isInProvider ? '✅ 已连接' : '❌ 未连接'}</p>\n        <p>消息数量: {getProviderValue('messages')?.length || 0}</p>\n        <p>加载状态: {getProviderValue('loading') ? '🔄 加载中' : '✅ 就绪'}</p>\n        <button\n          onClick={() => providerMethods.sendMessage?.({ text: '来自架构演示组件的消息' })}\n          disabled={!isInProvider}\n          style={{\n            fontSize: '12px',\n            padding: '4px 8px',\n            backgroundColor: isInProvider ? '#1890ff' : '#d9d9d9',\n            color: 'white',\n            border: 'none',\n            borderRadius: '4px',\n            cursor: isInProvider ? 'pointer' : 'not-allowed',\n          }}\n        >\n          {isInProvider ? '发送消息' : '需要 Provider'}\n        </button>\n      </div>\n    </div>\n  );\n};\n\n// 展示新架构的示例\nexport const 新架构演示: Story = {\n  render: (args) => (\n    <div style={{ width: '500px', height: '700px' }}>\n      <XAiProvider token=\"demo-token\" url=\"https://api.example.com\" providerId=\"architecture-demo\">\n        <div style={{ padding: '20px' }}>\n          <h3 style={{ marginBottom: '20px' }}>新架构演示</h3>\n          <p style={{ marginBottom: '20px', color: '#666' }}>\n            展示如何使用 useProviderContext 和 useProviderMethods Hook\n          </p>\n\n          {/* 演示组件 */}\n          <div style={{ marginBottom: '20px' }}>\n            <ArchitectureDemoComponent title=\"演示组件 A\" />\n            <ArchitectureDemoComponent title=\"演示组件 B\" />\n            <ArchitectureDemoComponent title=\"演示组件 C\" />\n          </div>\n\n          {/* 聊天机器人 */}\n          <XAiChatbot\n            {...args}\n            navbarShow\n            navbar={{\n              title: '架构演示聊天机器人',\n              subtitle: '展示新 Hook 的使用',\n            }}\n            enableUpload\n            uploadRequest={({ file, onProgress, onSuccess }) => {\n              console.info(file);\n              onProgress?.({\n                percent: 50,\n              });\n              setTimeout(() => {\n                onSuccess?.({});\n              }, 1000);\n            }}\n          />\n        </div>\n      </XAiProvider>\n    </div>\n  ),\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n  },\n};\n\n// 对比示例：独立使用 vs Provider 模式\nexport const 架构对比演示: Story = {\n  render: (args) => (\n    <div style={{ display: 'flex', gap: '20px', padding: '20px' }}>\n      {/* 独立使用 */}\n      <div style={{ width: '300px' }}>\n        <h4>独立使用模式</h4>\n        <div style={{ border: '1px solid #e7e7e7', borderRadius: '8px', padding: '15px' }}>\n          <ArchitectureDemoComponent title=\"独立组件\" />\n          <XAiChatbot\n            {...args}\n            navbarShow\n            navbar={{\n              title: '独立聊天机器人',\n              subtitle: '不依赖 Provider',\n            }}\n            onSend={(content) => {\n              console.log('独立模式发送:', content);\n            }}\n            onClear={() => {\n              console.log('独立模式清空');\n            }}\n            enableUpload\n            uploadRequest={({ file, onProgress, onSuccess }) => {\n              console.info(file);\n              onProgress?.({\n                percent: 50,\n              });\n              setTimeout(() => {\n                onSuccess?.({});\n              }, 1000);\n            }}\n          />\n        </div>\n      </div>\n\n      {/* Provider 模式 */}\n      <div style={{ width: '300px' }}>\n        <h4>Provider 模式</h4>\n        <XAiProvider token=\"demo-token\" url=\"https://api.example.com\" providerId=\"comparison-demo\">\n          <div style={{ border: '1px solid #e7e7e7', borderRadius: '8px', padding: '15px' }}>\n            <ArchitectureDemoComponent title=\"Provider 组件\" />\n            <XAiChatbot\n              {...args}\n              navbarShow\n              navbar={{\n                title: 'Provider 聊天机器人',\n                subtitle: '由 Provider 管理',\n              }}\n              enableUpload\n              uploadRequest={({ file, onProgress, onSuccess }) => {\n                console.info(file);\n                onProgress?.({\n                  percent: 50,\n                });\n                setTimeout(() => {\n                  onSuccess?.({});\n                }, 1000);\n              }}\n            />\n          </div>\n        </XAiProvider>\n      </div>\n    </div>\n  ),\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n  },\n};\n"],
+  "mappings": "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",
   "names": ["XAiChatbot", "documentIcon", "XAiProvider", "_a"]
 }

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

@@ -175,11 +175,14 @@ var XAiChatbot = (props) => {
     onStop,
     providerId,
     // 消息顶部
-    messageTop
+    messageTop,
+    enableUpload,
+    uploadRequest
   } = mergedProps;
   const messages = mergedProps.messages || propMessages || [];
   const loading = mergedProps.loading || propLoading;
   const [content, setContent] = (0, import_react.useState)(text);
+  const [files, setFiles] = (0, import_react.useState)([]);
   const lastMessageId = (0, import_react.useRef)("");
   const isScriptScrolling = (0, import_react.useRef)(false);
   const chatId = providerId ? `za-chatbot-container-${providerId}` : "za-chatbot-container";
@@ -231,12 +234,11 @@ var XAiChatbot = (props) => {
       variant: "borderless"
     }
   };
-  const handleSend = (type, str) => {
-    if (str.trim()) {
-      onSend == null ? void 0 : onSend(type, str);
-      setContent("");
-      scrollToBottom();
-    }
+  const handleSend = (obj) => {
+    onSend == null ? void 0 : onSend(obj);
+    setContent("");
+    setFiles([]);
+    scrollToBottom();
   };
   const handleChange = (str) => {
     setContent(str);
@@ -351,9 +353,9 @@ var XAiChatbot = (props) => {
                       vertical: true,
                       items: msg.content,
                       onItemClick: (info) => {
-                        onSuggestMessageClick == null ? void 0 : onSuggestMessageClick(info.data, id, "text");
+                        onSuggestMessageClick == null ? void 0 : onSuggestMessageClick(info.data, id);
                         if (info.data.description) {
-                          onSend == null ? void 0 : onSend("text", info.data.description);
+                          onSend == null ? void 0 : onSend({ text: info.data.description });
                         }
                       }
                     }
@@ -364,7 +366,25 @@ var XAiChatbot = (props) => {
             };
             if (!extra.noFooter) {
               bubbleContent.footer = () => {
-                return role === import_XAiMessage.MessageRole.assistant && status !== import_XAiMessage.MessageStatus.failed && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageFooter, { data: msg, lastMessage: lastMessageId.current === id }) });
+                var _a;
+                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,
+                    {
+                      item: {
+                        uid: f.fileId,
+                        name: f.fileName,
+                        url: f.fileUrl,
+                        size: f.fileSize
+                      }
+                    },
+                    f.fileId
+                  )) });
+                }
+                if (role === import_XAiMessage.MessageRole.assistant && status !== import_XAiMessage.MessageStatus.failed) {
+                  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageFooter, { data: msg, lastMessage: lastMessageId.current === id });
+                }
               };
             }
             return bubbleContent;
@@ -378,6 +398,10 @@ var XAiChatbot = (props) => {
           loading,
           footerTips,
           clearBtnShow,
+          enableUpload,
+          files,
+          onChangeFiles: setFiles,
+          uploadRequest,
           onChange: handleChange,
           onSubmit: handleSend,
           onStop: handleStop,

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} from 'antd';\nimport {\n  Bubble,\n  Prompts,\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 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';\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  } = mergedProps;\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 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 = (type: string, str: string) => {\n    if (str.trim()) {\n      // 直接使用合并后的 onSend，自动处理 Provider 和独立模式\n      onSend?.(type, str);\n      setContent(''); // 发送后清空输入框内容\n      scrollToBottom();\n    }\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, 'text');\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                        return (\n                          role === MessageRole.assistant && status !== MessageStatus.failed && (\n                            <>\n                              <MessageFooter data={msg as Messages} lastMessage={lastMessageId.current === id} />\n                            </>\n                          )\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          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} 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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",
   "names": ["MarkdownIt", "thinkIcon", "arrowDown", "clsx", "arrowUp", "arrowDownBlue", "groupIcon", "_a", "emptyIcon", "MarkdownGlobalStyle", "reactHtmlParser", "XAiSender"]
 }

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

@@ -95,6 +95,37 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     &::-webkit-scrollbar {
       display: none;
     }
+
+    .ant-attachment-list-card-type-preview {
+      width: 52px;
+      height: 52px;
+    }
+    .ant-attachment .ant-attachment-list-upload-btn {
+      width: 52px;
+      height: 52px;
+      font-size: 24px;
+    }
+    .ant-attachment-list-card-type-overview {
+      padding: 9px;
+      line-height: 1;
+    }
+    .ant-attachment-list-card-type-overview .ant-attachment-list-card-icon {
+      display: flex;
+      padding-top: 0px;
+    }
+    .ant-attachment-list-card .ant-attachment-list-card-name {
+      margin-bottom: 4px;
+    }
+    .ant-attachment-list-card-motion-leave-active {
+      display: none;
+    }
+    .ant-progress-inner {
+      width: 44px!important;
+      height: 44px!important;
+    }
+    .ant-progress-text {
+      font-size: 12px;
+    }
   `,
   messageList: import_css.css`
     padding: 0 16px;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiChatbot/styles.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { css } from '@emotion/css';\nimport { css as globalCss, Global } from '@emotion/react';\nimport { withBasicStyles, primaryBlue, lightBlue, darkGray, lightGray, borderGray  } from '@/styles/common';\n\nexport const useStyles = withBasicStyles(() => ({\n  // 静态样式\n  wrapper: css`\n    display: flex;\n    flex-direction: column;\n    // max-height: 812px;\n    min-height: 300px;\n    max-width: 800px;\n    width: 100%;\n    height: 100%;\n    min-width: 375px;\n    // background-color: #fff;\n    // border: 1px solid rgba(80,96,122,.15);\n    border-radius: 12px;\n    overflow: hidden;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,\n      Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  `,\n\n  navbar: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 16px;\n    border-bottom: 1px solid ${borderGray};\n    // background-color: #fff;\n  `,\n\n  userAvatar: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 32px;\n    width: 32px;\n    border-radius: 50%;\n    object-fit: cover;\n    margin-right: 12px;\n  `,\n\n  avatar: css`\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    object-fit: cover;\n    margin-right: 12px;\n    border: 1px solid ${borderGray};\n  `,\n\n  title: css`\n    font-weight: 600;\n    font-size: 16px;\n    color: ${darkGray};\n  `,\n\n  subtitle: css`\n    font-size: 12px;\n    color: ${lightGray};\n    margin-top: 2px;\n  `,\n\n  messageContainer: css`\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px 0;\n    // background-color: #fff;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    min-height: 0;\n    position: relative;\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  `,\n\n  messageList: css`\n    padding: 0 16px;\n    /* 隐藏 webkit 浏览器的滚动条 */\n    &::-webkit-scrollbar {\n      display: none;\n    }\n    \n    /* 隐藏 Firefox 的滚动条 */\n    scrollbar-width: none;\n    \n    /* 隐藏 IE 的滚动条 */\n    -ms-overflow-style: none;\n  `,\n\n  emptyWrapper: css`\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    color: '#222';\n    user-select: none;\n  `,\n\n  emptyImg: css`\n    width: 60px;\n    height: 60px;\n    border-radius: 8px;\n    margin-bottom: 16px;\n  `,\n\n  message: css`\n    max-width: 70%;\n    padding: 10px 14px;\n    border-radius: 20px;\n    background-color: ${lightBlue};\n    color: ${darkGray};\n    font-size: 14px;\n    line-height: 1.4;\n    word-break: break-word;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  `,\n\n  messageRight: css`\n    align-self: flex-end;\n    background-color: ${primaryBlue};\n    color: white;\n    border-bottom-right-radius: 4px;\n    border-bottom-left-radius: 20px;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n  `,\n\n  quickReplies: css`\n    display: flex;\n    gap: 8px;\n    padding: 10px 16px;\n    border-top: 1px solid ${borderGray};\n    background-color: #fff;\n    overflow-x: auto;\n  `,\n\n  replyItem: css`\n    padding: 6px 12px;\n    font-size: 13px;\n    border: 1px solid ${primaryBlue};\n    border-radius: 20px;\n    background-color: #fff;\n    color: ${primaryBlue};\n    cursor: pointer;\n    white-space: nowrap;\n    user-select: none;\n    transition: all 0.2s ease;\n  \n    &:hover {\n      background-color: ${primaryBlue};\n      color: #fff;\n    }\n  `,\n\n  highlight: css`\n    background-color: ${primaryBlue};\n    color: white;\n    border-color: ${primaryBlue};\n  `,\n\n  stepLine: css`\n    border-top: 1px dashed #C3CFFB;\n    width: 100%;\n    margin: 16px 0;\n  `,\n\n  inputBar: css`\n    display: flex;\n    align-items: center;\n    padding: 10px 16px;\n    border-top: 1px solid ${borderGray};\n    background-color: #fff;\n  `,\n\n  input: css`\n    flex: 1;\n    padding: 8px 12px;\n    border: 1px solid ${borderGray};\n    border-radius: 20px;\n    font-size: 14px;\n    outline: none;\n  \n    &:focus {\n      border-color: ${primaryBlue};\n      box-shadow: 0 0 3px ${primaryBlue};\n    }\n  `,\n  actionDetailContent: css`\n    border-left: 1px solid #C1C3CD;\n    padding-right: 16px;\n    padding-left: 11px;\n    margin-bottom: 12px;\n    margin-left: 25px;\n    font-weight: 400;\n    font-size: 14px;\n    color: #767985;\n    line-height: 20px;\n    display: inline-block;\n    white-space: 'pre-line';\n  `,\n  actionHeaderWrapper: css`\n    margin-bottom: 12px;\n  `,\n  actionHeaderIcon: css`\n    height: 14px;\n    margin-right: 5px;\n  `,\n  actionHeaderDetail: css`\n    background: #F3F5FA;\n    border-radius: 8px;\n    overflow: hidden;\n  `,\n  actionDetailTitle: css`\n    display: flex;\n    align-items: center;\n    padding: 0 16px;\n    box-sizing: border-box;\n    background: #EDEFF5;\n    height: 32px;\n    margin-bottom: 12px;\n    cursor: pointer;\n  `,\n  executeHeaderIcon: css`\n    height: 12px;\n    padding-right: 10px !important;\n  `,\n  actionTitle: css`\n    display: flex;\n    align-items: center;\n    padding: 0 16px;\n    box-sizing: border-box;\n    background: #EDEFF5;\n    height: 32px;\n    margin-bottom: 12px;\n    cursor: pointer;\n    border-radius: 8px;\n    min-width: 200px;\n  `,\n  actionHeaderDetailItem: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    padding: 0 16px;\n    margin-bottom: 12px;\n    color: #949494;\n  `,\n  actionHeaderCost: css`\n    margin-left: auto;\n    color: #888;\n    font-size: 12px;\n    min-width: 32px;\n    text-align: right;\n  `,\n  executeHiddenWrapper: css`\n    background: #FFFFFF;\n    border-radius: 8px;\n    margin: 12px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    height: 40px;\n    box-sizing: border-box;\n    padding: 0px 16px;\n    font-size: 14px;\n    margin-bottom: 12px;\n    color: #3961F2;\n  `,\n  executeTitle: css`\n    display: flex;\n    align-items: center;\n    padding: 6px 16px;\n    height: 40px;\n    box-sizing: border-box;\n    cursor: pointer;\n  `,\n  executeContent: css`\n    border-top: 1px solid rgba(0,0,0,0.08);\n    padding-top: 10px;\n  `,\n  executeWrapper: css`\n    background: #FFFFFF;\n    border-radius: 8px;\n    padding-bottom: 1px;\n    margin: 12px;\n  `,\n}));\n\nexport const GlobalStyle: React.FC = () => (\n  <Global\n    styles={globalCss`\n      .ant-bubble-footer {\n        display: flex;\n        align-items: center;\n        min-width: 0,\n        max-width: 600,\n        /* 你想覆盖的其他样式 */\n      }\n\n      .ant-sender-content {\n        textarea {\n          word-break: break-all;\n        }\n      }\n\n      .ant-avatar {\n        background-color: transparent;\n      }\n\n      .ant-sender-actions-list {\n        margin-left: -40px;\n      }\n\n      .ant-sender {\n        box-shadow: none !important;\n      }\n\n      .ant-prompts-item {\n        padding-block: 8px !important;\n      }\n\n      /* 用户消息气泡背景色 */\n      .ant-bubble .user-content {\n        background-color: #D8E0FD;\n      }\n\n      /* 助手消息气泡背景色 */\n      .ant-bubble .assistant-content {\n        background-color: transparent;\n        min-height: 0;\n        padding: 0;\n      }\n    `}\n  />\n);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react';\nimport { css } from '@emotion/css';\nimport { css as globalCss, Global } from '@emotion/react';\nimport { withBasicStyles, primaryBlue, lightBlue, darkGray, lightGray, borderGray } from '@/styles/common';\n\nexport const useStyles = withBasicStyles(() => ({\n  // 静态样式\n  wrapper: css`\n    display: flex;\n    flex-direction: column;\n    // max-height: 812px;\n    min-height: 300px;\n    max-width: 800px;\n    width: 100%;\n    height: 100%;\n    min-width: 375px;\n    // background-color: #fff;\n    // border: 1px solid rgba(80,96,122,.15);\n    border-radius: 12px;\n    overflow: hidden;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,\n      Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  `,\n\n  navbar: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 16px;\n    border-bottom: 1px solid ${borderGray};\n    // background-color: #fff;\n  `,\n\n  userAvatar: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 32px;\n    width: 32px;\n    border-radius: 50%;\n    object-fit: cover;\n    margin-right: 12px;\n  `,\n\n  avatar: css`\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    object-fit: cover;\n    margin-right: 12px;\n    border: 1px solid ${borderGray};\n  `,\n\n  title: css`\n    font-weight: 600;\n    font-size: 16px;\n    color: ${darkGray};\n  `,\n\n  subtitle: css`\n    font-size: 12px;\n    color: ${lightGray};\n    margin-top: 2px;\n  `,\n\n  messageContainer: css`\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px 0;\n    // background-color: #fff;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    min-height: 0;\n    position: relative;\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n\n    .ant-attachment-list-card-type-preview {\n      width: 52px;\n      height: 52px;\n    }\n    .ant-attachment .ant-attachment-list-upload-btn {\n      width: 52px;\n      height: 52px;\n      font-size: 24px;\n    }\n    .ant-attachment-list-card-type-overview {\n      padding: 9px;\n      line-height: 1;\n    }\n    .ant-attachment-list-card-type-overview .ant-attachment-list-card-icon {\n      display: flex;\n      padding-top: 0px;\n    }\n    .ant-attachment-list-card .ant-attachment-list-card-name {\n      margin-bottom: 4px;\n    }\n    .ant-attachment-list-card-motion-leave-active {\n      display: none;\n    }\n    .ant-progress-inner {\n      width: 44px!important;\n      height: 44px!important;\n    }\n    .ant-progress-text {\n      font-size: 12px;\n    }\n  `,\n\n  messageList: css`\n    padding: 0 16px;\n    /* 隐藏 webkit 浏览器的滚动条 */\n    &::-webkit-scrollbar {\n      display: none;\n    }\n    \n    /* 隐藏 Firefox 的滚动条 */\n    scrollbar-width: none;\n    \n    /* 隐藏 IE 的滚动条 */\n    -ms-overflow-style: none;\n  `,\n\n  emptyWrapper: css`\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    color: '#222';\n    user-select: none;\n  `,\n\n  emptyImg: css`\n    width: 60px;\n    height: 60px;\n    border-radius: 8px;\n    margin-bottom: 16px;\n  `,\n\n  message: css`\n    max-width: 70%;\n    padding: 10px 14px;\n    border-radius: 20px;\n    background-color: ${lightBlue};\n    color: ${darkGray};\n    font-size: 14px;\n    line-height: 1.4;\n    word-break: break-word;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  `,\n\n  messageRight: css`\n    align-self: flex-end;\n    background-color: ${primaryBlue};\n    color: white;\n    border-bottom-right-radius: 4px;\n    border-bottom-left-radius: 20px;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n  `,\n\n  quickReplies: css`\n    display: flex;\n    gap: 8px;\n    padding: 10px 16px;\n    border-top: 1px solid ${borderGray};\n    background-color: #fff;\n    overflow-x: auto;\n  `,\n\n  replyItem: css`\n    padding: 6px 12px;\n    font-size: 13px;\n    border: 1px solid ${primaryBlue};\n    border-radius: 20px;\n    background-color: #fff;\n    color: ${primaryBlue};\n    cursor: pointer;\n    white-space: nowrap;\n    user-select: none;\n    transition: all 0.2s ease;\n  \n    &:hover {\n      background-color: ${primaryBlue};\n      color: #fff;\n    }\n  `,\n\n  highlight: css`\n    background-color: ${primaryBlue};\n    color: white;\n    border-color: ${primaryBlue};\n  `,\n\n  stepLine: css`\n    border-top: 1px dashed #C3CFFB;\n    width: 100%;\n    margin: 16px 0;\n  `,\n\n  inputBar: css`\n    display: flex;\n    align-items: center;\n    padding: 10px 16px;\n    border-top: 1px solid ${borderGray};\n    background-color: #fff;\n  `,\n\n  input: css`\n    flex: 1;\n    padding: 8px 12px;\n    border: 1px solid ${borderGray};\n    border-radius: 20px;\n    font-size: 14px;\n    outline: none;\n  \n    &:focus {\n      border-color: ${primaryBlue};\n      box-shadow: 0 0 3px ${primaryBlue};\n    }\n  `,\n  actionDetailContent: css`\n    border-left: 1px solid #C1C3CD;\n    padding-right: 16px;\n    padding-left: 11px;\n    margin-bottom: 12px;\n    margin-left: 25px;\n    font-weight: 400;\n    font-size: 14px;\n    color: #767985;\n    line-height: 20px;\n    display: inline-block;\n    white-space: 'pre-line';\n  `,\n  actionHeaderWrapper: css`\n    margin-bottom: 12px;\n  `,\n  actionHeaderIcon: css`\n    height: 14px;\n    margin-right: 5px;\n  `,\n  actionHeaderDetail: css`\n    background: #F3F5FA;\n    border-radius: 8px;\n    overflow: hidden;\n  `,\n  actionDetailTitle: css`\n    display: flex;\n    align-items: center;\n    padding: 0 16px;\n    box-sizing: border-box;\n    background: #EDEFF5;\n    height: 32px;\n    margin-bottom: 12px;\n    cursor: pointer;\n  `,\n  executeHeaderIcon: css`\n    height: 12px;\n    padding-right: 10px !important;\n  `,\n  actionTitle: css`\n    display: flex;\n    align-items: center;\n    padding: 0 16px;\n    box-sizing: border-box;\n    background: #EDEFF5;\n    height: 32px;\n    margin-bottom: 12px;\n    cursor: pointer;\n    border-radius: 8px;\n    min-width: 200px;\n  `,\n  actionHeaderDetailItem: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    padding: 0 16px;\n    margin-bottom: 12px;\n    color: #949494;\n  `,\n  actionHeaderCost: css`\n    margin-left: auto;\n    color: #888;\n    font-size: 12px;\n    min-width: 32px;\n    text-align: right;\n  `,\n  executeHiddenWrapper: css`\n    background: #FFFFFF;\n    border-radius: 8px;\n    margin: 12px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    height: 40px;\n    box-sizing: border-box;\n    padding: 0px 16px;\n    font-size: 14px;\n    margin-bottom: 12px;\n    color: #3961F2;\n  `,\n  executeTitle: css`\n    display: flex;\n    align-items: center;\n    padding: 6px 16px;\n    height: 40px;\n    box-sizing: border-box;\n    cursor: pointer;\n  `,\n  executeContent: css`\n    border-top: 1px solid rgba(0,0,0,0.08);\n    padding-top: 10px;\n  `,\n  executeWrapper: css`\n    background: #FFFFFF;\n    border-radius: 8px;\n    padding-bottom: 1px;\n    margin: 12px;\n  `,\n}));\n\nexport const GlobalStyle: React.FC = () => (\n  <Global\n    styles={globalCss`\n      .ant-bubble-footer {\n        display: flex;\n        align-items: center;\n        min-width: 0,\n        max-width: 600,\n        /* 你想覆盖的其他样式 */\n      }\n\n      .ant-sender-content {\n        textarea {\n          word-break: break-all;\n        }\n      }\n\n      .ant-avatar {\n        background-color: transparent;\n      }\n\n      .ant-sender-actions-list {\n        margin-left: -40px;\n      }\n\n      .ant-sender {\n        box-shadow: none !important;\n      }\n\n      .ant-prompts-item {\n        padding-block: 8px !important;\n      }\n\n      /* 用户消息气泡背景色 */\n      .ant-bubble .user-content {\n        background-color: #D8E0FD;\n      }\n\n      /* 助手消息气泡背景色 */\n      .ant-bubble .assistant-content {\n        background-color: transparent;\n        min-height: 0;\n        padding: 0;\n      }\n    `}\n  />\n);\n"],
+  "mappings": "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",
   "names": ["globalCss"]
 }

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

@@ -79,7 +79,7 @@ var 单聊天窗口实例 = {
     const handleSendMessage = () => {
       var _a;
       if ((_a = providerRef.current) == null ? void 0 : _a.chat) {
-        providerRef.current.chat("你好，AI！");
+        providerRef.current.chat({ text: "你好，AI！" });
       } else {
         console.log("XAiProvider ref 未准备好或 chat 方法不存在");
       }