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

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

@@ -34,31 +34,38 @@ __export(XAdkChatbot_exports, {
 module.exports = __toCommonJS(XAdkChatbot_exports);
 var import_react = require("react");
 var import_antd = require("antd");
+var import_clsx = __toESM(require("clsx"));
 var import_icons = require("@ant-design/icons");
+var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
 var import_styles = require("./styles");
 var import_MarkdownRender = __toESM(require("./components/MarkdownRender"));
 var import_FunctionCallRender = __toESM(require("./components/FunctionCallRender"));
-var import_ThinkRender = __toESM(require("./components/ThinkRender"));
-var import_XAdkSender = __toESM(require("../XAdkSender"));
+var import_FileGallery = __toESM(require("./components/FileGallery"));
+var import_XAiThoughtChain = __toESM(require("../XAiThoughtChain"));
+var import_utils = require("../../utils");
 var import_jsx_runtime = require("react/jsx-runtime");
 var scrollThreshold = 10;
 var XAdkChatbot = ({
-  allowUpload = false,
-  uploadRequest = () => {
-  },
   loading = false,
   prologue,
   suggestions,
   messages,
-  initialized = true,
-  footer,
   showFnCallDetail,
-  clearBtnShow = true,
   onConfirm,
-  onSubmit,
   onSuggest,
-  onStop,
-  onClear
+  showRetry,
+  showCopy,
+  showLog,
+  onRetry,
+  onCopy,
+  onShowLog,
+  actions,
+  className,
+  style,
+  // welcome = null,
+  enableGrouping = true,
+  enableProcessParsing = true,
+  parseOptions
 }) => {
   const styles = (0, import_styles.useStyles)();
   const listRef = (0, import_react.useRef)(null);
@@ -71,9 +78,7 @@ var XAdkChatbot = ({
       return;
     if (userHasScrolledRef.current)
       return;
-    (_a = messagesEndRef.current) == null ? void 0 : _a.scrollIntoView({
-      behavior: "smooth"
-    });
+    (_a = messagesEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth" });
   }, [loading, messages]);
   const handleScroll = (0, import_react.useCallback)(() => {
     const el = listRef.current;
@@ -97,111 +102,292 @@ var XAdkChatbot = ({
     return () => {
       listElement.removeEventListener("scroll", handleScroll);
     };
-  }, []);
-  const handleSubmit = ({ text, files }) => {
-    if (loading)
-      return;
-    if (!(text == null ? void 0 : text.trim()))
-      return;
-    onSubmit == null ? void 0 : onSubmit({ text, files });
-    queueMicrotask(() => {
-      var _a;
-      (_a = messagesEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "instant" });
-    });
-    setTimeout(() => {
-      userHasScrolledRef.current = false;
-    }, 0);
-  };
-  const lastIndex = messages.length - 1;
-  const lastMessageMap = (0, import_react.useMemo)(() => {
-    const map = /* @__PURE__ */ new Map();
-    for (const msg of messages) {
-      if (msg.role === "bot" && msg.invocationId) {
-        map.set(msg.invocationId, msg.id);
-      }
+  }, [handleScroll]);
+  const chatGroups = (0, import_react.useMemo)(() => {
+    if (!enableGrouping) {
+      return messages.map((msg) => ({
+        id: msg.id,
+        role: msg.role,
+        msgs: [msg],
+        invocationId: msg.invocationId,
+        allFiles: msg.fileData || [],
+        isLike: msg.isLike ?? 0
+      }));
     }
-    return map;
-  }, [messages]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.wrapper, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.list, ref: listRef, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.prologue, children: prologue }),
-      messages.map((msg, i) => {
-        if (msg.role === "user") {
+    const groups = [];
+    messages.forEach((msg) => {
+      if (msg.role === "followup")
+        return;
+      const isRealUserQuery = msg.role === "user" && !msg.functionResponse && !msg.functionCall;
+      const lastGroup = groups[groups.length - 1];
+      const isLastGroupAgent = (lastGroup == null ? void 0 : lastGroup.role) === "bot";
+      if (isLastGroupAgent && !isRealUserQuery) {
+        lastGroup.msgs.push(msg);
+        if (msg.invocationId)
+          lastGroup.invocationId = msg.invocationId;
+        if (msg.isLike && msg.isLike !== 0) {
+          lastGroup.isLike = msg.isLike;
+        }
+      } else {
+        groups.push({
+          id: msg.id || `group-${groups.length}`,
+          role: isRealUserQuery ? "user" : "bot",
+          msgs: [msg],
+          invocationId: msg.invocationId,
+          allFiles: [],
+          isLike: msg.isLike ?? 0
+        });
+      }
+    });
+    groups.forEach((g) => {
+      g.allFiles = g.msgs.reduce(
+        (acc, m) => [...acc, ...m.fileData || []],
+        []
+      );
+    });
+    return groups;
+  }, [messages, enableGrouping]);
+  const renderBotGroup = (0, import_react.useCallback)(
+    (group, isLastGroup) => {
+      const { msgs, allFiles } = group;
+      if (!enableProcessParsing) {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.botMsg, children: msgs.map((msg, i) => {
           if (msg.text) {
-            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.userMsg, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.card, children: msg.text }) }, `${msg.id}-${i}`);
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MarkdownRender.default, { text: msg.text }, `${msg.id}-${i}`);
           }
-          if (msg.functionResponse) {
-            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.userMsg, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FunctionCallRender.default, { msg, showDetail: showFnCallDetail }) }, `${msg.id}-${i}`);
+          if (msg.functionCall) {
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_FunctionCallRender.default,
+              {
+                msg,
+                showDetail: showFnCallDetail,
+                onConfirm
+              },
+              `${msg.id}-${i}`
+            );
           }
           return null;
-        }
-        const isLast = i === lastIndex;
-        const isLoading = isLast && loading;
-        const isLastBotMsg = lastMessageMap.get((msg == null ? void 0 : msg.invocationId) || "") === msg.id;
-        if (msg.text) {
-          if (msg.thought) {
-            return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.botMsg, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_ThinkRender.default,
-                {
-                  msg,
-                  loading: isLoading
-                }
-              ),
-              !isLoading && (footer == null ? void 0 : footer({ message: msg, isLastMsg: isLast, isLastBotMsg }))
-            ] }, `${msg.id}-${i}`);
+        }) }, group.id);
+      }
+      const mergedToolMap = /* @__PURE__ */ new Map();
+      msgs.forEach((msg) => {
+        if (msg.functionCall) {
+          const callId = msg.functionCall.id || "";
+          if (!mergedToolMap.has(callId)) {
+            mergedToolMap.set(callId, { ...msg });
+          } else {
+            mergedToolMap.set(callId, {
+              ...mergedToolMap.get(callId) ?? {},
+              ...msg
+            });
+          }
+        } else if (msg.functionResponse) {
+          const callId = msg.functionResponse.id || "";
+          if (mergedToolMap.has(callId)) {
+            const tool = mergedToolMap.get(callId);
+            if (tool)
+              tool.functionResponse = msg.functionResponse;
+          } else {
+            mergedToolMap.set(callId, {
+              ...msg,
+              functionCall: {
+                id: callId,
+                name: msg.functionResponse.name || "Unknown",
+                args: {}
+              }
+            });
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.botMsg, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MarkdownRender.default, { text: msg.text }),
-            !isLoading && (footer == null ? void 0 : footer({ message: msg, isLastMsg: isLast, isLastBotMsg }))
-          ] }, `${msg.id}-${i}`);
         }
