@ai-group/chat-sdk 0.2.5 → 0.2.8

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

@@ -0,0 +1,484 @@
+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/XAiChatbot.stories.tsx
+var XAiChatbot_stories_exports = {};
+__export(XAiChatbot_stories_exports, {
+  default: () => XAiChatbot_stories_default,
+  在Provider中使用: () => 在Provider中使用,
+  基础用法: () => 基础用法,
+  多个Provider实例: () => 多个Provider实例,
+  新架构演示: () => 新架构演示,
+  架构对比演示: () => 架构对比演示
+});
+module.exports = __toCommonJS(XAiChatbot_stories_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_XAiMessage = require("../../types/XAiMessage");
+var import_document = __toESM(require("../../assets/document.svg"));
+var import_XAiProvider = __toESM(require("../XAiProvider"));
+var import__ = __toESM(require("."));
+var import_useProviderContext = require("../../hooks/useProviderContext");
+var meta = {
+  title: "AI组件/XAiChatbot",
+  component: import__.default,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    navbar: {
+      description: "导航栏配置"
+    },
+    messages: {
+      description: "消息列表"
+    }
+  }
+};
+var XAiChatbot_stories_default = meta;
+var mockMessages = [
+  {
+    id: "0",
+    type: "TextMessage",
+    createdAt: /* @__PURE__ */ new Date(),
+    status: import_XAiMessage.MessageStatus.done,
+    role: import_XAiMessage.MessageRole.assistant,
+    content: {
+      text: `
+# 项目开发计划
+
+本文档概述了 2025 年第三季度的产品开发计划，包括目标、里程碑、团队分工和风险预案。
+
+---
+
+## 🎯 核心目标
+
+- 提升用户留存率至 **45%**
+- 完成 Web 端新版上线
+- 建立 AI 推荐模块 MVP
+- 优化数据库访问性能
+
+---
+
+## 📅 关键时间节点
+
+| 里程碑           | 截止日期     | 负责人   | 代理人         | 截止日期     | 负责人   |
+|------------------|--------------|----------|------------------|--------------|----------|
+| 产品需求冻结     | 2025-08-01   | Alice    | 产品需求冻结     | 2025-08-01   | Alice    |
+| UI 设计定稿       | 2025-08-10   | Bob      | 产品需求冻结     | 2025-08-01   | Alice    |
+| 开发完成（内测） | 2025-09-15   | Charlie  | 产品需求冻结     | 2025-08-01   | Alice    |
+| 正式上线         | 2025-09-30   | Diana    | 产品需求冻结     | 2025-08-01   | Alice    |
+
+---
+
+## 🛠️ 技术方案简述
+
+我们将使用以下技术栈：
+
+- 前端：React + Vite + Zustand
+- 后端：Node.js + PostgreSQL
+- 数据分析：Python + Pandas
+- 部署环境：Kubernetes on AWS
+
+---
+
+## 💡 示例代码片段
+
+以下是一个用于生成唯一 ID 的函数示例：
+
+~~~ts
+import { nanoid } from 'nanoid'
+
+export function generateSessionId() {
+  return \`sess-\${nanoid()}\`
+}
+~~~
+`
+    },
+    extra: {
+      noFooter: true
+    }
+  },
+  {
+    id: "1",
+    type: "TextMessage",
+    createdAt: /* @__PURE__ */ new Date(),
+    status: import_XAiMessage.MessageStatus.done,
+    role: import_XAiMessage.MessageRole.assistant,
+    content: {
+      text: "你好，有什么我能帮助你的吗？"
+    }
+  },
+  {
+    id: "2",
+    type: "TextMessage",
+    createdAt: /* @__PURE__ */ new Date(),
+    status: import_XAiMessage.MessageStatus.done,
+    role: import_XAiMessage.MessageRole.user,
+    content: {
+      text: "我需要一点帮助"
+    },
+    parentMessageId: "1"
+  },
+  {
+    id: "3",
+    type: "ImageMessage",
+    createdAt: /* @__PURE__ */ new Date(),
+    status: import_XAiMessage.MessageStatus.done,
+    role: import_XAiMessage.MessageRole.assistant,
+    extra: {
+      cost: 6.09,
+      token: 1999
+    },
+    content: {
+      format: "svg",
+      bytes: "https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg"
+    },
+    thinks: [
+      // 工具库调用（MCP_TOOL）
+      {
+        type: "ActionExecutionMessage",
+        createdAt: /* @__PURE__ */ new Date(),
+        id: "tool-1",
+        name: "已调用MCP智能工具",
+        arguments: { param1: "foo" },
+        extra: {
+          action: "INVOKE_AGENT_TOOL_START",
+          icon: import_document.default,
+          type: "MCP_TOOL",
+          cost: "3.9"
+        }
+      },
+      // // 工具库调用（PLUGIN_TOOL）
+      // {
+      //   id: 'tool-2',
+      //   arguments: { param2: 'bar' },
+      //   extra: {
+      //     action: 'INVOKE_AGENT_TOOL_START',
+      //     type: 'AGENT_TOOL',
+      //     toolType: 'PLUGIN_TOOL',
+      //     agentToolName: '插件工具',
+      //   },
+      // },
+      // // 工具库调用（SKILL）
+      // {
+      //   action: 'INVOKE_AGENT_TOOL_START',
+      //   id: 'tool-3',
+      //   toolType: 'SKILL',
+      //   agentToolName: '技能工具',
+      //   args: { param3: 'baz' },
+      // },
+      // // 知识库调用（FAQ）
+      // {
+      //   action: 'RECALL_KNOWLEDGE_START',
+      //   uniqueId: 'kb-1',
+      //   processStatus: 'START',
+      //   args: { question: '什么是FAQ？' },
+      //   knowledgeType: 'FAQ',
+      // },
+      // // 知识库调用（DOCUMENT）
+      // {
+      //   action: 'RECALL_KNOWLEDGE_START',
+      //   uniqueId: 'kb-2',
+      //   processStatus: 'START',
+      //   args: { question: '文档库介绍' },
+      //   knowledgeType: 'DOCUMENT',
+      // },
+      // 运行完毕
+      {
+        id: "5",
+        type: "ActionExecutionMessage",
+        name: "运行完毕",
+        createdAt: /* @__PURE__ */ new Date()
+      }
+    ],
+    parentMessageId: "2"
+  },
+  {
+    id: "4",
+    type: "TextMessage",
+    createdAt: /* @__PURE__ */ new Date(),
+    status: import_XAiMessage.MessageStatus.done,
+    role: import_XAiMessage.MessageRole.user,
+    content: {
+      text: "能否生成一段明年的产品计划开发计划文档给我"
+    }
+  },
+  {
+    id: "11",
+    type: "SuggestionMessage",
+    createdAt: /* @__PURE__ */ new Date(),
+    status: import_XAiMessage.MessageStatus.done,
+    role: import_XAiMessage.MessageRole.suggestion,
+    content: [
+      {
+        key: "1",
+        description: "我要查看 AI 文档"
+      },
+      {
+        key: "2",
+        description: "我如何看待 AI"
+      },
+      {
+        key: "3",
+        description: "你是谁？"
+      }
+    ]
+  }
+];
+var BasicUsageStory = (args) => {
+  const [messages, setMessages] = (0, import_react.useState)(mockMessages);
+  const handleSendMessage = (_type, msg) => {
+    const userMsg = {
+      id: String(Date.now()),
+      type: "TextMessage",
+      createdAt: /* @__PURE__ */ new Date(),
+      status: import_XAiMessage.MessageStatus.done,
+      role: import_XAiMessage.MessageRole.user,
+      content: { text: msg }
+    };
+    setMessages((prev) => [
+      ...prev,
+      userMsg
+    ]);
+    let aiMsg = "";
+    const stream = ["好的，", "我正在为你查询", "相关信息..."];
+    stream.forEach((chunk, idx) => {
+      setTimeout(() => {
+        aiMsg += chunk;
+        setMessages((prev) => {
+          const aiIndex = prev.findIndex((m) => m.id === "stream-ai");
+          if (aiIndex > -1) {
+            const updated = [...prev];
+            const oldMsg = updated[aiIndex];
+            if (oldMsg.type === "TextMessage") {
+              updated[aiIndex] = {
+                ...oldMsg,
+                content: { text: aiMsg }
+              };
+            }
+            return updated;
+          }
+          const aiMessage = {
+            id: "stream-ai",
+            type: "TextMessage",
+            createdAt: /* @__PURE__ */ new Date(),
+            status: import_XAiMessage.MessageStatus.pending,
+            role: import_XAiMessage.MessageRole.assistant,
+            content: { text: aiMsg }
+          };
+          return [
+            ...prev,
+            aiMessage
+          ];
+        });
+        if (idx === stream.length - 1) {
+          setTimeout(() => {
+            setMessages((prev) => prev.map((m) => {
+              if (m.id === "stream-ai") {
+                const doneMsg = { ...m, status: import_XAiMessage.MessageStatus.done };
+                return doneMsg;
+              }
+              return m;
+            }));
+          }, 500);
+        }
+      }, 800 * (idx + 1));
+    });
+  };
+  const handleClear = () => {
+    setMessages([]);
+  };
+  const handleActions = (index, data) => {
+    console.log(index, data);
+  };
+  const handleSuggestMessageClick = (_item, id) => {
+    setMessages((prev) => prev.filter((m) => m.id !== id));
+  };
+  const ToolTip = (data) => {
+    const { cost, token } = (data == null ? void 0 : data.extra) || {};
+    if (!cost && !token)
+      return null;
+    return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", alignItems: "center", fontSize: "12px", color: "#949494", flex: 1, paddingRight: "40px" } }, cost && /* @__PURE__ */ import_react.default.createElement("div", null, cost, "s"), token && /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { type: "vertical" }), token && /* @__PURE__ */ import_react.default.createElement("div", null, token, " tokens"));
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { style: { height: "600px", width: "400px", border: "1px solid #e7e7e7", borderRadius: "8px" } }, /* @__PURE__ */ import_react.default.createElement(
+    import__.default,
+    {
+      ...args,
+      messages,
+      messageTooltip: ToolTip,
+      onClear: handleClear,
+      onSuggestMessageClick: handleSuggestMessageClick,
+      onSend: handleSendMessage,
+      onMessagesActionsCallback: handleActions
+    }
+  ));
+};
+var 基础用法 = {
+  render: BasicUsageStory,
+  args: {
+    navbar: {
+      title: "智能助手"
+    },
+    // messages: mockMessages,
+    emptyStateText: "众安智能体"
+  }
+};
+var 在Provider中使用 = {
+  decorators: [
+    (Story) => /* @__PURE__ */ import_react.default.createElement(import_XAiProvider.default, { token: "test-token", url: "https://api.example.com" }, /* @__PURE__ */ import_react.default.createElement(Story, null))
+  ],
+  args: {
+    navbar: {
+      title: "智能助手"
+    }
+  }
+};
+var 多个Provider实例 = {
+  decorators: [
+    (Story) => /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "50px", height: "600px" } }, /* @__PURE__ */ import_react.default.createElement(import_XAiProvider.default, { providerId: "chat1", token: "token1", url: "https://api1.example.com" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "300px", marginRight: "40px" } }, /* @__PURE__ */ import_react.default.createElement(Story, null))), /* @__PURE__ */ import_react.default.createElement(import_XAiProvider.default, { providerId: "chat2", token: "token2", url: "https://api2.example.com" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "300px" } }, /* @__PURE__ */ import_react.default.createElement(Story, null))))
+  ],
+  args: {
+    navbar: {
+      title: "智能助手"
+    }
+  }
+};
+var ArchitectureDemoComponent = ({ title }) => {
+  var _a;
+  const { mergedProps, isInProvider, getProviderValue } = (0, import_useProviderContext.useProviderContext)({
+    props: { title },
+    mergeLogic: (props, context) => {
+      var _a2;
+      if (!(context == null ? void 0 : context.isInProvider)) {
+        return props;
+      }
+      return {
+        ...props,
+        messages: context.messages,
+        loading: context.loading,
+        customData: ((_a2 = context.messages) == null ? void 0 : _a2.length) || 0
+      };
+    }
+  });
+  const providerMethods = (0, import_useProviderContext.useProviderMethods)();
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      style: {
+        padding: "15px",
+        border: "1px solid #e7e7e7",
+        borderRadius: "8px",
+        marginBottom: "10px",
+        backgroundColor: "#fafafa"
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement("h4", { style: { margin: "0 0 10px 0" } }, mergedProps.title),
+    /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: "12px", color: "#666" } }, /* @__PURE__ */ import_react.default.createElement("p", null, "Provider 状态: ", isInProvider ? "✅ 已连接" : "❌ 未连接"), /* @__PURE__ */ import_react.default.createElement("p", null, "消息数量: ", ((_a = getProviderValue("messages")) == null ? void 0 : _a.length) || 0), /* @__PURE__ */ import_react.default.createElement("p", null, "加载状态: ", getProviderValue("loading") ? "🔄 加载中" : "✅ 就绪"), /* @__PURE__ */ import_react.default.createElement(
+      "button",
+      {
+        onClick: () => {
+          var _a2;
+          return (_a2 = providerMethods.sendMessage) == null ? void 0 : _a2.call(providerMethods, "来自架构演示组件的消息");
+        },
+        disabled: !isInProvider,
+        style: {
+          fontSize: "12px",
+          padding: "4px 8px",
+          backgroundColor: isInProvider ? "#1890ff" : "#d9d9d9",
+          color: "white",
+          border: "none",
+          borderRadius: "4px",
+          cursor: isInProvider ? "pointer" : "not-allowed"
+        }
+      },
+      isInProvider ? "发送消息" : "需要 Provider"
+    ))
+  );
+};
+var 新架构演示 = {
+  render: (args) => /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "500px", height: "700px" } }, /* @__PURE__ */ import_react.default.createElement(import_XAiProvider.default, { token: "demo-token", url: "https://api.example.com", providerId: "architecture-demo" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "20px" } }, /* @__PURE__ */ import_react.default.createElement("h3", { style: { marginBottom: "20px" } }, "新架构演示"), /* @__PURE__ */ import_react.default.createElement("p", { style: { marginBottom: "20px", color: "#666" } }, "展示如何使用 useProviderContext 和 useProviderMethods Hook"), /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: "20px" } }, /* @__PURE__ */ import_react.default.createElement(ArchitectureDemoComponent, { title: "演示组件 A" }), /* @__PURE__ */ import_react.default.createElement(ArchitectureDemoComponent, { title: "演示组件 B" }), /* @__PURE__ */ import_react.default.createElement(ArchitectureDemoComponent, { title: "演示组件 C" })), /* @__PURE__ */ import_react.default.createElement(
+    import__.default,
+    {
+      ...args,
+      navbarShow: true,
+      navbar: {
+        title: "架构演示聊天机器人",
+        subtitle: "展示新 Hook 的使用"
+      }
+    }
+  )))),
+  args: {
+    navbar: {
+      title: "智能助手"
+    }
+  }
+};
+var 架构对比演示 = {
+  render: (args) => /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "20px", padding: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "300px" } }, /* @__PURE__ */ import_react.default.createElement("h4", null, "独立使用模式"), /* @__PURE__ */ import_react.default.createElement("div", { style: { border: "1px solid #e7e7e7", borderRadius: "8px", padding: "15px" } }, /* @__PURE__ */ import_react.default.createElement(ArchitectureDemoComponent, { title: "独立组件" }), /* @__PURE__ */ import_react.default.createElement(
+    import__.default,
+    {
+      ...args,
+      navbarShow: true,
+      navbar: {
+        title: "独立聊天机器人",
+        subtitle: "不依赖 Provider"
+      },
+      onSend: (type, content) => {
+        console.log("独立模式发送:", type, content);
+      },
+      onClear: () => {
+        console.log("独立模式清空");
+      }
+    }
+  ))), /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "300px" } }, /* @__PURE__ */ import_react.default.createElement("h4", null, "Provider 模式"), /* @__PURE__ */ import_react.default.createElement(import_XAiProvider.default, { token: "demo-token", url: "https://api.example.com", providerId: "comparison-demo" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { border: "1px solid #e7e7e7", borderRadius: "8px", padding: "15px" } }, /* @__PURE__ */ import_react.default.createElement(ArchitectureDemoComponent, { title: "Provider 组件" }), /* @__PURE__ */ import_react.default.createElement(
+    import__.default,
+    {
+      ...args,
+      navbarShow: true,
+      navbar: {
+        title: "Provider 聊天机器人",
+        subtitle: "由 Provider 管理"
+      }
+    }
+  ))))),
+  args: {
+    navbar: {
+      title: "智能助手"
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  在Provider中使用,
+  基础用法,
+  多个Provider实例,
+  新架构演示,
+  架构对比演示
+});
+//# sourceMappingURL=XAiChatbot.stories.js.map

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;