@ai-group/chat-sdk 3.7.3 → 3.7.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/XAdkChatbot/index.js +30 -20
- package/dist/cjs/components/XAdkChatbot/index.js.map +2 -2
- package/dist/cjs/components/XAdkChatbot/styles.js +5 -1
- package/dist/cjs/components/XAdkChatbot/styles.js.map +2 -2
- package/dist/cjs/components/XAdkProvider/compound/Chatbot.d.ts +3 -3
- package/dist/cjs/components/XAdkProvider/compound/Chatbot.js +3 -1
- package/dist/cjs/components/XAdkProvider/compound/Chatbot.js.map +2 -2
- package/dist/cjs/hooks/useADKChat.js +7 -2
- package/dist/cjs/hooks/useADKChat.js.map +2 -2
- package/dist/esm/components/XAdkChatbot/index.js +10 -7
- package/dist/esm/components/XAdkChatbot/index.js.map +1 -1
- package/dist/esm/components/XAdkChatbot/styles.js +2 -2
- package/dist/esm/components/XAdkChatbot/styles.js.map +1 -1
- package/dist/esm/components/XAdkProvider/compound/Chatbot.d.ts +3 -3
- package/dist/esm/components/XAdkProvider/compound/Chatbot.js +10 -7
- package/dist/esm/components/XAdkProvider/compound/Chatbot.js.map +1 -1
- package/dist/esm/hooks/useADKChat.js +26 -16
- package/dist/esm/hooks/useADKChat.js.map +1 -1
- package/dist/umd/chat-sdk.min.js +1 -1
- package/package.json +1 -1
|
@@ -576,29 +576,39 @@ var XAdkChatbot = (0, import_react.forwardRef)(
|
|
|
576
576
|
) }) }, item)) });
|
|
577
577
|
};
|
|
578
578
|
const isEmpty = messages.length === 0 && !prologue && (!suggestions || suggestions.length === 0);
|
|
579
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.
|
|
579
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_clsx.default)(styles.wrapper, className), style, children: [
|
|
580
580
|
isEmpty && empty && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.emptyWrapper, children: typeof empty === "function" ? empty() : empty }),
|
|
581
|
-
|
|
582
|
-
|
|
581
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
582
|
+
"div",
|
|
583
583
|
{
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
584
|
+
className: styles.list,
|
|
585
|
+
ref: listRef,
|
|
586
|
+
style: isEmpty ? { flex: 0 } : void 0,
|
|
587
|
+
children: [
|
|
588
|
+
prologue && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.prologue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
589
|
+
import_MarkdownRender.default,
|
|
590
|
+
{
|
|
591
|
+
text: prologue,
|
|
592
|
+
resourceLinkSchemes,
|
|
593
|
+
onFileClick,
|
|
594
|
+
onResourceLinkClick,
|
|
595
|
+
renderResourceLink,
|
|
596
|
+
markdownExtensions: mergedMarkdownExtensions
|
|
597
|
+
}
|
|
598
|
+
) }),
|
|
599
|
+
chatGroups.map(
|
|
600
|
+
(group, idx) => group.role === "user" ? renderUserGroup(group) : renderBotGroup(
|
|
601
|
+
group,
|
|
602
|
+
idx === chatGroups.length - 1,
|
|
603
|
+
renderFunctionCall
|
|
604
|
+
)
|
|
605
|
+
),
|
|
606
|
+
renderSuggestions(),
|
|
607
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: messagesEndRef })
|
|
608
|
+
]
|
|
590
609
|
}
|
|
591
|
-
)
|
|
592
|
-
|
|
593
|
-
(group, idx) => group.role === "user" ? renderUserGroup(group) : renderBotGroup(
|
|
594
|
-
group,
|
|
595
|
-
idx === chatGroups.length - 1,
|
|
596
|
-
renderFunctionCall
|
|
597
|
-
)
|
|
598
|
-
),
|
|
599
|
-
renderSuggestions(),
|
|
600
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: messagesEndRef })
|
|
601
|
-
] }) });
|
|
610
|
+
)
|
|
611
|
+
] });
|
|
602
612
|
}
|
|
603
613
|
);
|
|
604
614
|
XAdkChatbot.displayName = "XAdkChatbot";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/XAdkChatbot/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import {\n useMemo,\n useCallback,\n useEffect,\n useRef,\n useImperativeHandle,\n forwardRef,\n} 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} 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 XAdkThoughtChain from \"@/components/XAdkThoughtChain\";\nimport { parseAgentMessage } from \"@/utils\";\nimport {\n mergeChatStrategies,\n resolvePresetMarkdownExtensions,\n} from \"@/presets/runtime\";\nimport type {\n IMessage,\n XAdkChatbotProps,\n XAdkChatbotHandle,\n ChatGroup,\n} from \"@/types\";\nimport type { ThoughtChainItemType } from \"@/types/XAdkThoughtChain\";\nimport { defaultToolKindResolver } from \"@/types/FunctionCallRender\";\n\nconst scrollThreshold = 10;\n\n/**\n * XAdkChatbot - 增强版聊天组件\n *\n * 新增功能:\n * - ✅ 自动消息分组 (enableGrouping)\n * - ✅ 自动解析思维链 (enableProcessParsing)\n * - ✅ 文件展示 (FileGallery)\n * - ✅ 操作栏 (重试/复制/日志)\n * - ✅ 欢迎页面 (agentName/agentIcon/description)\n */\nconst XAdkChatbot = forwardRef<XAdkChatbotHandle, XAdkChatbotProps>(\n (\n {\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 actionsExtra,\n className,\n style,\n // welcome = null,\n enableGrouping = true,\n enableProcessParsing = true,\n parseOptions,\n initialized = true,\n sessionId,\n onFileClick,\n onResourceLinkClick,\n renderResourceLink,\n markdownExtensions,\n renderFunctionCall,\n toolKindResolver,\n strategies,\n preset,\n empty,\n },\n ref,\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 const prevSessionIdRef = useRef(sessionId);\n const previousMessageCountRef = useRef(messages.length);\n\n // 暴露命令式 API\n const scrollToBottom = useCallback((behavior: ScrollBehavior = \"auto\") => {\n messagesEndRef.current?.scrollIntoView({ behavior });\n }, []);\n useImperativeHandle(ref, () => ({ scrollToBottom }), [scrollToBottom]);\n const mergedStrategies = useMemo(\n () => mergeChatStrategies(preset, strategies),\n [preset, strategies],\n );\n const mergedMarkdownExtensions = useMemo(\n () => resolvePresetMarkdownExtensions(preset, markdownExtensions),\n [markdownExtensions, preset],\n );\n const resolveToolKind = useCallback(\n (name?: string, msg?: IMessage) =>\n toolKindResolver?.(name) ??\n mergedStrategies.resolveToolKind?.({ name, msg }) ??\n defaultToolKindResolver(name),\n [toolKindResolver, mergedStrategies],\n );\n const parseProcessMessage =\n mergedStrategies.parseProcessMessage ?? parseAgentMessage;\n const resourceLinkSchemes = mergedStrategies.markdownResourceLinkSchemes;\n\n // 初始化完成时滚动到底部\n useEffect(() => {\n if (!initialized) return;\n if (!messages.length) return;\n if (prevInitializedRef.current) return;\n prevInitializedRef.current = true;\n\n const el = listRef.current;\n if (!el) return;\n\n // 用 MutationObserver 监听 DOM 子树变化，等内容渲染稳定后置底\n // 每次 DOM 变化都重新计时，确保所有异步渲染（Markdown、代码高亮、思维链等）完成后再滚动\n let stableTimer: ReturnType<typeof setTimeout>;\n const doScroll = () => {\n messagesEndRef.current?.scrollIntoView({ behavior: \"auto\" });\n };\n\n const observer = new MutationObserver(() => {\n clearTimeout(stableTimer);\n stableTimer = setTimeout(doScroll, 80);\n });\n\n observer.observe(el, {\n childList: true,\n subtree: true,\n characterData: true,\n });\n\n // 立即执行一次，处理内容已经就绪的情况\n doScroll();\n // 兜底：最多等 500ms 后强制滚动并断开观察\n const maxTimer = setTimeout(() => {\n observer.disconnect();\n doScroll();\n }, 500);\n\n return () => {\n clearTimeout(stableTimer);\n clearTimeout(maxTimer);\n observer.disconnect();\n };\n }, [initialized, messages]);\n\n // 会话切换时重置滚动状态，允许重新触发初始化置底\n useEffect(() => {\n if (sessionId === undefined) return; // 未传 sessionId 不处理\n if (prevSessionIdRef.current === sessionId) return; // 同一会话不处理\n prevSessionIdRef.current = sessionId;\n prevInitializedRef.current = false;\n userHasScrolledRef.current = false;\n }, [sessionId]);\n\n // 新增用户消息代表一次主动发送，应无条件恢复跟随并置底。\n // 之后的流式回复继续沿用“用户未主动上滚时跟随”的规则。\n useEffect(() => {\n const previousCount = previousMessageCountRef.current;\n previousMessageCountRef.current = messages.length;\n const hasNewUserMessage = messages\n .slice(previousCount)\n .some((message) => message.role === \"user\");\n if (hasNewUserMessage) {\n userHasScrolledRef.current = false;\n }\n if (userHasScrolledRef.current) return;\n if (!messages.length) return;\n const el = listRef.current;\n if (el) {\n el.scrollTop = el.scrollHeight;\n }\n }, [loading, messages]);\n\n // loading 结束时（流式输出完成），操作栏（metaFooter）会渲染出来增加高度，\n // 需要延迟滚动到底部，确保操作栏可见\n const prevLoadingRef = useRef(loading);\n useEffect(() => {\n const wasLoading = prevLoadingRef.current;\n prevLoadingRef.current = loading;\n\n if (!wasLoading || loading) return; // 只在 loading true → false 时触发\n if (userHasScrolledRef.current) return;\n if (!messages.length) return;\n\n // 延迟等待操作栏 DOM 渲染完成后再滚动\n const timer = setTimeout(() => {\n const el = listRef.current;\n if (el) {\n el.scrollTop = el.scrollHeight;\n }\n }, 50);\n return () => clearTimeout(timer);\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 (\n group: ChatGroup,\n isLastGroup: boolean,\n renderFunctionCall?: XAdkChatbotProps[\"renderFunctionCall\"],\n ) => {\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\n key={`${msg.id}-${i}`}\n text={msg.text}\n resourceLinkSchemes={resourceLinkSchemes}\n onFileClick={onFileClick}\n onResourceLinkClick={onResourceLinkClick}\n renderResourceLink={renderResourceLink}\n markdownExtensions={mergedMarkdownExtensions}\n />\n );\n }\n if (msg.functionCall) {\n return (\n renderFunctionCall?.(msg) ?? (\n <FunctionCallRender\n key={`${msg.id}-${i}`}\n msg={msg}\n showDetail={showFnCallDetail}\n onConfirm={onConfirm}\n kind={resolveToolKind(msg.functionCall?.name, msg)}\n renderApproval={mergedStrategies.renderApproval}\n renderHandoff={mergedStrategies.renderHandoff}\n />\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 = parseProcessMessage(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 const actionProps = { message: group, isLastBotMsg: isLastGroup };\n const actionExtraNode = actionsExtra?.(actionProps);\n\n // 4. 渲染\n const lastProcessIdx = nodes.findLastIndex((n) => n.type === \"process\");\n return (\n <div key={group.id} className={styles.botMsg}>\n {nodes.map((node, idx) => {\n if (node.type === \"process\") {\n // 只有最后一个 process node 跟随 loading 状态，已完成的思维链不应显示 loading\n const isLastProcess = idx === lastProcessIdx;\n return (\n <XAdkThoughtChain\n key={node.key}\n loading={isLastProcess && isGroupLoading}\n title=\"思维链已完成\"\n items={node.items}\n showFnCallDetail={showFnCallDetail}\n onConfirm={onConfirm}\n defaultOpen={isLastProcess && isGroupLoading}\n renderFunctionCall={renderFunctionCall}\n toolKindResolver={(name) => resolveToolKind(name)}\n strategies={mergedStrategies}\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\n text={node.content}\n resourceLinkSchemes={resourceLinkSchemes}\n onFileClick={onFileClick}\n onResourceLinkClick={onResourceLinkClick}\n renderResourceLink={renderResourceLink}\n markdownExtensions={mergedMarkdownExtensions}\n />\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\n key={index}\n file={file}\n onClick={onFileClick}\n />\n ))}\n </div>\n </div>\n )}\n\n {/* 操作栏 */}\n {!isGroupLoading &&\n (actions ||\n showRetry ||\n showCopy ||\n showLog ||\n actionExtraNode) && (\n <div className={styles.metaFooter}>\n {actions ? (\n actions(actionProps)\n ) : (\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 )}\n {actionExtraNode}\n </div>\n )}\n </div>\n );\n },\n [\n enableProcessParsing,\n parseOptions,\n parseProcessMessage,\n showFnCallDetail,\n onConfirm,\n loading,\n showRetry,\n showCopy,\n showLog,\n onRetry,\n onCopy,\n onShowLog,\n actions,\n actionsExtra,\n onFileClick,\n onResourceLinkClick,\n renderResourceLink,\n mergedMarkdownExtensions,\n resourceLinkSchemes,\n styles,\n resolveToolKind,\n mergedStrategies,\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 onClick={onFileClick}\n />\n ))}\n </>\n )}\n {/* 文本展示 */}\n {m.text && (\n <div\n className={styles.card}\n onCopy={(event) => {\n // 富文本标签的可见文案不含协议；复制用户消息时保留原始 Markdown，\n // 使内容粘贴回 XAdkSender 后能重新还原成 Mention。\n event.preventDefault();\n event.clipboardData.setData(\"text/plain\", m.text || \"\");\n }}\n >\n <MarkdownRender\n text={m.text}\n compact\n bareUrlAsText\n highlightPlainMentions\n resourceLinkSchemes={resourceLinkSchemes}\n onFileClick={onFileClick}\n onResourceLinkClick={onResourceLinkClick}\n renderResourceLink={renderResourceLink}\n markdownExtensions={mergedMarkdownExtensions}\n />\n </div>\n )}\n </div>\n ))}\n </div>\n );\n },\n [\n styles,\n onFileClick,\n onResourceLinkClick,\n renderResourceLink,\n mergedMarkdownExtensions,\n resourceLinkSchemes,\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 iconPlacement=\"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 // 空状态判断\n const isEmpty =\n messages.length === 0 &&\n !prologue &&\n (!suggestions || suggestions.length === 0);\n\n return (\n <div className={clsx(styles.wrapper, className)} style={style}>\n <div className={styles.list} ref={listRef}>\n {/* 空状态 */}\n {isEmpty && empty && (\n <div className={styles.emptyWrapper}>\n {typeof empty === \"function\" ? empty() : empty}\n </div>\n )}\n\n {/* 开场白 */}\n {prologue && (\n <div className={styles.prologue}>\n <MarkdownRender\n text={prologue}\n resourceLinkSchemes={resourceLinkSchemes}\n onFileClick={onFileClick}\n onResourceLinkClick={onResourceLinkClick}\n renderResourceLink={renderResourceLink}\n markdownExtensions={mergedMarkdownExtensions}\n />\n </div>\n )}\n\n {/* 消息列表 */}\n {chatGroups.map((group, idx) =>\n group.role === \"user\"\n ? renderUserGroup(group)\n : renderBotGroup(\n group,\n idx === chatGroups.length - 1,\n renderFunctionCall,\n ),\n )}\n\n {/* 建议问题 */}\n {renderSuggestions()}\n\n <div ref={messagesEndRef} />\n </div>\n </div>\n );\n },\n);\n\nXAdkChatbot.displayName = \"XAdkChatbot\";\n\nexport default XAdkChatbot;\n"],
|
|
5
|
-
"mappings": "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",
|
|
4
|
+
"sourcesContent": ["import {\n useMemo,\n useCallback,\n useEffect,\n useRef,\n useImperativeHandle,\n forwardRef,\n} 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} 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 XAdkThoughtChain from \"@/components/XAdkThoughtChain\";\nimport { parseAgentMessage } from \"@/utils\";\nimport {\n mergeChatStrategies,\n resolvePresetMarkdownExtensions,\n} from \"@/presets/runtime\";\nimport type {\n IMessage,\n XAdkChatbotProps,\n XAdkChatbotHandle,\n ChatGroup,\n} from \"@/types\";\nimport type { ThoughtChainItemType } from \"@/types/XAdkThoughtChain\";\nimport { defaultToolKindResolver } from \"@/types/FunctionCallRender\";\n\nconst scrollThreshold = 10;\n\n/**\n * XAdkChatbot - 增强版聊天组件\n *\n * 新增功能:\n * - ✅ 自动消息分组 (enableGrouping)\n * - ✅ 自动解析思维链 (enableProcessParsing)\n * - ✅ 文件展示 (FileGallery)\n * - ✅ 操作栏 (重试/复制/日志)\n * - ✅ 欢迎页面 (agentName/agentIcon/description)\n */\nconst XAdkChatbot = forwardRef<XAdkChatbotHandle, XAdkChatbotProps>(\n (\n {\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 actionsExtra,\n className,\n style,\n // welcome = null,\n enableGrouping = true,\n enableProcessParsing = true,\n parseOptions,\n initialized = true,\n sessionId,\n onFileClick,\n onResourceLinkClick,\n renderResourceLink,\n markdownExtensions,\n renderFunctionCall,\n toolKindResolver,\n strategies,\n preset,\n empty,\n },\n ref,\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 const prevSessionIdRef = useRef(sessionId);\n const previousMessageCountRef = useRef(messages.length);\n\n // 暴露命令式 API\n const scrollToBottom = useCallback((behavior: ScrollBehavior = \"auto\") => {\n messagesEndRef.current?.scrollIntoView({ behavior });\n }, []);\n useImperativeHandle(ref, () => ({ scrollToBottom }), [scrollToBottom]);\n const mergedStrategies = useMemo(\n () => mergeChatStrategies(preset, strategies),\n [preset, strategies],\n );\n const mergedMarkdownExtensions = useMemo(\n () => resolvePresetMarkdownExtensions(preset, markdownExtensions),\n [markdownExtensions, preset],\n );\n const resolveToolKind = useCallback(\n (name?: string, msg?: IMessage) =>\n toolKindResolver?.(name) ??\n mergedStrategies.resolveToolKind?.({ name, msg }) ??\n defaultToolKindResolver(name),\n [toolKindResolver, mergedStrategies],\n );\n const parseProcessMessage =\n mergedStrategies.parseProcessMessage ?? parseAgentMessage;\n const resourceLinkSchemes = mergedStrategies.markdownResourceLinkSchemes;\n\n // 初始化完成时滚动到底部\n useEffect(() => {\n if (!initialized) return;\n if (!messages.length) return;\n if (prevInitializedRef.current) return;\n prevInitializedRef.current = true;\n\n const el = listRef.current;\n if (!el) return;\n\n // 用 MutationObserver 监听 DOM 子树变化，等内容渲染稳定后置底\n // 每次 DOM 变化都重新计时，确保所有异步渲染（Markdown、代码高亮、思维链等）完成后再滚动\n let stableTimer: ReturnType<typeof setTimeout>;\n const doScroll = () => {\n messagesEndRef.current?.scrollIntoView({ behavior: \"auto\" });\n };\n\n const observer = new MutationObserver(() => {\n clearTimeout(stableTimer);\n stableTimer = setTimeout(doScroll, 80);\n });\n\n observer.observe(el, {\n childList: true,\n subtree: true,\n characterData: true,\n });\n\n // 立即执行一次，处理内容已经就绪的情况\n doScroll();\n // 兜底：最多等 500ms 后强制滚动并断开观察\n const maxTimer = setTimeout(() => {\n observer.disconnect();\n doScroll();\n }, 500);\n\n return () => {\n clearTimeout(stableTimer);\n clearTimeout(maxTimer);\n observer.disconnect();\n };\n }, [initialized, messages]);\n\n // 会话切换时重置滚动状态，允许重新触发初始化置底\n useEffect(() => {\n if (sessionId === undefined) return; // 未传 sessionId 不处理\n if (prevSessionIdRef.current === sessionId) return; // 同一会话不处理\n prevSessionIdRef.current = sessionId;\n prevInitializedRef.current = false;\n userHasScrolledRef.current = false;\n }, [sessionId]);\n\n // 新增用户消息代表一次主动发送，应无条件恢复跟随并置底。\n // 之后的流式回复继续沿用“用户未主动上滚时跟随”的规则。\n useEffect(() => {\n const previousCount = previousMessageCountRef.current;\n previousMessageCountRef.current = messages.length;\n const hasNewUserMessage = messages\n .slice(previousCount)\n .some((message) => message.role === \"user\");\n if (hasNewUserMessage) {\n userHasScrolledRef.current = false;\n }\n if (userHasScrolledRef.current) return;\n if (!messages.length) return;\n const el = listRef.current;\n if (el) {\n el.scrollTop = el.scrollHeight;\n }\n }, [loading, messages]);\n\n // loading 结束时（流式输出完成），操作栏（metaFooter）会渲染出来增加高度，\n // 需要延迟滚动到底部，确保操作栏可见\n const prevLoadingRef = useRef(loading);\n useEffect(() => {\n const wasLoading = prevLoadingRef.current;\n prevLoadingRef.current = loading;\n\n if (!wasLoading || loading) return; // 只在 loading true → false 时触发\n if (userHasScrolledRef.current) return;\n if (!messages.length) return;\n\n // 延迟等待操作栏 DOM 渲染完成后再滚动\n const timer = setTimeout(() => {\n const el = listRef.current;\n if (el) {\n el.scrollTop = el.scrollHeight;\n }\n }, 50);\n return () => clearTimeout(timer);\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 (\n group: ChatGroup,\n isLastGroup: boolean,\n renderFunctionCall?: XAdkChatbotProps[\"renderFunctionCall\"],\n ) => {\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\n key={`${msg.id}-${i}`}\n text={msg.text}\n resourceLinkSchemes={resourceLinkSchemes}\n onFileClick={onFileClick}\n onResourceLinkClick={onResourceLinkClick}\n renderResourceLink={renderResourceLink}\n markdownExtensions={mergedMarkdownExtensions}\n />\n );\n }\n if (msg.functionCall) {\n return (\n renderFunctionCall?.(msg) ?? (\n <FunctionCallRender\n key={`${msg.id}-${i}`}\n msg={msg}\n showDetail={showFnCallDetail}\n onConfirm={onConfirm}\n kind={resolveToolKind(msg.functionCall?.name, msg)}\n renderApproval={mergedStrategies.renderApproval}\n renderHandoff={mergedStrategies.renderHandoff}\n />\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 = parseProcessMessage(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 const actionProps = { message: group, isLastBotMsg: isLastGroup };\n const actionExtraNode = actionsExtra?.(actionProps);\n\n // 4. 渲染\n const lastProcessIdx = nodes.findLastIndex((n) => n.type === \"process\");\n return (\n <div key={group.id} className={styles.botMsg}>\n {nodes.map((node, idx) => {\n if (node.type === \"process\") {\n // 只有最后一个 process node 跟随 loading 状态，已完成的思维链不应显示 loading\n const isLastProcess = idx === lastProcessIdx;\n return (\n <XAdkThoughtChain\n key={node.key}\n loading={isLastProcess && isGroupLoading}\n title=\"思维链已完成\"\n items={node.items}\n showFnCallDetail={showFnCallDetail}\n onConfirm={onConfirm}\n defaultOpen={isLastProcess && isGroupLoading}\n renderFunctionCall={renderFunctionCall}\n toolKindResolver={(name) => resolveToolKind(name)}\n strategies={mergedStrategies}\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\n text={node.content}\n resourceLinkSchemes={resourceLinkSchemes}\n onFileClick={onFileClick}\n onResourceLinkClick={onResourceLinkClick}\n renderResourceLink={renderResourceLink}\n markdownExtensions={mergedMarkdownExtensions}\n />\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\n key={index}\n file={file}\n onClick={onFileClick}\n />\n ))}\n </div>\n </div>\n )}\n\n {/* 操作栏 */}\n {!isGroupLoading &&\n (actions ||\n showRetry ||\n showCopy ||\n showLog ||\n actionExtraNode) && (\n <div className={styles.metaFooter}>\n {actions ? (\n actions(actionProps)\n ) : (\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 )}\n {actionExtraNode}\n </div>\n )}\n </div>\n );\n },\n [\n enableProcessParsing,\n parseOptions,\n parseProcessMessage,\n showFnCallDetail,\n onConfirm,\n loading,\n showRetry,\n showCopy,\n showLog,\n onRetry,\n onCopy,\n onShowLog,\n actions,\n actionsExtra,\n onFileClick,\n onResourceLinkClick,\n renderResourceLink,\n mergedMarkdownExtensions,\n resourceLinkSchemes,\n styles,\n resolveToolKind,\n mergedStrategies,\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 onClick={onFileClick}\n />\n ))}\n </>\n )}\n {/* 文本展示 */}\n {m.text && (\n <div\n className={styles.card}\n onCopy={(event) => {\n // 富文本标签的可见文案不含协议；复制用户消息时保留原始 Markdown，\n // 使内容粘贴回 XAdkSender 后能重新还原成 Mention。\n event.preventDefault();\n event.clipboardData.setData(\"text/plain\", m.text || \"\");\n }}\n >\n <MarkdownRender\n text={m.text}\n compact\n bareUrlAsText\n highlightPlainMentions\n resourceLinkSchemes={resourceLinkSchemes}\n onFileClick={onFileClick}\n onResourceLinkClick={onResourceLinkClick}\n renderResourceLink={renderResourceLink}\n markdownExtensions={mergedMarkdownExtensions}\n />\n </div>\n )}\n </div>\n ))}\n </div>\n );\n },\n [\n styles,\n onFileClick,\n onResourceLinkClick,\n renderResourceLink,\n mergedMarkdownExtensions,\n resourceLinkSchemes,\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 iconPlacement=\"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 // 空状态判断\n const isEmpty =\n messages.length === 0 &&\n !prologue &&\n (!suggestions || suggestions.length === 0);\n\n return (\n <div className={clsx(styles.wrapper, className)} style={style}>\n {/* 空状态 */}\n {isEmpty && empty && (\n <div className={styles.emptyWrapper}>\n {typeof empty === \"function\" ? empty() : empty}\n </div>\n )}\n\n <div\n className={styles.list}\n ref={listRef}\n style={isEmpty ? { flex: 0 } : undefined}\n >\n {/* 开场白 */}\n {prologue && (\n <div className={styles.prologue}>\n <MarkdownRender\n text={prologue}\n resourceLinkSchemes={resourceLinkSchemes}\n onFileClick={onFileClick}\n onResourceLinkClick={onResourceLinkClick}\n renderResourceLink={renderResourceLink}\n markdownExtensions={mergedMarkdownExtensions}\n />\n </div>\n )}\n\n {/* 消息列表 */}\n {chatGroups.map((group, idx) =>\n group.role === \"user\"\n ? renderUserGroup(group)\n : renderBotGroup(\n group,\n idx === chatGroups.length - 1,\n renderFunctionCall,\n ),\n )}\n\n {/* 建议问题 */}\n {renderSuggestions()}\n\n <div ref={messagesEndRef} />\n </div>\n </div>\n );\n },\n);\n\nXAdkChatbot.displayName = \"XAdkChatbot\";\n\nexport default XAdkChatbot;\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["import_FunctionCallRender", "renderFunctionCall", "MarkdownRender", "FunctionCallRender", "XAdkThoughtChain", "FileGallery", "copy", "antdMessage", "clsx"]
|
|
7
7
|
}
|
|
@@ -28,8 +28,11 @@ var import_common = require("../../styles/common");
|
|
|
28
28
|
var useStyles = (0, import_common.withBasicStyles)(() => ({
|
|
29
29
|
wrapper: import_css.css`
|
|
30
30
|
padding: 0 16px;
|
|
31
|
-
|
|
31
|
+
/* 作为 flex 子项时必须允许收缩，消息滚动由内部 list 承担。 */
|
|
32
|
+
min-height: 0;
|
|
32
33
|
height: 100%;
|
|
34
|
+
box-sizing: border-box;
|
|
35
|
+
overflow: hidden;
|
|
33
36
|
border-radius: 8px;
|
|
34
37
|
display: flex;
|
|
35
38
|
flex-direction: column;
|
|
@@ -56,6 +59,7 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
|
|
|
56
59
|
`,
|
|
57
60
|
list: import_css.css`
|
|
58
61
|
flex: 1;
|
|
62
|
+
min-height: 0;
|
|
59
63
|
margin-top: 16px;
|
|
60
64
|
overflow-y: auto;
|
|
61
65
|
/* Chrome, Safari, Edge, Opera */
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/XAdkChatbot/styles.tsx"],
|
|
4
|
-
"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:
|
|
5
|
-
"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,
|
|
4
|
+
"sourcesContent": ["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n wrapper: css`\n padding: 0 16px;\n /* 作为 flex 子项时必须允许收缩，消息滚动由内部 list 承担。 */\n min-height: 0;\n height: 100%;\n box-sizing: border-box;\n overflow: hidden;\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 min-height: 0;\n margin-top: 16px;\n overflow-y: auto;\n /* Chrome, Safari, Edge, Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n /* Firefox */\n scrollbar-width: none;\n /* IE 10+ */\n -ms-overflow-style: none;\n `,\n\n prologue: css`\n margin-bottom: 12px;\n `,\n\n suggestion: css`\n margin-bottom: 12px;\n `,\n\n suggestContent: css`\n display: inline-flex;\n border: 2px solid #e7e7e7;\n border-radius: 8px;\n `,\n\n userMsg: css`\n display: flex;\n justify-content: flex-end;\n width: 100%;\n min-width: 0;\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 min-width: 0;\n max-width: 100%;\n `,\n\n card: css`\n display: inline-block;\n box-sizing: border-box;\n min-width: 0;\n padding: 12px 16px;\n background: #d5e3ff;\n border-radius: 12px;\n max-width: 100%;\n white-space: pre-line;\n overflow-wrap: anywhere;\n word-break: break-word;\n `,\n\n botMsg: css`\n margin-bottom: 12px;\n `,\n\n emptyWrapper: css`\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1;\n min-height: 200px;\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 display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 16px;\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"],
|
|
5
|
+
"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;AAAA;AAAA,EAgCT,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAeN,UAAU;AAAA;AAAA;AAAA,EAIV,YAAY;AAAA;AAAA;AAAA,EAIZ,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhB,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQT,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASf,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaN,QAAQ;AAAA;AAAA;AAAA,EAIR,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASd,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;AAAA;AAAA;AAAA;AAAA,EAUZ,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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { XAdkMessagesProps } from
|
|
3
|
-
import { XAdkSenderCompoundProps } from
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { XAdkMessagesProps } from "./Messages";
|
|
3
|
+
import { XAdkSenderCompoundProps } from "./Sender";
|
|
4
4
|
/**
|
|
5
5
|
* XAdkProvider.Chatbot - 完整的聊天界面组件
|
|
6
6
|
*
|
|
@@ -49,11 +49,13 @@ var Chatbot = ({
|
|
|
49
49
|
display: "flex",
|
|
50
50
|
flexDirection: "column",
|
|
51
51
|
height: "100%",
|
|
52
|
+
minHeight: 0,
|
|
53
|
+
overflow: "hidden",
|
|
52
54
|
width: "100%",
|
|
53
55
|
...style
|
|
54
56
|
},
|
|
55
57
|
children: [
|
|
56
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { flex: 1, overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Messages.default, { ...messagesProps }) }),
|
|
58
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { flex: 1, minHeight: 0, overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Messages.default, { ...messagesProps }) }),
|
|
57
59
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Sender.default, { ...senderProps })
|
|
58
60
|
]
|
|
59
61
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/components/XAdkProvider/compound/Chatbot.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,sBAA4C;AAC5C,oBAAgD;AAmC5C;AAPJ,IAAM,UAA8C,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,QACf,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,GAAG;AAAA,MACL;AAAA,MAGA;AAAA,oDAAC,SAAI,OAAO,EAAE,MAAM,GAAG,UAAU,SAAS,
|
|
4
|
+
"sourcesContent": ["import React from \"react\";\nimport Messages, { XAdkMessagesProps } from \"./Messages\";\nimport Sender, { XAdkSenderCompoundProps } from \"./Sender\";\n\n/**\n * XAdkProvider.Chatbot - 完整的聊天界面组件\n *\n * 组合了 Messages + Sender,提供开箱即用的完整聊天界面\n *\n * @example\n * ```tsx\n * <XAdkProvider url=\"...\" token=\"...\">\n * <XAdkProvider.Chatbot\n * messagesProps={{ showFnCallDetail: true }}\n * senderProps={{ allowUpload: true }}\n * />\n * </XAdkProvider>\n * ```\n */\nexport interface XAdkChatbotCompoundProps {\n /** Messages 组件的属性 */\n messagesProps?: XAdkMessagesProps;\n /** Sender 组件的属性 */\n senderProps?: XAdkSenderCompoundProps;\n /** 容器样式 */\n style?: React.CSSProperties;\n /** 容器类名 */\n className?: string;\n}\n\nconst Chatbot: React.FC<XAdkChatbotCompoundProps> = ({\n messagesProps,\n senderProps,\n style,\n className,\n}) => {\n return (\n <div\n className={className}\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\",\n minHeight: 0,\n overflow: \"hidden\",\n width: \"100%\",\n ...style,\n }}\n >\n {/* 消息列表区域 */}\n <div style={{ flex: 1, minHeight: 0, overflow: \"hidden\" }}>\n <Messages {...messagesProps} />\n </div>\n\n {/* 输入框区域 */}\n <Sender {...senderProps} />\n </div>\n );\n};\n\nChatbot.displayName = \"XAdkProvider.Chatbot\";\n\nexport default Chatbot;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,sBAA4C;AAC5C,oBAAgD;AAmC5C;AAPJ,IAAM,UAA8C,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,QACf,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,UAAU;AAAA,QACV,OAAO;AAAA,QACP,GAAG;AAAA,MACL;AAAA,MAGA;AAAA,oDAAC,SAAI,OAAO,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,SAAS,GACtD,sDAAC,gBAAAA,SAAA,EAAU,GAAG,eAAe,GAC/B;AAAA,QAGA,4CAAC,cAAAC,SAAA,EAAQ,GAAG,aAAa;AAAA;AAAA;AAAA,EAC3B;AAEJ;AAEA,QAAQ,cAAc;AAEtB,IAAO,kBAAQ;",
|
|
6
6
|
"names": ["Messages", "Sender"]
|
|
7
7
|
}
|
|
@@ -1006,6 +1006,8 @@ function useADKChat({
|
|
|
1006
1006
|
}
|
|
1007
1007
|
const bg = backgroundRef.current.get(sessionId);
|
|
1008
1008
|
if (bg) {
|
|
1009
|
+
setPrologue("");
|
|
1010
|
+
setSuggestedQuestions([]);
|
|
1009
1011
|
setMessages(bg.messages);
|
|
1010
1012
|
messagesRef.current = bg.messages;
|
|
1011
1013
|
textMsgRef.current = bg.textMsgRef;
|
|
@@ -1019,6 +1021,8 @@ function useADKChat({
|
|
|
1019
1021
|
}
|
|
1020
1022
|
setInitialized(false);
|
|
1021
1023
|
setCurrentSessionId(sessionId);
|
|
1024
|
+
setPrologue("");
|
|
1025
|
+
setSuggestedQuestions([]);
|
|
1022
1026
|
sessionDetailLoadingRef.current = true;
|
|
1023
1027
|
try {
|
|
1024
1028
|
const { data, result } = await (0, import_api.fetchSessionDetail)({
|
|
@@ -1087,8 +1091,9 @@ function useADKChat({
|
|
|
1087
1091
|
if (showFirstSession) {
|
|
1088
1092
|
setCurrentSession(sessionId);
|
|
1089
1093
|
} else {
|
|
1090
|
-
|
|
1091
|
-
|
|
1094
|
+
const canRestoreOnboarding = fetchDetail && !sessionDetailLoadingRef.current && messagesRef.current.length === 0;
|
|
1095
|
+
canRestoreOnboarding && setPrologue(((_a2 = appInfo == null ? void 0 : appInfo.onboardingInfo) == null ? void 0 : _a2.prologue) || "");
|
|
1096
|
+
canRestoreOnboarding && setSuggestedQuestions(
|
|
1092
1097
|
((_b2 = appInfo == null ? void 0 : appInfo.onboardingInfo) == null ? void 0 : _b2.suggested_questions) || []
|
|
1093
1098
|
);
|
|
1094
1099
|
}
|