-        const fnCall = msg.functionCall;
-        if (fnCall) {
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.botMsg, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FunctionCallRender.default, { msg, showDetail: showFnCallDetail, onConfirm }),
-            !isLoading && (footer == null ? void 0 : footer({ message: msg, isLastMsg: isLast, isLastBotMsg }))
-          ] }, `${msg.id}-${i}`);
+      });
+      const nodes = [];
+      let currentProcessItems = [];
+      const processedToolIds = /* @__PURE__ */ new Set();
+      const flushProcessItems = () => {
+        if (currentProcessItems.length > 0) {
+          nodes.push({
+            type: "process",
+            items: [...currentProcessItems],
+            key: `process-${nodes.length}`
+          });
+          currentProcessItems = [];
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.botMsg, children: !isLoading && (footer == null ? void 0 : footer({ message: msg, isLastMsg: isLast, isLastBotMsg })) }, `${msg.id}-${i}`);
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: suggestions == null ? void 0 : suggestions.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.suggestion, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.suggestContent, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_antd.Button,
-        {
-          type: "text",
-          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.SwapRightOutlined, {}),
-          iconPosition: "end",
-          onClick: () => {
-            if (!item)
-              return;
-            onSuggest == null ? void 0 : onSuggest(item);
-          },
-          style: {
-            whiteSpace: "normal",
-            height: "auto",
-            wordWrap: "break-word",
-            textAlign: "left",
-            padding: "4px 15px",
-            lineHeight: "1.5"
-          },
-          children: item
+      };
+      msgs.forEach((msg) => {
+        if (msg.functionCall) {
+          const callId = msg.functionCall.id || "";
+          if (!processedToolIds.has(callId)) {
+            const mergedMsg = mergedToolMap.get(callId);
+            if (mergedMsg) {
+              currentProcessItems.push({
+                type: "tool",
+                key: `tool-${callId}`,
+                content: "",
+                msg: mergedMsg
+              });
+              processedToolIds.add(callId);
+            }
+          }
+        } else if (msg.text && !msg.functionResponse) {
+          const parts = (0, import_utils.parseAgentMessage)(msg.text, parseOptions);
+          parts.forEach((part, partIdx) => {
+            if ([
+              "planning",
+              "replanning",
+              "reasoning",
+              "action_log",
+              "process_text"
+            ].includes(part.type)) {
+              const titleMap = {
+                planning: "任务规划",
+                replanning: "重新规划",
+                reasoning: "推理分析",
+                action_log: "行动记录",
+                process_text: "过程分析"
+              };
+              currentProcessItems.push({
+                type: "text",
+                key: `${msg.id}-${partIdx}`,
+                content: part.content,
+                title: titleMap[part.type] || "分析"
+              });
+            } else {
+              flushProcessItems();
+              if (part.content.trim()) {
+                const lastNode = nodes[nodes.length - 1];
+                if ((lastNode == null ? void 0 : lastNode.type) === "text") {
+                  lastNode.content += "\n\n" + part.content;
+                } else {
+                  nodes.push({
+                    type: "text",
+                    content: part.content,
+                    key: `text-${msg.id}-${partIdx}`
+                  });
+                }
+              }
+            }
+          });
         }
-      ) }) }, item)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: messagesEndRef })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_XAdkSender.default,
+      });
+      flushProcessItems();
+      const fullTextToCopy = msgs.filter((m) => !m.functionCall && !m.functionResponse).map((m) => m.text || "").join("");
+      const lastBotMsg = msgs[msgs.length - 1];
+      const hasProcess = nodes.some((n) => n.type === "process");
+      const isGroupLoading = loading && isLastGroup;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.botMsg, children: [
+        nodes.map((node, idx) => {
+          if (node.type === "process") {
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_XAiThoughtChain.default,
+              {
+                loading: isGroupLoading,
+                title: "思维链已完成",
+                items: node.items,
+                showFnCallDetail,
+                onConfirm,
+                defaultOpen: isGroupLoading
+              },
+              node.key
+            );
+          }
+          const showBadge = hasProcess && nodes.findIndex((n) => n.type === "text") === idx;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            showBadge && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.successBadge, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckCircleFilled, {}),
+              " 已完成所有规划任务"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MarkdownRender.default, { text: node.content })
+          ] }, node.key);
+        }),
+        allFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.fileSection, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileHeader, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+            "生成文件 (",
+            allFiles.length,
+            ")"
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FileGallery.default, { files: allFiles, align: "left" })
+        ] }),
+        !isGroupLoading && (actions ? actions({ message: group, isLastBotMsg: isLastGroup }) : (showRetry || showCopy || showLog) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.metaFooter, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Flex, { gap: 16, className: styles.actionIcons, children: [
+          showRetry && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "重新生成", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ReloadOutlined, { onClick: onRetry }) }),
+          showCopy && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "复制内容", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_icons.CopyOutlined,
+            {
+              onClick: () => {
+                (0, import_copy_to_clipboard.default)(fullTextToCopy);
+                import_antd.message.success("复制成功");
+                onCopy == null ? void 0 : onCopy(fullTextToCopy);
+              }
+            }
+          ) }),
+          showLog && (lastBotMsg == null ? void 0 : lastBotMsg.invocationId) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "查看日志", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_icons.InfoCircleOutlined,
+            {
+              onClick: () => onShowLog == null ? void 0 : onShowLog(
+                lastBotMsg.invocationId,
+                lastBotMsg.timestamp
+              )
+            }
+          ) })
+        ] }) }))
+      ] }, group.id);
+    },
+    [
+      enableProcessParsing,
+      parseOptions,
+      showFnCallDetail,
+      onConfirm,
+      loading,
+      showRetry,
+      showCopy,
+      showLog,
+      onRetry,
+      onCopy,
+      onShowLog,
+      styles
+    ]
+  );
+  const renderUserGroup = (0, import_react.useCallback)(
+    (group) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.userMsg, children: group.msgs.map((m, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        m.fileData && m.fileData.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FileGallery.default, { files: m.fileData, align: "right" }),
+        m.text && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.card, children: m.text })
+      ] }, m.id || i)) }, group.id);
+    },
+    [styles]
+  );
+  const renderSuggestions = () => {
+    if (!suggestions || suggestions.length === 0)
+      return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.suggestionWrapper, children: suggestions.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.suggestion, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.suggestContent, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_antd.Button,
       {
-        allowUpload,
-        uploadRequest,
-        loading,
-        clearBtnShow,
-        onSubmit: handleSubmit,
-        onClear,
-        onStop
+        type: "text",
+        icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.SwapRightOutlined, {}),
+        iconPosition: "end",
+        onClick: () => {
+          if (!item)
+            return;
+          onSuggest == null ? void 0 : onSuggest(item);
+        },
+        style: {
+          whiteSpace: "normal",
+          height: "auto",
+          wordWrap: "break-word",
+          textAlign: "left",
+          padding: "4px 15px",
+          lineHeight: "1.5"
+        },
+        children: item
       }
