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

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

@@ -0,0 +1 @@
+{"version":3,"names":["Button","Space","XAdkProvider","useChatState","useChatActions","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","meta","title","component","parameters","layout","docs","description","tags","argTypes","url","control","token","默认布局","render","args","style","height","children","config","DefaultLayout","showSessionList","allowUpload","clearBtnShow","story","appNo","带会话列表","header","showFnCallDetail","自定义布局","display","flex","flexDirection","padding","background","color","borderBottom","margin","fontSize","overflow","Messages","Sender","CustomStatsBar","_useChatState","messages","loading","appInfo","_useChatActions","chat","quickQuestions","justifyContent","alignItems","marginBottom","length","appName","wrap","map","q","i","size","onClick","text","disabled","使用Hooks","Chatbot","简化界面","width","maxWidth","borderRadius","boxShadow"],"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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"}

package/dist/esm/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;

package/dist/esm/components/XAdkProvider/compound/Chatbot.js

@@ -0,0 +1,47 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React from 'react';
+import Messages from "./Messages";
+import Sender from "./Sender";
+
+/**
+ * XAdkProvider.Chatbot - 完整的聊天界面组件
+ *
+ * 组合了 Messages + Sender,提供开箱即用的完整聊天界面
+ *
+ * @example
+ * ```tsx
+ * <XAdkProvider url="..." token="...">
+ *   <XAdkProvider.Chatbot
+ *     messagesProps={{ showFnCallDetail: true }}
+ *     senderProps={{ allowUpload: true }}
+ *   />
+ * </XAdkProvider>
+ * ```
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Chatbot = function Chatbot(_ref) {
+  var messagesProps = _ref.messagesProps,
+    senderProps = _ref.senderProps,
+    style = _ref.style,
+    className = _ref.className;
+  return /*#__PURE__*/_jsxs("div", {
+    className: className,
+    style: _objectSpread({
+      display: 'flex',
+      flexDirection: 'column',
+      height: '100%',
+      width: '100%'
+    }, style),
+    children: [/*#__PURE__*/_jsx("div", {
+      style: {
+        flex: 1,
+        overflow: 'hidden'
+      },
+      children: /*#__PURE__*/_jsx(Messages, _objectSpread({}, messagesProps))
+    }), /*#__PURE__*/_jsx(Sender, _objectSpread({}, senderProps))]
+  });
+};
+Chatbot.displayName = 'XAdkProvider.Chatbot';
+export default Chatbot;
+//# sourceMappingURL=Chatbot.js.map

package/dist/esm/components/XAdkProvider/compound/Chatbot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Messages","Sender","jsx","_jsx","jsxs","_jsxs","Chatbot","_ref","messagesProps","senderProps","style","className","_objectSpread","display","flexDirection","height","width","children","flex","overflow","displayName"],"sources":["../../../../../src/components/XAdkProvider/compound/Chatbot.tsx"],"sourcesContent":["import React from 'react';\nimport Messages, { XAdkMessagesProps } from './Messages';\nimport Sender, { XAdkSenderCompoundProps } from './Sender';\n\n/**\n * XAdkProvider.Chatbot - 完整的聊天界面组件\n *\n * 组合了 Messages + Sender,提供开箱即用的完整聊天界面\n *\n * @example\n * ```tsx\n * <XAdkProvider url=\"...\" token=\"...\">\n *   <XAdkProvider.Chatbot\n *     messagesProps={{ showFnCallDetail: true }}\n *     senderProps={{ allowUpload: true }}\n *   />\n * </XAdkProvider>\n * ```\n */\nexport interface XAdkChatbotCompoundProps {\n  /** Messages 组件的属性 */\n  messagesProps?: XAdkMessagesProps;\n  /** Sender 组件的属性 */\n  senderProps?: XAdkSenderCompoundProps;\n  /** 容器样式 */\n  style?: React.CSSProperties;\n  /** 容器类名 */\n  className?: string;\n}\n\nconst Chatbot: React.FC<XAdkChatbotCompoundProps> = ({\n  messagesProps,\n  senderProps,\n  style,\n  className,\n}) => {\n  return (\n    <div\n      className={className}\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        height: '100%',\n        width: '100%',\n        ...style,\n      }}\n    >\n      {/* 消息列表区域 */}\n      <div style={{ flex: 1, overflow: 'hidden' }}>\n        <Messages {...messagesProps} />\n      </div>\n\n      {/* 输入框区域 */}\n      <Sender {...senderProps} />\n    </div>\n  );\n};\n\nChatbot.displayName = 'XAdkProvider.Chatbot';\n\nexport default Chatbot;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ;AACf,OAAOC,MAAM;;AAEb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAdA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AA0BA,IAAMC,OAA2C,GAAG,SAA9CA,OAA2CA,CAAAC,IAAA,EAK3C;EAAA,IAJJC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IACbC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,SAAS,GAAAJ,IAAA,CAATI,SAAS;EAET,oBACEN,KAAA;IACEM,SAAS,EAAEA,SAAU;IACrBD,KAAK,EAAAE,aAAA;MACHC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,QAAQ;MACvBC,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE;IAAM,GACVN,KAAK,CACR;IAAAO,QAAA,gBAGFd,IAAA;MAAKO,KAAK,EAAE;QAAEQ,IAAI,EAAE,CAAC;QAAEC,QAAQ,EAAE;MAAS,CAAE;MAAAF,QAAA,eAC1Cd,IAAA,CAACH,QAAQ,EAAAY,aAAA,KAAKJ,aAAa,CAAG;IAAC,CAC5B,CAAC,eAGNL,IAAA,CAACF,MAAM,EAAAW,aAAA,KAAKH,WAAW,CAAG,CAAC;EAAA,CACxB,CAAC;AAEV,CAAC;AAEDH,OAAO,CAACc,WAAW,GAAG,sBAAsB;AAE5C,eAAed,OAAO"}

