@ai-group/chat-sdk 0.2.5 → 0.2.7

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAiChatbot/XAiChatbot.stories.tsx"],
+  "sourcesContent": ["import React, { 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: '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: '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: '3',\n    type: 'ImageMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.assistant,\n    extra: {\n      cost: 6.09,\n      token: 1999,\n    },\n    content: {\n      format: 'svg',\n      bytes: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n    },\n    thinks: [\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      //   id: 'tool-2',\n      //   arguments: { param2: 'bar' },\n      //   extra: {\n      //     action: 'INVOKE_AGENT_TOOL_START',\n      //     type: 'AGENT_TOOL',\n\n      //     toolType: 'PLUGIN_TOOL',\n      //     agentToolName: '插件工具',\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      // // 知识库调用（DOCUMENT）\n      // {\n      //   action: 'RECALL_KNOWLEDGE_START',\n      //   uniqueId: 'kb-2',\n      //   processStatus: 'START',\n      //   args: { question: '文档库介绍' },\n      //   knowledgeType: 'DOCUMENT',\n      // },\n      // 运行完毕\n      {\n        id: '5',\n        type: 'ActionExecutionMessage',\n        name: '运行完毕',\n        createdAt: new Date(),\n      },\n    ],\n    parentMessageId: '2',\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: '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\n  // 模拟流式返回AI消息\n  const handleSendMessage = (_type: string, msg: string) => {\n    const userMsg: Messages = {\n      id: String(Date.now()),\n      type: 'TextMessage',\n      createdAt: new Date(),\n      status: MessageStatus.done,\n      role: MessageRole.user,\n      content: { text: msg },\n    };\n    setMessages((prev) => [\n      ...prev,\n      userMsg,\n    ]);\n    let aiMsg = '';\n    const stream = ['好的，', '我正在为你查询', '相关信息...'];\n    stream.forEach((chunk, idx) => {\n      setTimeout(() => {\n        aiMsg += chunk;\n        setMessages((prev) => {\n          const aiIndex = prev.findIndex((m) => m.id === 'stream-ai');\n          if (aiIndex > -1) {\n            const updated = [...prev];\n            const oldMsg = updated[aiIndex];\n            if (oldMsg.type === 'TextMessage') {\n              updated[aiIndex] = {\n                ...oldMsg,\n                content: { text: aiMsg },\n              };\n            }\n            return updated;\n          }\n          const aiMessage: Messages = {\n            id: 'stream-ai',\n            type: 'TextMessage',\n            createdAt: new Date(),\n            status: MessageStatus.pending,\n            role: MessageRole.assistant,\n            content: { text: aiMsg },\n          };\n          return [\n            ...prev,\n            aiMessage,\n          ];\n        });\n        if (idx === stream.length - 1) {\n          setTimeout(() => {\n            setMessages((prev) => prev.map((m) => {\n              if (m.id === 'stream-ai') {\n                const doneMsg: Messages = { ...m, status: MessageStatus.done };\n                return doneMsg;\n              }\n              return m;\n            }));\n          }, 500);\n        }\n      }, 800 * (idx + 1));\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  const ToolTip = (data: any) => {\n    const { cost, token } = data?.extra || {};\n    if (!cost && !token) return null;\n    return (\n      <div style={{ display: 'flex', alignItems: 'center', fontSize: '12px', color: '#949494', flex: 1, paddingRight: '40px' }}>\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 style={{ height: '600px', width: '400px', border: '1px solid #e7e7e7', borderRadius: '8px' }}>\n      <XAiChatbot\n        {...args}\n        messages={messages}\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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",
+  "names": ["XAiChatbot", "documentIcon", "React", "XAiProvider", "_a"]
+}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { XAiChatbotProps } from "../../types/XAiChatbot";
+export interface ActionHeaderProps {
+    thinks: any[];
+    renderActionHeader?: (params: {
+        thinks: any[];
+        expanded: boolean;
+        onToggle: () => void;
+    }) => React.ReactNode;
+}
+declare const XAiChatbot: React.FC<XAiChatbotProps>;
+export default XAiChatbot;

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

