@ai-group/chat-sdk 3.0.4 → 3.0.6

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

@@ -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              <FileGallery files={allFiles} align=\"left\" />\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}>\n              {/* 文件展示 */}\n              {m.fileData && m.fileData.length > 0 && (\n                <FileGallery files={m.fileData} align=\"right\" />\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/XAdkChatbot/styles.d.ts

@@ -5,6 +5,7 @@ export declare const useStyles: () => {
     suggestion: string;
     suggestContent: string;
     userMsg: string;
+    userContainer: string;
     card: string;
     botMsg: string;
     welcomeWrapper: string;

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

@@ -84,7 +84,14 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     justify-content: flex-end;
     margin-bottom: 24px;
   `,
+  userContainer: import_css.css`
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+    align-items: flex-end;
+  `,
   card: import_css.css`
+    display: inline-flex;
     padding: 12px 16px;
     background: #d5e3ff;
     border-radius: 12px;

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

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

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

@@ -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

@@ -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"]
 }

package/dist/cjs/components/XAdkProvider/compound/Messages.js

@@ -32,7 +32,12 @@ __export(Messages_exports, {
   default: () => Messages_default
 });
 module.exports = __toCommonJS(Messages_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
 var import_XAdkChatbot = __toESM(require("../../XAdkChatbot"));
+var import_DislikeFeedBack = __toESM(require("./DislikeFeedBack"));
 var import_ChatStateContext = require("../context/ChatStateContext");
 var import_ChatActionContext = require("../context/ChatActionContext");
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -41,8 +46,62 @@ var Messages = ({
   className,
   style
 }) => {
-  const { messages, loading, prologue, suggestions } = (0, import_ChatStateContext.useChatState)();
-  const { suggestChat, reChat } = (0, import_ChatActionContext.useChatActions)();
+  const { messages, loading, prologue, suggestions, initialized, showFeedback, appInfo } = (0, import_ChatStateContext.useChatState)();
+  const { suggestChat, reChat, likeMessage } = (0, import_ChatActionContext.useChatActions)();
+  const primaryColor = (appInfo == null ? void 0 : appInfo.appTheme) || "#1677ff";
+  const defaultActions = (0, import_react.useCallback)(({ message: group, isLastBotMsg }) => {
+    const lastMsg = group.msgs[group.msgs.length - 1];
+    const invocationId = lastMsg == null ? void 0 : lastMsg.invocationId;
+    const isLikeVal = group.isLike ?? 0;
+    const fullText = group.msgs.filter((m) => !m.functionCall && !m.functionResponse).map((m) => m.text || "").join("");
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Flex, { gap: 16, align: "center", style: { padding: "4px 0", color: "#81858c" }, children: [
+      isLastBotMsg && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "重新生成", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ReloadOutlined, { style: { cursor: "pointer" }, onClick: reChat }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "复制内容", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_icons.CopyOutlined,
+        {
+          style: { cursor: "pointer" },
+          onClick: () => {
+            (0, import_copy_to_clipboard.default)(fullText);
+            import_antd.message.success("复制成功");
+          }
+        }
+      ) }),
+      showFeedback && invocationId && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "赞", children: isLikeVal === 1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LikeFilled, { style: { color: primaryColor, cursor: "pointer" } }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_icons.LikeOutlined,
+          {
+            style: { cursor: "pointer" },
+            onClick: async () => {
+              if (isLikeVal !== 0) {
+                import_antd.message.warning("已收到您的反馈，无需重复提交");
+                return;
+              }
+              const ok = await likeMessage(invocationId, 1);
+              if (ok)
+                import_antd.message.success("感谢您的反馈");
+              else
+                import_antd.message.error("反馈失败，请稍后再试");
+            }
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_DislikeFeedBack.default,
+          {
+            msg: group,
+            activeColor: primaryColor,
+            onSubmit: async (formData) => {
+              const ok = await likeMessage(invocationId, -1, formData);
+              if (ok)
+                import_antd.message.success("已收到您的反馈，我们会努力做得更好");
+              else
+                import_antd.message.error("反馈失败，请稍后再试");
+              return ok;
+            }
+          }
+        )
+      ] })
+    ] });
+  }, [reChat, likeMessage, showFeedback, primaryColor]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_XAdkChatbot.default,
     {
@@ -51,16 +110,11 @@ var Messages = ({
       prologue,
       suggestions,
       onSuggest: suggestChat,
-      showRetry: true,
-      showCopy: true,
-      showLog: false,
-      onRetry: reChat,
-      onShowLog: () => {
-      },
-      actions,
+      actions: actions ?? defaultActions,
       enableGrouping: true,
       enableProcessParsing: true,
       parseOptions: { mode: "comment" },
+      initialized,
       className,
       style
     }

package/dist/cjs/components/XAdkProvider/compound/Messages.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/XAdkProvider/compound/Messages.tsx"],
-  "sourcesContent": ["import React from \"react\";\nimport XAdkChatbot from \"../../XAdkChatbot\";\nimport { useChatState } from \"../context/ChatStateContext\";\nimport { useChatActions } from \"../context/ChatActionContext\";\nimport type { ActionProps } from \"@/types\";\n\nexport interface XAdkMessagesProps {\n  /** 自定义操作栏渲染 */\n  actions?: ActionProps;\n  /** 类名 */\n  className?: string;\n  /** 样式 */\n  style?: React.CSSProperties;\n}\n\n/**\n * Messages - XAdkProvider 的消息展示组件\n *\n * 使用 XAdkChatbot 渲染消息列表\n */\nconst Messages: React.FC<XAdkMessagesProps> = ({\n  actions,\n  className,\n  style,\n}) => {\n  const { messages, loading, prologue, suggestions } = useChatState();\n  const { suggestChat, reChat } = useChatActions();\n\n  return (\n    <XAdkChatbot\n      messages={messages}\n      loading={loading}\n      prologue={prologue}\n      suggestions={suggestions}\n      onSuggest={suggestChat}\n      // 操作栏\n      showRetry\n      showCopy\n      showLog={false}\n      onRetry={reChat}\n      onShowLog={() => {}}\n      actions={actions}\n      // 启用分组和解析\n      enableGrouping={true}\n      enableProcessParsing={true}\n      // 使用注释模式解析\n      parseOptions={{ mode: \"comment\" }}\n      // 样式\n      className={className}\n      style={style}\n    />\n  );\n};\n\nexport default Messages;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,yBAAwB;AACxB,8BAA6B;AAC7B,+BAA+B;AA0B3B;AATJ,IAAM,WAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,UAAU,SAAS,UAAU,YAAY,QAAI,sCAAa;AAClE,QAAM,EAAE,aAAa,OAAO,QAAI,yCAAe;AAE/C,SACE;AAAA,IAAC,mBAAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MAEX,WAAS;AAAA,MACT,UAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW,MAAM;AAAA,MAAC;AAAA,MAClB;AAAA,MAEA,gBAAgB;AAAA,MAChB,sBAAsB;AAAA,MAEtB,cAAc,EAAE,MAAM,UAAU;AAAA,MAEhC;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,mBAAQ;",
-  "names": ["XAdkChatbot"]
+  "sourcesContent": ["import React, { useCallback } from \"react\";\nimport { message, Tooltip, Flex } from \"antd\";\nimport { LikeFilled, LikeOutlined, ReloadOutlined, CopyOutlined } from \"@ant-design/icons\";\nimport copy from \"copy-to-clipboard\";\nimport XAdkChatbot from \"../../XAdkChatbot\";\nimport DislikeFeedback from \"./DislikeFeedBack\";\nimport { useChatState } from \"../context/ChatStateContext\";\nimport { useChatActions } from \"../context/ChatActionContext\";\nimport type { ActionProps } from \"@/types\";\n\nexport interface XAdkMessagesProps {\n  /** 自定义操作栏渲染 */\n  actions?: ActionProps;\n  /** 类名 */\n  className?: string;\n  /** 样式 */\n  style?: React.CSSProperties;\n}\n\n/**\n * Messages - XAdkProvider 的消息展示组件\n *\n * 使用 XAdkChatbot 渲染消息列表\n */\nconst Messages: React.FC<XAdkMessagesProps> = ({\n  actions,\n  className,\n  style,\n}) => {\n  const { messages, loading, prologue, suggestions, initialized, showFeedback, appInfo } = useChatState();\n  const { suggestChat, reChat, likeMessage } = useChatActions();\n\n  const primaryColor = appInfo?.appTheme || \"#1677ff\";\n\n  const defaultActions = useCallback<ActionProps>(({ message: group, isLastBotMsg }) => {\n    // 取该组最后一条 bot 消息的 invocationId 和 isLike 状态\n    const lastMsg = group.msgs[group.msgs.length - 1];\n    const invocationId = lastMsg?.invocationId;\n    const isLikeVal = group.isLike ?? 0;\n\n    const fullText = group.msgs\n      .filter((m) => !m.functionCall && !m.functionResponse)\n      .map((m) => m.text || \"\")\n      .join(\"\");\n\n    return (\n      <Flex gap={16} align=\"center\" style={{ padding: \"4px 0\", color: \"#81858c\" }}>\n        {isLastBotMsg && (\n          <Tooltip title=\"重新生成\">\n            <ReloadOutlined style={{ cursor: \"pointer\" }} onClick={reChat} />\n          </Tooltip>\n        )}\n        <Tooltip title=\"复制内容\">\n          <CopyOutlined\n            style={{ cursor: \"pointer\" }}\n            onClick={() => {\n              copy(fullText);\n              message.success(\"复制成功\");\n            }}\n          />\n        </Tooltip>\n        {showFeedback && invocationId && (\n          <>\n            <Tooltip title=\"赞\">\n              {isLikeVal === 1 ? (\n                <LikeFilled style={{ color: primaryColor, cursor: \"pointer\" }} />\n              ) : (\n                <LikeOutlined\n                  style={{ cursor: \"pointer\" }}\n                  onClick={async () => {\n                    if (isLikeVal !== 0) {\n                      message.warning(\"已收到您的反馈，无需重复提交\");\n                      return;\n                    }\n                    const ok = await likeMessage(invocationId, 1);\n                    if (ok) message.success(\"感谢您的反馈\");\n                    else message.error(\"反馈失败，请稍后再试\");\n                  }}\n                />\n              )}\n            </Tooltip>\n            <DislikeFeedback\n              msg={group}\n              activeColor={primaryColor}\n              onSubmit={async (formData) => {\n                const ok = await likeMessage(invocationId, -1, formData);\n                if (ok) message.success(\"已收到您的反馈，我们会努力做得更好\");\n                else message.error(\"反馈失败，请稍后再试\");\n                return ok;\n              }}\n            />\n          </>\n        )}\n      </Flex>\n    );\n  }, [reChat, likeMessage, showFeedback, primaryColor]);\n\n  return (\n    <XAdkChatbot\n      messages={messages}\n      loading={loading}\n      prologue={prologue}\n      suggestions={suggestions}\n      onSuggest={suggestChat}\n      // 操作栏：使用外部传入的 actions，否则用内置默认 actions\n      actions={actions ?? defaultActions}\n      // 启用分组和解析\n      enableGrouping={true}\n      enableProcessParsing={true}\n      // 使用注释模式解析\n      parseOptions={{ mode: \"comment\" }}\n      initialized={initialized}\n      // 样式\n      className={className}\n      style={style}\n    />\n  );\n};\n\nexport default Messages;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmC;AACnC,kBAAuC;AACvC,mBAAuE;AACvE,+BAAiB;AACjB,yBAAwB;AACxB,6BAA4B;AAC5B,8BAA6B;AAC7B,+BAA+B;AA0CnB;AAzBZ,IAAM,WAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,UAAU,SAAS,UAAU,aAAa,aAAa,cAAc,QAAQ,QAAI,sCAAa;AACtG,QAAM,EAAE,aAAa,QAAQ,YAAY,QAAI,yCAAe;AAE5D,QAAM,gBAAe,mCAAS,aAAY;AAE1C,QAAM,qBAAiB,0BAAyB,CAAC,EAAE,SAAS,OAAO,aAAa,MAAM;AAEpF,UAAM,UAAU,MAAM,KAAK,MAAM,KAAK,SAAS,CAAC;AAChD,UAAM,eAAe,mCAAS;AAC9B,UAAM,YAAY,MAAM,UAAU;AAElC,UAAM,WAAW,MAAM,KACpB,OAAO,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC,EAAE,gBAAgB,EACpD,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,EACvB,KAAK,EAAE;AAEV,WACE,6CAAC,oBAAK,KAAK,IAAI,OAAM,UAAS,OAAO,EAAE,SAAS,SAAS,OAAO,UAAU,GACvE;AAAA,sBACC,4CAAC,uBAAQ,OAAM,QACb,sDAAC,+BAAe,OAAO,EAAE,QAAQ,UAAU,GAAG,SAAS,QAAQ,GACjE;AAAA,MAEF,4CAAC,uBAAQ,OAAM,QACb;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,EAAE,QAAQ,UAAU;AAAA,UAC3B,SAAS,MAAM;AACb,yCAAAA,SAAK,QAAQ;AACb,gCAAQ,QAAQ,MAAM;AAAA,UACxB;AAAA;AAAA,MACF,GACF;AAAA,MACC,gBAAgB,gBACf,4EACE;AAAA,oDAAC,uBAAQ,OAAM,KACZ,wBAAc,IACb,4CAAC,2BAAW,OAAO,EAAE,OAAO,cAAc,QAAQ,UAAU,GAAG,IAE/D;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,EAAE,QAAQ,UAAU;AAAA,YAC3B,SAAS,YAAY;AACnB,kBAAI,cAAc,GAAG;AACnB,oCAAQ,QAAQ,gBAAgB;AAChC;AAAA,cACF;AACA,oBAAM,KAAK,MAAM,YAAY,cAAc,CAAC;AAC5C,kBAAI;AAAI,oCAAQ,QAAQ,QAAQ;AAAA;AAC3B,oCAAQ,MAAM,YAAY;AAAA,YACjC;AAAA;AAAA,QACF,GAEJ;AAAA,QACA;AAAA,UAAC,uBAAAC;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,aAAa;AAAA,YACb,UAAU,OAAO,aAAa;AAC5B,oBAAM,KAAK,MAAM,YAAY,cAAc,IAAI,QAAQ;AACvD,kBAAI;AAAI,oCAAQ,QAAQ,mBAAmB;AAAA;AACtC,oCAAQ,MAAM,YAAY;AAC/B,qBAAO;AAAA,YACT;AAAA;AAAA,QACF;AAAA,SACF;AAAA,OAEJ;AAAA,EAEJ,GAAG,CAAC,QAAQ,aAAa,cAAc,YAAY,CAAC;AAEpD,SACE;AAAA,IAAC,mBAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MAEX,SAAS,WAAW;AAAA,MAEpB,gBAAgB;AAAA,MAChB,sBAAsB;AAAA,MAEtB,cAAc,EAAE,MAAM,UAAU;AAAA,MAChC;AAAA,MAEA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,mBAAQ;",
+  "names": ["copy", "DislikeFeedback", "XAdkChatbot"]
 }

package/dist/cjs/components/XAdkProvider/context/ChatActionContext.d.ts

@@ -20,6 +20,11 @@ export interface ChatActionContextType {
     confirmFnCall: (fnCall: FunctionCall, confirmed: boolean) => void;
     /** 设置消息列表 */
     setMessages: React.Dispatch<React.SetStateAction<IMessage[]>>;
+    /** 点赞/点踩消息 */
+    likeMessage: (invocationId: string, isLike: 1 | -1, feedbackData?: {
+        feedbackTags?: string;
+        feedbackDescription?: string;
+    }) => Promise<boolean>;
 }
 export declare const ChatActionContext: import("react").Context<ChatActionContextType | null>;
 /**

package/dist/cjs/components/XAdkProvider/context/ChatActionContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/XAdkProvider/context/ChatActionContext.tsx"],
-  "sourcesContent": ["import { createContext, useContext } from 'react';\nimport type { SendContent, FunctionCall, IMessage } from '@/types';\n\n/**\n * 聊天动作 Context\n * 只包含操作方法,不包含状态数据\n * 与 ChatStateContext 分离可以优化性能\n */\nexport interface ChatActionContextType {\n  /** 发送消息 */\n  chat: (content: SendContent) => void;\n  /** 停止聊天 */\n  stopChat: () => void;\n  /** 清空/重置聊天 */\n  clearChat: () => void;\n  /** 重新发送 */\n  reChat: () => void;\n  /** 使用建议问题 */\n  suggestChat: (text: string) => void;\n  /** 确认函数调用 */\n  confirmFnCall: (fnCall: FunctionCall, confirmed: boolean) => void;\n  /** 设置消息列表 */\n  setMessages: React.Dispatch<React.SetStateAction<IMessage[]>>;\n}\n\nexport const ChatActionContext = createContext<ChatActionContextType | null>(null);\n\n/**\n * 使用聊天动作 Hook\n * @returns ChatActionContextType\n * @throws Error 如果在 XAdkProvider 外部使用\n */\nexport const useChatActions = () => {\n  const context = useContext(ChatActionContext);\n  if (!context) {\n    throw new Error('useChatActions must be used within XAdkProvider');\n  }\n  return context;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C;AAyBnC,IAAM,wBAAoB,4BAA4C,IAAI;AAO1E,IAAM,iBAAiB,MAAM;AAClC,QAAM,cAAU,yBAAW,iBAAiB;AAC5C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,iDAAiD;AAAA,EACnE;AACA,SAAO;AACT;",
+  "sourcesContent": ["import { createContext, useContext } from 'react';\nimport type { SendContent, FunctionCall, IMessage } from '@/types';\n\n/**\n * 聊天动作 Context\n * 只包含操作方法,不包含状态数据\n * 与 ChatStateContext 分离可以优化性能\n */\nexport interface ChatActionContextType {\n  /** 发送消息 */\n  chat: (content: SendContent) => void;\n  /** 停止聊天 */\n  stopChat: () => void;\n  /** 清空/重置聊天 */\n  clearChat: () => void;\n  /** 重新发送 */\n  reChat: () => void;\n  /** 使用建议问题 */\n  suggestChat: (text: string) => void;\n  /** 确认函数调用 */\n  confirmFnCall: (fnCall: FunctionCall, confirmed: boolean) => void;\n  /** 设置消息列表 */\n  setMessages: React.Dispatch<React.SetStateAction<IMessage[]>>;\n  /** 点赞/点踩消息 */\n  likeMessage: (\n    invocationId: string,\n    isLike: 1 | -1,\n    feedbackData?: { feedbackTags?: string; feedbackDescription?: string },\n  ) => Promise<boolean>;\n}\n\nexport const ChatActionContext = createContext<ChatActionContextType | null>(null);\n\n/**\n * 使用聊天动作 Hook\n * @returns ChatActionContextType\n * @throws Error 如果在 XAdkProvider 外部使用\n */\nexport const useChatActions = () => {\n  const context = useContext(ChatActionContext);\n  if (!context) {\n    throw new Error('useChatActions must be used within XAdkProvider');\n  }\n  return context;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C;AA+BnC,IAAM,wBAAoB,4BAA4C,IAAI;AAO1E,IAAM,iBAAiB,MAAM;AAClC,QAAM,cAAU,yBAAW,iBAAiB;AAC5C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,iDAAiD;AAAA,EACnE;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/components/XAdkProvider/context/ChatStateContext.d.ts

@@ -25,6 +25,8 @@ export interface ChatStateContextType {
     appInfo: ChatConfig | null;
     /** 是否已初始化 */
     initialized: boolean;
+    /** 是否展示点赞/点踩 */
+    showFeedback: boolean;
 }
 export declare const ChatStateContext: import("react").Context<ChatStateContextType | null>;
 /**

package/dist/cjs/components/XAdkProvider/context/ChatStateContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/XAdkProvider/context/ChatStateContext.tsx"],
-  "sourcesContent": ["import { createContext, useContext } from \"react\";\nimport type { IMessage } from \"@/types\";\nimport type { ChatConfig } from \"@/services/api\";\n\n/**\n * 聊天状态 Context\n * 只包含状态数据,不包含操作方法\n * 这样可以避免不必要的 rerender\n */\nexport interface ChatStateContextType {\n  /** 请求地址 */\n  url: string;\n  /** 会话令牌 */\n  token: string;\n  /** 消息列表 */\n  messages: IMessage[];\n  /** 加载状态 */\n  loading: boolean;\n  /** 当前会话 ID */\n  currentSessionId: string;\n  /** 开场白 */\n  prologue: string;\n  /** 建议问题列表 */\n  suggestions: string[];\n  /** 应用配置信息 */\n  appInfo: ChatConfig | null;\n  /** 是否已初始化 */\n  initialized: boolean;\n}\n\nexport const ChatStateContext = createContext<ChatStateContextType | null>(\n  null,\n);\n\n/**\n * 使用聊天状态 Hook\n * @returns ChatStateContextType\n * @throws Error 如果在 XAdkProvider 外部使用\n */\nexport const useChatState = () => {\n  const context = useContext(ChatStateContext);\n  if (!context) {\n    throw new Error(\"useChatState must be used within XAdkProvider\");\n  }\n  return context;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C;AA8BnC,IAAM,uBAAmB;AAAA,EAC9B;AACF;AAOO,IAAM,eAAe,MAAM;AAChC,QAAM,cAAU,yBAAW,gBAAgB;AAC3C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,+CAA+C;AAAA,EACjE;AACA,SAAO;AACT;",
+  "sourcesContent": ["import { createContext, useContext } from \"react\";\nimport type { IMessage } from \"@/types\";\nimport type { ChatConfig } from \"@/services/api\";\n\n/**\n * 聊天状态 Context\n * 只包含状态数据,不包含操作方法\n * 这样可以避免不必要的 rerender\n */\nexport interface ChatStateContextType {\n  /** 请求地址 */\n  url: string;\n  /** 会话令牌 */\n  token: string;\n  /** 消息列表 */\n  messages: IMessage[];\n  /** 加载状态 */\n  loading: boolean;\n  /** 当前会话 ID */\n  currentSessionId: string;\n  /** 开场白 */\n  prologue: string;\n  /** 建议问题列表 */\n  suggestions: string[];\n  /** 应用配置信息 */\n  appInfo: ChatConfig | null;\n  /** 是否已初始化 */\n  initialized: boolean;\n  /** 是否展示点赞/点踩 */\n  showFeedback: boolean;\n}\n\nexport const ChatStateContext = createContext<ChatStateContextType | null>(\n  null,\n);\n\n/**\n * 使用聊天状态 Hook\n * @returns ChatStateContextType\n * @throws Error 如果在 XAdkProvider 外部使用\n */\nexport const useChatState = () => {\n  const context = useContext(ChatStateContext);\n  if (!context) {\n    throw new Error(\"useChatState must be used within XAdkProvider\");\n  }\n  return context;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C;AAgCnC,IAAM,uBAAmB;AAAA,EAC9B;AACF;AAOO,IAAM,eAAe,MAAM;AAChC,QAAM,cAAU,yBAAW,gBAAgB;AAC3C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,+CAA+C;AAAA,EACjE;AACA,SAAO;AACT;",
   "names": []
 }

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

@@ -93,8 +93,10 @@ var XAdkProviderComponent = (0, import_react.forwardRef)(
       suggestions,
       initialized,
       setCurrentSessionDetail,
-      setMessages
+      setMessages,
+      likeMessage = async () => false
     } = data;
+    const showFeedback = (config == null ? void 0 : config.showFeedback) ?? true;
     (0, import_react.useImperativeHandle)(
       ref,
       () => ({
@@ -136,7 +138,8 @@ var XAdkProviderComponent = (0, import_react.forwardRef)(
         appInfo,
         initialized,
         url,
-        token
+        token,
+        showFeedback
       }),
       [
         messages,
@@ -145,7 +148,8 @@ var XAdkProviderComponent = (0, import_react.forwardRef)(
         prologue,
         suggestions,
         appInfo,
-        initialized
+        initialized,
+        showFeedback
       ]
     );
     const chatActionValue = (0, import_react.useMemo)(
@@ -156,7 +160,8 @@ var XAdkProviderComponent = (0, import_react.forwardRef)(
         reChat,
         suggestChat,
         confirmFnCall,
-        setMessages
+        setMessages,
+        likeMessage
       }),
       [
         startChat,
@@ -165,7 +170,8 @@ var XAdkProviderComponent = (0, import_react.forwardRef)(
         reChat,
         suggestChat,
         confirmFnCall,
-        setMessages
+        setMessages,
+        likeMessage
       ]
     );
     const sessionValue = (0, import_react.useMemo)(