@ai-group/chat-sdk 2.1.13 → 3.0.1-alpha.2

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

@@ -58,7 +58,6 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
   list: import_css.css`
     flex: 1;
     margin: 16px 0;
-    padding: 0 16px;
     overflow-y: auto;
     /* Chrome, Safari, Edge, Opera */
     &::-webkit-scrollbar {
@@ -77,7 +76,7 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
   `,
   suggestContent: import_css.css`
     display: inline-flex;
-    border: 2px solid #E7E7E7;
+    border: 2px solid #e7e7e7;
     border-radius: 8px;
   `,
   userMsg: import_css.css`
@@ -89,13 +88,78 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     padding: 12px 16px;
     background: #d5e3ff;
     border-radius: 12px;
-    max-width: 80%;
+    max-width: 100%;
     white-space: pre-line;
     word-break: break-all;
   `,
   botMsg: import_css.css`
     margin-bottom: 12px;
   `,
+  // 新增样式
+  welcomeWrapper: import_css.css`
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 40px 20px;
+    text-align: center;
+  `,
+  welcomeIcon: import_css.css`
+    width: 64px;
+    height: 64px;
+    border-radius: 12px;
+    margin-bottom: 16px;
+  `,
+  welcomeTitle: import_css.css`
+    font-size: 24px;
+    font-weight: 600;
+    color: rgba(0, 0, 0, 0.88);
+    margin-bottom: 8px;
+  `,
+  welcomeDesc: import_css.css`
+    font-size: 14px;
+    color: rgba(0, 0, 0, 0.65);
+    margin-bottom: 24px;
+  `,
+  suggestionWrapper: import_css.css`
+    margin-top: 16px;
+  `,
+  successBadge: import_css.css`
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 4px 12px;
+    background: #f6ffed;
+    border: 1px solid #b7eb8f;
+    border-radius: 4px;
+    color: #52c41a;
+    font-size: 13px;
+    margin-bottom: 12px;
+  `,
+  fileSection: import_css.css`
+    margin: 12px 0;
+  `,
+  fileHeader: import_css.css`
+    font-size: 13px;
+    color: rgba(0, 0, 0, 0.65);
+    margin-bottom: 8px;
+  `,
+  metaFooter: import_css.css`
+    margin-top: 12px;
+    padding-top: 12px;
+    border-top: 1px solid #f0f0f0;
+  `,
+  actionIcons: import_css.css`
+    color: rgba(0, 0, 0, 0.45);
+
+    & > span {
+      cursor: pointer;
+      transition: color 0.2s;
+
+      &:hover {
+        color: #1890ff;
+      }
+    }
+  `,
   fnCall: import_css.css`
     display: flex;
     align-items: center;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAdkChatbot/styles.tsx"],
-  "sourcesContent": ["import { css } from '@emotion/css';\nimport { withBasicStyles } from '@/styles/common';\n\nexport const useStyles = withBasicStyles(() => ({\n  wrapper: css`\n    padding: 0 16px;\n    min-height: 300px;\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n    display: flex;\n    flex-direction: column;\n\n    .x-markdown {\n      --margin-ul-ol: 0 0 1em 1em;\n\n      code {\n        background: rgba(150, 150, 150, 0.2);\n        border-radius: 3px;\n      }\n\n      .ant-highlightCode-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        color: var(--ant-highlight-code-color-text-title);\n        background: var(--ant-highlight-code-color-bg-title);\n        padding: var(--ant-padding-sm);\n        border-top-left-radius: var(--ant-border-radius);\n        border-top-right-radius: var(--ant-border-radius);\n      }\n    }\n  `,\n\n  list: css`\n    flex: 1;\n    margin: 16px 0;\n    padding: 0 16px;\n    overflow-y: auto;\n    /* Chrome, Safari, Edge, Opera */\n    &::-webkit-scrollbar {\n      display: none;\n    }\n    /* Firefox */\n    scrollbar-width: none;\n    /* IE 10+ */\n    -ms-overflow-style: none;\n  `,\n\n  prologue: css`\n    margin-bottom: 12px;\n  `,\n\n  suggestion: css`\n    margin-bottom: 12px;\n  `,\n\n  suggestContent: css`\n    display: inline-flex;\n    border: 2px solid #E7E7E7;\n    border-radius: 8px;\n  `,\n\n  userMsg: css`\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: 24px;\n  `,\n\n  card: css`\n    padding: 12px 16px;\n    background: #d5e3ff;\n    border-radius: 12px;\n    max-width: 80%;\n    white-space: pre-line;\n    word-break: break-all;\n  `,\n\n  botMsg: css`\n    margin-bottom: 12px;\n  `,\n\n  fnCall: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 11px;\n    border-radius: 24px;\n    line-height: 16px;\n    border: 1px solid #e7e7e7;\n    cursor: pointer;\n  `,\n\n  confirm: css`\n    padding: 12px;\n    border-radius: 12px;\n    border: 1px solid #e7e7e7;\n  `,\n\n  \n\n  footer: css`\n    /* senderWrap and tip moved to top-level keys so they are\n       accessible as styles.senderWrap and styles.tip in the component */\n  `,\n\n  sender: css`\n    width: 100%;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 8px 8px 12px;\n    border: 1px solid #e7e7e7;\n    border-radius: 24px;\n\n    /* .input moved to top-level key so component can use styles.input */\n  `,\n\n  senderWrap: css`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n  `,\n\n  tip: css`\n    padding: 4px;\n    font-size: 12px;\n    text-align: center;\n    color: rgba(0, 0, 0, 0.4);\n  `,\n\n  input: css`\n    padding: 0;\n    margin: 5px 0;\n    line-height: 22px;\n    font-size: 15px;\n    border-radius: 0;\n    border: none;\n\n    &:focus {\n      box-shadow: none;\n    }\n  `,\n}));\n\nexport default useStyles;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,oBAAgC;AAEzB,IAAM,gBAAY,+BAAgB,OAAO;AAAA,EAC9C,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8BT,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAeN,UAAU;AAAA;AAAA;AAAA,EAIV,YAAY;AAAA;AAAA;AAAA,EAIZ,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhB,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASN,QAAQ;AAAA;AAAA;AAAA,EAIR,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWR,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAQT,QAAQ;AAAA;AAAA;AAAA;AAAA,EAKR,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYR,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOL,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYT,EAAE;AAEF,IAAO,iBAAQ;",
+  "sourcesContent": ["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n  wrapper: css`\n    padding: 0 16px;\n    min-height: 300px;\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n    display: flex;\n    flex-direction: column;\n\n    .x-markdown {\n      --margin-ul-ol: 0 0 1em 1em;\n\n      code {\n        background: rgba(150, 150, 150, 0.2);\n        border-radius: 3px;\n      }\n\n      .ant-highlightCode-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        color: var(--ant-highlight-code-color-text-title);\n        background: var(--ant-highlight-code-color-bg-title);\n        padding: var(--ant-padding-sm);\n        border-top-left-radius: var(--ant-border-radius);\n        border-top-right-radius: var(--ant-border-radius);\n      }\n    }\n  `,\n\n  list: css`\n    flex: 1;\n    margin: 16px 0;\n    overflow-y: auto;\n    /* Chrome, Safari, Edge, Opera */\n    &::-webkit-scrollbar {\n      display: none;\n    }\n    /* Firefox */\n    scrollbar-width: none;\n    /* IE 10+ */\n    -ms-overflow-style: none;\n  `,\n\n  prologue: css`\n    margin-bottom: 12px;\n  `,\n\n  suggestion: css`\n    margin-bottom: 12px;\n  `,\n\n  suggestContent: css`\n    display: inline-flex;\n    border: 2px solid #e7e7e7;\n    border-radius: 8px;\n  `,\n\n  userMsg: css`\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: 24px;\n  `,\n\n  card: css`\n    padding: 12px 16px;\n    background: #d5e3ff;\n    border-radius: 12px;\n    max-width: 100%;\n    white-space: pre-line;\n    word-break: break-all;\n  `,\n\n  botMsg: css`\n    margin-bottom: 12px;\n  `,\n\n  // 新增样式\n  welcomeWrapper: css`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 40px 20px;\n    text-align: center;\n  `,\n\n  welcomeIcon: css`\n    width: 64px;\n    height: 64px;\n    border-radius: 12px;\n    margin-bottom: 16px;\n  `,\n\n  welcomeTitle: css`\n    font-size: 24px;\n    font-weight: 600;\n    color: rgba(0, 0, 0, 0.88);\n    margin-bottom: 8px;\n  `,\n\n  welcomeDesc: css`\n    font-size: 14px;\n    color: rgba(0, 0, 0, 0.65);\n    margin-bottom: 24px;\n  `,\n\n  suggestionWrapper: css`\n    margin-top: 16px;\n  `,\n\n  successBadge: css`\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    background: #f6ffed;\n    border: 1px solid #b7eb8f;\n    border-radius: 4px;\n    color: #52c41a;\n    font-size: 13px;\n    margin-bottom: 12px;\n  `,\n\n  fileSection: css`\n    margin: 12px 0;\n  `,\n\n  fileHeader: css`\n    font-size: 13px;\n    color: rgba(0, 0, 0, 0.65);\n    margin-bottom: 8px;\n  `,\n\n  metaFooter: css`\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid #f0f0f0;\n  `,\n\n  actionIcons: css`\n    color: rgba(0, 0, 0, 0.45);\n\n    & > span {\n      cursor: pointer;\n      transition: color 0.2s;\n\n      &:hover {\n        color: #1890ff;\n      }\n    }\n  `,\n\n  fnCall: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 11px;\n    border-radius: 24px;\n    line-height: 16px;\n    border: 1px solid #e7e7e7;\n    cursor: pointer;\n  `,\n\n  confirm: css`\n    padding: 12px;\n    border-radius: 12px;\n    border: 1px solid #e7e7e7;\n  `,\n\n  footer: css`\n    /* senderWrap and tip moved to top-level keys so they are\n       accessible as styles.senderWrap and styles.tip in the component */\n  `,\n\n  sender: css`\n    width: 100%;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 8px 8px 12px;\n    border: 1px solid #e7e7e7;\n    border-radius: 24px;\n\n    /* .input moved to top-level key so component can use styles.input */\n  `,\n\n  senderWrap: css`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n  `,\n\n  tip: css`\n    padding: 4px;\n    font-size: 12px;\n    text-align: center;\n    color: rgba(0, 0, 0, 0.4);\n  `,\n\n  input: css`\n    padding: 0;\n    margin: 5px 0;\n    line-height: 22px;\n    font-size: 15px;\n    border-radius: 0;\n    border: none;\n\n    &:focus {\n      box-shadow: none;\n    }\n  `,\n}));\n\nexport default useStyles;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,oBAAgC;AAEzB,IAAM,gBAAY,+BAAgB,OAAO;AAAA,EAC9C,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8BT,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcN,UAAU;AAAA;AAAA;AAAA,EAIV,YAAY;AAAA;AAAA;AAAA,EAIZ,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhB,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASN,QAAQ;AAAA;AAAA;AAAA;AAAA,EAKR,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQhB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOb,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOd,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,EAMb,mBAAmB;AAAA;AAAA;AAAA,EAInB,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAad,aAAa;AAAA;AAAA;AAAA,EAIb,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,EAMZ,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,EAMZ,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAab,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWR,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,QAAQ;AAAA;AAAA;AAAA;AAAA,EAKR,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYR,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOL,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYT,EAAE;AAEF,IAAO,iBAAQ;",
   "names": []
 }