-    )
-  ] });
+    ) }) }, item)) });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_clsx.default)(styles.wrapper, className), style, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.list, ref: listRef, children: [
+    prologue && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.prologue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MarkdownRender.default, { text: prologue }) }),
+    chatGroups.map(
+      (group, idx) => group.role === "user" ? renderUserGroup(group) : renderBotGroup(group, idx === chatGroups.length - 1)
+    ),
+    renderSuggestions(),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: messagesEndRef })
+  ] }) });
 };
 var XAdkChatbot_default = XAdkChatbot;
 //# sourceMappingURL=index.js.map

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 } from 'antd';\nimport { SwapRightOutlined } from '@ant-design/icons';\nimport { useStyles } from './styles';\nimport MarkdownRender from './components/MarkdownRender';\nimport FunctionCallRender from './components/FunctionCallRender';\nimport ThinkRender from './components/ThinkRender';\nimport XAdkSender from '../XAdkSender';\nimport type { IMessage, XAdkChatbotProps, SendContent } from '@/types';\n\nconst scrollThreshold = 10; // 滚动阈值\n\n\nconst XAdkChatbot: React.FC<XAdkChatbotProps> = ({ \n  allowUpload = false,\n  uploadRequest = () => {},\n  loading = false,\n  prologue,\n  suggestions,\n  messages,\n  initialized = true,\n  footer,\n  showFnCallDetail,\n  clearBtnShow = true,\n  onConfirm,\n  onSubmit,\n  onSuggest,\n  onStop,\n  onClear,\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  useEffect(() => {\n    if (!loading) return;\n    if (userHasScrolledRef.current) return;\n    messagesEndRef.current?.scrollIntoView({\n      behavior: 'smooth',\n    });\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) <= scrollThreshold;\n\n    if (isAtBottom) {\n      userHasScrolledRef.current = false;\n    }\n\n    // 更新上次位置\n    lastScrollTopRef.current = currentTop;\n  }, []);\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  }, []);\n\n  // 发送消息\n  const handleSubmit = ({ text, files }: SendContent) => {\n    if (loading) return;\n    if (!text?.trim()) return;\n    onSubmit?.({ text, files });\n    // 滚动\n    queueMicrotask(() => {\n      messagesEndRef.current?.scrollIntoView({ behavior: 'instant' });\n    });\n    // 重置用户滚动状态\n    setTimeout(() => {\n      userHasScrolledRef.current = false;\n    }, 0);\n  };\n\n  const lastIndex = messages.length - 1;\n\n  const lastMessageMap = useMemo(() => {\n    const map = new Map<string, string>();\n    for (const msg of messages) {\n      if (msg.role === 'bot' && msg.invocationId) {\n        map.set(msg.invocationId, msg.id);\n      }\n    }\n    return map;\n  }, [messages]);\n\n  return (\n    <div className={styles.wrapper}>\n      <div className={styles.list} ref={listRef}>\n        <div className={styles.prologue}>\n          {prologue}\n        </div>\n        {messages.map((msg, i) => {\n          if (msg.role === 'user') {\n            if (msg.text) {\n              return (\n                  <div key={`${msg.id}-${i}`} className={styles.userMsg}>\n                    <div className={styles.card}>{msg.text}</div>\n                  </div>\n                );\n            }\n            if (msg.functionResponse) {\n              return (\n                <div key={`${msg.id}-${i}`} className={styles.userMsg}>\n                  <FunctionCallRender msg={msg} showDetail={showFnCallDetail} />\n                </div>\n              );\n            }\n            return null;\n          }\n          const isLast = i === lastIndex;\n          const isLoading = isLast && loading;\n          const isLastBotMsg = lastMessageMap.get(msg?.invocationId || '') === msg.id;\n          \n          if (msg.text) {\n            if (msg.thought) {\n              return (\n                <div key={`${msg.id}-${i}`} className={styles.botMsg}>\n                  <ThinkRender\n                    msg={msg}\n                    loading={isLoading}\n                  />\n                  {!isLoading && footer?.({ message: msg as IMessage, isLastMsg: isLast, isLastBotMsg })}\n                </div>\n              );\n            }\n            return (\n              <div key={`${msg.id}-${i}`} className={styles.botMsg}>\n                <MarkdownRender text={msg.text} />\n                {!isLoading && footer?.({ message: msg as IMessage, isLastMsg: isLast, isLastBotMsg })}\n              </div>\n            );\n          }\n          const fnCall = msg.functionCall;\n          if (fnCall) {\n            return (\n              <div key={`${msg.id}-${i}`} className={styles.botMsg}>\n                <FunctionCallRender msg={msg} showDetail={showFnCallDetail} onConfirm={onConfirm}/>\n                {!isLoading && footer?.({ message: msg as IMessage, isLastMsg: isLast, isLastBotMsg })}\n              </div>\n            );\n          }\n          return (\n            <div key={`${msg.id}-${i}`} className={styles.botMsg}>\n              {!isLoading && footer?.({ message: msg as IMessage, isLastMsg: isLast, isLastBotMsg })}\n            </div>\n          );\n        })}\n        <div>\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        <div ref={messagesEndRef} />\n      </div>\n      <XAdkSender\n        allowUpload={allowUpload}\n        uploadRequest={uploadRequest}\n        loading={loading}\n        clearBtnShow={clearBtnShow}\n        onSubmit={handleSubmit}\n        onClear={onClear}\n        onStop={onStop}\n      />\n    </div>\n  );\n};\n\nexport default XAdkChatbot;"],
-  "mappings": "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",
-  "names": ["FunctionCallRender", "ThinkRender", "MarkdownRender", "XAdkSender"]
+  "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 \"./components/FileGallery\";\nimport XAiThoughtChain from \"@/components/XAiThoughtChain\";\nimport { parseAgentMessage, hasProcessContent, getPlainText } from \"@/utils\";\nimport type {\n  IMessage,\n  XAdkChatbotProps,\n  ChatGroup,\n  FunctionCall,\n} 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 && (\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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",
+  "names": ["MarkdownRender", "FunctionCallRender", "XAiThoughtChain", "FileGallery", "copy", "antdMessage", "clsx"]
 }

package/dist/cjs/components/XAdkChatbot/styles.d.ts

@@ -7,6 +7,16 @@ export declare const useStyles: () => {
     userMsg: string;
     card: string;
     botMsg: string;
+    welcomeWrapper: string;
+    welcomeIcon: string;
+    welcomeTitle: string;
+    welcomeDesc: string;
+    suggestionWrapper: string;
+    successBadge: string;
+    fileSection: string;
+    fileHeader: string;
+    metaFooter: string;
+    actionIcons: string;
     fnCall: string;
     confirm: string;
     footer: string;