package/dist/esm/components/XAdkProvider/compound/DefaultLayout.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+/**
+ * XAdkProvider 默认布局
+ *
+ * 提供类似 ChatGPT/DeepSeek 的默认布局:
+ * - 左侧: 会话列表侧边栏 (可选,支持展开/收起)
+ * - 右侧: 聊天区域 (标题 + 消息 + 输入框,居中显示,最大宽度800px)
+ */
+export interface DefaultLayoutProps {
+    /** 是否显示会话列表 */
+    showSessionList?: boolean;
+    /** 自定义头部 */
+    header?: React.ReactNode;
+    /** 自定义底部 (替代默认 Sender) */
+    footer?: React.ReactNode;
+    /** 是否允许上传文件 */
+    allowUpload?: boolean;
+    /** 是否显示清空按钮 */
+    clearBtnShow?: boolean;
+    /** 是否显示函数调用详情 */
+    showFnCallDetail?: boolean;
+    /** 自定义消息 Footer */
+    messagesFooter?: (msg: any) => React.ReactNode;
+}
+declare const DefaultLayout: React.FC<DefaultLayoutProps>;
+export default DefaultLayout;

package/dist/esm/components/XAdkProvider/compound/DefaultLayout.js

@@ -0,0 +1,142 @@
+import React from "react";
+import { useChatState } from "../context/ChatStateContext";
+import Sidebar from "./Sidebar";
+import Messages from "./Messages";
+import Welcome from "./Welcome";
+import Sender from "./Sender";
+
+/**
+ * XAdkProvider 默认布局
+ *
+ * 提供类似 ChatGPT/DeepSeek 的默认布局:
+ * - 左侧: 会话列表侧边栏 (可选,支持展开/收起)
+ * - 右侧: 聊天区域 (标题 + 消息 + 输入框,居中显示,最大宽度800px)
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var DefaultLayout = function DefaultLayout(_ref) {
+  var _ref$showSessionList = _ref.showSessionList,
+    showSessionList = _ref$showSessionList === void 0 ? false : _ref$showSessionList,
+    header = _ref.header,
+    footer = _ref.footer,
+    _ref$allowUpload = _ref.allowUpload,
+    allowUpload = _ref$allowUpload === void 0 ? false : _ref$allowUpload,
+    _ref$clearBtnShow = _ref.clearBtnShow,
+    clearBtnShow = _ref$clearBtnShow === void 0 ? true : _ref$clearBtnShow,
+    _ref$showFnCallDetail = _ref.showFnCallDetail,
+    showFnCallDetail = _ref$showFnCallDetail === void 0 ? false : _ref$showFnCallDetail,
+    messagesFooter = _ref.messagesFooter;
+  var _useChatState = useChatState(),
+    appInfo = _useChatState.appInfo,
+    messages = _useChatState.messages,
+    prologue = _useChatState.prologue,
+    suggestions = _useChatState.suggestions;
+
+  // 判断是否为空状态(展示Welcome)
+  var isEmpty = messages.length === 0 && !prologue && (!suggestions || suggestions.length === 0);
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      display: "flex",
+      height: "100%",
+      width: "100%",
+      position: "relative",
+      overflow: "hidden"
+    },
+    children: [showSessionList && /*#__PURE__*/_jsx(Sidebar, {
+      isNarrow: false
+    }), /*#__PURE__*/_jsx("div", {
+      style: {
+        flex: 1,
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        flexDirection: "column",
+        overflow: "hidden"
+      },
+      children: /*#__PURE__*/_jsxs("div", {
+        style: {
+          width: "100%",
+          maxWidth: "800px",
+          height: "100%",
+          display: "flex",
+          flexDirection: "column"
+        },
+        children: [header || appInfo && /*#__PURE__*/_jsx("div", {
+          style: {
+            padding: "16px 24px",
+            display: "flex",
+            justifyContent: "center",
+            background: "white"
+          },
+          children: /*#__PURE__*/_jsx("div", {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "12px"
+            },
+            children: appInfo.appName && /*#__PURE__*/_jsx("div", {
+              children: /*#__PURE__*/_jsx("div", {
+                style: {
+                  fontSize: "16px",
+                  fontWeight: 500,
+                  color: "#000"
+                },
+                children: appInfo.appName
+              })
+            })
+          })
+        }), /*#__PURE__*/_jsxs("div", {
+          style: {
+            flex: 1,
+            overflow: "hidden",
+            display: "flex",
+            flexDirection: "column"
+          },
+          children: [/*#__PURE__*/_jsx("div", {
+            style: {
+              flex: isEmpty ? 1 : 0,
+              transition: "flex 0.4s cubic-bezier(0.4, 0, 0.2, 1)"
+            }
+          }), isEmpty && /*#__PURE__*/_jsx("div", {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              padding: "0 24px",
+              marginBottom: "24px"
+            },
+            children: /*#__PURE__*/_jsx(Welcome, {})
+          }), !isEmpty && /*#__PURE__*/_jsx("div", {
+            style: {
+              flex: 1,
+              overflow: "hidden"
+            },
+            children: /*#__PURE__*/_jsx(Messages
+            // footer={messagesFooter}
+            , {})
+          }), /*#__PURE__*/_jsx("div", {
+            style: {
+              width: "100%",
+              maxWidth: isEmpty ? "600px" : "100%",
+              alignSelf: "center",
+              padding: isEmpty ? "0 24px" : "0",
+              transition: "all 0.4s cubic-bezier(0.4, 0, 0.2, 1)"
+            },
+            children: footer || /*#__PURE__*/_jsx(Sender, {
+              allowUpload: allowUpload,
+              clearBtnShow: clearBtnShow
+            })
+          }), /*#__PURE__*/_jsx("div", {
+            style: {
+              flex: isEmpty ? 1.5 : 0,
+              transition: "flex 0.4s cubic-bezier(0.4, 0, 0.2, 1)"
+            }
+          })]
+        })]
+      })
+    })]
+  });
+};
+DefaultLayout.displayName = "XAdkProvider.DefaultLayout";
+export default DefaultLayout;
+//# sourceMappingURL=DefaultLayout.js.map