@@ -0,0 +1,365 @@
+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/XAiChatbot/index.tsx
+var XAiChatbot_exports = {};
+__export(XAiChatbot_exports, {
+  default: () => XAiChatbot_default
+});
+module.exports = __toCommonJS(XAiChatbot_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_x = require("@ant-design/x");
+var import_icons = require("@ant-design/icons");
+var import_clsx = __toESM(require("clsx"));
+var import_markdown_it = __toESM(require("markdown-it"));
+var import_react_html_parser = __toESM(require("react-html-parser"));
+var import_markdown = __toESM(require("../../styles/markdown"));
+var import_XAiMessage = require("../../types/XAiMessage");
+var import_empty = __toESM(require("../../assets/empty.png"));
+var import_group = __toESM(require("../../assets/group.png"));
+var import_arrow_up = __toESM(require("../../assets/arrow-up.png"));
+var import_arrow_down = __toESM(require("../../assets/arrow-down.png"));
+var import_useProviderContext = require("../../hooks/useProviderContext");
+var import_styles = require("./styles");
+var md = new import_markdown_it.default({
+  html: true,
+  linkify: true,
+  typographer: true
+});
+var defaultRender = md.renderer.rules.link_open || ((tokens, idx, options, env, self) => {
+  return self.renderToken(tokens, idx, options);
+});
+md.renderer.rules.link_open = (tokens, idx, options, env, self) => {
+  const aIndex = tokens[idx].attrIndex("target");
+  if (aIndex < 0) {
+    tokens[idx].attrPush(["target", "_blank"]);
+  } else {
+    tokens[idx].attrs[aIndex][1] = "_blank";
+  }
+  const relIndex = tokens[idx].attrIndex("rel");
+  if (relIndex < 0) {
+    tokens[idx].attrPush(["rel", "noopener noreferrer"]);
+  } else {
+    tokens[idx].attrs[relIndex][1] = "noopener noreferrer";
+  }
+  return defaultRender(tokens, idx, options, env, self);
+};
+var defaultActions = [
+  {
+    key: "redo",
+    icon: /* @__PURE__ */ import_react.default.createElement(import_icons.RedoOutlined, null),
+    tooltip: "重新生成"
+  },
+  {
+    key: "copy",
+    icon: /* @__PURE__ */ import_react.default.createElement(import_icons.CopyOutlined, null),
+    tooltip: "复制"
+  },
+  {
+    key: "delete",
+    icon: /* @__PURE__ */ import_react.default.createElement(import_icons.DeleteOutlined, null),
+    tooltip: "删除"
+  }
+];
+var XAiChatbot = (props) => {
+  const { mergedProps } = (0, import_useProviderContext.useChatbotContext)(props);
+  const {
+    navbarShow = false,
+    navbar,
+    renderNavbar = null,
+    // renderMessageContent,
+    // quickReplies = [],
+    // quickRepliesVisible = true,
+    // onQuickReplyClick,
+    loading: propLoading = false,
+    messageTooltip,
+    avatar,
+    userAvatar,
+    messages: propMessages,
+    text = "",
+    emptyStateImage = import_empty.default,
+    emptyStateText = "我的智能体",
+    messageActions = defaultActions,
+    onMessagesActionsCallback,
+    // 点击帮助消息
+    onSuggestMessageClick,
+    onSend,
+    onClear,
+    onStop
+  } = mergedProps;
+  const messages = mergedProps.messages || propMessages || [];
+  const loading = mergedProps.loading || propLoading;
+  const [disabled, _setDisabled] = (0, import_react.useState)(false);
+  const [content, setContent] = (0, import_react.useState)(text);
+  const [mode, _setMode] = (0, import_react.useState)("");
+  const [fileUploading, setFileUploading] = (0, import_react.useState)(false);
+  const [clearPopoverVisible, setClearPopoverVisible] = (0, import_react.useState)(false);
+  const styles = (0, import_styles.useStyles)();
+  const FooterActions = ({ data }) => /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(styles.flex, styles.gap(13)) }, messageActions.map((action, index) => /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { key: action.key, title: action.tooltip }, /* @__PURE__ */ import_react.default.createElement("span", { className: styles.cursor("pointer"), onClick: () => onMessagesActionsCallback == null ? void 0 : onMessagesActionsCallback(index, data) }, action.icon))));
+  const MessageFooter = ({ data }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, messageTooltip == null ? void 0 : messageTooltip(data), /* @__PURE__ */ import_react.default.createElement(FooterActions, { data }));
+  const rolesObject = {
+    assistant: {
+      placement: "start",
+      avatar: { icon: avatar || /* @__PURE__ */ import_react.default.createElement(import_icons.UserOutlined, null), style: { background: "#fde3cf" } },
+      typing: { step: 5, interval: 20 },
+      style: {
+        maxWidth: 600
+      },
+      classNames: {
+        content: "assistant-content"
+      }
+    },
+    user: {
+      placement: "end",
+      avatar: { icon: userAvatar || /* @__PURE__ */ import_react.default.createElement(import_icons.UserOutlined, null), style: { background: "#87d068" } },
+      classNames: {
+        content: "user-content"
+      }
+    },
+    suggestion: {
+      placement: "start",
+      avatar: { icon: /* @__PURE__ */ import_react.default.createElement(import_icons.UserOutlined, null), style: { visibility: "hidden" } },
+      variant: "borderless"
+    }
+  };
+  const ActionHeader = ({ thinks = [], renderActionHeader }) => {
+    var _a;
+    const [expanded, setExpanded] = (0, import_react.useState)(false);
+    if (!thinks || thinks.length === 0)
+      return null;
+    if (renderActionHeader) {
+      return renderActionHeader({ thinks, expanded, onToggle: () => setExpanded((v) => !v) });
+    }
+    const first = thinks[0];
+    const { name } = first;
+    const icon = (first == null ? void 0 : first.icon) || ((_a = first == null ? void 0 : first.extra) == null ? void 0 : _a.icon);
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: styles.actionHeaderWrapper }, !expanded && /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: styles.actionHeaderItem,
+        onClick: () => setExpanded((v) => !v)
+      },
+      icon && /* @__PURE__ */ import_react.default.createElement("img", { src: icon, alt: "icon", className: styles.actionHeaderIcon }),
+      /* @__PURE__ */ import_react.default.createElement("span", { className: styles.actionHeaderText }, name),
+      /* @__PURE__ */ import_react.default.createElement("img", { alt: "展开icon", src: import_arrow_down.default, className: styles.w("16px") })
+    ), expanded && /* @__PURE__ */ import_react.default.createElement("div", { className: styles.actionHeaderDetail }, /* @__PURE__ */ import_react.default.createElement("div", { className: styles.actionDetailTitle, onClick: () => setExpanded((v) => !v) }, /* @__PURE__ */ import_react.default.createElement("img", { src: import_group.default, alt: "", className: (0, import_clsx.default)(styles.w(14)) }), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(styles.flex1, styles.pl(10)) }, "隐藏运行过程"), /* @__PURE__ */ import_react.default.createElement("img", { alt: "收起icon", src: import_arrow_up.default, className: styles.w("16px") })), thinks.map((action, idx) => {
+      var _a2, _b, _c;
+      const thinkIcon = (action == null ? void 0 : action.expandIcon) || ((_a2 = action == null ? void 0 : action.extra) == null ? void 0 : _a2.expandIcon) || ((_b = action == null ? void 0 : action.extra) == null ? void 0 : _b.icon) || (action == null ? void 0 : action.icon);
+      const thinkCost = (action == null ? void 0 : action.cost) || ((_c = action == null ? void 0 : action.extra) == null ? void 0 : _c.cost);
+      return /* @__PURE__ */ import_react.default.createElement("div", { key: action.uniqueId || idx, className: styles.actionHeaderDetailItem }, thinkIcon && /* @__PURE__ */ import_react.default.createElement("img", { src: thinkIcon, alt: "icon", className: styles.actionHeaderIcon }), /* @__PURE__ */ import_react.default.createElement("span", null, action == null ? void 0 : action.name), /* @__PURE__ */ import_react.default.createElement("span", { className: styles.actionHeaderCost }, thinkCost ? `${thinkCost}s` : ""));
+    })));
+  };
+  const handleSend = () => {
+    if (content.trim()) {
+      onSend == null ? void 0 : onSend("text", content);
+      setContent("");
+    }
+  };
+  const NavBar = () => {
+    if (renderNavbar) {
+      return renderNavbar();
+    }
+    if (navbar == null ? void 0 : navbar.title) {
+      return /* @__PURE__ */ import_react.default.createElement("header", { className: styles.navbar }, navbar.avatar && /* @__PURE__ */ import_react.default.createElement("img", { src: navbar.avatar, className: styles.avatar, alt: "" }), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: styles.title }, navbar.title), /* @__PURE__ */ import_react.default.createElement("div", { className: styles.subtitle }, navbar.subtitle)));
+    }
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null);
+  };
+  const fileInputRef = (0, import_react.useRef)(null);
+  const handleStopGenerate = () => {
+    onStop == null ? void 0 : onStop();
+  };
+  const handleFileSelect = () => {
+  };
+  const handleClear = () => {
+    setClearPopoverVisible(true);
+  };
+  const cancelClear = () => {
+    setClearPopoverVisible(false);
+  };
+  const confirmClear = () => {
+    setContent("");
+    onClear == null ? void 0 : onClear();
+    setClearPopoverVisible(false);
+  };
+  const clearConfirmContent = /* @__PURE__ */ import_react.default.createElement("div", { className: styles.p("2px") }, /* @__PURE__ */ import_react.default.createElement("p", { className: (0, import_clsx.default)(styles.mb(14), styles.mt(0)) }, "确认清除所有聊天记录并重置会话！"), /* @__PURE__ */ import_react.default.createElement("div", { className: styles.popoverFooter }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { size: "small", onClick: cancelClear }, "取消"), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { size: "small", type: "primary", danger: true, onClick: confirmClear }, "确认")));
+  const uploadButton = /* @__PURE__ */ import_react.default.createElement("div", { className: styles.flexCenterGap2 }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Tooltip,
+    {
+      placement: "top",
+      title: mode === "single_agent_skill_mode" ? "工作流模式不支持上传文件" : "支持图片、文档等上传"
+    },
+    fileUploading ? /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { size: "small" }) : /* @__PURE__ */ import_react.default.createElement(
+      "i",
+      {
+        className: mode === "single_agent_skill_mode" ? styles.iconZengjiaDisabled : styles.iconZengjiaNormal,
+        onClick: () => {
+          var _a;
+          if (mode !== "single_agent_skill_mode" && fileInputRef.current) {
+            (_a = fileInputRef.current) == null ? void 0 : _a.click();
+          }
+        }
+      }
+    ),
+    /* @__PURE__ */ import_react.default.createElement(
+      "input",
+      {
+        type: "file",
+        ref: fileInputRef,
+        onChange: handleFileSelect,
+        style: { display: "none" },
+        accept: "*/*",
+        disabled: fileUploading || mode === "single_agent_skill_mode"
+      }
+    )
+  ));
+  const EmptyState = (0, import_react.useMemo)(() => () => /* @__PURE__ */ import_react.default.createElement("div", { className: styles.emptyWrapper }, /* @__PURE__ */ import_react.default.createElement("img", { src: emptyStateImage, alt: "空状态图标", className: styles.emptyImg }), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(styles.text(16), styles.weight(600), styles.textColor("#343434")) }, emptyStateText)), [emptyStateImage, emptyStateText]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styles.GlobalStyle, null), /* @__PURE__ */ import_react.default.createElement(import_markdown.default, null), /* @__PURE__ */ import_react.default.createElement("div", { className: styles.wrapper }, navbarShow && /* @__PURE__ */ import_react.default.createElement(NavBar, null), /* @__PURE__ */ import_react.default.createElement("div", { className: styles.messageContainer }, (messages == null ? void 0 : messages.length) ? /* @__PURE__ */ import_react.default.createElement(
+    import_x.Bubble.List,
+    {
+      roles: rolesObject,
+      items: messages.map((msg) => {
+        const { id, role, status, type, thinks = [], extra = { noFooter: false } } = msg;
+        return {
+          key: id,
+          role,
+          loading: status === import_XAiMessage.MessageStatus.init,
+          header: () => /* @__PURE__ */ import_react.default.createElement(ActionHeader, { thinks }),
+          content: (() => {
+            var _a, _b, _c;
+            if (type === "TextMessage") {
+              if (role === "user") {
+                return /* @__PURE__ */ import_react.default.createElement(
+                  "div",
+                  {
+                    className: "markdown-body",
+                    style: {
+                      minWidth: 0,
+                      maxWidth: 600
+                    }
+                  },
+                  (_a = msg.content) == null ? void 0 : _a.text
+                );
+              }
+              const html = md.render(((_b = msg.content) == null ? void 0 : _b.text) || "");
+              const htmlString = (0, import_react_html_parser.default)(html);
+              return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+                "div",
+                {
+                  className: "markdown-body",
+                  style: {
+                    minWidth: 0,
+                    maxWidth: 600
+                  }
+                },
+                htmlString
+              ));
+            }
+            if (type === "ImageMessage") {
+              return /* @__PURE__ */ import_react.default.createElement("div", { style: { minWidth: 0, maxWidth: 600 } }, /* @__PURE__ */ import_react.default.createElement("img", { src: (_c = msg.content) == null ? void 0 : _c.bytes, alt: "", style: { maxWidth: 680 } }));
+            }
+            if (type === "SuggestionMessage") {
+              return /* @__PURE__ */ import_react.default.createElement(
+                import_x.Prompts,
+                {
+                  vertical: true,
+                  items: msg.content,
+                  onItemClick: (info) => {
+                    onSuggestMessageClick == null ? void 0 : onSuggestMessageClick(info.data, id, "text");
+                    if (info.data.description) {
+                      onSend == null ? void 0 : onSend("text", info.data.description);
+                    }
+                  }
+                }
+              );
+            }
+            return null;
+          })(),
+          footer: () => {
+            return extra.noFooter ? null : role === import_XAiMessage.MessageRole.assistant && status !== import_XAiMessage.MessageStatus.failed && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(MessageFooter, { data: msg }));
+          }
+        };
+      })
+    }
+  ) : /* @__PURE__ */ import_react.default.createElement(EmptyState, null)), /* @__PURE__ */ import_react.default.createElement("div", { className: styles.chatFooter }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(styles.flex, styles.gap(8)) }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Popover,
+    {
+      content: clearConfirmContent,
+      title: "确认清空对话",
+      trigger: "click",
+      open: clearPopoverVisible,
+      onOpenChange: setClearPopoverVisible
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: styles.clearBtn,
+        style: { border: "1px solid #E4E7EC", borderRadius: "50%", height: "35px", width: "35px" },
+        onClick: handleClear
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_icons.ClearOutlined, { className: styles.text(16) })
+    )
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_x.Sender,
+    {
+      value: content,
+      className: styles.sendWrapper,
+      placeholder: "继续对话...",
+      disabled,
+      loading,
+      actions: (_, info) => {
+        const { SendButton, LoadingButton } = info.components;
+        return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: "small" }, /* @__PURE__ */ import_react.default.createElement("div", { className: styles.w(20) }), mode !== "single_agent_skill_mode" && uploadButton, mode === "meta_agent_mode" && /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: styles.flexCenterGap2,
+            style: { visibility: "hidden" }
+          },
+          /* @__PURE__ */ import_react.default.createElement("i", { className: styles.iconHuihuarenqun })
+        ), /* @__PURE__ */ import_react.default.createElement("div", { className: styles.divider }), loading ? /* @__PURE__ */ import_react.default.createElement(LoadingButton, { onClick: handleStopGenerate, className: styles.stopButton }) : /* @__PURE__ */ import_react.default.createElement(
+          SendButton,
+          {
+            className: styles.sendButton,
+            type: "primary",
+            icon: /* @__PURE__ */ import_react.default.createElement(import_icons.ArrowUpOutlined, { className: styles.text(20) }),
+            disabled
+          }
+        ));
+      },
+      onChange: (v) => {
+        setContent(v);
+      },
+      onSubmit: handleSend,
+      onCancel: () => {
+        handleStopGenerate();
+      }
+    }
+  )))));
+};
+var XAiChatbot_default = XAiChatbot;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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  Button,\n  Space,\n  Spin,\n  Tooltip,\n  Popover,\n  GetProp,\n} from 'antd';\nimport {\n  Bubble,\n  Sender,\n  Prompts,\n} from '@ant-design/x';\nimport {\n  ArrowUpOutlined,\n  ClearOutlined,\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 groupIcon from '@/assets/group.png';\nimport arrowUp from '@/assets/arrow-up.png';\nimport arrowDown from '@/assets/arrow-down.png';\nimport { useChatbotContext, useProviderMethods } from '@/hooks/useProviderContext';\nimport { useStyles, GlobalStyle } from './styles';\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  thinks: any[];\n  renderActionHeader?: (params: { thinks: any[]; expanded: boolean; onToggle: () => void }) => React.ReactNode;\n}\n\n// 默认消息功能区\nconst 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  // 使用新的 Hook 来处理 Provider 上下文\n  const { mergedProps } = useChatbotContext(props);\n\n  const {\n    navbarShow = false,\n    navbar,\n    renderNavbar = null,\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    emptyStateImage = emptyIcon,\n    emptyStateText = '我的智能体',\n    messageActions = defaultActions,\n    onMessagesActionsCallback,\n    // 点击帮助消息\n    onSuggestMessageClick,\n    onSend,\n    onClear,\n    onStop,\n  } = mergedProps;\n\n  // 如果在 Provider 中，使用 Provider 的状态\n  const messages = mergedProps.messages || propMessages || [];\n  const loading = mergedProps.loading || propLoading;\n\n  const [disabled, _setDisabled] = useState<boolean>(false); // 是否禁止输入\n  const [content, setContent] = useState<string>(text); // 输入框文本\n  const [mode, _setMode] = useState<string>(''); // todo 模式\n  const [fileUploading, setFileUploading] = useState(false); // 文件上传进度条\n  const [clearPopoverVisible, setClearPopoverVisible] = useState(false); // 气泡卡片显隐藏\n  const styles = useStyles();\n\n  // 消息功能区组件\n  const FooterActions: React.FC<{ data: Messages }> = ({ data }) => (\n    <div className={clsx(styles.flex, styles.gap(13))}>\n      {messageActions.map((action: ActionItem, index: number) => (\n        <Tooltip key={action.key} title={action.tooltip}>\n          <span className={styles.cursor('pointer')} onClick={() => onMessagesActionsCallback?.(index, data)}>\n            {action.icon}\n          </span>\n        </Tooltip>\n      ))}\n    </div>\n  );\n\n  // 消息底部区域\n  const MessageFooter: React.FC<{ data: Messages }> = ({ data }) => (\n    <>\n      {messageTooltip?.(data)}\n      <FooterActions data={data} />\n    </>\n  );\n\n  // 聊天角色\n  const rolesObject: GetProp<typeof Bubble.List, 'roles'> = {\n    assistant: {\n      placement: 'start',\n      avatar: { icon: avatar || <UserOutlined />, style: { background: '#fde3cf' } },\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 />, style: { background: '#87d068' } },\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  // ActionHeader 组件\n  const ActionHeader: React.FC<ActionHeaderProps> = ({ thinks = [], renderActionHeader }) => {\n    const [expanded, setExpanded] = useState(false);\n    if (!thinks || thinks.length === 0) return null;\n    if (renderActionHeader) {\n      return renderActionHeader({ thinks, expanded, onToggle: () => setExpanded((v) => !v) });\n    }\n    // 默认渲染\n    const first = thinks[0];\n    const { name } = first;\n    const icon = first?.icon || first?.extra?.icon;\n    return (\n      <div className={styles.actionHeaderWrapper}>\n        { !expanded && (\n        <div\n          className={styles.actionHeaderItem}\n          onClick={() => setExpanded((v) => !v)}\n        >\n          { icon && <img src={icon} alt=\"icon\" className={styles.actionHeaderIcon} /> }\n          <span className={styles.actionHeaderText}>{name}</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={groupIcon} 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          {thinks.map((action, idx) => {\n            const thinkIcon = 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                { thinkIcon && <img src={thinkIcon} 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        )}\n      </div>\n    );\n  };\n\n  // 触发发送\n  const handleSend = () => {\n    if (content.trim()) {\n      // 直接使用合并后的 onSend，自动处理 Provider 和独立模式\n      onSend?.('text', content);\n      setContent(''); // 发送后清空输入框内容\n    }\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 fileInputRef = useRef<HTMLInputElement>(null);\n\n  // 停止生成\n  const handleStopGenerate = () => {\n    onStop?.();\n  };\n\n  // 选择文件\n  const handleFileSelect = () => {};\n\n  //  点击清除按钮\n  const handleClear = () => {\n    setClearPopoverVisible(true);\n  };\n\n  // 取消清除\n  const cancelClear = () => {\n    setClearPopoverVisible(false);\n  };\n\n  // 确认清除\n  const confirmClear = () => {\n    setContent('');\n    onClear?.();\n    setClearPopoverVisible(false);\n  };\n\n  // 清空按钮提示文案\n  const clearConfirmContent = (\n    <div className={styles.p('2px')}>\n      <p className={clsx(styles.mb(14), styles.mt(0))}>确认清除所有聊天记录并重置会话！</p>\n      <div className={styles.popoverFooter}>\n        <Button size=\"small\" onClick={cancelClear}>\n          取消\n        </Button>\n        <Button size=\"small\" type=\"primary\" danger onClick={confirmClear}>\n          确认\n        </Button>\n      </div>\n    </div>\n  );\n\n  // 自定义上传按钮\n  const uploadButton = (\n    <div className={styles.flexCenterGap2}>\n      <Tooltip\n        placement=\"top\"\n        title={\n          mode === 'single_agent_skill_mode' ? '工作流模式不支持上传文件' : '支持图片、文档等上传'\n        }\n      >\n        {fileUploading\n          ? (\n            <Spin size=\"small\" />\n          )\n          : (\n            <i\n              className={\n                mode === 'single_agent_skill_mode'\n                  ? styles.iconZengjiaDisabled\n                  : styles.iconZengjiaNormal\n              }\n              onClick={() => {\n                if (mode !== 'single_agent_skill_mode' && fileInputRef.current) {\n                  fileInputRef.current?.click();\n                }\n              }}\n            />\n          )}\n        <input\n          type=\"file\"\n          ref={fileInputRef}\n          onChange={handleFileSelect}\n          style={{ display: 'none' }}\n          accept=\"*/*\"\n          disabled={fileUploading || mode === 'single_agent_skill_mode'}\n        />\n      </Tooltip>\n    </div>\n  );\n\n  // 空状态\n  const EmptyState = useMemo(() => () => (\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  // eslint-disable-next-line react-hooks/exhaustive-deps\n  ), [emptyStateImage, emptyStateText]);\n\n  return (\n    <>\n      <GlobalStyle />\n      <MarkdownGlobalStyle />\n      <div className={styles.wrapper}>\n        { navbarShow && <NavBar /> }\n\n        <div className={styles.messageContainer}>\n          {/* 消息列表主体 */}\n          {\n          messages?.length\n            ? (\n              <Bubble.List\n                roles={rolesObject}\n                items={messages.map((msg: any) => {\n                  const { id, role, status, type, thinks = [], extra = { noFooter: false } } = msg as Messages;\n                  return {\n                    key: id,\n                    role,\n                    loading: status === MessageStatus.init,\n                    header: (() => <ActionHeader thinks={thinks} />),\n                    content: (() => {\n                      // 文本消息\n                      if (type === 'TextMessage') {\n                        // 用户消息\n                        if (role === 'user') {\n                          return (\n                            <div\n                              className=\"markdown-body\"\n                              style={{\n                                minWidth: 0,\n                                maxWidth: 600,\n                              }}\n                            >\n                              {msg.content?.text}\n                            </div>\n                          );\n                        }\n                        // 输出html字符串\n                        const html = md.render(msg.content?.text || '');\n                        // 生成React节点\n                        const htmlString = reactHtmlParser(html);\n                        return (\n                          <>\n                            <div\n                              className=\"markdown-body\"\n                              style={{\n                                minWidth: 0,\n                                maxWidth: 600,\n                              }}\n                            >\n                              {htmlString}\n                            </div>\n                          </>\n                        );\n                      }\n                      // 图片类型\n                      if (type === 'ImageMessage') {\n                        return (\n                          <div style={{ minWidth: 0, maxWidth: 600 }}>\n                            <img src={msg.content?.bytes} alt=\"\" style={{ maxWidth: 680 }} />\n                          </div>\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                    footer: (() => {\n                      return (\n                        extra.noFooter\n                          ? null\n                          : (\n                            role === MessageRole.assistant && status !== MessageStatus.failed && (\n                            <>\n                              <MessageFooter data={msg as Messages} />\n                            </>\n                            )\n                          )\n                      );\n                    }),\n                  };\n                })}\n              />\n          )\n            : (\n              <EmptyState />\n          )\n        }\n        </div>\n        <div className={styles.chatFooter}>\n          <div className={clsx(styles.flex, styles.gap(8))}>\n            {/* 清空按钮 */}\n            <Popover\n              content={clearConfirmContent}\n              title=\"确认清空对话\"\n              trigger=\"click\"\n              open={clearPopoverVisible}\n              onOpenChange={setClearPopoverVisible}\n            >\n              <div\n                className={styles.clearBtn}\n                style={{ border: '1px solid #E4E7EC', borderRadius: '50%', height: '35px', width: '35px' }}\n                onClick={handleClear}\n              >\n                <ClearOutlined className={styles.text(16)} />\n              </div>\n            </Popover>\n            {/* 普通文本输入 */}\n            <Sender\n              value={content}\n            // submitType=\"shiftEnter\"\n              className={styles.sendWrapper}\n              placeholder=\"继续对话...\"\n              disabled={disabled}\n              loading={loading}\n              actions={(_, info) => {\n                const { SendButton, LoadingButton } = info.components;\n                return (\n                  <Space size=\"small\">\n                    <div className={styles.w(20)} />\n\n                    {mode !== 'single_agent_skill_mode' && uploadButton}\n                    {mode === 'meta_agent_mode' && (\n                      <div\n                        className={styles.flexCenterGap2}\n                        style={{ visibility: 'hidden' }}\n                      >\n                        <i className={styles.iconHuihuarenqun} />\n                      </div>\n                    )}\n\n                    <div className={styles.divider} />\n\n                    {loading\n                      ? (\n                        <LoadingButton onClick={handleStopGenerate} className={styles.stopButton} />\n                      )\n                      : (\n                        <SendButton\n                          className={styles.sendButton}\n                          type=\"primary\"\n                          icon={<ArrowUpOutlined className={styles.text(20)} />}\n                          disabled={disabled}\n                        />\n                      )}\n                  </Space>\n                );\n              }}\n              onChange={(v) => {\n                setContent(v);\n              }}\n              onSubmit={handleSend}\n              onCancel={() => {\n                handleStopGenerate();\n              }}\n            />\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default XAiChatbot;\n"],
+  "mappings": "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",
+  "names": ["MarkdownIt", "React", "emptyIcon", "clsx", "arrowDown", "groupIcon", "arrowUp", "_a", "MarkdownGlobalStyle", "reactHtmlParser"]
+}

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

@@ -0,0 +1,71 @@
+import React from 'react';
+export declare const useStyles: () => {
+    wrapper: string;
+    navbar: string;
+    avatar: string;
+    title: string;
+    subtitle: string;
+    messageContainer: string;
+    emptyWrapper: string;
+    emptyImg: string;
+    message: string;
+    messageRight: string;
+    quickReplies: string;
+    replyItem: string;
+    highlight: string;
+    inputBar: string;
+    input: string;
+    sendWrapper: string;
+    stopButton: string;
+    sendButton: string;
+    uploadBtn: string;
+    clearBtn: string;
+    chatFooter: string;
+    flexCenterGap2: string;
+    iconHuihuarenqun: string;
+    popoverFooter: string;
+    divider: string;
+    flexCenterGap4: string;
+    iconZengjiaDisabled: string;
+    iconZengjiaNormal: string;
+    actionHeaderWrapper: string;
+    actionHeaderItem: string;
+    actionHeaderIcon: string;
+    actionHeaderText: string;
+    actionHeaderDetail: string;
+    actionDetailTitle: string;
+    actionHeaderDetailItem: string;
+    actionHeaderCost: 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;
+};
+export declare const GlobalStyle: React.FC;