@ai-group/chat-sdk 0.2.5

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

@@ -0,0 +1,562 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from 'react';
+import { Divider } from 'antd';
+import { MessageRole, MessageStatus } from "../../types/XAiMessage";
+import documentIcon from "../../assets/document.svg";
+import XAiProvider from "../XAiProvider";
+import XAiChatbot from '.';
+import { useProviderContext, useProviderMethods } from "../../hooks/useProviderContext";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+var meta = {
+  title: 'AI组件/XAiChatbot',
+  component: XAiChatbot,
+  parameters: {
+    layout: 'centered'
+  },
+  tags: ['autodocs'],
+  argTypes: {
+    navbar: {
+      description: '导航栏配置'
+    },
+    messages: {
+      description: '消息列表'
+    }
+  }
+};
+export default meta;
+// mock 消息数据，严格符合 Messages 类型
+var mockMessages = [{
+  id: '0',
+  type: 'TextMessage',
+  createdAt: new Date(),
+  status: MessageStatus.done,
+  role: MessageRole.assistant,
+  content: {
+    text: "\n# \u9879\u76EE\u5F00\u53D1\u8BA1\u5212\n\n\u672C\u6587\u6863\u6982\u8FF0\u4E86 2025 \u5E74\u7B2C\u4E09\u5B63\u5EA6\u7684\u4EA7\u54C1\u5F00\u53D1\u8BA1\u5212\uFF0C\u5305\u62EC\u76EE\u6807\u3001\u91CC\u7A0B\u7891\u3001\u56E2\u961F\u5206\u5DE5\u548C\u98CE\u9669\u9884\u6848\u3002\n\n---\n\n## \uD83C\uDFAF \u6838\u5FC3\u76EE\u6807\n\n- \u63D0\u5347\u7528\u6237\u7559\u5B58\u7387\u81F3 **45%**\n- \u5B8C\u6210 Web \u7AEF\u65B0\u7248\u4E0A\u7EBF\n- \u5EFA\u7ACB AI \u63A8\u8350\u6A21\u5757 MVP\n- \u4F18\u5316\u6570\u636E\u5E93\u8BBF\u95EE\u6027\u80FD\n\n---\n\n## \uD83D\uDCC5 \u5173\u952E\u65F6\u95F4\u8282\u70B9\n\n| \u91CC\u7A0B\u7891           | \u622A\u6B62\u65E5\u671F     | \u8D1F\u8D23\u4EBA   | \u4EE3\u7406\u4EBA         | \u622A\u6B62\u65E5\u671F     | \u8D1F\u8D23\u4EBA   |\n|------------------|--------------|----------|------------------|--------------|----------|\n| \u4EA7\u54C1\u9700\u6C42\u51BB\u7ED3     | 2025-08-01   | Alice    | \u4EA7\u54C1\u9700\u6C42\u51BB\u7ED3     | 2025-08-01   | Alice    |\n| UI \u8BBE\u8BA1\u5B9A\u7A3F       | 2025-08-10   | Bob      | \u4EA7\u54C1\u9700\u6C42\u51BB\u7ED3     | 2025-08-01   | Alice    |\n| \u5F00\u53D1\u5B8C\u6210\uFF08\u5185\u6D4B\uFF09 | 2025-09-15   | Charlie  | \u4EA7\u54C1\u9700\u6C42\u51BB\u7ED3     | 2025-08-01   | Alice    |\n| \u6B63\u5F0F\u4E0A\u7EBF         | 2025-09-30   | Diana    | \u4EA7\u54C1\u9700\u6C42\u51BB\u7ED3     | 2025-08-01   | Alice    |\n\n---\n\n## \uD83D\uDEE0\uFE0F \u6280\u672F\u65B9\u6848\u7B80\u8FF0\n\n\u6211\u4EEC\u5C06\u4F7F\u7528\u4EE5\u4E0B\u6280\u672F\u6808\uFF1A\n\n- \u524D\u7AEF\uFF1AReact + Vite + Zustand\n- \u540E\u7AEF\uFF1ANode.js + PostgreSQL\n- \u6570\u636E\u5206\u6790\uFF1APython + Pandas\n- \u90E8\u7F72\u73AF\u5883\uFF1AKubernetes on AWS\n\n---\n\n## \uD83D\uDCA1 \u793A\u4F8B\u4EE3\u7801\u7247\u6BB5\n\n\u4EE5\u4E0B\u662F\u4E00\u4E2A\u7528\u4E8E\u751F\u6210\u552F\u4E00 ID \u7684\u51FD\u6570\u793A\u4F8B\uFF1A\n\n~~~ts\nimport { nanoid } from 'nanoid'\n\nexport function generateSessionId() {\n  return `sess-${nanoid()}`\n}\n~~~\n"
+  },
+  extra: {
+    noFooter: true
+  }
+}, {
+  id: '1',
+  type: 'TextMessage',
+  createdAt: new Date(),
+  status: MessageStatus.done,
+  role: MessageRole.assistant,
+  content: {
+    text: '你好，有什么我能帮助你的吗？'
+  }
+}, {
+  id: '2',
+  type: 'TextMessage',
+  createdAt: new Date(),
+  status: MessageStatus.done,
+  role: MessageRole.user,
+  content: {
+    text: '我需要一点帮助'
+  },
+  parentMessageId: '1'
+}, {
+  id: '3',
+  type: 'ImageMessage',
+  createdAt: new Date(),
+  status: MessageStatus.done,
+  role: 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: new Date(),
+    id: 'tool-1',
+    name: '已调用MCP智能工具',
+    arguments: {
+      param1: 'foo'
+    },
+    extra: {
+      action: 'INVOKE_AGENT_TOOL_START',
+      icon: documentIcon,
+      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: new Date()
+  }],
+  parentMessageId: '2'
+}, {
+  id: '4',
+  type: 'TextMessage',
+  createdAt: new Date(),
+  status: MessageStatus.done,
+  role: MessageRole.user,
+  content: {
+    text: '能否生成一段明年的产品计划开发计划文档给我'
+  }
+}, {
+  id: '11',
+  type: 'SuggestionMessage',
+  createdAt: new Date(),
+  status: MessageStatus.done,
+  role: MessageRole.suggestion,
+  content: [{
+    key: '1',
+    description: '我要查看 AI 文档'
+  }, {
+    key: '2',
+    description: '我如何看待 AI'
+  }, {
+    key: '3',
+    description: '你是谁？'
+  }]
+}];
+
+// 基础用法
+var BasicUsageStory = function BasicUsageStory(args) {
+  var _useState = useState(mockMessages),
+    _useState2 = _slicedToArray(_useState, 2),
+    messages = _useState2[0],
+    setMessages = _useState2[1];
+
+  // 模拟流式返回AI消息
+  var handleSendMessage = function handleSendMessage(_type, msg) {
+    var userMsg = {
+      id: String(Date.now()),
+      type: 'TextMessage',
+      createdAt: new Date(),
+      status: MessageStatus.done,
+      role: MessageRole.user,
+      content: {
+        text: msg
+      }
+    };
+    setMessages(function (prev) {
+      return [].concat(_toConsumableArray(prev), [userMsg]);
+    });
+    var aiMsg = '';
+    var stream = ['好的，', '我正在为你查询', '相关信息...'];
+    stream.forEach(function (chunk, idx) {
+      setTimeout(function () {
+        aiMsg += chunk;
+        setMessages(function (prev) {
+          var aiIndex = prev.findIndex(function (m) {
+            return m.id === 'stream-ai';
+          });
+          if (aiIndex > -1) {
+            var updated = _toConsumableArray(prev);
+            var oldMsg = updated[aiIndex];
+            if (oldMsg.type === 'TextMessage') {
+              updated[aiIndex] = _objectSpread(_objectSpread({}, oldMsg), {}, {
+                content: {
+                  text: aiMsg
+                }
+              });
+            }
+            return updated;
+          }
+          var aiMessage = {
+            id: 'stream-ai',
+            type: 'TextMessage',
+            createdAt: new Date(),
+            status: MessageStatus.pending,
+            role: MessageRole.assistant,
+            content: {
+              text: aiMsg
+            }
+          };
+          return [].concat(_toConsumableArray(prev), [aiMessage]);
+        });
+        if (idx === stream.length - 1) {
+          setTimeout(function () {
+            setMessages(function (prev) {
+              return prev.map(function (m) {
+                if (m.id === 'stream-ai') {
+                  var doneMsg = _objectSpread(_objectSpread({}, m), {}, {
+                    status: MessageStatus.done
+                  });
+                  return doneMsg;
+                }
+                return m;
+              });
+            });
+          }, 500);
+        }
+      }, 800 * (idx + 1));
+    });
+  };
+
+  // 模拟清空数据
+  var handleClear = function handleClear() {
+    setMessages([]);
+  };
+
+  // 模拟按钮
+  var handleActions = function handleActions(index, data) {
+    console.log(index, data);
+  };
+
+  // 模拟快捷短语点击
+  var handleSuggestMessageClick = function handleSuggestMessageClick(_item, id) {
+    setMessages(function (prev) {
+      return prev.filter(function (m) {
+        return m.id !== id;
+      });
+    });
+  };
+  var ToolTip = function ToolTip(data) {
+    var _ref = (data === null || data === void 0 ? void 0 : data.extra) || {},
+      cost = _ref.cost,
+      token = _ref.token;
+    if (!cost && !token) return null;
+    return /*#__PURE__*/_jsxs("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        fontSize: '12px',
+        color: '#949494',
+        flex: 1,
+        paddingRight: '40px'
+      },
+      children: [cost && /*#__PURE__*/_jsxs("div", {
+        children: [cost, "s"]
+      }), token && /*#__PURE__*/_jsx(Divider, {
+        type: "vertical"
+      }), token && /*#__PURE__*/_jsxs("div", {
+        children: [token, " tokens"]
+      })]
+    });
+  };
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      height: '600px',
+      width: '400px',
+      border: '1px solid #e7e7e7',
+      borderRadius: '8px'
+    },
+    children: /*#__PURE__*/_jsx(XAiChatbot, _objectSpread(_objectSpread({}, args), {}, {
+      messages: messages,
+      messageTooltip: ToolTip,
+      onClear: handleClear,
+      onSuggestMessageClick: handleSuggestMessageClick,
+      onSend: handleSendMessage,
+      onMessagesActionsCallback: handleActions
+    }))
+  });
+};
+export var 基础用法 = {
+  render: BasicUsageStory,
+  args: {
+    navbar: {
+      title: '智能助手'
+    },
+    // messages: mockMessages,
+    emptyStateText: '众安智能体'
+  }
+};
+
+// 在 Provider 中使用
+export var 在Provider中使用 = {
+  decorators: [function (Story) {
+    return /*#__PURE__*/_jsx(XAiProvider, {
+      token: "test-token",
+      url: "https://api.example.com",
+      children: /*#__PURE__*/_jsx(Story, {})
+    });
+  }],
+  args: {
+    navbar: {
+      title: '智能助手'
+    }
+  }
+};
+
+// 多个 Provider 实例
+export var 多个Provider实例 = {
+  decorators: [function (Story) {
+    return /*#__PURE__*/_jsxs("div", {
+      style: {
+        display: 'flex',
+        gap: '50px',
+        height: '600px'
+      },
+      children: [/*#__PURE__*/_jsx(XAiProvider, {
+        providerId: "chat1",
+        token: "token1",
+        url: "https://api1.example.com",
+        children: /*#__PURE__*/_jsx("div", {
+          style: {
+            width: '300px',
+            marginRight: '40px'
+          },
+          children: /*#__PURE__*/_jsx(Story, {})
+        })
+      }), /*#__PURE__*/_jsx(XAiProvider, {
+        providerId: "chat2",
+        token: "token2",
+        url: "https://api2.example.com",
+        children: /*#__PURE__*/_jsx("div", {
+          style: {
+            width: '300px'
+          },
+          children: /*#__PURE__*/_jsx(Story, {})
+        })
+      })]
+    });
+  }],
+  args: {
+    navbar: {
+      title: '智能助手'
+    }
+  }
+};
+
+// 展示新架构的示例组件
+var ArchitectureDemoComponent = function ArchitectureDemoComponent(_ref2) {
+  var _getProviderValue;
+  var title = _ref2.title;
+  var _useProviderContext = useProviderContext({
+      props: {
+        title: title
+      },
+      mergeLogic: function mergeLogic(props, context) {
+        var _context$messages;
+        if (!(context !== null && context !== void 0 && context.isInProvider)) {
+          return props;
+        }
+        return _objectSpread(_objectSpread({}, props), {}, {
+          messages: context.messages,
+          loading: context.loading,
+          customData: ((_context$messages = context.messages) === null || _context$messages === void 0 ? void 0 : _context$messages.length) || 0
+        });
+      }
+    }),
+    mergedProps = _useProviderContext.mergedProps,
+    isInProvider = _useProviderContext.isInProvider,
+    getProviderValue = _useProviderContext.getProviderValue;
+  var providerMethods = useProviderMethods();
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      padding: '15px',
+      border: '1px solid #e7e7e7',
+      borderRadius: '8px',
+      marginBottom: '10px',
+      backgroundColor: '#fafafa'
+    },
+    children: [/*#__PURE__*/_jsx("h4", {
+      style: {
+        margin: '0 0 10px 0'
+      },
+      children: mergedProps.title
+    }), /*#__PURE__*/_jsxs("div", {
+      style: {
+        fontSize: '12px',
+        color: '#666'
+      },
+      children: [/*#__PURE__*/_jsxs("p", {
+        children: ["Provider \u72B6\u6001: ", isInProvider ? '✅ 已连接' : '❌ 未连接']
+      }), /*#__PURE__*/_jsxs("p", {
+        children: ["\u6D88\u606F\u6570\u91CF: ", ((_getProviderValue = getProviderValue('messages')) === null || _getProviderValue === void 0 ? void 0 : _getProviderValue.length) || 0]
+      }), /*#__PURE__*/_jsxs("p", {
+        children: ["\u52A0\u8F7D\u72B6\u6001: ", getProviderValue('loading') ? '🔄 加载中' : '✅ 就绪']
+      }), /*#__PURE__*/_jsx("button", {
+        onClick: function onClick() {
+          var _providerMethods$send;
+          return (_providerMethods$send = providerMethods.sendMessage) === null || _providerMethods$send === void 0 ? void 0 : _providerMethods$send.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'
+        },
+        children: isInProvider ? '发送消息' : '需要 Provider'
+      })]
+    })]
+  });
+};
+
+// 展示新架构的示例
+export var 新架构演示 = {
+  render: function render(args) {
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        width: '500px',
+        height: '700px'
+      },
+      children: /*#__PURE__*/_jsx(XAiProvider, {
+        token: "demo-token",
+        url: "https://api.example.com",
+        providerId: "architecture-demo",
+        children: /*#__PURE__*/_jsxs("div", {
+          style: {
+            padding: '20px'
+          },
+          children: [/*#__PURE__*/_jsx("h3", {
+            style: {
+              marginBottom: '20px'
+            },
+            children: "\u65B0\u67B6\u6784\u6F14\u793A"
+          }), /*#__PURE__*/_jsx("p", {
+            style: {
+              marginBottom: '20px',
+              color: '#666'
+            },
+            children: "\u5C55\u793A\u5982\u4F55\u4F7F\u7528 useProviderContext \u548C useProviderMethods Hook"
+          }), /*#__PURE__*/_jsxs("div", {
+            style: {
+              marginBottom: '20px'
+            },
+            children: [/*#__PURE__*/_jsx(ArchitectureDemoComponent, {
+              title: "\u6F14\u793A\u7EC4\u4EF6 A"
+            }), /*#__PURE__*/_jsx(ArchitectureDemoComponent, {
+              title: "\u6F14\u793A\u7EC4\u4EF6 B"
+            }), /*#__PURE__*/_jsx(ArchitectureDemoComponent, {
+              title: "\u6F14\u793A\u7EC4\u4EF6 C"
+            })]
+          }), /*#__PURE__*/_jsx(XAiChatbot, _objectSpread(_objectSpread({}, args), {}, {
+            navbarShow: true,
+            navbar: {
+              title: '架构演示聊天机器人',
+              subtitle: '展示新 Hook 的使用'
+            }
+          }))]
+        })
+      })
+    });
+  },
+  args: {
+    navbar: {
+      title: '智能助手'
+    }
+  }
+};
+
+// 对比示例：独立使用 vs Provider 模式
+export var 架构对比演示 = {
+  render: function render(args) {
+    return /*#__PURE__*/_jsxs("div", {
+      style: {
+        display: 'flex',
+        gap: '20px',
+        padding: '20px'
+      },
+      children: [/*#__PURE__*/_jsxs("div", {
+        style: {
+          width: '300px'
+        },
+        children: [/*#__PURE__*/_jsx("h4", {
+          children: "\u72EC\u7ACB\u4F7F\u7528\u6A21\u5F0F"
+        }), /*#__PURE__*/_jsxs("div", {
+          style: {
+            border: '1px solid #e7e7e7',
+            borderRadius: '8px',
+            padding: '15px'
+          },
+          children: [/*#__PURE__*/_jsx(ArchitectureDemoComponent, {
+            title: "\u72EC\u7ACB\u7EC4\u4EF6"
+          }), /*#__PURE__*/_jsx(XAiChatbot, _objectSpread(_objectSpread({}, args), {}, {
+            navbarShow: true,
+            navbar: {
+              title: '独立聊天机器人',
+              subtitle: '不依赖 Provider'
+            },
+            onSend: function onSend(type, content) {
+              console.log('独立模式发送:', type, content);
+            },
+            onClear: function onClear() {
+              console.log('独立模式清空');
+            }
+          }))]
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        style: {
+          width: '300px'
+        },
+        children: [/*#__PURE__*/_jsx("h4", {
+          children: "Provider \u6A21\u5F0F"
+        }), /*#__PURE__*/_jsx(XAiProvider, {
+          token: "demo-token",
+          url: "https://api.example.com",
+          providerId: "comparison-demo",
+          children: /*#__PURE__*/_jsxs("div", {
+            style: {
+              border: '1px solid #e7e7e7',
+              borderRadius: '8px',
+              padding: '15px'
+            },
+            children: [/*#__PURE__*/_jsx(ArchitectureDemoComponent, {
+              title: "Provider \u7EC4\u4EF6"
+            }), /*#__PURE__*/_jsx(XAiChatbot, _objectSpread(_objectSpread({}, args), {}, {
+              navbarShow: true,
+              navbar: {
+                title: 'Provider 聊天机器人',
+                subtitle: '由 Provider 管理'
+              }
+            }))]
+          })
+        })]
+      })]
+    });
+  },
+  args: {
+    navbar: {
+      title: '智能助手'
+    }
+  }
+};
+//# sourceMappingURL=XAiChatbot.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Divider","MessageRole","MessageStatus","documentIcon","XAiProvider","XAiChatbot","useProviderContext","useProviderMethods","jsxs","_jsxs","jsx","_jsx","meta","title","component","parameters","layout","tags","argTypes","navbar","description","messages","mockMessages","id","type","createdAt","Date","status","done","role","assistant","content","text","extra","noFooter","user","parentMessageId","cost","token","format","bytes","thinks","name","arguments","param1","action","icon","suggestion","key","BasicUsageStory","args","_useState","_useState2","_slicedToArray","setMessages","handleSendMessage","_type","msg","userMsg","String","now","prev","concat","_toConsumableArray","aiMsg","stream","forEach","chunk","idx","setTimeout","aiIndex","findIndex","m","updated","oldMsg","_objectSpread","aiMessage","pending","length","map","doneMsg","handleClear","handleActions","index","data","console","log","handleSuggestMessageClick","_item","filter","ToolTip","_ref","style","display","alignItems","fontSize","color","flex","paddingRight","children","height","width","border","borderRadius","messageTooltip","onClear","onSuggestMessageClick","onSend","onMessagesActionsCallback","基础用法","render","emptyStateText","在Provider中使用","decorators","Story","url","多个Provider实例","gap","providerId","marginRight","ArchitectureDemoComponent","_ref2","_getProviderValue","_useProviderContext","props","mergeLogic","context","_context$messages","isInProvider","loading","customData","mergedProps","getProviderValue","providerMethods","padding","marginBottom","backgroundColor","margin","onClick","_providerMethods$send","sendMessage","call","disabled","cursor","新架构演示","navbarShow","subtitle","架构对比演示"],"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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"}