package/dist/esm/components/XAdkProvider/compound/DefaultLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useChatState","Sidebar","Messages","Welcome","Sender","jsx","_jsx","jsxs","_jsxs","DefaultLayout","_ref","_ref$showSessionList","showSessionList","header","footer","_ref$allowUpload","allowUpload","_ref$clearBtnShow","clearBtnShow","_ref$showFnCallDetail","showFnCallDetail","messagesFooter","_useChatState","appInfo","messages","prologue","suggestions","isEmpty","length","style","display","height","width","position","overflow","children","isNarrow","flex","justifyContent","alignItems","flexDirection","maxWidth","padding","background","gap","appName","fontSize","fontWeight","color","transition","marginBottom","alignSelf","displayName"],"sources":["../../../../../src/components/XAdkProvider/compound/DefaultLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { useChatState } from \"../context/ChatStateContext\";\nimport Sidebar from \"./Sidebar\";\nimport Messages from \"./Messages\";\nimport Welcome from \"./Welcome\";\nimport Sender from \"./Sender\";\n\n/**\n * XAdkProvider 默认布局\n *\n * 提供类似 ChatGPT/DeepSeek 的默认布局:\n * - 左侧: 会话列表侧边栏 (可选,支持展开/收起)\n * - 右侧: 聊天区域 (标题 + 消息 + 输入框,居中显示,最大宽度800px)\n */\nexport interface DefaultLayoutProps {\n  /** 是否显示会话列表 */\n  showSessionList?: boolean;\n  /** 自定义头部 */\n  header?: React.ReactNode;\n  /** 自定义底部 (替代默认 Sender) */\n  footer?: React.ReactNode;\n  /** 是否允许上传文件 */\n  allowUpload?: boolean;\n  /** 是否显示清空按钮 */\n  clearBtnShow?: boolean;\n  /** 是否显示函数调用详情 */\n  showFnCallDetail?: boolean;\n  /** 自定义消息 Footer */\n  messagesFooter?: (msg: any) => React.ReactNode;\n}\n\nconst DefaultLayout: React.FC<DefaultLayoutProps> = ({\n  showSessionList = false,\n  header,\n  footer,\n  allowUpload = false,\n  clearBtnShow = true,\n  showFnCallDetail = false,\n  messagesFooter,\n}) => {\n  const { appInfo, messages, prologue, suggestions } = useChatState();\n\n  // 判断是否为空状态(展示Welcome)\n  const isEmpty =\n    messages.length === 0 &&\n    !prologue &&\n    (!suggestions || suggestions.length === 0);\n\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        height: \"100%\",\n        width: \"100%\",\n        position: \"relative\",\n        overflow: \"hidden\",\n      }}\n    >\n      {/* 左侧会话列表 - XAiConversations 组件会处理展开/收起 */}\n      {showSessionList && <Sidebar isNarrow={false} />}\n\n      {/* 右侧聊天区域 - 使用 flex: 1 自动占据剩余空间 */}\n      <div\n        style={{\n          flex: 1,\n          display: \"flex\",\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          flexDirection: \"column\",\n          overflow: \"hidden\",\n        }}\n      >\n        {/* 居中容器 - 最大宽度 800px */}\n        <div\n          style={{\n            width: \"100%\",\n            maxWidth: \"800px\",\n            height: \"100%\",\n            display: \"flex\",\n            flexDirection: \"column\",\n          }}\n        >\n          {/* 头部 */}\n          {header ||\n            (appInfo && (\n              <div\n                style={{\n                  padding: \"16px 24px\",\n                  display: \"flex\",\n                  justifyContent: \"center\",\n                  background: \"white\",\n                }}\n              >\n                <div\n                  style={{\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    gap: \"12px\",\n                  }}\n                >\n                  {/* {appInfo.icon && (\n                    <img\n                      src={appInfo.icon}\n                      alt=\"应用图标\"\n                      style={{\n                        width: 32,\n                        height: 32,\n                        borderRadius: \"6px\",\n                      }}\n                    />\n                  )} */}\n                  {appInfo.appName && (\n                    <div>\n                      <div\n                        style={{\n                          fontSize: \"16px\",\n                          fontWeight: 500,\n                          color: \"#000\",\n                        }}\n                      >\n                        {appInfo.appName}\n                      </div>\n                      {/* {appInfo.description && (\n                        <div\n                          style={{\n                            fontSize: \"12px\",\n                            color: \"#999\",\n                            marginTop: \"2px\",\n                          }}\n                        >\n                          {appInfo.description}\n                        </div>\n                      )} */}\n                    </div>\n                  )}\n                </div>\n              </div>\n            ))}\n\n          {/* 消息区域或Welcome区域 */}\n          <div\n            style={{\n              flex: 1,\n              overflow: \"hidden\",\n              display: \"flex\",\n              flexDirection: \"column\",\n            }}\n          >\n            {/* 上方弹性占位 - Welcome状态时占据空间 */}\n            <div\n              style={{\n                flex: isEmpty ? 1 : 0,\n                transition: \"flex 0.4s cubic-bezier(0.4, 0, 0.2, 1)\",\n              }}\n            />\n\n            {/* Welcome 组件 - 只在空状态显示 */}\n            {isEmpty && (\n              <div\n                style={{\n                  display: \"flex\",\n                  flexDirection: \"column\",\n                  alignItems: \"center\",\n                  padding: \"0 24px\",\n                  marginBottom: \"24px\",\n                }}\n              >\n                <Welcome />\n              </div>\n            )}\n\n            {/* Messages 组件 - 只在非空状态显示 */}\n            {!isEmpty && (\n              <div\n                style={{\n                  flex: 1,\n                  overflow: \"hidden\",\n                }}\n              >\n                <Messages\n                // footer={messagesFooter}\n                />\n              </div>\n            )}\n\n            {/* 输入区域 - 始终存在,通过样式控制位置 */}\n            <div\n              style={{\n                width: \"100%\",\n                maxWidth: isEmpty ? \"600px\" : \"100%\",\n                alignSelf: \"center\",\n                padding: isEmpty ? \"0 24px\" : \"0\",\n                transition: \"all 0.4s cubic-bezier(0.4, 0, 0.2, 1)\",\n              }}\n            >\n              {footer || (\n                <Sender allowUpload={allowUpload} clearBtnShow={clearBtnShow} />\n              )}\n            </div>\n\n            {/* 下方弹性占位 - Welcome状态时占据更多空间,让内容偏上 */}\n            <div\n              style={{\n                flex: isEmpty ? 1.5 : 0,\n                transition: \"flex 0.4s cubic-bezier(0.4, 0, 0.2, 1)\",\n              }}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nDefaultLayout.displayName = \"XAdkProvider.DefaultLayout\";\n\nexport default DefaultLayout;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY;AACrB,OAAOC,OAAO;AACd,OAAOC,QAAQ;AACf,OAAOC,OAAO;AACd,OAAOC,MAAM;;AAEb;AACA;AACA;AACA;AACA;AACA;AACA;AANA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAwBA,IAAMC,aAA2C,GAAG,SAA9CA,aAA2CA,CAAAC,IAAA,EAQ3C;EAAA,IAAAC,oBAAA,GAAAD,IAAA,CAPJE,eAAe;IAAfA,eAAe,GAAAD,oBAAA,cAAG,KAAK,GAAAA,oBAAA;IACvBE,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAAC,gBAAA,GAAAL,IAAA,CACNM,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,KAAK,GAAAA,gBAAA;IAAAE,iBAAA,GAAAP,IAAA,CACnBQ,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,IAAI,GAAAA,iBAAA;IAAAE,qBAAA,GAAAT,IAAA,CACnBU,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IACxBE,cAAc,GAAAX,IAAA,CAAdW,cAAc;EAEd,IAAAC,aAAA,GAAqDtB,YAAY,CAAC,CAAC;IAA3DuB,OAAO,GAAAD,aAAA,CAAPC,OAAO;IAAEC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;IAAEC,QAAQ,GAAAH,aAAA,CAARG,QAAQ;IAAEC,WAAW,GAAAJ,aAAA,CAAXI,WAAW;;EAEhD;EACA,IAAMC,OAAO,GACXH,QAAQ,CAACI,MAAM,KAAK,CAAC,IACrB,CAACH,QAAQ,KACR,CAACC,WAAW,IAAIA,WAAW,CAACE,MAAM,KAAK,CAAC,CAAC;EAE5C,oBACEpB,KAAA;IACEqB,KAAK,EAAE;MACLC,OAAO,EAAE,MAAM;MACfC,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE,MAAM;MACbC,QAAQ,EAAE,UAAU;MACpBC,QAAQ,EAAE;IACZ,CAAE;IAAAC,QAAA,GAGDvB,eAAe,iBAAIN,IAAA,CAACL,OAAO;MAACmC,QAAQ,EAAE;IAAM,CAAE,CAAC,eAGhD9B,IAAA;MACEuB,KAAK,EAAE;QACLQ,IAAI,EAAE,CAAC;QACPP,OAAO,EAAE,MAAM;QACfQ,cAAc,EAAE,QAAQ;QACxBC,UAAU,EAAE,QAAQ;QACpBC,aAAa,EAAE,QAAQ;QACvBN,QAAQ,EAAE;MACZ,CAAE;MAAAC,QAAA,eAGF3B,KAAA;QACEqB,KAAK,EAAE;UACLG,KAAK,EAAE,MAAM;UACbS,QAAQ,EAAE,OAAO;UACjBV,MAAM,EAAE,MAAM;UACdD,OAAO,EAAE,MAAM;UACfU,aAAa,EAAE;QACjB,CAAE;QAAAL,QAAA,GAGDtB,MAAM,IACJU,OAAO,iBACNjB,IAAA;UACEuB,KAAK,EAAE;YACLa,OAAO,EAAE,WAAW;YACpBZ,OAAO,EAAE,MAAM;YACfQ,cAAc,EAAE,QAAQ;YACxBK,UAAU,EAAE;UACd,CAAE;UAAAR,QAAA,eAEF7B,IAAA;YACEuB,KAAK,EAAE;cACLC,OAAO,EAAE,MAAM;cACfS,UAAU,EAAE,QAAQ;cACpBK,GAAG,EAAE;YACP,CAAE;YAAAT,QAAA,EAaDZ,OAAO,CAACsB,OAAO,iBACdvC,IAAA;cAAA6B,QAAA,eACE7B,IAAA;gBACEuB,KAAK,EAAE;kBACLiB,QAAQ,EAAE,MAAM;kBAChBC,UAAU,EAAE,GAAG;kBACfC,KAAK,EAAE;gBACT,CAAE;gBAAAb,QAAA,EAEDZ,OAAO,CAACsB;cAAO,CACb;YAAC,CAYH;UACN,CACE;QAAC,CACH,CACL,eAGJrC,KAAA;UACEqB,KAAK,EAAE;YACLQ,IAAI,EAAE,CAAC;YACPH,QAAQ,EAAE,QAAQ;YAClBJ,OAAO,EAAE,MAAM;YACfU,aAAa,EAAE;UACjB,CAAE;UAAAL,QAAA,gBAGF7B,IAAA;YACEuB,KAAK,EAAE;cACLQ,IAAI,EAAEV,OAAO,GAAG,CAAC,GAAG,CAAC;cACrBsB,UAAU,EAAE;YACd;UAAE,CACH,CAAC,EAGDtB,OAAO,iBACNrB,IAAA;YACEuB,KAAK,EAAE;cACLC,OAAO,EAAE,MAAM;cACfU,aAAa,EAAE,QAAQ;cACvBD,UAAU,EAAE,QAAQ;cACpBG,OAAO,EAAE,QAAQ;cACjBQ,YAAY,EAAE;YAChB,CAAE;YAAAf,QAAA,eAEF7B,IAAA,CAACH,OAAO,IAAE;UAAC,CACR,CACN,EAGA,CAACwB,OAAO,iBACPrB,IAAA;YACEuB,KAAK,EAAE;cACLQ,IAAI,EAAE,CAAC;cACPH,QAAQ,EAAE;YACZ,CAAE;YAAAC,QAAA,eAEF7B,IAAA,CAACJ;YACD;YAAA,IACC;UAAC,CACC,CACN,eAGDI,IAAA;YACEuB,KAAK,EAAE;cACLG,KAAK,EAAE,MAAM;cACbS,QAAQ,EAAEd,OAAO,GAAG,OAAO,GAAG,MAAM;cACpCwB,SAAS,EAAE,QAAQ;cACnBT,OAAO,EAAEf,OAAO,GAAG,QAAQ,GAAG,GAAG;cACjCsB,UAAU,EAAE;YACd,CAAE;YAAAd,QAAA,EAEDrB,MAAM,iBACLR,IAAA,CAACF,MAAM;cAACY,WAAW,EAAEA,WAAY;cAACE,YAAY,EAAEA;YAAa,CAAE;UAChE,CACE,CAAC,eAGNZ,IAAA;YACEuB,KAAK,EAAE;cACLQ,IAAI,EAAEV,OAAO,GAAG,GAAG,GAAG,CAAC;cACvBsB,UAAU,EAAE;YACd;UAAE,CACH,CAAC;QAAA,CACC,CAAC;MAAA,CACH;IAAC,CACH,CAAC;EAAA,CACH,CAAC;AAEV,CAAC;AAEDxC,aAAa,CAAC2C,WAAW,GAAG,4BAA4B;AAExD,eAAe3C,aAAa"}