package/dist/cjs/components/XAdkProvider/XAdkProvider.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import XAdkProvider from "./index";
+declare const meta: Meta<typeof XAdkProvider>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const 默认布局: Story;
+export declare const 带会话列表: Story;
+export declare const 自定义布局: Story;
+export declare const 使用Hooks: Story;
+export declare const 简化界面: Story;

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

@@ -0,0 +1,394 @@
+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/XAdkProvider/XAdkProvider.stories.tsx
+var XAdkProvider_stories_exports = {};
+__export(XAdkProvider_stories_exports, {
+  default: () => XAdkProvider_stories_default,
+  使用Hooks: () => 使用Hooks,
+  带会话列表: () => 带会话列表,
+  简化界面: () => 简化界面,
+  自定义布局: () => 自定义布局,
+  默认布局: () => 默认布局
+});
+module.exports = __toCommonJS(XAdkProvider_stories_exports);
+var import_antd = require("antd");
+var import_index = __toESM(require("./index"));
+var import_context = require("./context");
+var import_jsx_runtime = require("react/jsx-runtime");
+var meta = {
+  title: "AI组件/XAdkProvider 对话容器",
+  component: import_index.default,
+  parameters: {
+    layout: "fullscreen",
+    docs: {
+      description: {
+        component: `
+# XAdkProvider - 新一代 Compound Components 架构
+
+基于 Compound Components 模式的 AI 聊天 SDK,提供完全可组合的聊天界面。
+
+## 核心特性
+
+- 🧩 **完全可组合**: 自由组合子组件,构建任意布局
+- 🪝 **Hooks 访问**: 通过 Hooks 轻松访问状态和方法
+- ⚡ **性能优化**: Context 三层分离,避免不必要的 rerender
+- 🔙 **向后兼容**: 旧 API 完全保留,平滑升级
+- 📘 **TypeScript**: 完整的类型支持
+
+## 可用组件
+
+- \`XAdkProvider.DefaultLayout\` - 默认布局 (类似 ChatGPT/DeepSeek)
+- \`XAdkProvider.Chatbot\` - 完整的聊天界面 (Messages + Sender)
+- \`XAdkProvider.Messages\` - 消息列表
+- \`XAdkProvider.Sender\` - 输入框
+- \`XAdkProvider.Sidebar\` - 会话列表
+- \`XAdkProvider.Header\` - 可选头部
+
+## 可用 Hooks
+
+- \`useChatState()\` - 访问聊天状态
+- \`useChatActions()\` - 访问聊天方法
+- \`useSession()\` - 访问会话管理
+
+## 配置说明
+
+请在使用前配置:
+- \`url\`: AI 服务地址 (默认: window.location.origin)
+- \`token\`: 认证令牌 (必填)
+- \`config.appNo\`: 应用编号 (必填)
+        `
+      }
+    }
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    url: {
+      description: "AI 服务地址",
+      control: "text"
+    },
+    token: {
+      description: "认证令牌",
+      control: "text"
+    }
+  }
+};
+var XAdkProvider_stories_default = meta;
+var 默认布局 = {
+  render: (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { height: "100vh" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.default, { url: args.url, token: args.token, config: args.config, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_index.default.DefaultLayout,
+    {
+      showSessionList: false,
+      allowUpload: true,
+      clearBtnShow: true
+    }
+  ) }) }),
+  parameters: {
+    docs: {
+      description: {
+        story: `
+默认布局,类似 ChatGPT 的界面风格。
+
+\`\`\`tsx
+<XAdkProvider url="..." token="..." config={{ appNo: 'xxx' }}>
+  <XAdkProvider.DefaultLayout
+    showSessionList={false}
+    allowUpload={true}
+    clearBtnShow={true}
+  />
+</XAdkProvider>
+\`\`\`
+        `
+      }
+    }
+  },
+  args: {
+    url: "https://m-poc-dev.zaxline.com",
+    token: "eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJ3VFhIOE5SZUQ2TkloV0tWZkJRQ3hXdlMiLCJhdWQiOiJ3VFhIOE5SZUQ2TkloV0tWZkJRQ3hXdlMiLCJuYmYiOjE3NzI3ODU3OTMsInVzZXJfaWQiOiJWNFNPSG1KbzNaZWE0Uk51ZzdYWDJBPT0iLCJzY29wZSI6WyJ3VFhIOE5SZUQ2TkloV0tWZkJRQ3hXdlMiXSwiaXNzIjoiaHR0cDovL2htLWF1dGgtc2VydmVyLnhsaW5lLWRldi50ZXN0LnhpbmtlLmJpeiIsImV4cCI6MTc3Mjc5Mjk5MywiaWF0IjoxNzcyNzg1NzkzLCJqdGkiOiI4MmFjMGZmZS1lZDBlLTRiMjMtYWE3NS04NmUzZjA1OTQ2NmEiLCJjbGllbnRfaWQiOiJ3VFhIOE5SZUQ2TkloV0tWZkJRQ3hXdlMifQ.bBipIkOwu4BQqtH_ijT1V12yw5SnDpu7HAZhWrzjRSF7NUlqXr3m25f1VU_jiE9wyHO0Pj0VMMox1xVrE90JT9zgFL2sa4IDLpoHl6B2sr-3pY8WsvTLnk9PBSyTfOjmuSRwNDZyQYx0p4xJKd0yhf5Acfh5vuvH8pW7ksGpEXKvCLqc9tpeLytE1qZm_eSWt_rjTxDzvwMv33RAWO_fEigezoXfOe8ALtWpIDXEoza6cI--2buVM6-ZAFJHwe0CA_rx5E5H7QpmonUlZZhu9JVEL7HCc76MWLnuRP9TlNuicsR3JrYvkZ8nkG4oiBSWaHAgOVizGXaf2Elr7edTNA",
+    config: {
+      appNo: "wTXH8NReD6NIhWKVfBQCxWvS"
+    }
+  }
+};
+var 带会话列表 = {
+  render: (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { height: "100vh" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.default, { url: args.url, token: args.token, config: args.config, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_index.default.DefaultLayout,
+    {
+      header: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}),
+      showSessionList: true,
+      allowUpload: true,
+      clearBtnShow: false,
+      showFnCallDetail: true
+    }
+  ) }) }),
+  parameters: {
+    docs: {
+      description: {
+        story: `
+带会话列表的布局,类似 DeepSeek/元宝 的界面风格。
+
+左侧显示历史会话列表,右侧显示聊天区域。
+
+特点:
+- ✅ 左右布局: 左侧 280px 宽的会话列表,右侧聊天区域
+- ✅ 会话管理: 支持新建、切换、重命名、删除会话
+- ✅ 自动加载: 会话列表自动加载历史记录
+- ✅ 响应式: 窄屏自动切换到侧边栏模式
+
+\`\`\`tsx
+<XAdkProvider
+  url="..."
+  token="..."
+  config={{
+    appNo: 'xxx',
+    session: {
+      showSessionList: true,
+    }
+  }}
+>
+  <XAdkProvider.DefaultLayout
+    showSessionList={true}
+    allowUpload={true}
+  />
+</XAdkProvider>
+\`\`\`
+        `
+      }
+    }
+  },
+  args: {
+    url: "https://m-poc-dev.zaxline.com",
+    token: "eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kiLCJhdWQiOiJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kiLCJuYmYiOjE3NzMwNDM0MjIsInVzZXJfaWQiOiJWNFNPSG1KbzNaZWE0Uk51ZzdYWDJBPT0iLCJzY29wZSI6WyJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kiXSwiaXNzIjoiaHR0cDovL2htLWF1dGgtc2VydmVyLnhsaW5lLWRldi50ZXN0LnhpbmtlLmJpeiIsImV4cCI6MTc3MzA1MDYyMiwiaWF0IjoxNzczMDQzNDIyLCJqdGkiOiJhODRmM2I5Ni1mNDIyLTRjOTgtOTA4Yi1lYzFiYmY0Y2JlNDciLCJjbGllbnRfaWQiOiJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kifQ.PDpY6X-fO2QkOB_30rkDsFFBNObsNJXtK0DoGKb7euOg0R7nHrXimCKR28LbVk-gRa-7C8uwJbVvCX-gJZivYaVwpeUijiBq2lY59bXU695iCyZNpkCAsRNnPfIX75hnTDDTY2-Qr2CXN0lgPZ8KO5Kt-CItu3cq8SiLYM8YlUVjqsCbNQdaqkhPLVnUzjyQseM-5mldNW2_j_UvQ0wtjcybPVHpmHrKT_N6jdqZDtwYUuM4vk6DL-K4O8m66gXImXbolQB62Ad04hFVrI2sJjHOt7U4ZwRWxxIm8JY7nk-03uUiUmhGsDSVaqHIc-YlDbxGVR0dhx59w6EaIYAX9A",
+    config: {
+      appNo: "pHQOYWcJ33OF7G7C8WcGmHGi"
+    }
+  }
+};
+var 自定义布局 = {
+  render: (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { height: "100vh" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.default, { url: args.url, token: args.token, config: args.config, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "flex", height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { flex: 1, display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        style: {
+          padding: "16px 24px",
+          background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
+          color: "white",
+          borderBottom: "1px solid rgba(255,255,255,0.1)"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { style: { margin: 0, fontSize: "18px" }, children: "🤖 AI 智能助手" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { flex: 1, overflow: "hidden", background: "#f9fafb" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.default.Messages, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.default.Sender, { allowUpload: true, clearBtnShow: true })
+  ] }) }) }) }),
+  parameters: {
+    docs: {
+      description: {
+        story: `
+完全自定义的布局,展示 Compound Components 的灵活性。
+
+可以任意组合 Sidebar、Messages、Sender 等组件。
+        `
+      }
+    }
+  },
+  args: {
+    url: "https://m-poc-dev.zaxline.com",
+    token: "eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kiLCJhdWQiOiJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kiLCJuYmYiOjE3NzMwNDM0MjIsInVzZXJfaWQiOiJWNFNPSG1KbzNaZWE0Uk51ZzdYWDJBPT0iLCJzY29wZSI6WyJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kiXSwiaXNzIjoiaHR0cDovL2htLWF1dGgtc2VydmVyLnhsaW5lLWRldi50ZXN0LnhpbmtlLmJpeiIsImV4cCI6MTc3MzA1MDYyMiwiaWF0IjoxNzczMDQzNDIyLCJqdGkiOiJhODRmM2I5Ni1mNDIyLTRjOTgtOTA4Yi1lYzFiYmY0Y2JlNDciLCJjbGllbnRfaWQiOiJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kifQ.PDpY6X-fO2QkOB_30rkDsFFBNObsNJXtK0DoGKb7euOg0R7nHrXimCKR28LbVk-gRa-7C8uwJbVvCX-gJZivYaVwpeUijiBq2lY59bXU695iCyZNpkCAsRNnPfIX75hnTDDTY2-Qr2CXN0lgPZ8KO5Kt-CItu3cq8SiLYM8YlUVjqsCbNQdaqkhPLVnUzjyQseM-5mldNW2_j_UvQ0wtjcybPVHpmHrKT_N6jdqZDtwYUuM4vk6DL-K4O8m66gXImXbolQB62Ad04hFVrI2sJjHOt7U4ZwRWxxIm8JY7nk-03uUiUmhGsDSVaqHIc-YlDbxGVR0dhx59w6EaIYAX9A",
+    config: {
+      appNo: "3jt2YbDjewVn2PHRKaDfJEgO"
+    }
+  }
+};
+var CustomStatsBar = () => {
+  const { messages, loading, appInfo } = (0, import_context.useChatState)();
+  const { chat } = (0, import_context.useChatActions)();
+  const quickQuestions = ["介绍一下你自己", "你能帮我做什么?", "如何开始使用?"];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      style: {
+        padding: "16px 20px",
+        background: "white",
+        borderBottom: "1px solid #f0f0f0"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              marginBottom: "12px"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { fontSize: "12px", color: "#999" }, children: [
+                  "💬 消息数: ",
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: messages.length })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { fontSize: "12px", color: "#999" }, children: [
+                  "🤖 ",
+                  (appInfo == null ? void 0 : appInfo.appName) || "加载中..."
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "span",
+                {
+                  style: { fontSize: "12px", color: loading ? "#1890ff" : "#52c41a" },
+                  children: loading ? "● 生成中..." : "● 就绪"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontSize: "12px", color: "#666", marginBottom: "8px" }, children: "💡 快捷问题:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Space, { wrap: true, children: quickQuestions.map((q, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_antd.Button,
+          {
+            size: "small",
+            onClick: () => chat({ text: q }),
+            disabled: loading,
+            children: q
+          },
+          i
+        )) })
+      ]
+    }
+  );
+};
+var 使用Hooks = {
+  render: (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { height: "100vh" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.default, { url: args.url, token: args.token, config: args.config, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      style: { display: "flex", flexDirection: "column", height: "100%" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomStatsBar, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.default.Chatbot, {}) })
+      ]
+    }
+  ) }) }),
+  parameters: {
+    docs: {
+      description: {
+        story: `
+使用 \`useChatState\` 和 \`useChatActions\` Hooks 访问状态和方法。
+
+可以在任意子组件中使用这些 Hooks 来访问聊天数据和操作。
+
+\`\`\`tsx
+function CustomStatsBar() {
+  const { messages, loading } = useChatState();
+  const { chat } = useChatActions();
+
+  return (
+    <div>
+      <p>消息数: {messages.length}</p>
+      <button onClick={() => chat({ text: 'Hello' })}>
+        发送
+      </button>
+    </div>
+  );
+}
+\`\`\`
+        `
+      }
+    }
+  },
+  args: {
+    url: "https://m-poc-dev.zaxline.com",
+    token: "eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iLCJhdWQiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iLCJuYmYiOjE3NzI3NjE1OTQsInVzZXJfaWQiOiJWNFNPSG1KbzNaZWE0Uk51ZzdYWDJBPT0iLCJzY29wZSI6WyIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iXSwiaXNzIjoiaHR0cDovL2htLWF1dGgtc2VydmVyLnhsaW5lLWRldi50ZXN0LnhpbmtlLmJpeiIsImV4cCI6MTc3Mjc2ODc5NCwiaWF0IjoxNzcyNzYxNTk0LCJqdGkiOiI2M2IyMjRkNC1iODY3LTQzNjYtYTM5ZC1hZjNmOWQ0M2YyZmMiLCJjbGllbnRfaWQiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08ifQ.QNI4bD6MjIIvv-_SFxYEOiNv9304Ps5WF3b8_qmi3YIrqJQiaJ-iT1_fENpe9dD25RXcpgIv2Xnz9cI3Lz3gHfPKwoefijhrD7_Ye-9C5ztM2OI5pfoUurc1xPvjS7FGrTMZHNbpIFXyPoDAxtzGt-hLoQAEhBhLib8lLAbAQACmBOYy3KGwJg4sSFvbLkGWgqkH2aqC8MdH50ce35leybbEJu7ImithH3rj4E2oF6EqTb3vK181DFooEJ9E_LaC_hrw8zqGh9PSJah1rO3nxUDOPnz946RLKUi0xLOtz42l6qY2nUFsd9axYunGnk2ds5gg-PcBZN_X_aa-w7SLnw",
+    config: {
+      appNo: "3jt2YbDjewVn2PHRKaDfJEgO"
+    }
+  }
+};
+var 简化界面 = {
+  render: (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      style: {
+        height: "100vh",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        background: "#f5f5f5",
+        padding: "40px"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          style: {
+            width: "100%",
+            maxWidth: "900px",
+            height: "700px",
+            background: "white",
+            borderRadius: "12px",
+            overflow: "hidden",
+            boxShadow: "0 8px 24px rgba(0,0,0,0.12)"
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.default, { url: args.url, token: args.token, config: args.config, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.default.Chatbot, {}) })
+        }
+      )
+    }
+  ),
+  parameters: {
+    docs: {
+      description: {
+        story: `
+最简化的聊天界面,只包含消息列表和输入框。
+
+适合嵌入到其他页面或作为对话窗口使用。
+
+\`\`\`tsx
+<XAdkProvider url="..." token="..." config={{ appNo: 'xxx' }}>
+  <XAdkProvider.Chatbot />
+</XAdkProvider>
+\`\`\`
+        `
+      }
+    }
+  },
+  args: {
+    url: "https://m-poc-dev.zaxline.com",
+    token: "eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iLCJhdWQiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iLCJuYmYiOjE3NzI3NjE1OTQsInVzZXJfaWQiOiJWNFNPSG1KbzNaZWE0Uk51ZzdYWDJBPT0iLCJzY29wZSI6WyIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iXSwiaXNzIjoiaHR0cDovL2htLWF1dGgtc2VydmVyLnhsaW5lLWRldi50ZXN0LnhpbmtlLmJpeiIsImV4cCI6MTc3Mjc2ODc5NCwiaWF0IjoxNzcyNzYxNTk0LCJqdGkiOiI2M2IyMjRkNC1iODY3LTQzNjYtYTM5ZC1hZjNmOWQ0M2YyZmMiLCJjbGllbnRfaWQiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08ifQ.QNI4bD6MjIIvv-_SFxYEOiNv9304Ps5WF3b8_qmi3YIrqJQiaJ-iT1_fENpe9dD25RXcpgIv2Xnz9cI3Lz3gHfPKwoefijhrD7_Ye-9C5ztM2OI5pfoUurc1xPvjS7FGrTMZHNbpIFXyPoDAxtzGt-hLoQAEhBhLib8lLAbAQACmBOYy3KGwJg4sSFvbLkGWgqkH2aqC8MdH50ce35leybbEJu7ImithH3rj4E2oF6EqTb3vK181DFooEJ9E_LaC_hrw8zqGh9PSJah1rO3nxUDOPnz946RLKUi0xLOtz42l6qY2nUFsd9axYunGnk2ds5gg-PcBZN_X_aa-w7SLnw",
+    config: {
+      appNo: "3jt2YbDjewVn2PHRKaDfJEgO"
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  使用Hooks,
+  带会话列表,
+  简化界面,
+  自定义布局,
+  默认布局
+});
+//# sourceMappingURL=XAdkProvider.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAdkProvider/XAdkProvider.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Button, Space } from \"antd\";\nimport XAdkProvider from \"./index\";\nimport { useChatState, useChatActions } from \"./context\";\n\nconst meta: Meta<typeof XAdkProvider> = {\n  title: \"AI组件/XAdkProvider 对话容器\",\n  component: XAdkProvider,\n  parameters: {\n    layout: \"fullscreen\",\n    docs: {\n      description: {\n        component: `\n# XAdkProvider - 新一代 Compound Components 架构\n\n基于 Compound Components 模式的 AI 聊天 SDK,提供完全可组合的聊天界面。\n\n## 核心特性\n\n- 🧩 **完全可组合**: 自由组合子组件,构建任意布局\n- 🪝 **Hooks 访问**: 通过 Hooks 轻松访问状态和方法\n- ⚡ **性能优化**: Context 三层分离,避免不必要的 rerender\n- 🔙 **向后兼容**: 旧 API 完全保留,平滑升级\n- 📘 **TypeScript**: 完整的类型支持\n\n## 可用组件\n\n- \\`XAdkProvider.DefaultLayout\\` - 默认布局 (类似 ChatGPT/DeepSeek)\n- \\`XAdkProvider.Chatbot\\` - 完整的聊天界面 (Messages + Sender)\n- \\`XAdkProvider.Messages\\` - 消息列表\n- \\`XAdkProvider.Sender\\` - 输入框\n- \\`XAdkProvider.Sidebar\\` - 会话列表\n- \\`XAdkProvider.Header\\` - 可选头部\n\n## 可用 Hooks\n\n- \\`useChatState()\\` - 访问聊天状态\n- \\`useChatActions()\\` - 访问聊天方法\n- \\`useSession()\\` - 访问会话管理\n\n## 配置说明\n\n请在使用前配置:\n- \\`url\\`: AI 服务地址 (默认: window.location.origin)\n- \\`token\\`: 认证令牌 (必填)\n- \\`config.appNo\\`: 应用编号 (必填)\n        `,\n      },\n    },\n  },\n  tags: [\"autodocs\"],\n  argTypes: {\n    url: {\n      description: \"AI 服务地址\",\n      control: \"text\",\n    },\n    token: {\n      description: \"认证令牌\",\n      control: \"text\",\n    },\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// ============================================\n// 示例 1: 默认布局 (类似 ChatGPT)\n// ============================================\nexport const 默认布局: Story = {\n  render: (args) => (\n    <div style={{ height: \"100vh\" }}>\n      <XAdkProvider url={args.url} token={args.token} config={args.config}>\n        <XAdkProvider.DefaultLayout\n          showSessionList={false}\n          allowUpload={true}\n          clearBtnShow={true}\n        />\n      </XAdkProvider>\n    </div>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: `\n默认布局,类似 ChatGPT 的界面风格。\n\n\\`\\`\\`tsx\n<XAdkProvider url=\"...\" token=\"...\" config={{ appNo: 'xxx' }}>\n  <XAdkProvider.DefaultLayout\n    showSessionList={false}\n    allowUpload={true}\n    clearBtnShow={true}\n  />\n</XAdkProvider>\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n  args: {\n    url: \"https://m-poc-dev.zaxline.com\",\n    token:\n      \"eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJ3VFhIOE5SZUQ2TkloV0tWZkJRQ3hXdlMiLCJhdWQiOiJ3VFhIOE5SZUQ2TkloV0tWZkJRQ3hXdlMiLCJuYmYiOjE3NzI3ODU3OTMsInVzZXJfaWQiOiJWNFNPSG1KbzNaZWE0Uk51ZzdYWDJBPT0iLCJzY29wZSI6WyJ3VFhIOE5SZUQ2TkloV0tWZkJRQ3hXdlMiXSwiaXNzIjoiaHR0cDovL2htLWF1dGgtc2VydmVyLnhsaW5lLWRldi50ZXN0LnhpbmtlLmJpeiIsImV4cCI6MTc3Mjc5Mjk5MywiaWF0IjoxNzcyNzg1NzkzLCJqdGkiOiI4MmFjMGZmZS1lZDBlLTRiMjMtYWE3NS04NmUzZjA1OTQ2NmEiLCJjbGllbnRfaWQiOiJ3VFhIOE5SZUQ2TkloV0tWZkJRQ3hXdlMifQ.bBipIkOwu4BQqtH_ijT1V12yw5SnDpu7HAZhWrzjRSF7NUlqXr3m25f1VU_jiE9wyHO0Pj0VMMox1xVrE90JT9zgFL2sa4IDLpoHl6B2sr-3pY8WsvTLnk9PBSyTfOjmuSRwNDZyQYx0p4xJKd0yhf5Acfh5vuvH8pW7ksGpEXKvCLqc9tpeLytE1qZm_eSWt_rjTxDzvwMv33RAWO_fEigezoXfOe8ALtWpIDXEoza6cI--2buVM6-ZAFJHwe0CA_rx5E5H7QpmonUlZZhu9JVEL7HCc76MWLnuRP9TlNuicsR3JrYvkZ8nkG4oiBSWaHAgOVizGXaf2Elr7edTNA\",\n    config: {\n      appNo: \"wTXH8NReD6NIhWKVfBQCxWvS\",\n    },\n  },\n};\n\n// ============================================\n// 示例 2: 带会话列表 (类似 DeepSeek)\n// ============================================\nexport const 带会话列表: Story = {\n  render: (args) => (\n    <div style={{ height: \"100vh\" }}>\n      <XAdkProvider url={args.url} token={args.token} config={args.config}>\n        <XAdkProvider.DefaultLayout\n          header={<></>}\n          showSessionList={true}\n          allowUpload={true}\n          clearBtnShow={false}\n          showFnCallDetail={true}\n        />\n      </XAdkProvider>\n    </div>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: `\n带会话列表的布局,类似 DeepSeek/元宝 的界面风格。\n\n左侧显示历史会话列表,右侧显示聊天区域。\n\n特点:\n- ✅ 左右布局: 左侧 280px 宽的会话列表,右侧聊天区域\n- ✅ 会话管理: 支持新建、切换、重命名、删除会话\n- ✅ 自动加载: 会话列表自动加载历史记录\n- ✅ 响应式: 窄屏自动切换到侧边栏模式\n\n\\`\\`\\`tsx\n<XAdkProvider\n  url=\"...\"\n  token=\"...\"\n  config={{\n    appNo: 'xxx',\n    session: {\n      showSessionList: true,\n    }\n  }}\n>\n  <XAdkProvider.DefaultLayout\n    showSessionList={true}\n    allowUpload={true}\n  />\n</XAdkProvider>\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n  args: {\n    url: \"https://m-poc-dev.zaxline.com\",\n    token:\n      \"eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kiLCJhdWQiOiJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kiLCJuYmYiOjE3NzMwNDM0MjIsInVzZXJfaWQiOiJWNFNPSG1KbzNaZWE0Uk51ZzdYWDJBPT0iLCJzY29wZSI6WyJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kiXSwiaXNzIjoiaHR0cDovL2htLWF1dGgtc2VydmVyLnhsaW5lLWRldi50ZXN0LnhpbmtlLmJpeiIsImV4cCI6MTc3MzA1MDYyMiwiaWF0IjoxNzczMDQzNDIyLCJqdGkiOiJhODRmM2I5Ni1mNDIyLTRjOTgtOTA4Yi1lYzFiYmY0Y2JlNDciLCJjbGllbnRfaWQiOiJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kifQ.PDpY6X-fO2QkOB_30rkDsFFBNObsNJXtK0DoGKb7euOg0R7nHrXimCKR28LbVk-gRa-7C8uwJbVvCX-gJZivYaVwpeUijiBq2lY59bXU695iCyZNpkCAsRNnPfIX75hnTDDTY2-Qr2CXN0lgPZ8KO5Kt-CItu3cq8SiLYM8YlUVjqsCbNQdaqkhPLVnUzjyQseM-5mldNW2_j_UvQ0wtjcybPVHpmHrKT_N6jdqZDtwYUuM4vk6DL-K4O8m66gXImXbolQB62Ad04hFVrI2sJjHOt7U4ZwRWxxIm8JY7nk-03uUiUmhGsDSVaqHIc-YlDbxGVR0dhx59w6EaIYAX9A\",\n    config: {\n      appNo: \"pHQOYWcJ33OF7G7C8WcGmHGi\",\n    },\n  },\n};\n\n// ============================================\n// 示例 3: 自定义布局\n// ============================================\nexport const 自定义布局: Story = {\n  render: (args) => (\n    <div style={{ height: \"100vh\" }}>\n      <XAdkProvider url={args.url} token={args.token} config={args.config}>\n        <div style={{ display: \"flex\", height: \"100%\" }}>\n          {/* 左侧会话列表 */}\n          {/* <div\n            style={{\n              width: 300,\n              borderRight: \"1px solid #f0f0f0\",\n              background: \"#fafafa\",\n            }}\n          >\n            <XAdkProvider.Sidebar />\n          </div> */}\n\n          {/* 右侧聊天区 */}\n          <div style={{ flex: 1, display: \"flex\", flexDirection: \"column\" }}>\n            {/* 自定义头部 */}\n            <div\n              style={{\n                padding: \"16px 24px\",\n                background: \"linear-gradient(135deg, #667eea 0%, #764ba2 100%)\",\n                color: \"white\",\n                borderBottom: \"1px solid rgba(255,255,255,0.1)\",\n              }}\n            >\n              <h2 style={{ margin: 0, fontSize: \"18px\" }}>🤖 AI 智能助手</h2>\n            </div>\n\n            {/* 消息区 */}\n            <div style={{ flex: 1, overflow: \"hidden\", background: \"#f9fafb\" }}>\n              <XAdkProvider.Messages />\n            </div>\n\n            {/* 输入区 */}\n            <XAdkProvider.Sender allowUpload={true} clearBtnShow={true} />\n          </div>\n        </div>\n      </XAdkProvider>\n    </div>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: `\n完全自定义的布局,展示 Compound Components 的灵活性。\n\n可以任意组合 Sidebar、Messages、Sender 等组件。\n        `,\n      },\n    },\n  },\n  args: {\n    url: \"https://m-poc-dev.zaxline.com\",\n    token:\n      \"eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kiLCJhdWQiOiJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kiLCJuYmYiOjE3NzMwNDM0MjIsInVzZXJfaWQiOiJWNFNPSG1KbzNaZWE0Uk51ZzdYWDJBPT0iLCJzY29wZSI6WyJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kiXSwiaXNzIjoiaHR0cDovL2htLWF1dGgtc2VydmVyLnhsaW5lLWRldi50ZXN0LnhpbmtlLmJpeiIsImV4cCI6MTc3MzA1MDYyMiwiaWF0IjoxNzczMDQzNDIyLCJqdGkiOiJhODRmM2I5Ni1mNDIyLTRjOTgtOTA4Yi1lYzFiYmY0Y2JlNDciLCJjbGllbnRfaWQiOiJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kifQ.PDpY6X-fO2QkOB_30rkDsFFBNObsNJXtK0DoGKb7euOg0R7nHrXimCKR28LbVk-gRa-7C8uwJbVvCX-gJZivYaVwpeUijiBq2lY59bXU695iCyZNpkCAsRNnPfIX75hnTDDTY2-Qr2CXN0lgPZ8KO5Kt-CItu3cq8SiLYM8YlUVjqsCbNQdaqkhPLVnUzjyQseM-5mldNW2_j_UvQ0wtjcybPVHpmHrKT_N6jdqZDtwYUuM4vk6DL-K4O8m66gXImXbolQB62Ad04hFVrI2sJjHOt7U4ZwRWxxIm8JY7nk-03uUiUmhGsDSVaqHIc-YlDbxGVR0dhx59w6EaIYAX9A\",\n    config: {\n      appNo: \"3jt2YbDjewVn2PHRKaDfJEgO\",\n    },\n  },\n};\n\n// ============================================\n// 示例 4: 使用 Hooks\n// ============================================\nconst CustomStatsBar = () => {\n  const { messages, loading, appInfo } = useChatState();\n  const { chat } = useChatActions();\n\n  const quickQuestions = [\"介绍一下你自己\", \"你能帮我做什么?\", \"如何开始使用?\"];\n\n  return (\n    <div\n      style={{\n        padding: \"16px 20px\",\n        background: \"white\",\n        borderBottom: \"1px solid #f0f0f0\",\n      }}\n    >\n      <div\n        style={{\n          display: \"flex\",\n          justifyContent: \"space-between\",\n          alignItems: \"center\",\n          marginBottom: \"12px\",\n        }}\n      >\n        <Space>\n          <span style={{ fontSize: \"12px\", color: \"#999\" }}>\n            💬 消息数: <strong>{messages.length}</strong>\n          </span>\n          <span style={{ fontSize: \"12px\", color: \"#999\" }}>\n            🤖 {appInfo?.appName || \"加载中...\"}\n          </span>\n        </Space>\n        <span\n          style={{ fontSize: \"12px\", color: loading ? \"#1890ff\" : \"#52c41a\" }}\n        >\n          {loading ? \"● 生成中...\" : \"● 就绪\"}\n        </span>\n      </div>\n      <div style={{ fontSize: \"12px\", color: \"#666\", marginBottom: \"8px\" }}>\n        💡 快捷问题:\n      </div>\n      <Space wrap>\n        {quickQuestions.map((q, i) => (\n          <Button\n            key={i}\n            size=\"small\"\n            onClick={() => chat({ text: q })}\n            disabled={loading}\n          >\n            {q}\n          </Button>\n        ))}\n      </Space>\n    </div>\n  );\n};\n\nexport const 使用Hooks: Story = {\n  render: (args) => (\n    <div style={{ height: \"100vh\" }}>\n      <XAdkProvider url={args.url} token={args.token} config={args.config}>\n        <div\n          style={{ display: \"flex\", flexDirection: \"column\", height: \"100%\" }}\n        >\n          <CustomStatsBar />\n          <div style={{ flex: 1 }}>\n            <XAdkProvider.Chatbot />\n          </div>\n        </div>\n      </XAdkProvider>\n    </div>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: `\n使用 \\`useChatState\\` 和 \\`useChatActions\\` Hooks 访问状态和方法。\n\n可以在任意子组件中使用这些 Hooks 来访问聊天数据和操作。\n\n\\`\\`\\`tsx\nfunction CustomStatsBar() {\n  const { messages, loading } = useChatState();\n  const { chat } = useChatActions();\n\n  return (\n    <div>\n      <p>消息数: {messages.length}</p>\n      <button onClick={() => chat({ text: 'Hello' })}>\n        发送\n      </button>\n    </div>\n  );\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n  args: {\n    url: \"https://m-poc-dev.zaxline.com\",\n    token:\n      \"eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iLCJhdWQiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iLCJuYmYiOjE3NzI3NjE1OTQsInVzZXJfaWQiOiJWNFNPSG1KbzNaZWE0Uk51ZzdYWDJBPT0iLCJzY29wZSI6WyIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iXSwiaXNzIjoiaHR0cDovL2htLWF1dGgtc2VydmVyLnhsaW5lLWRldi50ZXN0LnhpbmtlLmJpeiIsImV4cCI6MTc3Mjc2ODc5NCwiaWF0IjoxNzcyNzYxNTk0LCJqdGkiOiI2M2IyMjRkNC1iODY3LTQzNjYtYTM5ZC1hZjNmOWQ0M2YyZmMiLCJjbGllbnRfaWQiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08ifQ.QNI4bD6MjIIvv-_SFxYEOiNv9304Ps5WF3b8_qmi3YIrqJQiaJ-iT1_fENpe9dD25RXcpgIv2Xnz9cI3Lz3gHfPKwoefijhrD7_Ye-9C5ztM2OI5pfoUurc1xPvjS7FGrTMZHNbpIFXyPoDAxtzGt-hLoQAEhBhLib8lLAbAQACmBOYy3KGwJg4sSFvbLkGWgqkH2aqC8MdH50ce35leybbEJu7ImithH3rj4E2oF6EqTb3vK181DFooEJ9E_LaC_hrw8zqGh9PSJah1rO3nxUDOPnz946RLKUi0xLOtz42l6qY2nUFsd9axYunGnk2ds5gg-PcBZN_X_aa-w7SLnw\",\n    config: {\n      appNo: \"3jt2YbDjewVn2PHRKaDfJEgO\",\n    },\n  },\n};\n\n// ============================================\n// 示例 5: 简化的 Chatbot\n// ============================================\nexport const 简化界面: Story = {\n  render: (args) => (\n    <div\n      style={{\n        height: \"100vh\",\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        background: \"#f5f5f5\",\n        padding: \"40px\",\n      }}\n    >\n      <div\n        style={{\n          width: \"100%\",\n          maxWidth: \"900px\",\n          height: \"700px\",\n          background: \"white\",\n          borderRadius: \"12px\",\n          overflow: \"hidden\",\n          boxShadow: \"0 8px 24px rgba(0,0,0,0.12)\",\n        }}\n      >\n        <XAdkProvider url={args.url} token={args.token} config={args.config}>\n          <XAdkProvider.Chatbot />\n        </XAdkProvider>\n      </div>\n    </div>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: `\n最简化的聊天界面,只包含消息列表和输入框。\n\n适合嵌入到其他页面或作为对话窗口使用。\n\n\\`\\`\\`tsx\n<XAdkProvider url=\"...\" token=\"...\" config={{ appNo: 'xxx' }}>\n  <XAdkProvider.Chatbot />\n</XAdkProvider>\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n  args: {\n    url: \"https://m-poc-dev.zaxline.com\",\n    token:\n      \"eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iLCJhdWQiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iLCJuYmYiOjE3NzI3NjE1OTQsInVzZXJfaWQiOiJWNFNPSG1KbzNaZWE0Uk51ZzdYWDJBPT0iLCJzY29wZSI6WyIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iXSwiaXNzIjoiaHR0cDovL2htLWF1dGgtc2VydmVyLnhsaW5lLWRldi50ZXN0LnhpbmtlLmJpeiIsImV4cCI6MTc3Mjc2ODc5NCwiaWF0IjoxNzcyNzYxNTk0LCJqdGkiOiI2M2IyMjRkNC1iODY3LTQzNjYtYTM5ZC1hZjNmOWQ0M2YyZmMiLCJjbGllbnRfaWQiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08ifQ.QNI4bD6MjIIvv-_SFxYEOiNv9304Ps5WF3b8_qmi3YIrqJQiaJ-iT1_fENpe9dD25RXcpgIv2Xnz9cI3Lz3gHfPKwoefijhrD7_Ye-9C5ztM2OI5pfoUurc1xPvjS7FGrTMZHNbpIFXyPoDAxtzGt-hLoQAEhBhLib8lLAbAQACmBOYy3KGwJg4sSFvbLkGWgqkH2aqC8MdH50ce35leybbEJu7ImithH3rj4E2oF6EqTb3vK181DFooEJ9E_LaC_hrw8zqGh9PSJah1rO3nxUDOPnz946RLKUi0xLOtz42l6qY2nUFsd9axYunGnk2ds5gg-PcBZN_X_aa-w7SLnw\",\n    config: {\n      appNo: \"3jt2YbDjewVn2PHRKaDfJEgO\",\n    },\n  },\n};\n"],
+  "mappings": "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",
+  "names": ["XAdkProvider"]
+}

package/dist/cjs/components/XAdkProvider/compound/Chatbot.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { XAdkMessagesProps } from './Messages';
+import { XAdkSenderCompoundProps } from './Sender';
+/**
+ * XAdkProvider.Chatbot - 完整的聊天界面组件
+ *
+ * 组合了 Messages + Sender,提供开箱即用的完整聊天界面
+ *
+ * @example
+ * ```tsx
+ * <XAdkProvider url="..." token="...">
+ *   <XAdkProvider.Chatbot
+ *     messagesProps={{ showFnCallDetail: true }}
+ *     senderProps={{ allowUpload: true }}
+ *   />
+ * </XAdkProvider>
+ * ```
+ */
+export interface XAdkChatbotCompoundProps {
+    /** Messages 组件的属性 */
+    messagesProps?: XAdkMessagesProps;
+    /** Sender 组件的属性 */
+    senderProps?: XAdkSenderCompoundProps;
+    /** 容器样式 */
+    style?: React.CSSProperties;
+    /** 容器类名 */
+    className?: string;
+}
+declare const Chatbot: React.FC<XAdkChatbotCompoundProps>;
+export default Chatbot;