npm - @ai-group/chat-sdk - Versions diffs - 3.0.5 → 3.0.6 - Mend

@ai-group/chat-sdk 3.0.5 → 3.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (64) hide show

package/dist/cjs/components/XAdkChatbot/XAdkChatbot.stories.js CHANGED Viewed

@@ -150,6 +150,16 @@ const theme = useContext(ThemeContext);
 - ✅ 避免 this 相关问题
 - ✅ 更好的代码组织`,
     invocationId: "inv-2"
+  },
+  {
+    id: "5",
+    role: "user",
+    text: "来一段富文本"
+  },
+  {
+    id: "6",
+    role: "bot",
+    text: "# 我是标题\n\n我是正文\n\n**我是加粗**\n\n*我是斜体*\n\n<u>我是下划线</u>\n\n-   我是无序列表\n    \n-   1\n    \n-   2\n    \n\n1.  我是有序列表\n    \n2.  1\n    \n3.  2\n    \n\n> 我是引用\n\n[我是链接](https://www.baidu.com)\n\n```\n我是代码库\n```"
   }
 ];
 var 基础用法 = {

package/dist/cjs/components/XAdkChatbot/XAdkChatbot.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAdkChatbot/XAdkChatbot.stories.tsx"],
-  "sourcesContent": ["import React, { useEffect, useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Button, Space } from \"antd\";\nimport XAdkChatbot from \"./index\";\nimport type { IMessage } from \"@/types\";\n\nconst meta: Meta<typeof XAdkChatbot> = {\n  title: \"AI组件/XAdkChatbot 聊天消息组件\",\n  component: XAdkChatbot,\n  parameters: {\n    layout: \"padded\",\n    docs: {\n      description: {\n        component: `\n\n独立的聊天消息显示组件,用于渲染消息列表和建议问题。\n\n## 核心功能\n\n- 📝 **消息渲染**: 支持文本、Markdown、代码块、函数调用等\n- 💭 **思维链**: 支持显示 AI 推理过程\n- 🎯 **建议问题**: 显示和点击建议问题\n- 📌 **开场白**: 支持显示欢迎消息\n- 🔄 **加载状态**: 实时显示 AI 生成状态\n- 🎨 **自定义渲染**: 支持自定义消息底部内容\n\n## Props\n\n| 属性 | 类型 | 默认值 | 说明 |\n|------|------|--------|------|\n| messages | IMessage[] | [] | 消息列表 |\n| loading | boolean | false | 是否正在加载 |\n| prologue | string | - | 开场白 |\n| suggestions | string[] | [] | 建议问题 |\n| showFnCallDetail | boolean | false | 显示函数调用详情 |\n| footer | (msg) => ReactNode | - | 自定义消息底部 |\n| onSubmit | (content) => void | - | 发送消息回调 |\n| onStop | () => void | - | 停止生成回调 |\n| onClear | () => void | - | 清空消息回调 |\n| onSuggest | (text) => void | - | 点击建议回调 |\n| onConfirm | (fnCall, confirmed) => void | - | 确认函数调用 |\n        `,\n      },\n    },\n  },\n  tags: [\"autodocs\"],\n  argTypes: {\n    loading: {\n      description: \"是否正在加载(AI 生成中)\",\n      control: \"boolean\",\n    },\n    showFnCallDetail: {\n      description: \"是否显示函数调用详情\",\n      control: \"boolean\",\n    },\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// Mock 消息数据\nconst mockMessages: IMessage[] = [\n  {\n    id: \"1\",\n    role: \"user\",\n    text: \"你好\",\n  },\n  {\n    id: \"2\",\n    role: \"bot\",\n    text: \"你好!我是 AI 助手,很高兴为你服务。有什么我可以帮助你的吗?\",\n    invocationId: \"inv-1\",\n  },\n  {\n    id: \"3\",\n    role: \"user\",\n    text: \"介绍一下 React Hooks\",\n  },\n  {\n    id: \"4\",\n    role: \"bot\",\n    text: `React Hooks 是 React 16.8 引入的新特性,它让你在不编写 class 的情况下使用 state 和其他 React 特性。\n\n## 常用的 Hooks\n\n### 1. useState\n用于在函数组件中添加状态:\n\n\\`\\`\\`jsx\nconst [count, setCount] = useState(0);\n\\`\\`\\`\n\n### 2. useEffect\n用于处理副作用:\n\n\\`\\`\\`jsx\nuseEffect(() => {\n  document.title = \\`Count: \\${count}\\`;\n}, [count]);\n\\`\\`\\`\n\n### 3. useContext\n用于访问 Context:\n\n\\`\\`\\`jsx\nconst theme = useContext(ThemeContext);\n\\`\\`\\`\n\n## 优势\n\n- ✅ 代码更简洁\n- ✅ 逻辑复用更容易\n- ✅ 避免 this 相关问题\n- ✅ 更好的代码组织`,\n    invocationId: \"inv-2\",\n  },\n];\n\n// ============================================\n// 示例 1: 基础用法\n// ============================================\nexport const 基础用法: Story = {\n  render: () => {\n    const [messages, setMessages] = useState<IMessage[]>(mockMessages);\n    const [loading, setLoading] = useState(false);\n\n    useEffect(() => {\n      const userMsg: IMessage = {\n        id: Date.now().toString(),\n        role: \"user\",\n        text: \"你好\",\n        fileData: [\n          {\n            displayName: \"06f26c566fe4a3b5eaad678d0d270c97_origin.jpg\",\n            fileUri:\n              \"https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vidfnxlkpzxoa.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260317T083458Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260317%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=14439e184614d76f1ca19437f76496a6d24a8aa537a29ebf61fb2af9d3f9b285\",\n            mimeType: \"image/jpeg\",\n          },\n          {\n            displayName: \"06f26c566fe4a3b5eaad678d0d270c98_origin.jpg\",\n            fileUri:\n              \"https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vidfnxlkpzxoa.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260317T083458Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260317%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=14439e184614d76f1ca19437f76496a6d24a8aa537a29ebf61fb2af9d3f9b285\",\n            mimeType: \"image/jpeg\",\n          },\n        ],\n      };\n      setMessages((prev) => [...prev, userMsg]);\n\n      setLoading(true);\n      setTimeout(() => {\n        const botMsg: IMessage = {\n          id: (Date.now() + 1).toString(),\n          role: \"bot\",\n          text: `这是对 \"用户\" 的模拟回复。`,\n          invocationId: `inv-${Date.now()}`,\n        };\n        setMessages((prev) => [...prev, botMsg]);\n        setLoading(false);\n      }, 1000);\n    }, []);\n\n    return (\n      <div\n        style={{\n          width: 700,\n          height: \"600px\",\n          padding: \"20px\",\n          border: \"1px solid #f0f0f0\",\n          borderRadius: \"8px\",\n          overflow: \"hidden\",\n        }}\n      >\n        <XAdkChatbot\n          messages={messages}\n          loading={loading}\n          initialized={true}\n          style={{ width: \"670px\" }}\n        />\n      </div>\n    );\n  },\n};\n\n// ============================================\n// 示例 2: 开场白和建议问题\n// ============================================\nexport const 开场白和建议: Story = {\n  render: () => {\n    const [messages, setMessages] = useState<IMessage[]>([]);\n    const [suggestions, setSuggestions] = useState([\n      \"什么是 React Hooks?\",\n      \"如何使用 useState?\",\n      \"useEffect 的作用是什么?\",\n    ]);\n\n    const prologue = \"你好!我是 AI 助手,专注于 React 开发相关的问题。\";\n\n    const handleSuggest = (text: string) => {\n      const userMsg: IMessage = {\n        id: Date.now().toString(),\n        role: \"user\",\n        text,\n      };\n      setMessages([userMsg]);\n      setSuggestions([]);\n\n      setTimeout(() => {\n        const botMsg: IMessage = {\n          id: (Date.now() + 1).toString(),\n          role: \"bot\",\n          text: `这是对 \"${text}\" 的回答...`,\n          invocationId: `inv-${Date.now()}`,\n        };\n        setMessages((prev) => [...prev, botMsg]);\n      }, 1000);\n    };\n\n    return (\n      <div\n        style={{\n          width: 700,\n          height: \"600px\",\n          border: \"1px solid #f0f0f0\",\n          borderRadius: \"8px\",\n          overflow: \"hidden\",\n        }}\n      >\n        <XAdkChatbot\n          messages={messages}\n          loading={false}\n          initialized={true}\n          prologue={prologue}\n          suggestions={suggestions}\n          onSuggest={handleSuggest}\n        />\n      </div>\n    );\n  },\n};\n\n// ============================================\n// 示例 3: 流式输出\n// ============================================\nexport const 流式输出: Story = {\n  render: () => {\n    const [messages, setMessages] = useState<IMessage[]>([\n      {\n        id: \"1\",\n        role: \"user\",\n        text: \"给我讲一个故事\",\n      },\n    ]);\n    const [loading, setLoading] = useState(false);\n\n    const handleStart = () => {\n      setLoading(true);\n\n      const fullText =\n        \"从前有座山,山里有座庙,庙里有个老和尚在给小和尚讲故事。讲什么呢?从前有座山,山里有座庙...\";\n      let currentText = \"\";\n      let index = 0;\n\n      const botMsg: IMessage = {\n        id: \"2\",\n        role: \"bot\",\n        text: \"\",\n        invocationId: \"inv-1\",\n      };\n\n      setMessages((prev) => [...prev, botMsg]);\n\n      const interval = setInterval(() => {\n        if (index < fullText.length) {\n          currentText += fullText[index];\n          setMessages((prev) => {\n            const newMessages = [...prev];\n            newMessages[newMessages.length - 1] = {\n              ...botMsg,\n              text: currentText,\n            };\n            return newMessages;\n          });\n          index++;\n        } else {\n          clearInterval(interval);\n          setLoading(false);\n        }\n      }, 50);\n    };\n\n    return (\n      <div style={{ width: 700 }}>\n        <div style={{ marginBottom: \"16px\" }}>\n          <Button type=\"primary\" onClick={handleStart} disabled={loading}>\n            开始流式输出演示\n          </Button>\n        </div>\n        <div\n          style={{\n            height: \"550px\",\n            border: \"1px solid #f0f0f0\",\n            borderRadius: \"8px\",\n            overflow: \"hidden\",\n          }}\n        >\n          <XAdkChatbot\n            messages={messages}\n            loading={loading}\n            initialized={true}\n            onStop={() => setLoading(false)}\n          />\n        </div>\n      </div>\n    );\n  },\n};\n\n// ============================================\n// 示例 4: 自定义消息 Footer\n// ============================================\nexport const 自定义Footer: Story = {\n  render: () => {\n    const [messages] = useState<IMessage[]>(mockMessages);\n    const [likedMessages, setLikedMessages] = useState<Set<string>>(new Set());\n\n    const handleLike = (messageId: string) => {\n      setLikedMessages((prev) => {\n        const newSet = new Set(prev);\n        if (newSet.has(messageId)) {\n          newSet.delete(messageId);\n        } else {\n          newSet.add(messageId);\n        }\n        return newSet;\n      });\n    };\n\n    const customFooter = (data: any) => {\n      const { message, isLastBotMsg } = data;\n\n      if (!isLastBotMsg) return null;\n\n      const isLiked = likedMessages.has(message.id);\n\n      return (\n        <div style={{ padding: \"8px 0\" }}>\n          <Space size=\"small\">\n            <Button\n              size=\"small\"\n              type={isLiked ? \"primary\" : \"text\"}\n              onClick={() => handleLike(message.id)}\n            >\n              {isLiked ? \"👍 已赞\" : \"👍 赞\"}\n            </Button>\n            <Button size=\"small\" type=\"text\">\n              👎 踩\n            </Button>\n            <Button size=\"small\" type=\"text\">\n              📋 复制\n            </Button>\n            <Button size=\"small\" type=\"text\">\n              🔄 重新生成\n            </Button>\n          </Space>\n        </div>\n      );\n    };\n\n    return (\n      <div\n        style={{\n          width: 700,\n          height: \"600px\",\n          border: \"1px solid #f0f0f0\",\n          borderRadius: \"8px\",\n          overflow: \"hidden\",\n        }}\n      >\n        <XAdkChatbot\n          messages={messages}\n          loading={false}\n          initialized={true}\n          actions={customFooter}\n        />\n      </div>\n    );\n  },\n};\n\n// ============================================\n// 示例 5: 函数调用\n// ============================================\nexport const 函数调用: Story = {\n  render: () => {\n    const messagesWithFunctionCall: IMessage[] = [\n      {\n        id: \"1\",\n        role: \"user\",\n        text: \"今天北京的天气怎么样?\",\n      },\n      {\n        id: \"2\",\n        role: \"bot\",\n        functionCall: {\n          id: \"call-1\",\n          name: \"get_weather\",\n          args: {\n            city: \"北京\",\n            date: \"2024-03-05\",\n          },\n        },\n        invocationId: \"inv-1\",\n      },\n      {\n        id: \"3\",\n        role: \"bot\",\n        text: \"根据天气查询,今天北京的天气是晴天,温度 15-25°C,空气质量良好,适合户外活动。\",\n        invocationId: \"inv-1\",\n      },\n    ];\n\n    return (\n      <div\n        style={{\n          width: 700,\n          height: \"600px\",\n          border: \"1px solid #f0f0f0\",\n          borderRadius: \"8px\",\n          overflow: \"hidden\",\n        }}\n      >\n        <XAdkChatbot\n          messages={messagesWithFunctionCall}\n          loading={false}\n          initialized={true}\n          showFnCallDetail={true}\n        />\n      </div>\n    );\n  },\n};\n\n// ============================================\n// 示例 6: 思维链\n// ============================================\nexport const 思维链: Story = {\n  render: () => {\n    const messagesWithThought: IMessage[] = [\n      {\n        id: \"1\",\n        role: \"user\",\n        text: \"帮我分析一下这个问题\",\n      },\n      {\n        id: \"2\",\n        role: \"bot\",\n        text: \"让我分析一下这个问题...\",\n        thought: true,\n        invocationId: \"inv-1\",\n      },\n      {\n        id: \"3\",\n        role: \"bot\",\n        text: \"首先,我需要理解问题的核心...\",\n        thought: true,\n        invocationId: \"inv-1\",\n      },\n      {\n        id: \"4\",\n        role: \"bot\",\n        text: \"根据分析,我的结论是...(这是最终回答)\",\n        thought: false,\n        invocationId: \"inv-1\",\n      },\n    ];\n\n    return (\n      <div\n        style={{\n          width: 700,\n          height: \"600px\",\n          border: \"1px solid #f0f0f0\",\n          borderRadius: \"8px\",\n          overflow: \"hidden\",\n        }}\n      >\n        <XAdkChatbot\n          messages={messagesWithThought}\n          loading={false}\n          initialized={true}\n        />\n      </div>\n    );\n  },\n};\n\n// ============================================\n// 示例 7: 代码高亮\n// ============================================\nexport const 代码高亮: Story = {\n  render: () => {\n    const messagesWithCode: IMessage[] = [\n      {\n        id: \"1\",\n        role: \"user\",\n        text: \"写一个 React 组件\",\n      },\n      {\n        id: \"2\",\n        role: \"bot\",\n        text: `这是一个简单的 React 计数器组件:\n\n\\`\\`\\`jsx\nimport React, { useState } from 'react';\n\nfunction Counter() {\n  const [count, setCount] = useState(0);\n\n  return (\n    <div>\n      <h1>Count: {count}</h1>\n      <button onClick={() => setCount(count + 1)}>\n        +1\n      </button>\n      <button onClick={() => setCount(count - 1)}>\n        -1\n      </button>\n    </div>\n  );\n}\n\nexport default Counter;\n\\`\\`\\`\n\n这个组件使用了 \\`useState\\` Hook 来管理计数器状态。`,\n        invocationId: \"inv-1\",\n      },\n    ];\n\n    return (\n      <div\n        style={{\n          width: 700,\n          height: \"600px\",\n          border: \"1px solid #f0f0f0\",\n          borderRadius: \"8px\",\n          overflow: \"hidden\",\n        }}\n      >\n        <XAdkChatbot\n          messages={messagesWithCode}\n          loading={false}\n          initialized={true}\n        />\n      </div>\n    );\n  },\n};\n\n// ============================================\n// 示例 8: 多轮对话\n// ============================================\nexport const 多轮对话: Story = {\n  render: () => {\n    const multiRoundMessages: IMessage[] = [\n      {\n        id: \"1\",\n        role: \"user\",\n        text: \"React 是什么?\",\n      },\n      {\n        id: \"2\",\n        role: \"bot\",\n        text: \"React 是一个用于构建用户界面的 JavaScript 库。\",\n        invocationId: \"inv-1\",\n      },\n      {\n        id: \"3\",\n        role: \"user\",\n        text: \"它有什么特点?\",\n      },\n      {\n        id: \"4\",\n        role: \"bot\",\n        text: \"React 的主要特点包括:\\n1. 组件化\\n2. 虚拟 DOM\\n3. 单向数据流\\n4. JSX 语法\",\n        invocationId: \"inv-2\",\n      },\n      {\n        id: \"5\",\n        role: \"user\",\n        text: \"什么是虚拟 DOM?\",\n      },\n      {\n        id: \"6\",\n        role: \"bot\",\n        text: \"虚拟 DOM 是真实 DOM 的 JavaScript 对象表示,React 通过对比虚拟 DOM 的变化来高效更新真实 DOM。\",\n        invocationId: \"inv-3\",\n      },\n    ];\n\n    return (\n      <div\n        style={{\n          width: 700,\n          height: \"600px\",\n          border: \"1px solid #f0f0f0\",\n          borderRadius: \"8px\",\n          overflow: \"hidden\",\n        }}\n      >\n        <XAdkChatbot\n          messages={multiRoundMessages}\n          loading={false}\n          initialized={true}\n        />\n      </div>\n    );\n  },\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { useEffect, useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Button, Space } from \"antd\";\nimport XAdkChatbot from \"./index\";\nimport type { IMessage } from \"@/types\";\n\nconst meta: Meta<typeof XAdkChatbot> = {\n  title: \"AI组件/XAdkChatbot 聊天消息组件\",\n  component: XAdkChatbot,\n  parameters: {\n    layout: \"padded\",\n    docs: {\n      description: {\n        component: `\n\n独立的聊天消息显示组件,用于渲染消息列表和建议问题。\n\n## 核心功能\n\n- 📝 **消息渲染**: 支持文本、Markdown、代码块、函数调用等\n- 💭 **思维链**: 支持显示 AI 推理过程\n- 🎯 **建议问题**: 显示和点击建议问题\n- 📌 **开场白**: 支持显示欢迎消息\n- 🔄 **加载状态**: 实时显示 AI 生成状态\n- 🎨 **自定义渲染**: 支持自定义消息底部内容\n\n## Props\n\n| 属性 | 类型 | 默认值 | 说明 |\n|------|------|--------|------|\n| messages | IMessage[] | [] | 消息列表 |\n| loading | boolean | false | 是否正在加载 |\n| prologue | string | - | 开场白 |\n| suggestions | string[] | [] | 建议问题 |\n| showFnCallDetail | boolean | false | 显示函数调用详情 |\n| footer | (msg) => ReactNode | - | 自定义消息底部 |\n| onSubmit | (content) => void | - | 发送消息回调 |\n| onStop | () => void | - | 停止生成回调 |\n| onClear | () => void | - | 清空消息回调 |\n| onSuggest | (text) => void | - | 点击建议回调 |\n| onConfirm | (fnCall, confirmed) => void | - | 确认函数调用 |\n        `,\n      },\n    },\n  },\n  tags: [\"autodocs\"],\n  argTypes: {\n    loading: {\n      description: \"是否正在加载(AI 生成中)\",\n      control: \"boolean\",\n    },\n    showFnCallDetail: {\n      description: \"是否显示函数调用详情\",\n      control: \"boolean\",\n    },\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// Mock 消息数据\nconst mockMessages: IMessage[] = [\n  {\n    id: \"1\",\n    role: \"user\",\n    text: \"你好\",\n  },\n  {\n    id: \"2\",\n    role: \"bot\",\n    text: \"你好!我是 AI 助手,很高兴为你服务。有什么我可以帮助你的吗?\",\n    invocationId: \"inv-1\",\n  },\n  {\n    id: \"3\",\n    role: \"user\",\n    text: \"介绍一下 React Hooks\",\n  },\n  {\n    id: \"4\",\n    role: \"bot\",\n    text: `React Hooks 是 React 16.8 引入的新特性,它让你在不编写 class 的情况下使用 state 和其他 React 特性。\n\n## 常用的 Hooks\n\n### 1. useState\n用于在函数组件中添加状态:\n\n\\`\\`\\`jsx\nconst [count, setCount] = useState(0);\n\\`\\`\\`\n\n### 2. useEffect\n用于处理副作用:\n\n\\`\\`\\`jsx\nuseEffect(() => {\n  document.title = \\`Count: \\${count}\\`;\n}, [count]);\n\\`\\`\\`\n\n### 3. useContext\n用于访问 Context:\n\n\\`\\`\\`jsx\nconst theme = useContext(ThemeContext);\n\\`\\`\\`\n\n## 优势\n\n- ✅ 代码更简洁\n- ✅ 逻辑复用更容易\n- ✅ 避免 this 相关问题\n- ✅ 更好的代码组织`,\n    invocationId: \"inv-2\",\n  },\n  {\n    id: \"5\",\n    role: \"user\",\n    text: \"来一段富文本\",\n  },\n  {\n    id: \"6\",\n    role: \"bot\",\n    text: \"# 我是标题\\n\\n我是正文\\n\\n**我是加粗**\\n\\n*我是斜体*\\n\\n<u>我是下划线</u>\\n\\n-   我是无序列表\\n    \\n-   1\\n    \\n-   2\\n    \\n\\n1.  我是有序列表\\n    \\n2.  1\\n    \\n3.  2\\n    \\n\\n> 我是引用\\n\\n[我是链接](https://www.baidu.com)\\n\\n```\\n我是代码库\\n```\",\n  },\n];\n\n// ============================================\n// 示例 1: 基础用法\n// ============================================\nexport const 基础用法: Story = {\n  render: () => {\n    const [messages, setMessages] = useState<IMessage[]>(mockMessages);\n    const [loading, setLoading] = useState(false);\n\n    useEffect(() => {\n      const userMsg: IMessage = {\n        id: Date.now().toString(),\n        role: \"user\",\n        text: \"你好\",\n        fileData: [\n          {\n            displayName: \"06f26c566fe4a3b5eaad678d0d270c97_origin.jpg\",\n            fileUri:\n              \"https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vidfnxlkpzxoa.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260317T083458Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260317%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=14439e184614d76f1ca19437f76496a6d24a8aa537a29ebf61fb2af9d3f9b285\",\n            mimeType: \"image/jpeg\",\n          },\n          {\n            displayName: \"06f26c566fe4a3b5eaad678d0d270c98_origin.jpg\",\n            fileUri:\n              \"https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vidfnxlkpzxoa.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260317T083458Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260317%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=14439e184614d76f1ca19437f76496a6d24a8aa537a29ebf61fb2af9d3f9b285\",\n            mimeType: \"image/jpeg\",\n          },\n        ],\n      };\n      setMessages((prev) => [...prev, userMsg]);\n\n      setLoading(true);\n      setTimeout(() => {\n        const botMsg: IMessage = {\n          id: (Date.now() + 1).toString(),\n          role: \"bot\",\n          text: `这是对 \"用户\" 的模拟回复。`,\n          invocationId: `inv-${Date.now()}`,\n        };\n        setMessages((prev) => [...prev, botMsg]);\n        setLoading(false);\n      }, 1000);\n    }, []);\n\n    return (\n      <div\n        style={{\n          width: 700,\n          height: \"600px\",\n          padding: \"20px\",\n          border: \"1px solid #f0f0f0\",\n          borderRadius: \"8px\",\n          overflow: \"hidden\",\n        }}\n      >\n        <XAdkChatbot\n          messages={messages}\n          loading={loading}\n          initialized={true}\n          style={{ width: \"670px\" }}\n        />\n      </div>\n    );\n  },\n};\n\n// ============================================\n// 示例 2: 开场白和建议问题\n// ============================================\nexport const 开场白和建议: Story = {\n  render: () => {\n    const [messages, setMessages] = useState<IMessage[]>([]);\n    const [suggestions, setSuggestions] = useState([\n      \"什么是 React Hooks?\",\n      \"如何使用 useState?\",\n      \"useEffect 的作用是什么?\",\n    ]);\n\n    const prologue = \"你好!我是 AI 助手,专注于 React 开发相关的问题。\";\n\n    const handleSuggest = (text: string) => {\n      const userMsg: IMessage = {\n        id: Date.now().toString(),\n        role: \"user\",\n        text,\n      };\n      setMessages([userMsg]);\n      setSuggestions([]);\n\n      setTimeout(() => {\n        const botMsg: IMessage = {\n          id: (Date.now() + 1).toString(),\n          role: \"bot\",\n          text: `这是对 \"${text}\" 的回答...`,\n          invocationId: `inv-${Date.now()}`,\n        };\n        setMessages((prev) => [...prev, botMsg]);\n      }, 1000);\n    };\n\n    return (\n      <div\n        style={{\n          width: 700,\n          height: \"600px\",\n          border: \"1px solid #f0f0f0\",\n          borderRadius: \"8px\",\n          overflow: \"hidden\",\n        }}\n      >\n        <XAdkChatbot\n          messages={messages}\n          loading={false}\n          initialized={true}\n          prologue={prologue}\n          suggestions={suggestions}\n          onSuggest={handleSuggest}\n        />\n      </div>\n    );\n  },\n};\n\n// ============================================\n// 示例 3: 流式输出\n// ============================================\nexport const 流式输出: Story = {\n  render: () => {\n    const [messages, setMessages] = useState<IMessage[]>([\n      {\n        id: \"1\",\n        role: \"user\",\n        text: \"给我讲一个故事\",\n      },\n    ]);\n    const [loading, setLoading] = useState(false);\n\n    const handleStart = () => {\n      setLoading(true);\n\n      const fullText =\n        \"从前有座山,山里有座庙,庙里有个老和尚在给小和尚讲故事。讲什么呢?从前有座山,山里有座庙...\";\n      let currentText = \"\";\n      let index = 0;\n\n      const botMsg: IMessage = {\n        id: \"2\",\n        role: \"bot\",\n        text: \"\",\n        invocationId: \"inv-1\",\n      };\n\n      setMessages((prev) => [...prev, botMsg]);\n\n      const interval = setInterval(() => {\n        if (index < fullText.length) {\n          currentText += fullText[index];\n          setMessages((prev) => {\n            const newMessages = [...prev];\n            newMessages[newMessages.length - 1] = {\n              ...botMsg,\n              text: currentText,\n            };\n            return newMessages;\n          });\n          index++;\n        } else {\n          clearInterval(interval);\n          setLoading(false);\n        }\n      }, 50);\n    };\n\n    return (\n      <div style={{ width: 700 }}>\n        <div style={{ marginBottom: \"16px\" }}>\n          <Button type=\"primary\" onClick={handleStart} disabled={loading}>\n            开始流式输出演示\n          </Button>\n        </div>\n        <div\n          style={{\n            height: \"550px\",\n            border: \"1px solid #f0f0f0\",\n            borderRadius: \"8px\",\n            overflow: \"hidden\",\n          }}\n        >\n          <XAdkChatbot\n            messages={messages}\n            loading={loading}\n            initialized={true}\n            onStop={() => setLoading(false)}\n          />\n        </div>\n      </div>\n    );\n  },\n};\n\n// ============================================\n// 示例 4: 自定义消息 Footer\n// ============================================\nexport const 自定义Footer: Story = {\n  render: () => {\n    const [messages] = useState<IMessage[]>(mockMessages);\n    const [likedMessages, setLikedMessages] = useState<Set<string>>(new Set());\n\n    const handleLike = (messageId: string) => {\n      setLikedMessages((prev) => {\n        const newSet = new Set(prev);\n        if (newSet.has(messageId)) {\n          newSet.delete(messageId);\n        } else {\n          newSet.add(messageId);\n        }\n        return newSet;\n      });\n    };\n\n    const customFooter = (data: any) => {\n      const { message, isLastBotMsg } = data;\n\n      if (!isLastBotMsg) return null;\n\n      const isLiked = likedMessages.has(message.id);\n\n      return (\n        <div style={{ padding: \"8px 0\" }}>\n          <Space size=\"small\">\n            <Button\n              size=\"small\"\n              type={isLiked ? \"primary\" : \"text\"}\n              onClick={() => handleLike(message.id)}\n            >\n              {isLiked ? \"👍 已赞\" : \"👍 赞\"}\n            </Button>\n            <Button size=\"small\" type=\"text\">\n              👎 踩\n            </Button>\n            <Button size=\"small\" type=\"text\">\n              📋 复制\n            </Button>\n            <Button size=\"small\" type=\"text\">\n              🔄 重新生成\n            </Button>\n          </Space>\n        </div>\n      );\n    };\n\n    return (\n      <div\n        style={{\n          width: 700,\n          height: \"600px\",\n          border: \"1px solid #f0f0f0\",\n          borderRadius: \"8px\",\n          overflow: \"hidden\",\n        }}\n      >\n        <XAdkChatbot\n          messages={messages}\n          loading={false}\n          initialized={true}\n          actions={customFooter}\n        />\n      </div>\n    );\n  },\n};\n\n// ============================================\n// 示例 5: 函数调用\n// ============================================\nexport const 函数调用: Story = {\n  render: () => {\n    const messagesWithFunctionCall: IMessage[] = [\n      {\n        id: \"1\",\n        role: \"user\",\n        text: \"今天北京的天气怎么样?\",\n      },\n      {\n        id: \"2\",\n        role: \"bot\",\n        functionCall: {\n          id: \"call-1\",\n          name: \"get_weather\",\n          args: {\n            city: \"北京\",\n            date: \"2024-03-05\",\n          },\n        },\n        invocationId: \"inv-1\",\n      },\n      {\n        id: \"3\",\n        role: \"bot\",\n        text: \"根据天气查询,今天北京的天气是晴天,温度 15-25°C,空气质量良好,适合户外活动。\",\n        invocationId: \"inv-1\",\n      },\n    ];\n\n    return (\n      <div\n        style={{\n          width: 700,\n          height: \"600px\",\n          border: \"1px solid #f0f0f0\",\n          borderRadius: \"8px\",\n          overflow: \"hidden\",\n        }}\n      >\n        <XAdkChatbot\n          messages={messagesWithFunctionCall}\n          loading={false}\n          initialized={true}\n          showFnCallDetail={true}\n        />\n      </div>\n    );\n  },\n};\n\n// ============================================\n// 示例 6: 思维链\n// ============================================\nexport const 思维链: Story = {\n  render: () => {\n    const messagesWithThought: IMessage[] = [\n      {\n        id: \"1\",\n        role: \"user\",\n        text: \"帮我分析一下这个问题\",\n      },\n      {\n        id: \"2\",\n        role: \"bot\",\n        text: \"让我分析一下这个问题...\",\n        thought: true,\n        invocationId: \"inv-1\",\n      },\n      {\n        id: \"3\",\n        role: \"bot\",\n        text: \"首先,我需要理解问题的核心...\",\n        thought: true,\n        invocationId: \"inv-1\",\n      },\n      {\n        id: \"4\",\n        role: \"bot\",\n        text: \"根据分析,我的结论是...(这是最终回答)\",\n        thought: false,\n        invocationId: \"inv-1\",\n      },\n    ];\n\n    return (\n      <div\n        style={{\n          width: 700,\n          height: \"600px\",\n          border: \"1px solid #f0f0f0\",\n          borderRadius: \"8px\",\n          overflow: \"hidden\",\n        }}\n      >\n        <XAdkChatbot\n          messages={messagesWithThought}\n          loading={false}\n          initialized={true}\n        />\n      </div>\n    );\n  },\n};\n\n// ============================================\n// 示例 7: 代码高亮\n// ============================================\nexport const 代码高亮: Story = {\n  render: () => {\n    const messagesWithCode: IMessage[] = [\n      {\n        id: \"1\",\n        role: \"user\",\n        text: \"写一个 React 组件\",\n      },\n      {\n        id: \"2\",\n        role: \"bot\",\n        text: `这是一个简单的 React 计数器组件:\n\n\\`\\`\\`jsx\nimport React, { useState } from 'react';\n\nfunction Counter() {\n  const [count, setCount] = useState(0);\n\n  return (\n    <div>\n      <h1>Count: {count}</h1>\n      <button onClick={() => setCount(count + 1)}>\n        +1\n      </button>\n      <button onClick={() => setCount(count - 1)}>\n        -1\n      </button>\n    </div>\n  );\n}\n\nexport default Counter;\n\\`\\`\\`\n\n这个组件使用了 \\`useState\\` Hook 来管理计数器状态。`,\n        invocationId: \"inv-1\",\n      },\n    ];\n\n    return (\n      <div\n        style={{\n          width: 700,\n          height: \"600px\",\n          border: \"1px solid #f0f0f0\",\n          borderRadius: \"8px\",\n          overflow: \"hidden\",\n        }}\n      >\n        <XAdkChatbot\n          messages={messagesWithCode}\n          loading={false}\n          initialized={true}\n        />\n      </div>\n    );\n  },\n};\n\n// ============================================\n// 示例 8: 多轮对话\n// ============================================\nexport const 多轮对话: Story = {\n  render: () => {\n    const multiRoundMessages: IMessage[] = [\n      {\n        id: \"1\",\n        role: \"user\",\n        text: \"React 是什么?\",\n      },\n      {\n        id: \"2\",\n        role: \"bot\",\n        text: \"React 是一个用于构建用户界面的 JavaScript 库。\",\n        invocationId: \"inv-1\",\n      },\n      {\n        id: \"3\",\n        role: \"user\",\n        text: \"它有什么特点?\",\n      },\n      {\n        id: \"4\",\n        role: \"bot\",\n        text: \"React 的主要特点包括:\\n1. 组件化\\n2. 虚拟 DOM\\n3. 单向数据流\\n4. JSX 语法\",\n        invocationId: \"inv-2\",\n      },\n      {\n        id: \"5\",\n        role: \"user\",\n        text: \"什么是虚拟 DOM?\",\n      },\n      {\n        id: \"6\",\n        role: \"bot\",\n        text: \"虚拟 DOM 是真实 DOM 的 JavaScript 对象表示,React 通过对比虚拟 DOM 的变化来高效更新真实 DOM。\",\n        invocationId: \"inv-3\",\n      },\n    ];\n\n    return (\n      <div\n        style={{\n          width: 700,\n          height: \"600px\",\n          border: \"1px solid #f0f0f0\",\n          borderRadius: \"8px\",\n          overflow: \"hidden\",\n        }}\n      >\n        <XAdkChatbot\n          messages={multiRoundMessages}\n          loading={false}\n          initialized={true}\n        />\n      </div>\n    );\n  },\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2C;AAE3C,kBAA8B;AAC9B,mBAAwB;AAoLhB;AAjLR,IAAM,OAAiC;AAAA,EACrC,OAAO;AAAA,EACP,WAAW,aAAAA;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,aAAa;AAAA,QACX,WAAW;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,MA6Bb;AAAA,IACF;AAAA,EACF;AAAA,EACA,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU;AAAA,IACR,SAAS;AAAA,MACP,aAAa;AAAA,MACb,SAAS;AAAA,IACX;AAAA,IACA,kBAAkB;AAAA,MAChB,aAAa;AAAA,MACb,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEA,IAAO,8BAAQ;AAIf,IAAM,eAA2B;AAAA,EAC/B;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,cAAc;AAAA,EAChB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;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;AAAA;AAAA;AAAA;AAAA,IAiCN,cAAc;AAAA,EAChB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;AAKO,IAAM,OAAc;AAAA,EACzB,QAAQ,MAAM;AACZ,UAAM,CAAC,UAAU,WAAW,QAAI,uBAAqB,YAAY;AACjE,UAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAE5C,gCAAU,MAAM;AACd,YAAM,UAAoB;AAAA,QACxB,IAAI,KAAK,IAAI,EAAE,SAAS;AAAA,QACxB,MAAM;AAAA,QACN,MAAM;AAAA,QACN,UAAU;AAAA,UACR;AAAA,YACE,aAAa;AAAA,YACb,SACE;AAAA,YACF,UAAU;AAAA,UACZ;AAAA,UACA;AAAA,YACE,aAAa;AAAA,YACb,SACE;AAAA,YACF,UAAU;AAAA,UACZ;AAAA,QACF;AAAA,MACF;AACA,kBAAY,CAAC,SAAS,CAAC,GAAG,MAAM,OAAO,CAAC;AAExC,iBAAW,IAAI;AACf,iBAAW,MAAM;AACf,cAAM,SAAmB;AAAA,UACvB,KAAK,KAAK,IAAI,IAAI,GAAG,SAAS;AAAA,UAC9B,MAAM;AAAA,UACN,MAAM;AAAA,UACN,cAAc,OAAO,KAAK,IAAI;AAAA,QAChC;AACA,oBAAY,CAAC,SAAS,CAAC,GAAG,MAAM,MAAM,CAAC;AACvC,mBAAW,KAAK;AAAA,MAClB,GAAG,GAAI;AAAA,IACT,GAAG,CAAC,CAAC;AAEL,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,UAAU;AAAA,QACZ;AAAA,QAEA;AAAA,UAAC,aAAAA;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,aAAa;AAAA,YACb,OAAO,EAAE,OAAO,QAAQ;AAAA;AAAA,QAC1B;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAKO,IAAM,SAAgB;AAAA,EAC3B,QAAQ,MAAM;AACZ,UAAM,CAAC,UAAU,WAAW,QAAI,uBAAqB,CAAC,CAAC;AACvD,UAAM,CAAC,aAAa,cAAc,QAAI,uBAAS;AAAA,MAC7C;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,UAAM,WAAW;AAEjB,UAAM,gBAAgB,CAAC,SAAiB;AACtC,YAAM,UAAoB;AAAA,QACxB,IAAI,KAAK,IAAI,EAAE,SAAS;AAAA,QACxB,MAAM;AAAA,QACN;AAAA,MACF;AACA,kBAAY,CAAC,OAAO,CAAC;AACrB,qBAAe,CAAC,CAAC;AAEjB,iBAAW,MAAM;AACf,cAAM,SAAmB;AAAA,UACvB,KAAK,KAAK,IAAI,IAAI,GAAG,SAAS;AAAA,UAC9B,MAAM;AAAA,UACN,MAAM,QAAQ;AAAA,UACd,cAAc,OAAO,KAAK,IAAI;AAAA,QAChC;AACA,oBAAY,CAAC,SAAS,CAAC,GAAG,MAAM,MAAM,CAAC;AAAA,MACzC,GAAG,GAAI;AAAA,IACT;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,UAAU;AAAA,QACZ;AAAA,QAEA;AAAA,UAAC,aAAAA;AAAA,UAAA;AAAA,YACC;AAAA,YACA,SAAS;AAAA,YACT,aAAa;AAAA,YACb;AAAA,YACA;AAAA,YACA,WAAW;AAAA;AAAA,QACb;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAKO,IAAM,OAAc;AAAA,EACzB,QAAQ,MAAM;AACZ,UAAM,CAAC,UAAU,WAAW,QAAI,uBAAqB;AAAA,MACnD;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,IACF,CAAC;AACD,UAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAE5C,UAAM,cAAc,MAAM;AACxB,iBAAW,IAAI;AAEf,YAAM,WACJ;AACF,UAAI,cAAc;AAClB,UAAI,QAAQ;AAEZ,YAAM,SAAmB;AAAA,QACvB,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,cAAc;AAAA,MAChB;AAEA,kBAAY,CAAC,SAAS,CAAC,GAAG,MAAM,MAAM,CAAC;AAEvC,YAAM,WAAW,YAAY,MAAM;AACjC,YAAI,QAAQ,SAAS,QAAQ;AAC3B,yBAAe,SAAS,KAAK;AAC7B,sBAAY,CAAC,SAAS;AACpB,kBAAM,cAAc,CAAC,GAAG,IAAI;AAC5B,wBAAY,YAAY,SAAS,CAAC,IAAI;AAAA,cACpC,GAAG;AAAA,cACH,MAAM;AAAA,YACR;AACA,mBAAO;AAAA,UACT,CAAC;AACD;AAAA,QACF,OAAO;AACL,wBAAc,QAAQ;AACtB,qBAAW,KAAK;AAAA,QAClB;AAAA,MACF,GAAG,EAAE;AAAA,IACP;AAEA,WACE,6CAAC,SAAI,OAAO,EAAE,OAAO,IAAI,GACvB;AAAA,kDAAC,SAAI,OAAO,EAAE,cAAc,OAAO,GACjC,sDAAC,sBAAO,MAAK,WAAU,SAAS,aAAa,UAAU,SAAS,sBAEhE,GACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,QAAQ;AAAA,YACR,QAAQ;AAAA,YACR,cAAc;AAAA,YACd,UAAU;AAAA,UACZ;AAAA,UAEA;AAAA,YAAC,aAAAA;AAAA,YAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA,aAAa;AAAA,cACb,QAAQ,MAAM,WAAW,KAAK;AAAA;AAAA,UAChC;AAAA;AAAA,MACF;AAAA,OACF;AAAA,EAEJ;AACF;AAKO,IAAM,YAAmB;AAAA,EAC9B,QAAQ,MAAM;AACZ,UAAM,CAAC,QAAQ,QAAI,uBAAqB,YAAY;AACpD,UAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAsB,oBAAI,IAAI,CAAC;AAEzE,UAAM,aAAa,CAAC,cAAsB;AACxC,uBAAiB,CAAC,SAAS;AACzB,cAAM,SAAS,IAAI,IAAI,IAAI;AAC3B,YAAI,OAAO,IAAI,SAAS,GAAG;AACzB,iBAAO,OAAO,SAAS;AAAA,QACzB,OAAO;AACL,iBAAO,IAAI,SAAS;AAAA,QACtB;AACA,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAEA,UAAM,eAAe,CAAC,SAAc;AAClC,YAAM,EAAE,SAAS,aAAa,IAAI;AAElC,UAAI,CAAC;AAAc,eAAO;AAE1B,YAAM,UAAU,cAAc,IAAI,QAAQ,EAAE;AAE5C,aACE,4CAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,GAC7B,uDAAC,qBAAM,MAAK,SACV;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAM,UAAU,YAAY;AAAA,YAC5B,SAAS,MAAM,WAAW,QAAQ,EAAE;AAAA,YAEnC,oBAAU,UAAU;AAAA;AAAA,QACvB;AAAA,QACA,4CAAC,sBAAO,MAAK,SAAQ,MAAK,QAAO,kBAEjC;AAAA,QACA,4CAAC,sBAAO,MAAK,SAAQ,MAAK,QAAO,mBAEjC;AAAA,QACA,4CAAC,sBAAO,MAAK,SAAQ,MAAK,QAAO,qBAEjC;AAAA,SACF,GACF;AAAA,IAEJ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,UAAU;AAAA,QACZ;AAAA,QAEA;AAAA,UAAC,aAAAA;AAAA,UAAA;AAAA,YACC;AAAA,YACA,SAAS;AAAA,YACT,aAAa;AAAA,YACb,SAAS;AAAA;AAAA,QACX;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAKO,IAAM,OAAc;AAAA,EACzB,QAAQ,MAAM;AACZ,UAAM,2BAAuC;AAAA,MAC3C;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,cAAc;AAAA,UACZ,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,MAAM;AAAA,YACJ,MAAM;AAAA,YACN,MAAM;AAAA,UACR;AAAA,QACF;AAAA,QACA,cAAc;AAAA,MAChB;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,cAAc;AAAA,MAChB;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,UAAU;AAAA,QACZ;AAAA,QAEA;AAAA,UAAC,aAAAA;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YACV,SAAS;AAAA,YACT,aAAa;AAAA,YACb,kBAAkB;AAAA;AAAA,QACpB;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAKO,IAAM,MAAa;AAAA,EACxB,QAAQ,MAAM;AACZ,UAAM,sBAAkC;AAAA,MACtC;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,SAAS;AAAA,QACT,cAAc;AAAA,MAChB;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,SAAS;AAAA,QACT,cAAc;AAAA,MAChB;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,SAAS;AAAA,QACT,cAAc;AAAA,MAChB;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,UAAU;AAAA,QACZ;AAAA,QAEA;AAAA,UAAC,aAAAA;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YACV,SAAS;AAAA,YACT,aAAa;AAAA;AAAA,QACf;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAKO,IAAM,OAAc;AAAA,EACzB,QAAQ,MAAM;AACZ,UAAM,mBAA+B;AAAA,MACnC;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;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,QAyBN,cAAc;AAAA,MAChB;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,UAAU;AAAA,QACZ;AAAA,QAEA;AAAA,UAAC,aAAAA;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YACV,SAAS;AAAA,YACT,aAAa;AAAA;AAAA,QACf;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAKO,IAAM,OAAc;AAAA,EACzB,QAAQ,MAAM;AACZ,UAAM,qBAAiC;AAAA,MACrC;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,cAAc;AAAA,MAChB;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,cAAc;AAAA,MAChB;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,cAAc;AAAA,MAChB;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,UAAU;AAAA,QACZ;AAAA,QAEA;AAAA,UAAC,aAAAA;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YACV,SAAS;AAAA,YACT,aAAa;AAAA;AAAA,QACf;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;",
   "names": ["XAdkChatbot"]
 }