package/dist/esm/components/XAdkProvider/compound/DislikeFeedBack.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface DislikeFeedbackProps {
+    msg: any;
+    activeColor: string;
+    onSubmit: (v: any) => Promise<boolean>;
+}
+export declare const DislikeFeedback: React.FC<DislikeFeedbackProps>;
+export default DislikeFeedback;

package/dist/esm/components/XAdkProvider/compound/DislikeFeedBack.js

@@ -0,0 +1,122 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { Button, Form, Input, message, Popover } from "antd";
+import React, { useState } from "react";
+import { DislikeFilled, DislikeOutlined } from "@ant-design/icons";
+import FeedbackTags from "./FeedbackTags";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var DislikeFeedback = function DislikeFeedback(_ref) {
+  var _msg$isLike;
+  var msg = _ref.msg,
+    activeColor = _ref.activeColor,
+    onSubmit = _ref.onSubmit;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showFeedback = _useState2[0],
+    setShowFeedback = _useState2[1];
+
+  // msg 是 ChatGroup 对象,isLike 在同层
+  var currentIsLike = (_msg$isLike = msg.isLike) !== null && _msg$isLike !== void 0 ? _msg$isLike : 0;
+  return /*#__PURE__*/_jsx(Popover, {
+    trigger: ["click"],
+    open: showFeedback,
+    onOpenChange: function onOpenChange(v) {
+      if (v && currentIsLike !== 0) {
+        message.warning("已收到您的反馈，无需重复提交");
+        return;
+      }
+      if (v) {
+        form.resetFields();
+      }
+      setShowFeedback(v);
+    },
+    title: /*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsx("div", {
+        children: "\u62B1\u6B49\uFF0C\u672A\u80FD\u6EE1\u8DB3\u60A8\u7684\u9700\u6C42"
+      }), /*#__PURE__*/_jsx("div", {
+        style: {
+          color: "#999",
+          fontWeight: "normal",
+          marginBottom: 12
+        },
+        children: "\u4E3A\u63D0\u5347\u60A8\u7684\u4F7F\u7528\u4F53\u9A8C\uFF0C\u8BF7\u544A\u8BC9\u6211\u4EEC\u4E0D\u8DB3\u7684\u65B9\u5411"
+      })]
+    }),
+    content: /*#__PURE__*/_jsx("div", {
+      children: /*#__PURE__*/_jsxs(Form, {
+        form: form,
+        children: [/*#__PURE__*/_jsx(Form.Item, {
+          name: "feedbackTags",
+          style: {
+            marginBottom: 12
+          },
+          children: /*#__PURE__*/_jsx(FeedbackTags, {})
+        }), /*#__PURE__*/_jsx(Form.Item, {
+          name: "feedbackDescription",
+          style: {
+            marginBottom: 12
+          },
+          children: /*#__PURE__*/_jsx(Input.TextArea, {
+            rows: 4,
+            placeholder: "\u6B22\u8FCE\u8BF4\u8BF4\u4F60\u7684\u60F3\u6CD5"
+          })
+        }), /*#__PURE__*/_jsx(Form.Item, {
+          dependencies: ["feedbackTags", "feedbackDescription"],
+          noStyle: true,
+          children: function children(_ref2) {
+            var getFieldValue = _ref2.getFieldValue;
+            var feedbackTags = getFieldValue("feedbackTags") || [];
+            var feedbackDescription = getFieldValue("feedbackDescription");
+            var disabled = !feedbackTags.length && !feedbackDescription;
+            return /*#__PURE__*/_jsx(Button, {
+              type: "primary",
+              block: true,
+              disabled: disabled,
+              onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+                var formData, res;
+                return _regeneratorRuntime().wrap(function _callee$(_context) {
+                  while (1) switch (_context.prev = _context.next) {
+                    case 0:
+                      _context.next = 2;
+                      return form.validateFields();
+                    case 2:
+                      formData = _context.sent;
+                      _context.next = 5;
+                      return onSubmit(formData);
+                    case 5:
+                      res = _context.sent;
+                      if (res) {
+                        setShowFeedback(false);
+                      }
+                    case 7:
+                    case "end":
+                      return _context.stop();
+                  }
+                }, _callee);
+              })),
+              children: "\u63D0\u4EA4\u53CD\u9988"
+            });
+          }
+        })]
+      })
+    }),
+    children: currentIsLike === -1 ? /*#__PURE__*/_jsx(DislikeFilled, {
+      style: {
+        color: activeColor,
+        cursor: "pointer"
+      }
+    }) : /*#__PURE__*/_jsx(DislikeOutlined, {
+      style: {
+        color: "#81858c",
+        cursor: "pointer"
+      }
+    })
+  });
+};
+export default DislikeFeedback;
+//# sourceMappingURL=DislikeFeedBack.js.map

package/dist/esm/components/XAdkProvider/compound/DislikeFeedBack.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","Form","Input","message","Popover","React","useState","DislikeFilled","DislikeOutlined","FeedbackTags","jsx","_jsx","jsxs","_jsxs","DislikeFeedback","_ref","_msg$isLike","msg","activeColor","onSubmit","_Form$useForm","useForm","_Form$useForm2","_slicedToArray","form","_useState","_useState2","showFeedback","setShowFeedback","currentIsLike","isLike","trigger","open","onOpenChange","v","warning","resetFields","title","children","style","color","fontWeight","marginBottom","content","Item","name","TextArea","rows","placeholder","dependencies","noStyle","_ref2","getFieldValue","feedbackTags","feedbackDescription","disabled","length","type","block","onClick","_asyncToGenerator","_regeneratorRuntime","mark","_callee","formData","res","wrap","_callee$","_context","prev","next","validateFields","sent","stop","cursor"],"sources":["../../../../../src/components/XAdkProvider/compound/DislikeFeedBack.tsx"],"sourcesContent":["import { Button, Form, Input, message, Popover } from \"antd\";\nimport React, { useState } from \"react\";\nimport { DislikeFilled, DislikeOutlined } from \"@ant-design/icons\";\nimport FeedbackTags from \"./FeedbackTags\";\n\nexport interface DislikeFeedbackProps {\n  msg: any;\n  activeColor: string;\n  onSubmit: (v: any) => Promise<boolean>;\n}\n\nexport const DislikeFeedback: React.FC<DislikeFeedbackProps> = ({\n  msg,\n  activeColor,\n  onSubmit,\n}) => {\n  const [form] = Form.useForm();\n  const [showFeedback, setShowFeedback] = useState(false);\n\n  // msg 是 ChatGroup 对象,isLike 在同层\n  const currentIsLike = msg.isLike ?? 0;\n\n  return (\n    <Popover\n      trigger={[\"click\"]}\n      open={showFeedback}\n      onOpenChange={(v) => {\n        if (v && currentIsLike !== 0) {\n          message.warning(\"已收到您的反馈，无需重复提交\");\n          return;\n        }\n        if (v) {\n          form.resetFields();\n        }\n        setShowFeedback(v);\n      }}\n      title={\n        <div>\n          <div>抱歉，未能满足您的需求</div>\n          <div\n            style={{ color: \"#999\", fontWeight: \"normal\", marginBottom: 12 }}\n          >\n            为提升您的使用体验，请告诉我们不足的方向\n          </div>\n        </div>\n      }\n      content={\n        <div>\n          <Form form={form}>\n            <Form.Item name=\"feedbackTags\" style={{ marginBottom: 12 }}>\n              <FeedbackTags />\n            </Form.Item>\n            <Form.Item name=\"feedbackDescription\" style={{ marginBottom: 12 }}>\n              <Input.TextArea rows={4} placeholder=\"欢迎说说你的想法\" />\n            </Form.Item>\n            <Form.Item\n              dependencies={[\"feedbackTags\", \"feedbackDescription\"]}\n              noStyle\n            >\n              {({ getFieldValue }) => {\n                const feedbackTags = getFieldValue(\"feedbackTags\") || [];\n                const feedbackDescription = getFieldValue(\n                  \"feedbackDescription\",\n                );\n                const disabled = !feedbackTags.length && !feedbackDescription;\n                return (\n                  <Button\n                    type=\"primary\"\n                    block\n                    disabled={disabled}\n                    onClick={async () => {\n                      const formData = await form.validateFields();\n                      const res = await onSubmit(formData);\n                      if (res) {\n                        setShowFeedback(false);\n                      }\n                    }}\n                  >\n                    提交反馈\n                  </Button>\n                );\n              }}\n            </Form.Item>\n          </Form>\n        </div>\n      }\n    >\n      {currentIsLike === -1 ? (\n        <DislikeFilled style={{ color: activeColor, cursor: \"pointer\" }} />\n      ) : (\n        <DislikeOutlined style={{ color: \"#81858c\", cursor: \"pointer\" }} />\n      )}\n    </Popover>\n  );\n};\n\nexport default DislikeFeedback;\n"],"mappings":"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"}