package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/index.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import React from "react";
+import "@ant-design/x-markdown/themes/light.css";
 export interface MarkdownRenderProps {
     text: string;
 }

package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/index.js CHANGED Viewed

@@ -34,6 +34,7 @@ __export(MarkdownRender_exports, {
 module.exports = __toCommonJS(MarkdownRender_exports);
 var import_react = __toESM(require("react"));
 var import_x_markdown = __toESM(require("@ant-design/x-markdown"));
+var import_light = require("@ant-design/x-markdown/themes/light.css");
 var import_x = require("@ant-design/x");
 var import_antd = require("antd");
 var import_Latex = __toESM(require("@ant-design/x-markdown/plugins/Latex"));
@@ -79,6 +80,7 @@ var MarkdownRender = ({ text }) => {
     import_x_markdown.default,
     {
       content: markdown,
+      className: "x-markdown-light",
       paragraphTag: "div",
       config: {
         extensions: (0, import_Latex.default)()

package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/XAdkChatbot/components/MarkdownRender/index.tsx"],
-  "sourcesContent": ["import React from \"react\";\nimport XMarkdown, { type ComponentProps } from \"@ant-design/x-markdown\";\nimport { CodeHighlighter } from \"@ant-design/x\";\nimport { Flex } from \"antd\";\nimport Latex from \"@ant-design/x-markdown/plugins/Latex\";\nimport { useStyles } from \"./styles\";\nimport {\n  BarsOutlined,\n  BulbOutlined,\n  ThunderboltOutlined,\n  CheckCircleOutlined,\n} from \"@ant-design/icons\";\n\nconst CodeComponent: React.FC<ComponentProps> = (props) => {\n  const { className, children } = props;\n  const lang = className?.match(/language-(\\S+)/)?.[1] || \"\";\n\n  if (typeof children !== \"string\") return null;\n  return <CodeHighlighter lang={lang}>{children}</CodeHighlighter>;\n};\n\nexport interface MarkdownRenderProps {\n  text: string;\n}\n\nconst ThinkComponent = React.memo((props: ComponentProps) => {\n  const type = (props.type || \"\") as string;\n  const titleMap: Record<string, string> = {\n    planning: \"规划\",\n    replanning: \"重新规划\",\n    reasoning: \"推理\",\n    action: \"行动\",\n    final_answer: \"最终答案\",\n  };\n  const iconMap = {\n    planning: <BarsOutlined />,\n    replanning: <BarsOutlined />,\n    reasoning: <BulbOutlined />,\n    action: <ThunderboltOutlined />,\n    final_answer: <CheckCircleOutlined />,\n  };\n\n  return (\n    <Flex align=\"center\" gap={8} style={{ color: \"#888\", margin: \"4px 0\" }}>\n      {type in titleMap && iconMap[type as keyof typeof iconMap]}\n      {titleMap[type] && <span>{titleMap[type]}</span>}\n    </Flex>\n  );\n});\n\nconst MarkdownRender: React.FC<MarkdownRenderProps> = ({ text }) => {\n  const styles = useStyles();\n  const markdown = text\n    .replaceAll(/\\/\\*\\s*PLANNING\\s*\\*\\//g, '<tag type=\"planning\"></tag>')\n    .replaceAll(/\\/\\*\\s*REPLANNING\\s*\\*\\//g, '<tag type=\"replanning\"></tag>')\n    .replaceAll(/\\/\\*\\s*REASONING\\s*\\*\\//g, '<tag type=\"reasoning\"></tag>')\n    .replaceAll(/\\/\\*\\s*ACTION\\s*\\*\\//g, '<tag type=\"action\"></tag>')\n    .replaceAll(\n      /\\/\\*\\s*FINAL_ANSWER\\s*\\*\\//g,\n      '<tag type=\"final_answer\"></tag>',\n    );\n\n  return (\n    <div className={styles.markdownWrapper}>\n      <div className={styles.markdownHost}>\n        <XMarkdown\n          content={markdown}\n          paragraphTag=\"div\"\n          config={{\n            extensions: Latex(),\n          }}\n          components={{\n            tag: ThinkComponent,\n            code: CodeComponent,\n          }}\n          streaming={{\n            enableAnimation: true,\n            animationConfig: {\n              fadeDuration: 400,\n            },\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default MarkdownRender;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,wBAA+C;AAC/C,eAAgC;AAChC,kBAAqB;AACrB,mBAAkB;AAClB,oBAA0B;AAC1B,mBAKO;AAOE;AALT,IAAM,gBAA0C,CAAC,UAAU;AAb3D;AAcE,QAAM,EAAE,WAAW,SAAS,IAAI;AAChC,QAAM,SAAO,4CAAW,MAAM,sBAAjB,mBAAqC,OAAM;AAExD,MAAI,OAAO,aAAa;AAAU,WAAO;AACzC,SAAO,4CAAC,4BAAgB,MAAa,UAAS;AAChD;AAMA,IAAM,iBAAiB,aAAAA,QAAM,KAAK,CAAC,UAA0B;AAC3D,QAAM,OAAQ,MAAM,QAAQ;AAC5B,QAAM,WAAmC;AAAA,IACvC,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,cAAc;AAAA,EAChB;AACA,QAAM,UAAU;AAAA,IACd,UAAU,4CAAC,6BAAa;AAAA,IACxB,YAAY,4CAAC,6BAAa;AAAA,IAC1B,WAAW,4CAAC,6BAAa;AAAA,IACzB,QAAQ,4CAAC,oCAAoB;AAAA,IAC7B,cAAc,4CAAC,oCAAoB;AAAA,EACrC;AAEA,SACE,6CAAC,oBAAK,OAAM,UAAS,KAAK,GAAG,OAAO,EAAE,OAAO,QAAQ,QAAQ,QAAQ,GAClE;AAAA,YAAQ,YAAY,QAAQ,IAA4B;AAAA,IACxD,SAAS,IAAI,KAAK,4CAAC,UAAM,mBAAS,IAAI,GAAE;AAAA,KAC3C;AAEJ,CAAC;AAED,IAAM,iBAAgD,CAAC,EAAE,KAAK,MAAM;AAClE,QAAM,aAAS,yBAAU;AACzB,QAAM,WAAW,KACd,WAAW,2BAA2B,6BAA6B,EACnE,WAAW,6BAA6B,+BAA+B,EACvE,WAAW,4BAA4B,8BAA8B,EACrE,WAAW,yBAAyB,2BAA2B,EAC/D;AAAA,IACC;AAAA,IACA;AAAA,EACF;AAEF,SACE,4CAAC,SAAI,WAAW,OAAO,iBACrB,sDAAC,SAAI,WAAW,OAAO,cACrB;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,cAAa;AAAA,MACb,QAAQ;AAAA,QACN,gBAAY,aAAAC,SAAM;AAAA,MACpB;AAAA,MACA,YAAY;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,WAAW;AAAA,QACT,iBAAiB;AAAA,QACjB,iBAAiB;AAAA,UACf,cAAc;AAAA,QAChB;AAAA,MACF;AAAA;AAAA,EACF,GACF,GACF;AAEJ;AAEA,IAAO,yBAAQ;",
+  "sourcesContent": ["import React from \"react\";\nimport XMarkdown, { type ComponentProps } from \"@ant-design/x-markdown\";\nimport \"@ant-design/x-markdown/themes/light.css\";\nimport { CodeHighlighter } from \"@ant-design/x\";\nimport { Flex } from \"antd\";\nimport Latex from \"@ant-design/x-markdown/plugins/Latex\";\nimport { useStyles } from \"./styles\";\nimport {\n  BarsOutlined,\n  BulbOutlined,\n  ThunderboltOutlined,\n  CheckCircleOutlined,\n} from \"@ant-design/icons\";\n\nconst CodeComponent: React.FC<ComponentProps> = (props) => {\n  const { className, children } = props;\n  const lang = className?.match(/language-(\\S+)/)?.[1] || \"\";\n\n  if (typeof children !== \"string\") return null;\n  return <CodeHighlighter lang={lang}>{children}</CodeHighlighter>;\n};\n\nexport interface MarkdownRenderProps {\n  text: string;\n}\n\nconst ThinkComponent = React.memo((props: ComponentProps) => {\n  const type = (props.type || \"\") as string;\n  const titleMap: Record<string, string> = {\n    planning: \"规划\",\n    replanning: \"重新规划\",\n    reasoning: \"推理\",\n    action: \"行动\",\n    final_answer: \"最终答案\",\n  };\n  const iconMap = {\n    planning: <BarsOutlined />,\n    replanning: <BarsOutlined />,\n    reasoning: <BulbOutlined />,\n    action: <ThunderboltOutlined />,\n    final_answer: <CheckCircleOutlined />,\n  };\n\n  return (\n    <Flex align=\"center\" gap={8} style={{ color: \"#888\", margin: \"4px 0\" }}>\n      {type in titleMap && iconMap[type as keyof typeof iconMap]}\n      {titleMap[type] && <span>{titleMap[type]}</span>}\n    </Flex>\n  );\n});\n\nconst MarkdownRender: React.FC<MarkdownRenderProps> = ({ text }) => {\n  const styles = useStyles();\n  const markdown = text\n    .replaceAll(/\\/\\*\\s*PLANNING\\s*\\*\\//g, '<tag type=\"planning\"></tag>')\n    .replaceAll(/\\/\\*\\s*REPLANNING\\s*\\*\\//g, '<tag type=\"replanning\"></tag>')\n    .replaceAll(/\\/\\*\\s*REASONING\\s*\\*\\//g, '<tag type=\"reasoning\"></tag>')\n    .replaceAll(/\\/\\*\\s*ACTION\\s*\\*\\//g, '<tag type=\"action\"></tag>')\n    .replaceAll(\n      /\\/\\*\\s*FINAL_ANSWER\\s*\\*\\//g,\n      '<tag type=\"final_answer\"></tag>',\n    );\n\n  return (\n    <div className={styles.markdownWrapper}>\n      <div className={styles.markdownHost}>\n        <XMarkdown\n          content={markdown}\n          className=\"x-markdown-light\"\n          paragraphTag=\"div\"\n          config={{\n            extensions: Latex(),\n          }}\n          components={{\n            tag: ThinkComponent,\n            code: CodeComponent,\n          }}\n          streaming={{\n            enableAnimation: true,\n            animationConfig: {\n              fadeDuration: 400,\n            },\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default MarkdownRender;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,wBAA+C;AAC/C,mBAAO;AACP,eAAgC;AAChC,kBAAqB;AACrB,mBAAkB;AAClB,oBAA0B;AAC1B,mBAKO;AAOE;AALT,IAAM,gBAA0C,CAAC,UAAU;AAd3D;AAeE,QAAM,EAAE,WAAW,SAAS,IAAI;AAChC,QAAM,SAAO,4CAAW,MAAM,sBAAjB,mBAAqC,OAAM;AAExD,MAAI,OAAO,aAAa;AAAU,WAAO;AACzC,SAAO,4CAAC,4BAAgB,MAAa,UAAS;AAChD;AAMA,IAAM,iBAAiB,aAAAA,QAAM,KAAK,CAAC,UAA0B;AAC3D,QAAM,OAAQ,MAAM,QAAQ;AAC5B,QAAM,WAAmC;AAAA,IACvC,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,cAAc;AAAA,EAChB;AACA,QAAM,UAAU;AAAA,IACd,UAAU,4CAAC,6BAAa;AAAA,IACxB,YAAY,4CAAC,6BAAa;AAAA,IAC1B,WAAW,4CAAC,6BAAa;AAAA,IACzB,QAAQ,4CAAC,oCAAoB;AAAA,IAC7B,cAAc,4CAAC,oCAAoB;AAAA,EACrC;AAEA,SACE,6CAAC,oBAAK,OAAM,UAAS,KAAK,GAAG,OAAO,EAAE,OAAO,QAAQ,QAAQ,QAAQ,GAClE;AAAA,YAAQ,YAAY,QAAQ,IAA4B;AAAA,IACxD,SAAS,IAAI,KAAK,4CAAC,UAAM,mBAAS,IAAI,GAAE;AAAA,KAC3C;AAEJ,CAAC;AAED,IAAM,iBAAgD,CAAC,EAAE,KAAK,MAAM;AAClE,QAAM,aAAS,yBAAU;AACzB,QAAM,WAAW,KACd,WAAW,2BAA2B,6BAA6B,EACnE,WAAW,6BAA6B,+BAA+B,EACvE,WAAW,4BAA4B,8BAA8B,EACrE,WAAW,yBAAyB,2BAA2B,EAC/D;AAAA,IACC;AAAA,IACA;AAAA,EACF;AAEF,SACE,4CAAC,SAAI,WAAW,OAAO,iBACrB,sDAAC,SAAI,WAAW,OAAO,cACrB;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAU;AAAA,MACV,cAAa;AAAA,MACb,QAAQ;AAAA,QACN,gBAAY,aAAAC,SAAM;AAAA,MACpB;AAAA,MACA,YAAY;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,WAAW;AAAA,QACT,iBAAiB;AAAA,QACjB,iBAAiB;AAAA,UACf,cAAc;AAAA,QAChB;AAAA,MACF;AAAA;AAAA,EACF,GACF,GACF;AAEJ;AAEA,IAAO,yBAAQ;",
   "names": ["React", "XMarkdown", "Latex"]
 }

package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/styles.js CHANGED Viewed

@@ -47,10 +47,16 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     ul,
     ol {
       padding-left: 20px;
+      margin-top: 0;
+      margin-bottom: 8px;
     }
     li {
-      margin: 4px 0;
+      margin: 0 0 4px 0 !important;
+    }
+    u {
+      text-decoration: underline;
     }
     /* ===== Table 样式 ===== */

package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/styles.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/XAdkChatbot/components/MarkdownRender/styles.tsx"],
-  "sourcesContent": ["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n  markdownWrapper: css`\n    display: grid;\n    grid-template-columns: minmax(0, 1fr); /* 关键：允许内容收缩 */\n    max-width: 100%; /* 自定义最大宽度 */\n    margin: 0 auto;\n  `,\n\n  markdownHost: css`\n    container-type: inline-size;\n    width: 100%;\n    overflow: auto;\n\n    /* ===== Markdown 基础排版 ===== */\n\n    p {\n      margin: 8px 0;\n      line-height: 1.6;\n    }\n\n    ul,\n    ol {\n      padding-left: 20px;\n    }\n\n    li {\n      margin: 4px 0;\n    }\n\n    /* ===== Table 样式 ===== */\n\n    table {\n      border-collapse: collapse;\n      width: 100%;\n      max-width: 100%;\n      margin: 12px 0;\n      font-size: 14px;\n    }\n\n    thead {\n      background: #fafafa;\n    }\n\n    th,\n    td {\n      border: 1px solid #e5e6eb;\n      padding: 8px 12px;\n      text-align: left;\n    }\n\n    th {\n      font-weight: 600;\n    }\n\n    tbody tr:hover {\n      background: #fafafa;\n    }\n\n    /* ===== Code ===== */\n\n    pre {\n      margin: 12px 0;\n    }\n\n    ant-highlightCode {\n      max-width: min(100%, 80ch);\n      overflow-x: auto;\n    }\n\n    /* ===== 图片 ===== */\n\n    img {\n      max-width: 100%;\n      border-radius: 6px;\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,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOjB,cAAc;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;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoEhB,EAAE;AAEF,IAAO,iBAAQ;",
+  "sourcesContent": ["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n  markdownWrapper: css`\n    display: grid;\n    grid-template-columns: minmax(0, 1fr); /* 关键：允许内容收缩 */\n    max-width: 100%; /* 自定义最大宽度 */\n    margin: 0 auto;\n  `,\n\n  markdownHost: css`\n    container-type: inline-size;\n    width: 100%;\n    overflow: auto;\n\n    /* ===== Markdown 基础排版 ===== */\n\n    p {\n      margin: 8px 0;\n      line-height: 1.6;\n    }\n\n    ul,\n    ol {\n      padding-left: 20px;\n      margin-top: 0;\n      margin-bottom: 8px;\n    }\n\n    li {\n      margin: 0 0 4px 0 !important;\n    }\n\n    u {\n      text-decoration: underline;\n    }\n\n    /* ===== Table 样式 ===== */\n\n    table {\n      border-collapse: collapse;\n      width: 100%;\n      max-width: 100%;\n      margin: 12px 0;\n      font-size: 14px;\n    }\n\n    thead {\n      background: #fafafa;\n    }\n\n    th,\n    td {\n      border: 1px solid #e5e6eb;\n      padding: 8px 12px;\n      text-align: left;\n    }\n\n    th {\n      font-weight: 600;\n    }\n\n    tbody tr:hover {\n      background: #fafafa;\n    }\n\n    /* ===== Code ===== */\n\n    pre {\n      margin: 12px 0;\n    }\n\n    ant-highlightCode {\n      max-width: min(100%, 80ch);\n      overflow-x: auto;\n    }\n\n    /* ===== 图片 ===== */\n\n    img {\n      max-width: 100%;\n      border-radius: 6px;\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,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOjB,cAAc;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;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0EhB,EAAE;AAEF,IAAO,iBAAQ;",
   "names": []
 }

package/dist/cjs/components/XAdkChatbot/index.js CHANGED Viewed

@@ -65,13 +65,29 @@ var XAdkChatbot = ({
   // welcome = null,
   enableGrouping = true,
   enableProcessParsing = true,
-  parseOptions
+  parseOptions,
+  initialized = false
 }) => {
   const styles = (0, import_styles.useStyles)();
   const listRef = (0, import_react.useRef)(null);
   const lastScrollTopRef = (0, import_react.useRef)(0);
   const userHasScrolledRef = (0, import_react.useRef)(false);
   const messagesEndRef = (0, import_react.useRef)(null);
+  const prevInitializedRef = (0, import_react.useRef)(false);
+  (0, import_react.useEffect)(() => {
+    if (!initialized)
+      return;
+    if (!messages.length)
+      return;
+    if (prevInitializedRef.current)
+      return;
+    prevInitializedRef.current = true;
+    const timer = setTimeout(() => {
+      var _a;
+      (_a = messagesEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "auto" });
+    }, 0);
+    return () => clearTimeout(timer);
+  }, [initialized, messages]);
   (0, import_react.useEffect)(() => {
     var _a;
     if (!loading)
@@ -342,6 +358,7 @@ var XAdkChatbot = ({
       onRetry,
       onCopy,
       onShowLog,
+      actions,
       styles
     ]
   );

package/dist/cjs/components/XAdkChatbot/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAdkChatbot/index.tsx"],
-  "sourcesContent": ["import React, { useMemo, useCallback, useEffect, useRef } from \"react\";\nimport { Button, Flex, Tooltip, message as antdMessage } from \"antd\";\nimport clsx from \"clsx\";\nimport {\n  SwapRightOutlined,\n  ReloadOutlined,\n  CopyOutlined,\n  InfoCircleOutlined,\n  CheckCircleFilled,\n} from \"@ant-design/icons\";\nimport copy from \"copy-to-clipboard\";\nimport { useStyles } from \"./styles\";\nimport MarkdownRender from \"./components/MarkdownRender\";\nimport FunctionCallRender from \"./components/FunctionCallRender\";\nimport FileGallery from \"../FileGallery\";\nimport XAiThoughtChain from \"@/components/XAiThoughtChain\";\nimport { parseAgentMessage } from \"@/utils\";\nimport type { IMessage, XAdkChatbotProps, ChatGroup } from \"@/types\";\nimport type { ThoughtChainItemType } from \"@/types/XAiThoughtChain\";\n\nconst scrollThreshold = 10;\n\n/**\n * XAdkChatbot - 增强版聊天组件\n *\n * 新增功能:\n * - ✅ 自动消息分组 (enableGrouping)\n * - ✅ 自动解析思维链 (enableProcessParsing)\n * - ✅ 文件展示 (FileGallery)\n * - ✅ 操作栏 (重试/复制/日志)\n * - ✅ 欢迎页面 (agentName/agentIcon/description)\n */\nconst XAdkChatbot: React.FC<XAdkChatbotProps> = ({\n  loading = false,\n  prologue,\n  suggestions,\n  messages,\n  showFnCallDetail,\n  onConfirm,\n  onSuggest,\n  showRetry,\n  showCopy,\n  showLog,\n  onRetry,\n  onCopy,\n  onShowLog,\n  actions,\n  className,\n  style,\n  // welcome = null,\n  enableGrouping = true,\n  enableProcessParsing = true,\n  parseOptions,\n}) => {\n  const styles = useStyles();\n  const listRef = useRef<HTMLDivElement>(null);\n  const lastScrollTopRef = useRef(0);\n  const userHasScrolledRef = useRef(false);\n  const messagesEndRef = useRef<HTMLDivElement>(null);\n\n  // 滚动到底部\n  useEffect(() => {\n    if (!loading) return;\n    if (userHasScrolledRef.current) return;\n    messagesEndRef.current?.scrollIntoView({ behavior: \"smooth\" });\n  }, [loading, messages]);\n\n  // 处理滚动事件\n  const handleScroll = useCallback(() => {\n    const el = listRef.current;\n    if (!el) return;\n    const currentTop = el.scrollTop;\n\n    if (currentTop < lastScrollTopRef.current) {\n      userHasScrolledRef.current = true;\n    }\n\n    const isAtBottom =\n      Math.abs(el.scrollHeight - currentTop - el.clientHeight) <=\n      scrollThreshold;\n    if (isAtBottom) {\n      userHasScrolledRef.current = false;\n    }\n\n    lastScrollTopRef.current = currentTop;\n  }, []);\n\n  useEffect(() => {\n    const listElement = listRef.current;\n    if (!listElement) return;\n\n    listElement.addEventListener(\"scroll\", handleScroll);\n    return () => {\n      listElement.removeEventListener(\"scroll\", handleScroll);\n    };\n  }, [handleScroll]);\n\n  // ========== 消息分组逻辑 ==========\n  const chatGroups = useMemo(() => {\n    if (!enableGrouping) {\n      // 不分组,每条消息独立\n      return messages.map((msg) => ({\n        id: msg.id,\n        role: msg.role,\n        msgs: [msg],\n        invocationId: msg.invocationId,\n        allFiles: msg.fileData || [],\n        isLike: msg.isLike ?? 0,\n      }));\n    }\n\n    const groups: ChatGroup[] = [];\n    messages.forEach((msg) => {\n      // 过滤 followup 消息\n      if ((msg as any).role === \"followup\") return;\n\n      const isRealUserQuery =\n        msg.role === \"user\" && !msg.functionResponse && !msg.functionCall;\n      const lastGroup = groups[groups.length - 1];\n      const isLastGroupAgent = lastGroup?.role === \"bot\";\n\n      if (isLastGroupAgent && !isRealUserQuery) {\n        // 合并到上一个 bot 分组\n        lastGroup.msgs.push(msg);\n        if (msg.invocationId) lastGroup.invocationId = msg.invocationId;\n        // 更新 isLike: 取最新的非0值,或保持当前值\n        if (msg.isLike && msg.isLike !== 0) {\n          lastGroup.isLike = msg.isLike;\n        }\n      } else {\n        // 创建新分组\n        groups.push({\n          id: msg.id || `group-${groups.length}`,\n          role: isRealUserQuery ? \"user\" : \"bot\",\n          msgs: [msg],\n          invocationId: msg.invocationId,\n          allFiles: [],\n          isLike: msg.isLike ?? 0,\n        });\n      }\n    });\n\n    // 合并文件\n    groups.forEach((g) => {\n      g.allFiles = g.msgs.reduce(\n        (acc, m) => [...acc, ...(m.fileData || [])],\n        [] as any[],\n      );\n    });\n\n    return groups;\n  }, [messages, enableGrouping]);\n\n  // ========== 渲染 Bot 消息组 ==========\n  const renderBotGroup = useCallback(\n    (group: ChatGroup, isLastGroup: boolean) => {\n      const { msgs, allFiles } = group;\n\n      if (!enableProcessParsing) {\n        // 不解析 process,简单渲染\n        return (\n          <div key={group.id} className={styles.botMsg}>\n            {msgs.map((msg, i) => {\n              if (msg.text) {\n                return (\n                  <MarkdownRender key={`${msg.id}-${i}`} text={msg.text} />\n                );\n              }\n              if (msg.functionCall) {\n                return (\n                  <FunctionCallRender\n                    key={`${msg.id}-${i}`}\n                    msg={msg}\n                    showDetail={showFnCallDetail}\n                    onConfirm={onConfirm}\n                  />\n                );\n              }\n              return null;\n            })}\n          </div>\n        );\n      }\n\n      // ========== 解析 Process 内容 ==========\n\n      // 1. 合并工具调用\n      const mergedToolMap = new Map<string, IMessage>();\n      msgs.forEach((msg) => {\n        if (msg.functionCall) {\n          const callId = msg.functionCall.id || \"\";\n          if (!mergedToolMap.has(callId)) {\n            mergedToolMap.set(callId, { ...msg });\n          } else {\n            mergedToolMap.set(callId, {\n              ...(mergedToolMap.get(callId) ?? {}),\n              ...msg,\n            });\n          }\n        } else if (msg.functionResponse) {\n          const callId = msg.functionResponse.id || \"\";\n          if (mergedToolMap.has(callId)) {\n            const tool = mergedToolMap.get(callId);\n            if (tool) tool.functionResponse = msg.functionResponse;\n          } else {\n            mergedToolMap.set(callId, {\n              ...msg,\n              functionCall: {\n                id: callId,\n                name: msg.functionResponse.name || \"Unknown\",\n                args: {},\n              },\n            });\n          }\n        }\n      });\n\n      // 2. 解析文本消息中的 process 内容\n      type RenderNode =\n        | { type: \"text\"; content: string; key: string }\n        | { type: \"process\"; items: ThoughtChainItemType[]; key: string };\n\n      const nodes: RenderNode[] = [];\n      let currentProcessItems: ThoughtChainItemType[] = [];\n      const processedToolIds = new Set<string>();\n\n      const flushProcessItems = () => {\n        if (currentProcessItems.length > 0) {\n          nodes.push({\n            type: \"process\",\n            items: [...currentProcessItems],\n            key: `process-${nodes.length}`,\n          });\n          currentProcessItems = [];\n        }\n      };\n\n      msgs.forEach((msg) => {\n        // 处理工具调用\n        if (msg.functionCall) {\n          const callId = msg.functionCall.id || \"\";\n          if (!processedToolIds.has(callId)) {\n            const mergedMsg = mergedToolMap.get(callId);\n            if (mergedMsg) {\n              currentProcessItems.push({\n                type: \"tool\",\n                key: `tool-${callId}`,\n                content: \"\",\n                msg: mergedMsg,\n              });\n              processedToolIds.add(callId);\n            }\n          }\n        }\n        // 处理文本消息\n        else if (msg.text && !msg.functionResponse) {\n          const parts = parseAgentMessage(msg.text, parseOptions as any);\n\n          parts.forEach((part, partIdx) => {\n            // process 内容放入 currentProcessItems\n            if (\n              [\n                \"planning\",\n                \"replanning\",\n                \"reasoning\",\n                \"action_log\",\n                \"process_text\",\n              ].includes(part.type)\n            ) {\n              const titleMap: Record<string, string> = {\n                planning: \"任务规划\",\n                replanning: \"重新规划\",\n                reasoning: \"推理分析\",\n                action_log: \"行动记录\",\n                process_text: \"过程分析\",\n              };\n\n              currentProcessItems.push({\n                type: \"text\",\n                key: `${msg.id}-${partIdx}`,\n                content: part.content,\n                title: titleMap[part.type] || \"分析\",\n              });\n            }\n            // 普通文本内容\n            else {\n              flushProcessItems();\n              if (part.content.trim()) {\n                const lastNode = nodes[nodes.length - 1];\n                if (lastNode?.type === \"text\") {\n                  // 合并到上一个文本节点\n                  lastNode.content += \"\\n\\n\" + part.content;\n                } else {\n                  nodes.push({\n                    type: \"text\",\n                    content: part.content,\n                    key: `text-${msg.id}-${partIdx}`,\n                  });\n                }\n              }\n            }\n          });\n        }\n      });\n\n      // 最后flush一次\n      flushProcessItems();\n\n      // 3. 准备操作栏数据\n      const fullTextToCopy = msgs\n        .filter((m) => !m.functionCall && !m.functionResponse)\n        .map((m) => m.text || \"\")\n        .join(\"\");\n\n      const lastBotMsg = msgs[msgs.length - 1];\n      const hasProcess = nodes.some((n) => n.type === \"process\");\n      const isGroupLoading = loading && isLastGroup;\n\n      // 4. 渲染\n      return (\n        <div key={group.id} className={styles.botMsg}>\n          {nodes.map((node, idx) => {\n            if (node.type === \"process\") {\n              return (\n                <XAiThoughtChain\n                  key={node.key}\n                  loading={isGroupLoading}\n                  title=\"思维链已完成\"\n                  items={node.items}\n                  showFnCallDetail={showFnCallDetail}\n                  onConfirm={onConfirm}\n                  defaultOpen={isGroupLoading}\n                />\n              );\n            }\n\n            // 文本节点\n            const showBadge =\n              hasProcess && nodes.findIndex((n) => n.type === \"text\") === idx;\n            return (\n              <div key={node.key}>\n                {showBadge && (\n                  <div className={styles.successBadge}>\n                    <CheckCircleFilled /> 已完成所有规划任务\n                  </div>\n                )}\n                <MarkdownRender text={node.content} />\n              </div>\n            );\n          })}\n\n          {/* 文件展示 */}\n          {allFiles.length > 0 && (\n            <div className={styles.fileSection}>\n              <div className={styles.fileHeader}>\n                <span>生成文件 ({allFiles.length})</span>\n              </div>\n              <div style={{ display: \"flex\", flexWrap: \"wrap\", gap: \"8px\" }}>\n                {allFiles.map((file, index) => (\n                  <FileGallery key={index} file={file} />\n                ))}\n              </div>\n            </div>\n          )}\n\n          {/* 操作栏 */}\n          {!isGroupLoading &&\n            (actions\n              ? actions({ message: group, isLastBotMsg: isLastGroup })\n              : (showRetry || showCopy || showLog) && (\n                  <div className={styles.metaFooter}>\n                    <Flex gap={16} className={styles.actionIcons}>\n                      {showRetry && isLastGroup && (\n                        <Tooltip title=\"重新生成\">\n                          <ReloadOutlined onClick={onRetry} />\n                        </Tooltip>\n                      )}\n                      {showCopy && (\n                        <Tooltip title=\"复制内容\">\n                          <CopyOutlined\n                            onClick={() => {\n                              copy(fullTextToCopy);\n                              antdMessage.success(\"复制成功\");\n                              onCopy?.(fullTextToCopy);\n                            }}\n                          />\n                        </Tooltip>\n                      )}\n                      {showLog && lastBotMsg?.invocationId && (\n                        <Tooltip title=\"查看日志\">\n                          <InfoCircleOutlined\n                            onClick={() =>\n                              onShowLog?.(\n                                lastBotMsg.invocationId!,\n                                lastBotMsg.timestamp,\n                              )\n                            }\n                          />\n                        </Tooltip>\n                      )}\n                    </Flex>\n                  </div>\n                ))}\n        </div>\n      );\n    },\n    [\n      enableProcessParsing,\n      parseOptions,\n      showFnCallDetail,\n      onConfirm,\n      loading,\n      showRetry,\n      showCopy,\n      showLog,\n      onRetry,\n      onCopy,\n      onShowLog,\n      styles,\n    ],\n  );\n\n  // ========== 渲染用户消息组 ==========\n  const renderUserGroup = useCallback(\n    (group: ChatGroup) => {\n      return (\n        <div key={group.id} className={styles.userMsg}>\n          {group.msgs.map((m, i) => (\n            <div key={m.id || i} className={styles.userContainer}>\n              {/* 文件展示 */}\n              {m.fileData && m.fileData.length > 0 && (\n                <>\n                  {m.fileData.map((file, index) => (\n                    <FileGallery\n                      key={index}\n                      file={file}\n                      align=\"left\"\n                      style={{ marginBottom: \"16px\" }}\n                    />\n                  ))}\n                </>\n              )}\n              {/* 文本展示 */}\n              {m.text && <div className={styles.card}>{m.text}</div>}\n            </div>\n          ))}\n        </div>\n      );\n    },\n    [styles],\n  );\n\n  // ========== 欢迎页面 ==========\n  // const isEmpty =\n  //   messages.length === 0 &&\n  //   !prologue &&\n  //   (!suggestions || suggestions.length === 0);\n\n  // const renderWelcome = () => {\n  //   if (!isEmpty) return null;\n\n  //   return (\n  //     <>\n  //       {welcome ?? (\n  //         <div className={styles.welcomeWrapper}>\n  //           {agentIcon && (\n  //             <img src={agentIcon} alt=\"icon\" className={styles.welcomeIcon} />\n  //           )}\n  //           {agentName && (\n  //             <div className={styles.welcomeTitle}>{agentName}</div>\n  //           )}\n  //           {description && (\n  //             <div className={styles.welcomeDesc}>{description}</div>\n  //           )}\n  //         </div>\n  //       )}\n  //     </>\n  //   );\n  // };\n\n  // ========== 渲染建议问题 ==========\n  const renderSuggestions = () => {\n    if (!suggestions || suggestions.length === 0) return null;\n\n    return (\n      <div className={styles.suggestionWrapper}>\n        {suggestions.map((item) => (\n          <div key={item} className={styles.suggestion}>\n            <div className={styles.suggestContent}>\n              <Button\n                type=\"text\"\n                icon={<SwapRightOutlined />}\n                iconPosition=\"end\"\n                onClick={() => {\n                  if (!item) return;\n                  onSuggest?.(item);\n                }}\n                style={{\n                  whiteSpace: \"normal\",\n                  height: \"auto\",\n                  wordWrap: \"break-word\",\n                  textAlign: \"left\",\n                  padding: \"4px 15px\",\n                  lineHeight: \"1.5\",\n                }}\n              >\n                {item}\n              </Button>\n            </div>\n          </div>\n        ))}\n      </div>\n    );\n  };\n\n  return (\n    <div className={clsx(styles.wrapper, className)} style={style}>\n      <div className={styles.list} ref={listRef}>\n        {/* 开场白 */}\n        {prologue && (\n          <div className={styles.prologue}>\n            <MarkdownRender text={prologue} />\n          </div>\n        )}\n\n        {/* 欢迎页面 */}\n        {/* {renderWelcome()} */}\n\n        {/* 消息列表 */}\n        {chatGroups.map((group, idx) =>\n          group.role === \"user\"\n            ? renderUserGroup(group)\n            : renderBotGroup(group, idx === chatGroups.length - 1),\n        )}\n\n        {/* 建议问题 */}\n        {renderSuggestions()}\n\n        <div ref={messagesEndRef} />\n      </div>\n    </div>\n  );\n};\n\nexport default XAdkChatbot;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { useMemo, useCallback, useEffect, useRef } from \"react\";\nimport { Button, Flex, Tooltip, message as antdMessage } from \"antd\";\nimport clsx from \"clsx\";\nimport {\n  SwapRightOutlined,\n  ReloadOutlined,\n  CopyOutlined,\n  InfoCircleOutlined,\n  CheckCircleFilled,\n} from \"@ant-design/icons\";\nimport copy from \"copy-to-clipboard\";\nimport { useStyles } from \"./styles\";\nimport MarkdownRender from \"./components/MarkdownRender\";\nimport FunctionCallRender from \"./components/FunctionCallRender\";\nimport FileGallery from \"../FileGallery\";\nimport XAiThoughtChain from \"@/components/XAiThoughtChain\";\nimport { parseAgentMessage } from \"@/utils\";\nimport type { IMessage, XAdkChatbotProps, ChatGroup } from \"@/types\";\nimport type { ThoughtChainItemType } from \"@/types/XAiThoughtChain\";\n\nconst scrollThreshold = 10;\n\n/**\n * XAdkChatbot - 增强版聊天组件\n *\n * 新增功能:\n * - ✅ 自动消息分组 (enableGrouping)\n * - ✅ 自动解析思维链 (enableProcessParsing)\n * - ✅ 文件展示 (FileGallery)\n * - ✅ 操作栏 (重试/复制/日志)\n * - ✅ 欢迎页面 (agentName/agentIcon/description)\n */\nconst XAdkChatbot: React.FC<XAdkChatbotProps> = ({\n  loading = false,\n  prologue,\n  suggestions,\n  messages,\n  showFnCallDetail,\n  onConfirm,\n  onSuggest,\n  showRetry,\n  showCopy,\n  showLog,\n  onRetry,\n  onCopy,\n  onShowLog,\n  actions,\n  className,\n  style,\n  // welcome = null,\n  enableGrouping = true,\n  enableProcessParsing = true,\n  parseOptions,\n  initialized = false,\n}) => {\n  const styles = useStyles();\n  const listRef = useRef<HTMLDivElement>(null);\n  const lastScrollTopRef = useRef(0);\n  const userHasScrolledRef = useRef(false);\n  const messagesEndRef = useRef<HTMLDivElement>(null);\n  const prevInitializedRef = useRef(false);\n\n  // 初始化完成时滚动到底部\n  useEffect(() => {\n    if (!initialized) return;\n    if (!messages.length) return;\n    if (prevInitializedRef.current) return; // 只在第一次 initialized+messages 就绪时触发\n    prevInitializedRef.current = true;\n    // 推迟到浏览器完成 paint 后执行，确保 DOM 高度已撑开\n    const timer = setTimeout(() => {\n      messagesEndRef.current?.scrollIntoView({ behavior: \"auto\" });\n    }, 0);\n    return () => clearTimeout(timer);\n  }, [initialized, messages]);\n\n  // 流式输出时滚动到底部\n  useEffect(() => {\n    if (!loading) return;\n    if (userHasScrolledRef.current) return;\n    messagesEndRef.current?.scrollIntoView({ behavior: \"smooth\" });\n  }, [loading, messages]);\n\n  // 处理滚动事件\n  const handleScroll = useCallback(() => {\n    const el = listRef.current;\n    if (!el) return;\n    const currentTop = el.scrollTop;\n\n    if (currentTop < lastScrollTopRef.current) {\n      userHasScrolledRef.current = true;\n    }\n\n    const isAtBottom =\n      Math.abs(el.scrollHeight - currentTop - el.clientHeight) <=\n      scrollThreshold;\n    if (isAtBottom) {\n      userHasScrolledRef.current = false;\n    }\n\n    lastScrollTopRef.current = currentTop;\n  }, []);\n\n  useEffect(() => {\n    const listElement = listRef.current;\n    if (!listElement) return;\n\n    listElement.addEventListener(\"scroll\", handleScroll);\n    return () => {\n      listElement.removeEventListener(\"scroll\", handleScroll);\n    };\n  }, [handleScroll]);\n\n  // ========== 消息分组逻辑 ==========\n  const chatGroups = useMemo(() => {\n    if (!enableGrouping) {\n      // 不分组,每条消息独立\n      return messages.map((msg) => ({\n        id: msg.id,\n        role: msg.role,\n        msgs: [msg],\n        invocationId: msg.invocationId,\n        allFiles: msg.fileData || [],\n        isLike: msg.isLike ?? 0,\n      }));\n    }\n\n    const groups: ChatGroup[] = [];\n    messages.forEach((msg) => {\n      // 过滤 followup 消息\n      if ((msg as any).role === \"followup\") return;\n\n      const isRealUserQuery =\n        msg.role === \"user\" && !msg.functionResponse && !msg.functionCall;\n      const lastGroup = groups[groups.length - 1];\n      const isLastGroupAgent = lastGroup?.role === \"bot\";\n\n      if (isLastGroupAgent && !isRealUserQuery) {\n        // 合并到上一个 bot 分组\n        lastGroup.msgs.push(msg);\n        if (msg.invocationId) lastGroup.invocationId = msg.invocationId;\n        // 更新 isLike: 取最新的非0值,或保持当前值\n        if (msg.isLike && msg.isLike !== 0) {\n          lastGroup.isLike = msg.isLike;\n        }\n      } else {\n        // 创建新分组\n        groups.push({\n          id: msg.id || `group-${groups.length}`,\n          role: isRealUserQuery ? \"user\" : \"bot\",\n          msgs: [msg],\n          invocationId: msg.invocationId,\n          allFiles: [],\n          isLike: msg.isLike ?? 0,\n        });\n      }\n    });\n\n    // 合并文件\n    groups.forEach((g) => {\n      g.allFiles = g.msgs.reduce(\n        (acc, m) => [...acc, ...(m.fileData || [])],\n        [] as any[],\n      );\n    });\n\n    return groups;\n  }, [messages, enableGrouping]);\n\n  // ========== 渲染 Bot 消息组 ==========\n  const renderBotGroup = useCallback(\n    (group: ChatGroup, isLastGroup: boolean) => {\n      const { msgs, allFiles } = group;\n\n      if (!enableProcessParsing) {\n        // 不解析 process,简单渲染\n        return (\n          <div key={group.id} className={styles.botMsg}>\n            {msgs.map((msg, i) => {\n              if (msg.text) {\n                return (\n                  <MarkdownRender key={`${msg.id}-${i}`} text={msg.text} />\n                );\n              }\n              if (msg.functionCall) {\n                return (\n                  <FunctionCallRender\n                    key={`${msg.id}-${i}`}\n                    msg={msg}\n                    showDetail={showFnCallDetail}\n                    onConfirm={onConfirm}\n                  />\n                );\n              }\n              return null;\n            })}\n          </div>\n        );\n      }\n\n      // ========== 解析 Process 内容 ==========\n\n      // 1. 合并工具调用\n      const mergedToolMap = new Map<string, IMessage>();\n      msgs.forEach((msg) => {\n        if (msg.functionCall) {\n          const callId = msg.functionCall.id || \"\";\n          if (!mergedToolMap.has(callId)) {\n            mergedToolMap.set(callId, { ...msg });\n          } else {\n            mergedToolMap.set(callId, {\n              ...(mergedToolMap.get(callId) ?? {}),\n              ...msg,\n            });\n          }\n        } else if (msg.functionResponse) {\n          const callId = msg.functionResponse.id || \"\";\n          if (mergedToolMap.has(callId)) {\n            const tool = mergedToolMap.get(callId);\n            if (tool) tool.functionResponse = msg.functionResponse;\n          } else {\n            mergedToolMap.set(callId, {\n              ...msg,\n              functionCall: {\n                id: callId,\n                name: msg.functionResponse.name || \"Unknown\",\n                args: {},\n              },\n            });\n          }\n        }\n      });\n\n      // 2. 解析文本消息中的 process 内容\n      type RenderNode =\n        | { type: \"text\"; content: string; key: string }\n        | { type: \"process\"; items: ThoughtChainItemType[]; key: string };\n\n      const nodes: RenderNode[] = [];\n      let currentProcessItems: ThoughtChainItemType[] = [];\n      const processedToolIds = new Set<string>();\n\n      const flushProcessItems = () => {\n        if (currentProcessItems.length > 0) {\n          nodes.push({\n            type: \"process\",\n            items: [...currentProcessItems],\n            key: `process-${nodes.length}`,\n          });\n          currentProcessItems = [];\n        }\n      };\n\n      msgs.forEach((msg) => {\n        // 处理工具调用\n        if (msg.functionCall) {\n          const callId = msg.functionCall.id || \"\";\n          if (!processedToolIds.has(callId)) {\n            const mergedMsg = mergedToolMap.get(callId);\n            if (mergedMsg) {\n              currentProcessItems.push({\n                type: \"tool\",\n                key: `tool-${callId}`,\n                content: \"\",\n                msg: mergedMsg,\n              });\n              processedToolIds.add(callId);\n            }\n          }\n        }\n        // 处理文本消息\n        else if (msg.text && !msg.functionResponse) {\n          const parts = parseAgentMessage(msg.text, parseOptions as any);\n\n          parts.forEach((part, partIdx) => {\n            // process 内容放入 currentProcessItems\n            if (\n              [\n                \"planning\",\n                \"replanning\",\n                \"reasoning\",\n                \"action_log\",\n                \"process_text\",\n              ].includes(part.type)\n            ) {\n              const titleMap: Record<string, string> = {\n                planning: \"任务规划\",\n                replanning: \"重新规划\",\n                reasoning: \"推理分析\",\n                action_log: \"行动记录\",\n                process_text: \"过程分析\",\n              };\n\n              currentProcessItems.push({\n                type: \"text\",\n                key: `${msg.id}-${partIdx}`,\n                content: part.content,\n                title: titleMap[part.type] || \"分析\",\n              });\n            }\n            // 普通文本内容\n            else {\n              flushProcessItems();\n              if (part.content.trim()) {\n                const lastNode = nodes[nodes.length - 1];\n                if (lastNode?.type === \"text\") {\n                  // 合并到上一个文本节点\n                  lastNode.content += \"\\n\\n\" + part.content;\n                } else {\n                  nodes.push({\n                    type: \"text\",\n                    content: part.content,\n                    key: `text-${msg.id}-${partIdx}`,\n                  });\n                }\n              }\n            }\n          });\n        }\n      });\n\n      // 最后flush一次\n      flushProcessItems();\n\n      // 3. 准备操作栏数据\n      const fullTextToCopy = msgs\n        .filter((m) => !m.functionCall && !m.functionResponse)\n        .map((m) => m.text || \"\")\n        .join(\"\");\n\n      const lastBotMsg = msgs[msgs.length - 1];\n      const hasProcess = nodes.some((n) => n.type === \"process\");\n      const isGroupLoading = loading && isLastGroup;\n\n      // 4. 渲染\n      return (\n        <div key={group.id} className={styles.botMsg}>\n          {nodes.map((node, idx) => {\n            if (node.type === \"process\") {\n              return (\n                <XAiThoughtChain\n                  key={node.key}\n                  loading={isGroupLoading}\n                  title=\"思维链已完成\"\n                  items={node.items}\n                  showFnCallDetail={showFnCallDetail}\n                  onConfirm={onConfirm}\n                  defaultOpen={isGroupLoading}\n                />\n              );\n            }\n\n            // 文本节点\n            const showBadge =\n              hasProcess && nodes.findIndex((n) => n.type === \"text\") === idx;\n            return (\n              <div key={node.key}>\n                {showBadge && (\n                  <div className={styles.successBadge}>\n                    <CheckCircleFilled /> 已完成所有规划任务\n                  </div>\n                )}\n                <MarkdownRender text={node.content} />\n              </div>\n            );\n          })}\n\n          {/* 文件展示 */}\n          {allFiles.length > 0 && (\n            <div className={styles.fileSection}>\n              <div className={styles.fileHeader}>\n                <span>生成文件 ({allFiles.length})</span>\n              </div>\n              <div style={{ display: \"flex\", flexWrap: \"wrap\", gap: \"8px\" }}>\n                {allFiles.map((file, index) => (\n                  <FileGallery key={index} file={file} />\n                ))}\n              </div>\n            </div>\n          )}\n\n          {/* 操作栏 */}\n          {!isGroupLoading &&\n            (actions\n              ? actions({ message: group, isLastBotMsg: isLastGroup })\n              : (showRetry || showCopy || showLog) && (\n                  <div className={styles.metaFooter}>\n                    <Flex gap={16} className={styles.actionIcons}>\n                      {showRetry && isLastGroup && (\n                        <Tooltip title=\"重新生成\">\n                          <ReloadOutlined onClick={onRetry} />\n                        </Tooltip>\n                      )}\n                      {showCopy && (\n                        <Tooltip title=\"复制内容\">\n                          <CopyOutlined\n                            onClick={() => {\n                              copy(fullTextToCopy);\n                              antdMessage.success(\"复制成功\");\n                              onCopy?.(fullTextToCopy);\n                            }}\n                          />\n                        </Tooltip>\n                      )}\n                      {showLog && lastBotMsg?.invocationId && (\n                        <Tooltip title=\"查看日志\">\n                          <InfoCircleOutlined\n                            onClick={() =>\n                              onShowLog?.(\n                                lastBotMsg.invocationId!,\n                                lastBotMsg.timestamp,\n                              )\n                            }\n                          />\n                        </Tooltip>\n                      )}\n                    </Flex>\n                  </div>\n                ))}\n        </div>\n      );\n    },\n    [\n      enableProcessParsing,\n      parseOptions,\n      showFnCallDetail,\n      onConfirm,\n      loading,\n      showRetry,\n      showCopy,\n      showLog,\n      onRetry,\n      onCopy,\n      onShowLog,\n      actions,\n      styles,\n    ],\n  );\n\n  // ========== 渲染用户消息组 ==========\n  const renderUserGroup = useCallback(\n    (group: ChatGroup) => {\n      return (\n        <div key={group.id} className={styles.userMsg}>\n          {group.msgs.map((m, i) => (\n            <div key={m.id || i} className={styles.userContainer}>\n              {/* 文件展示 */}\n              {m.fileData && m.fileData.length > 0 && (\n                <>\n                  {m.fileData.map((file, index) => (\n                    <FileGallery\n                      key={index}\n                      file={file}\n                      align=\"left\"\n                      style={{ marginBottom: \"16px\" }}\n                    />\n                  ))}\n                </>\n              )}\n              {/* 文本展示 */}\n              {m.text && <div className={styles.card}>{m.text}</div>}\n            </div>\n          ))}\n        </div>\n      );\n    },\n    [styles],\n  );\n\n  // ========== 欢迎页面 ==========\n  // const isEmpty =\n  //   messages.length === 0 &&\n  //   !prologue &&\n  //   (!suggestions || suggestions.length === 0);\n\n  // const renderWelcome = () => {\n  //   if (!isEmpty) return null;\n\n  //   return (\n  //     <>\n  //       {welcome ?? (\n  //         <div className={styles.welcomeWrapper}>\n  //           {agentIcon && (\n  //             <img src={agentIcon} alt=\"icon\" className={styles.welcomeIcon} />\n  //           )}\n  //           {agentName && (\n  //             <div className={styles.welcomeTitle}>{agentName}</div>\n  //           )}\n  //           {description && (\n  //             <div className={styles.welcomeDesc}>{description}</div>\n  //           )}\n  //         </div>\n  //       )}\n  //     </>\n  //   );\n  // };\n\n  // ========== 渲染建议问题 ==========\n  const renderSuggestions = () => {\n    if (!suggestions || suggestions.length === 0) return null;\n\n    return (\n      <div className={styles.suggestionWrapper}>\n        {suggestions.map((item) => (\n          <div key={item} className={styles.suggestion}>\n            <div className={styles.suggestContent}>\n              <Button\n                type=\"text\"\n                icon={<SwapRightOutlined />}\n                iconPosition=\"end\"\n                onClick={() => {\n                  if (!item) return;\n                  onSuggest?.(item);\n                }}\n                style={{\n                  whiteSpace: \"normal\",\n                  height: \"auto\",\n                  wordWrap: \"break-word\",\n                  textAlign: \"left\",\n                  padding: \"4px 15px\",\n                  lineHeight: \"1.5\",\n                }}\n              >\n                {item}\n              </Button>\n            </div>\n          </div>\n        ))}\n      </div>\n    );\n  };\n\n  return (\n    <div className={clsx(styles.wrapper, className)} style={style}>\n      <div className={styles.list} ref={listRef}>\n        {/* 开场白 */}\n        {prologue && (\n          <div className={styles.prologue}>\n            <MarkdownRender text={prologue} />\n          </div>\n        )}\n\n        {/* 欢迎页面 */}\n        {/* {renderWelcome()} */}\n\n        {/* 消息列表 */}\n        {chatGroups.map((group, idx) =>\n          group.role === \"user\"\n            ? renderUserGroup(group)\n            : renderBotGroup(group, idx === chatGroups.length - 1),\n        )}\n\n        {/* 建议问题 */}\n        {renderSuggestions()}\n\n        <div ref={messagesEndRef} />\n      </div>\n    </div>\n  );\n};\n\nexport default XAdkChatbot;\n"],
+  "mappings": "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",
   "names": ["MarkdownRender", "FunctionCallRender", "XAiThoughtChain", "FileGallery", "copy", "antdMessage", "clsx"]
 }

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

@@ -183,9 +183,9 @@ var 带会话列表 = {
   },
   args: {
     url: "https://m-poc-dev.zaxline.com",
-    token: "eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJNRlg1VHhsaGVJS2Jla1pIS29lT1ZObG8iLCJhdWQiOiJNRlg1VHhsaGVJS2Jla1pIS29lT1ZObG8iLCJuYmYiOjE3NzM2NDk5MjIsInVzZXJfaWQiOiJWNFNPSG1KbzNaZWE0Uk51ZzdYWDJBPT0iLCJzY29wZSI6WyJNRlg1VHhsaGVJS2Jla1pIS29lT1ZObG8iXSwiaXNzIjoiaHR0cDovL2htLWF1dGgtc2VydmVyLnhsaW5lLWRldi50ZXN0LnhpbmtlLmJpeiIsImV4cCI6MTc3MzY1NzEyMiwiaWF0IjoxNzczNjQ5OTIyLCJqdGkiOiI1NzY3Mjk3MC05ZmZlLTQzYmYtOTBmMy03ZDlmNDY4OTZjMGEiLCJjbGllbnRfaWQiOiJNRlg1VHhsaGVJS2Jla1pIS29lT1ZObG8ifQ.ojer50ubE3oyBxPDW9JsZpQkzuvlbHYtLgl4jpdnUB1GSnlhNTPw9tShDuoLVjrKeeSVYsqfNTk-JN4xmYUxHs4cdy0-Sn6j2oLfbFYXI1p_8oQqOllhPKJWQA-JiOWMjm6iHpYOnotx14oGfgO6EKD2I9kLvRkje0DuEVKsj22s_XEimpfMCLtxCgn-lzmIVr90MU_1jt01q7MnPOA35rKTPlVLUg2Mw3a7JsmBPSvR25uDiX0x_ueG3riSko1cY37TXuSPIuBsD6N6aptv1RZ25-pGt6DjP3QOKnLfLc9N7_jIIcfbRzYYOOxp0Y4ond6fF5wWZI8S1wckZbBHiA",
+    token: "eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJENjFjOTFhM1hKZFM4cjdEeTR1cVhuWmkiLCJhdWQiOiJENjFjOTFhM1hKZFM4cjdEeTR1cVhuWmkiLCJuYmYiOjE3NzQyNDg2OTIsInVzZXJfaWQiOiJWNFNPSG1KbzNaZWE0Uk51ZzdYWDJBPT0iLCJzY29wZSI6WyJENjFjOTFhM1hKZFM4cjdEeTR1cVhuWmkiXSwiaXNzIjoiaHR0cDovL2htLWF1dGgtc2VydmVyLnhsaW5lLWRldi50ZXN0LnhpbmtlLmJpeiIsImV4cCI6MTc3NDI1NTg5MiwiaWF0IjoxNzc0MjQ4NjkyLCJqdGkiOiJmNGJiZGQxOS03OWRjLTRjZGEtOGMwYy1jZTllNWVhOTJmYzMiLCJjbGllbnRfaWQiOiJENjFjOTFhM1hKZFM4cjdEeTR1cVhuWmkifQ.AqjF0Q5Gsu25xArL9L5YDwWbHO1ZHxmr86eZSTyM-jumtzc6oLWYBIYNkRX9iXkmRryM09a5Xyn2ZjYSSomu0mudHxAK6qNHCtsIsJctxUvWL5nb-9r2DdH1lsjaD6jLOlv4DePO-ww_QOlhElSPkTO4858VWXSQNqQgD2tFOw1bFlFZvqTWUZkdS-l17tHceupBlX_VR8qn5otJaZAYaQS58uUQ3ry5AGufIYqrKeAWctmwhIX5P1D0TbIjGw91SlYds7VZrkMgMOe4DJQVjwcVfg4OnFxDwXXYjIE8ikHczwt4xFRPnRIM4W3huGdejFS04QOn95a7vdwy_Dwqbw",
     config: {
-      appNo: "MFX5TxlheIKbekZHKoeOVNlo"
+      appNo: "D61c91a3XJdS8r7Dy4uqXnZi"
     }
   }
 };

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

@@ -1,7 +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.eyJzdWIiOiJNRlg1VHhsaGVJS2Jla1pIS29lT1ZObG8iLCJhdWQiOiJNRlg1VHhsaGVJS2Jla1pIS29lT1ZObG8iLCJuYmYiOjE3NzM2NDk5MjIsInVzZXJfaWQiOiJWNFNPSG1KbzNaZWE0Uk51ZzdYWDJBPT0iLCJzY29wZSI6WyJNRlg1VHhsaGVJS2Jla1pIS29lT1ZObG8iXSwiaXNzIjoiaHR0cDovL2htLWF1dGgtc2VydmVyLnhsaW5lLWRldi50ZXN0LnhpbmtlLmJpeiIsImV4cCI6MTc3MzY1NzEyMiwiaWF0IjoxNzczNjQ5OTIyLCJqdGkiOiI1NzY3Mjk3MC05ZmZlLTQzYmYtOTBmMy03ZDlmNDY4OTZjMGEiLCJjbGllbnRfaWQiOiJNRlg1VHhsaGVJS2Jla1pIS29lT1ZObG8ifQ.ojer50ubE3oyBxPDW9JsZpQkzuvlbHYtLgl4jpdnUB1GSnlhNTPw9tShDuoLVjrKeeSVYsqfNTk-JN4xmYUxHs4cdy0-Sn6j2oLfbFYXI1p_8oQqOllhPKJWQA-JiOWMjm6iHpYOnotx14oGfgO6EKD2I9kLvRkje0DuEVKsj22s_XEimpfMCLtxCgn-lzmIVr90MU_1jt01q7MnPOA35rKTPlVLUg2Mw3a7JsmBPSvR25uDiX0x_ueG3riSko1cY37TXuSPIuBsD6N6aptv1RZ25-pGt6DjP3QOKnLfLc9N7_jIIcfbRzYYOOxp0Y4ond6fF5wWZI8S1wckZbBHiA\",\n    config: {\n      appNo: \"MFX5TxlheIKbekZHKoeOVNlo\",\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.eyJzdWIiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iLCJhdWQiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iLCJuYmYiOjE3NzMwNjI5MjUsInVzZXJfaWQiOiJWNFNPSG1KbzNaZWE0Uk51ZzdYWDJBPT0iLCJzY29wZSI6WyIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iXSwiaXNzIjoiaHR0cDovL2htLWF1dGgtc2VydmVyLnhsaW5lLWRldi50ZXN0LnhpbmtlLmJpeiIsImV4cCI6MTc3MzA3MDEyNSwiaWF0IjoxNzczMDYyOTI1LCJqdGkiOiI0YmY3MjcxOS03NzNkLTRkZGYtOGYzNC01YjAwNjA5MWE3Y2IiLCJjbGllbnRfaWQiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08ifQ.AcWWnsWZVHvvpbT9IG64oo6mNNUFDKuaTMSCRMUvgiRyfn8f4Y64GBF_VR_XhgvNgNczXx5pXlU5AEXlvwA3RXv5Voy5Vl1dvyrLOtjZivnRJVeDVzn8Af57cXKE9QBZAS94bUMAtfmZmvqer4Lw6wuFNSg6G32BCpQH6ifR8zei3scf1Gcs0QXr00KcT3dFROmAzJscJC_KnXxGx_729BlQqupdJ05KEGHDIokqJNy5Ev_40IPmW-ZDJprXpEdReHfHnPuaUgGQRAJEW2yTf2OsyNenOwA9l0iKYK1ENDnBpsr08VUgMhJBKq-quzP5AE3eLIn-3KR0O-yT4lyBiQ\",\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"],
+  "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.eyJzdWIiOiJENjFjOTFhM1hKZFM4cjdEeTR1cVhuWmkiLCJhdWQiOiJENjFjOTFhM1hKZFM4cjdEeTR1cVhuWmkiLCJuYmYiOjE3NzQyNDg2OTIsInVzZXJfaWQiOiJWNFNPSG1KbzNaZWE0Uk51ZzdYWDJBPT0iLCJzY29wZSI6WyJENjFjOTFhM1hKZFM4cjdEeTR1cVhuWmkiXSwiaXNzIjoiaHR0cDovL2htLWF1dGgtc2VydmVyLnhsaW5lLWRldi50ZXN0LnhpbmtlLmJpeiIsImV4cCI6MTc3NDI1NTg5MiwiaWF0IjoxNzc0MjQ4NjkyLCJqdGkiOiJmNGJiZGQxOS03OWRjLTRjZGEtOGMwYy1jZTllNWVhOTJmYzMiLCJjbGllbnRfaWQiOiJENjFjOTFhM1hKZFM4cjdEeTR1cVhuWmkifQ.AqjF0Q5Gsu25xArL9L5YDwWbHO1ZHxmr86eZSTyM-jumtzc6oLWYBIYNkRX9iXkmRryM09a5Xyn2ZjYSSomu0mudHxAK6qNHCtsIsJctxUvWL5nb-9r2DdH1lsjaD6jLOlv4DePO-ww_QOlhElSPkTO4858VWXSQNqQgD2tFOw1bFlFZvqTWUZkdS-l17tHceupBlX_VR8qn5otJaZAYaQS58uUQ3ry5AGufIYqrKeAWctmwhIX5P1D0TbIjGw91SlYds7VZrkMgMOe4DJQVjwcVfg4OnFxDwXXYjIE8ikHczwt4xFRPnRIM4W3huGdejFS04QOn95a7vdwy_Dwqbw\",\n    config: {\n      appNo: \"D61c91a3XJdS8r7Dy4uqXnZi\",\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.eyJzdWIiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iLCJhdWQiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iLCJuYmYiOjE3NzMwNjI5MjUsInVzZXJfaWQiOiJWNFNPSG1KbzNaZWE0Uk51ZzdYWDJBPT0iLCJzY29wZSI6WyIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iXSwiaXNzIjoiaHR0cDovL2htLWF1dGgtc2VydmVyLnhsaW5lLWRldi50ZXN0LnhpbmtlLmJpeiIsImV4cCI6MTc3MzA3MDEyNSwiaWF0IjoxNzczMDYyOTI1LCJqdGkiOiI0YmY3MjcxOS03NzNkLTRkZGYtOGYzNC01YjAwNjA5MWE3Y2IiLCJjbGllbnRfaWQiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08ifQ.AcWWnsWZVHvvpbT9IG64oo6mNNUFDKuaTMSCRMUvgiRyfn8f4Y64GBF_VR_XhgvNgNczXx5pXlU5AEXlvwA3RXv5Voy5Vl1dvyrLOtjZivnRJVeDVzn8Af57cXKE9QBZAS94bUMAtfmZmvqer4Lw6wuFNSg6G32BCpQH6ifR8zei3scf1Gcs0QXr00KcT3dFROmAzJscJC_KnXxGx_729BlQqupdJ05KEGHDIokqJNy5Ev_40IPmW-ZDJprXpEdReHfHnPuaUgGQRAJEW2yTf2OsyNenOwA9l0iKYK1ENDnBpsr08VUgMhJBKq-quzP5AE3eLIn-3KR0O-yT4lyBiQ\",\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"]
 }