package/dist/esm/components/XAdkProvider/compound/FeedbackTags.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface FeedbackTagsProps {
+    value?: string[];
+    onChange?: (v?: string[]) => void;
+}
+export declare const FeedbackTags: React.FC<FeedbackTagsProps>;
+export default FeedbackTags;

package/dist/esm/components/XAdkProvider/compound/FeedbackTags.js

@@ -0,0 +1,34 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import { Button, Flex } from "antd";
+import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+var allTags = ["回答错误", "需求理解错", "内容质量差", "逻辑混乱", "可读性差", "遗忘了上文", "时效性差", "其他"];
+export var FeedbackTags = function FeedbackTags(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange;
+  var tags = value || [];
+  return /*#__PURE__*/_jsx(Flex, {
+    gap: 8,
+    wrap: true,
+    style: {
+      width: 305
+    },
+    children: allTags.map(function (v) {
+      return /*#__PURE__*/_jsx(Button, {
+        type: tags.includes(v) ? "primary" : "default",
+        onClick: function onClick() {
+          if (tags.includes(v)) {
+            onChange === null || onChange === void 0 || onChange(tags.filter(function (t) {
+              return t !== v;
+            }));
+          } else {
+            onChange === null || onChange === void 0 || onChange([].concat(_toConsumableArray(tags), [v]));
+          }
+        },
+        children: v
+      }, v);
+    })
+  });
+};
+export default FeedbackTags;
+//# sourceMappingURL=FeedbackTags.js.map

package/dist/esm/components/XAdkProvider/compound/FeedbackTags.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","Flex","React","jsx","_jsx","allTags","FeedbackTags","_ref","value","onChange","tags","gap","wrap","style","width","children","map","v","type","includes","onClick","filter","t","concat","_toConsumableArray"],"sources":["../../../../../src/components/XAdkProvider/compound/FeedbackTags.tsx"],"sourcesContent":["import { Button, Flex } from \"antd\";\nimport React from \"react\";\n\nexport interface FeedbackTagsProps {\n  value?: string[];\n  onChange?: (v?: string[]) => void;\n}\n\nconst allTags = [\n  \"回答错误\",\n  \"需求理解错\",\n  \"内容质量差\",\n  \"逻辑混乱\",\n  \"可读性差\",\n  \"遗忘了上文\",\n  \"时效性差\",\n  \"其他\",\n];\n\nexport const FeedbackTags: React.FC<FeedbackTagsProps> = ({\n  value,\n  onChange,\n}) => {\n  const tags = value || [];\n  return (\n    <Flex gap={8} wrap style={{ width: 305 }}>\n      {allTags.map((v) => (\n        <Button\n          key={v}\n          type={tags.includes(v) ? \"primary\" : \"default\"}\n          onClick={() => {\n            if (tags.includes(v)) {\n              onChange?.(tags.filter((t) => t !== v));\n            } else {\n              onChange?.([...tags, v]);\n            }\n          }}\n        >\n          {v}\n        </Button>\n      ))}\n    </Flex>\n  );\n};\n\nexport default FeedbackTags;\n"],"mappings":";AAAA,SAASA,MAAM,EAAEC,IAAI,QAAQ,MAAM;AACnC,OAAOC,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO1B,IAAMC,OAAO,GAAG,CACd,MAAM,EACN,OAAO,EACP,OAAO,EACP,MAAM,EACN,MAAM,EACN,OAAO,EACP,MAAM,EACN,IAAI,CACL;AAED,OAAO,IAAMC,YAAyC,GAAG,SAA5CA,YAAyCA,CAAAC,IAAA,EAGhD;EAAA,IAFJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAER,IAAMC,IAAI,GAAGF,KAAK,IAAI,EAAE;EACxB,oBACEJ,IAAA,CAACH,IAAI;IAACU,GAAG,EAAE,CAAE;IAACC,IAAI;IAACC,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAI,CAAE;IAAAC,QAAA,EACtCV,OAAO,CAACW,GAAG,CAAC,UAACC,CAAC;MAAA,oBACbb,IAAA,CAACJ,MAAM;QAELkB,IAAI,EAAER,IAAI,CAACS,QAAQ,CAACF,CAAC,CAAC,GAAG,SAAS,GAAG,SAAU;QAC/CG,OAAO,EAAE,SAAAA,QAAA,EAAM;UACb,IAAIV,IAAI,CAACS,QAAQ,CAACF,CAAC,CAAC,EAAE;YACpBR,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAGC,IAAI,CAACW,MAAM,CAAC,UAACC,CAAC;cAAA,OAAKA,CAAC,KAAKL,CAAC;YAAA,EAAC,CAAC;UACzC,CAAC,MAAM;YACLR,QAAQ,aAARA,QAAQ,eAARA,QAAQ,IAAAc,MAAA,CAAAC,kBAAA,CAAOd,IAAI,IAAEO,CAAC,EAAC,CAAC;UAC1B;QACF,CAAE;QAAAF,QAAA,EAEDE;MAAC,GAVGA,CAWC,CAAC;IAAA,CACV;EAAC,CACE,CAAC;AAEX,CAAC;AAED,eAAeX,YAAY"}

package/dist/esm/components/XAdkProvider/compound/Header.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import type { ChatConfig } from "../../../services/api";
+/**
+ * XAdkProvider.Header - 可选的头部组件
+ *
+ * 显示应用信息,用户可以自定义或不使用
+ *
+ * @example
+ * ```tsx
+ * <XAdkProvider url="..." token="...">
+ *   <XAdkProvider.Header />
+ *   <XAdkProvider.Messages />
+ * </XAdkProvider>
+ * ```
+ */
+export interface XAdkHeaderProps {
+    /** 额外的样式 */
+    style?: React.CSSProperties;
+    /** 额外的类名 */
+    className?: string;
+    /** 自定义渲染函数 */
+    render?: (appInfo: ChatConfig | null) => React.ReactNode;
+}
+declare const Header: React.FC<XAdkHeaderProps>;
+export default Header;

package/dist/esm/components/XAdkProvider/compound/Header.js

@@ -0,0 +1,79 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React from "react";
+import { useChatState } from "../context/ChatStateContext";
+
+/**
+ * XAdkProvider.Header - 可选的头部组件
+ *
+ * 显示应用信息,用户可以自定义或不使用
+ *
+ * @example
+ * ```tsx
+ * <XAdkProvider url="..." token="...">
+ *   <XAdkProvider.Header />
+ *   <XAdkProvider.Messages />
+ * </XAdkProvider>
+ * ```
+ */
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Header = function Header(_ref) {
+  var style = _ref.style,
+    className = _ref.className,
+    render = _ref.render;
+  var _useChatState = useChatState(),
+    appInfo = _useChatState.appInfo;
+
+  // 如果提供了自定义渲染函数,使用它
+  if (render) {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: render(appInfo)
+    });
+  }
+
+  // 默认头部渲染
+  if (!appInfo) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs("div", {
+    className: className,
+    style: _objectSpread({
+      padding: "16px",
+      borderBottom: "1px solid #f0f0f0",
+      display: "flex",
+      alignItems: "center",
+      gap: "12px"
+    }, style),
+    children: [appInfo.icon && /*#__PURE__*/_jsx("img", {
+      src: appInfo.icon,
+      alt: "\u5E94\u7528\u56FE\u6807",
+      style: {
+        width: 32,
+        height: 32,
+        borderRadius: "4px"
+      }
+    }), appInfo.appName && /*#__PURE__*/_jsxs("div", {
+      style: {
+        flex: 1
+      },
+      children: [/*#__PURE__*/_jsx("div", {
+        style: {
+          fontWeight: 500,
+          fontSize: "16px"
+        },
+        children: appInfo.appName
+      }), appInfo.description && /*#__PURE__*/_jsx("div", {
+        style: {
+          fontSize: "12px",
+          color: "#999",
+          marginTop: "4px"
+        },
+        children: appInfo.description
+      })]
+    })]
+  });
+};
+Header.displayName = "XAdkProvider.Header";
+export default Header;
+//# sourceMappingURL=Header.js.map