@ai-group/chat-sdk 3.4.5 → 3.5.0-alpha1

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

@@ -47,414 +47,458 @@ var import_xGroupAdk = require("../../presets/xGroupAdk");
 var import_FunctionCallRender2 = require("../../types/FunctionCallRender");
 var import_jsx_runtime = require("react/jsx-runtime");
 var scrollThreshold = 10;
-var XAdkChatbot = ({
-  loading = false,
-  prologue,
-  suggestions,
-  messages,
-  showFnCallDetail,
-  onConfirm,
-  onSuggest,
-  showRetry,
-  showCopy,
-  showLog,
-  onRetry,
-  onCopy,
-  onShowLog,
-  actions,
-  actionsExtra,
-  className,
-  style,
-  // welcome = null,
-  enableGrouping = true,
-  enableProcessParsing = true,
-  parseOptions,
-  initialized = false,
-  onFileClick,
-  renderFunctionCall,
-  toolKindResolver,
-  strategies,
-  preset
-}) => {
-  const styles = (0, import_styles.useStyles)();
-  const listRef = (0, import_react.useRef)(null);
-  const lastScrollTopRef = (0, import_react.useRef)(0);
-  const userHasScrolledRef = (0, import_react.useRef)(false);
-  const messagesEndRef = (0, import_react.useRef)(null);
-  const prevInitializedRef = (0, import_react.useRef)(false);
-  const mergedStrategies = (0, import_react.useMemo)(
-    () => (0, import_xGroupAdk.mergeChatStrategies)(preset, strategies),
-    [preset, strategies]
-  );
-  const resolveToolKind = (0, import_react.useCallback)(
-    (name, msg) => {
-      var _a;
-      return (toolKindResolver == null ? void 0 : toolKindResolver(name)) ?? ((_a = mergedStrategies.resolveToolKind) == null ? void 0 : _a.call(mergedStrategies, { name, msg })) ?? (0, import_FunctionCallRender2.defaultToolKindResolver)(name);
-    },
-    [toolKindResolver, mergedStrategies]
-  );
-  const parseProcessMessage = mergedStrategies.parseProcessMessage ?? import_utils.parseAgentMessage;
-  (0, import_react.useEffect)(() => {
-    if (!initialized)
-      return;
-    if (!messages.length)
-      return;
-    if (prevInitializedRef.current)
-      return;
-    prevInitializedRef.current = true;
-    const timer = setTimeout(() => {
-      var _a;
-      (_a = messagesEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "auto" });
-    }, 0);
-    return () => clearTimeout(timer);
-  }, [initialized, messages]);
-  (0, import_react.useEffect)(() => {
-    var _a;
-    if (!loading)
-      return;
-    if (userHasScrolledRef.current)
-      return;
-    (_a = messagesEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth" });
-  }, [loading, messages]);
-  const handleScroll = (0, import_react.useCallback)(() => {
-    const el = listRef.current;
-    if (!el)
-      return;
-    const currentTop = el.scrollTop;
-    if (currentTop < lastScrollTopRef.current) {
-      userHasScrolledRef.current = true;
-    }
-    const isAtBottom = Math.abs(el.scrollHeight - currentTop - el.clientHeight) <= scrollThreshold;
-    if (isAtBottom) {
+var XAdkChatbot = (0, import_react.forwardRef)(
+  ({
+    loading = false,
+    prologue,
+    suggestions,
+    messages,
+    showFnCallDetail,
+    onConfirm,
+    onSuggest,
+    showRetry,
+    showCopy,
+    showLog,
+    onRetry,
+    onCopy,
+    onShowLog,
+    actions,
+    actionsExtra,
+    className,
+    style,
+    // welcome = null,
+    enableGrouping = true,
+    enableProcessParsing = true,
+    parseOptions,
+    initialized = false,
+    sessionId,
+    onFileClick,
+    renderFunctionCall,
+    toolKindResolver,
+    strategies,
+    preset
+  }, ref) => {
+    const styles = (0, import_styles.useStyles)();
+    const listRef = (0, import_react.useRef)(null);
+    const lastScrollTopRef = (0, import_react.useRef)(0);
+    const userHasScrolledRef = (0, import_react.useRef)(false);
+    const messagesEndRef = (0, import_react.useRef)(null);
+    const prevInitializedRef = (0, import_react.useRef)(false);
+    const prevSessionIdRef = (0, import_react.useRef)(sessionId);
+    const scrollToBottom = (0, import_react.useCallback)(
+      (behavior = "auto") => {
+        var _a;
+        (_a = messagesEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior });
+      },
+      []
+    );
+    (0, import_react.useImperativeHandle)(ref, () => ({ scrollToBottom }), [scrollToBottom]);
+    const mergedStrategies = (0, import_react.useMemo)(
+      () => (0, import_xGroupAdk.mergeChatStrategies)(preset, strategies),
+      [preset, strategies]
+    );
+    const resolveToolKind = (0, import_react.useCallback)(
+      (name, msg) => {
+        var _a;
+        return (toolKindResolver == null ? void 0 : toolKindResolver(name)) ?? ((_a = mergedStrategies.resolveToolKind) == null ? void 0 : _a.call(mergedStrategies, { name, msg })) ?? (0, import_FunctionCallRender2.defaultToolKindResolver)(name);
+      },
+      [toolKindResolver, mergedStrategies]
+    );
+    const parseProcessMessage = mergedStrategies.parseProcessMessage ?? import_utils.parseAgentMessage;
+    (0, import_react.useEffect)(() => {
+      if (!initialized)
+        return;
+      if (!messages.length)
+        return;
+      if (prevInitializedRef.current)
+        return;
+      prevInitializedRef.current = true;
+      const el = listRef.current;
+      if (!el)
+        return;
+      let stableTimer;
+      const doScroll = () => {
+        var _a;
+        (_a = messagesEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "auto" });
+      };
+      const observer = new MutationObserver(() => {
+        clearTimeout(stableTimer);
+        stableTimer = setTimeout(doScroll, 80);
+      });
+      observer.observe(el, { childList: true, subtree: true, characterData: true });
+      doScroll();
+      const maxTimer = setTimeout(() => {
+        observer.disconnect();
+        doScroll();
+      }, 500);
+      return () => {
+        clearTimeout(stableTimer);
+        clearTimeout(maxTimer);
+        observer.disconnect();
+      };
+    }, [initialized, messages]);
+    (0, import_react.useEffect)(() => {
+      if (sessionId === void 0)
+        return;
+      if (prevSessionIdRef.current === sessionId)
+        return;
+      prevSessionIdRef.current = sessionId;
+      prevInitializedRef.current = false;
       userHasScrolledRef.current = false;
-    }
-    lastScrollTopRef.current = currentTop;
-  }, []);
-  (0, import_react.useEffect)(() => {
-    const listElement = listRef.current;
-    if (!listElement)
-      return;
-    listElement.addEventListener("scroll", handleScroll);
-    return () => {
-      listElement.removeEventListener("scroll", handleScroll);
-    };
-  }, [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
-      }));
-    }
-    const groups = [];
-    messages.forEach((msg) => {
-      if (msg.role === "followup")
+    }, [sessionId]);
+    (0, import_react.useEffect)(() => {
+      var _a;
+      if (!loading)
         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",
+      if (userHasScrolledRef.current)
+        return;
+      (_a = messagesEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth" });
+    }, [loading, messages]);
+    const handleScroll = (0, import_react.useCallback)(() => {
+      const el = listRef.current;
+      if (!el)
+        return;
+      const currentTop = el.scrollTop;
+      if (currentTop < lastScrollTopRef.current) {
+        userHasScrolledRef.current = true;
+      }
+      const isAtBottom = Math.abs(el.scrollHeight - currentTop - el.clientHeight) <= scrollThreshold;
+      if (isAtBottom) {
+        userHasScrolledRef.current = false;
+      }
+      lastScrollTopRef.current = currentTop;
+    }, []);
+    (0, import_react.useEffect)(() => {
+      const listElement = listRef.current;
+      if (!listElement)
+        return;
+      listElement.addEventListener("scroll", handleScroll);
+      return () => {
+        listElement.removeEventListener("scroll", handleScroll);
+      };
+    }, [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: [],
+          allFiles: msg.fileData || [],
           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, renderFunctionCall2) => {
-      const { msgs, allFiles } = group;
-      if (!enableProcessParsing) {
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.botMsg, children: msgs.map((msg, i) => {
-          var _a;
-          if (msg.text) {
-            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_MarkdownRender.default,
-              {
-                text: msg.text,
-                onFileClick
-              },
-              `${msg.id}-${i}`
-            );
-          }
-          if (msg.functionCall) {
-            return (renderFunctionCall2 == null ? void 0 : renderFunctionCall2(msg)) ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_FunctionCallRender.default,
-              {
-                msg,
-                showDetail: showFnCallDetail,
-                onConfirm,
-                kind: resolveToolKind((_a = msg.functionCall) == null ? void 0 : _a.name, msg),
-                renderApproval: mergedStrategies.renderApproval,
-                renderHandoff: mergedStrategies.renderHandoff
-              },
-              `${msg.id}-${i}`
-            );
-          }
-          return null;
-        }) }, 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: {}
-              }
-            });
+      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
+          });
         }
       });
-      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 = [];
+      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, renderFunctionCall2) => {
+        const { msgs, allFiles } = group;
+        if (!enableProcessParsing) {
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.botMsg, children: msgs.map((msg, i) => {
+            var _a;
+            if (msg.text) {
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_MarkdownRender.default,
+                {
+                  text: msg.text,
+                  onFileClick
+                },
+                `${msg.id}-${i}`
+              );
+            }
+            if (msg.functionCall) {
+              return (renderFunctionCall2 == null ? void 0 : renderFunctionCall2(msg)) ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_FunctionCallRender.default,
+                {
+                  msg,
+                  showDetail: showFnCallDetail,
+                  onConfirm,
+                  kind: resolveToolKind((_a = msg.functionCall) == null ? void 0 : _a.name, msg),
+                  renderApproval: mergedStrategies.renderApproval,
+                  renderHandoff: mergedStrategies.renderHandoff
+                },
+                `${msg.id}-${i}`
+              );
+            }
+            return null;
+          }) }, group.id);
         }
-      };
-      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
+        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
               });
-              processedToolIds.add(callId);
             }
-          }
-        } else if (msg.text && !msg.functionResponse) {
-          const parts = parseProcessMessage(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 if (msg.functionResponse) {
+            const callId = msg.functionResponse.id || "";
+            if (mergedToolMap.has(callId)) {
+              const tool = mergedToolMap.get(callId);
+              if (tool)
+                tool.functionResponse = msg.functionResponse;
             } 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}`
-                  });
+              mergedToolMap.set(callId, {
+                ...msg,
+                functionCall: {
+                  id: callId,
+                  name: msg.functionResponse.name || "Unknown",
+                  args: {}
                 }
-              }
+              });
             }
-          });
-        }
-      });
-      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;
-      const actionProps = { message: group, isLastBotMsg: isLastGroup };
-      const actionExtraNode = actionsExtra == null ? void 0 : actionsExtra(actionProps);
-      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_XAdkThoughtChain.default,
-              {
-                loading: isGroupLoading,
-                title: "思维链已完成",
-                items: node.items,
-                showFnCallDetail,
-                onConfirm,
-                defaultOpen: isGroupLoading,
-                renderFunctionCall: renderFunctionCall2,
-                toolKindResolver: (name) => resolveToolKind(name),
-                strategies: mergedStrategies
-              },
-              node.key
-            );
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MarkdownRender.default, { text: node.content, onFileClick }) }, 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)("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: allFiles.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FileGallery.default, { file, onClick: onFileClick }, index)) })
-        ] }),
-        !isGroupLoading && (actions || showRetry || showCopy || showLog || actionExtraNode) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.metaFooter, children: [
-          actions ? actions(actionProps) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Flex, { gap: 16, className: styles.actionIcons, children: [
-            showRetry && isLastGroup && /* @__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);
-                }
+        });
+        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 = [];
+          }
+        };
+        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);
               }
-            ) }),
-            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
-                )
+            }
+          } else if (msg.text && !msg.functionResponse) {
+            const parts = parseProcessMessage(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}`
+                    });
+                  }
+                }
               }
-            ) })
+            });
+          }
+        });
+        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;
+        const actionProps = { message: group, isLastBotMsg: isLastGroup };
+        const actionExtraNode = actionsExtra == null ? void 0 : actionsExtra(actionProps);
+        const lastProcessIdx = nodes.findLastIndex(
+          (n) => n.type === "process"
+        );
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.botMsg, children: [
+          nodes.map((node, idx) => {
+            if (node.type === "process") {
+              const isLastProcess = idx === lastProcessIdx;
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_XAdkThoughtChain.default,
+                {
+                  loading: isLastProcess && isGroupLoading,
+                  title: "思维链已完成",
+                  items: node.items,
+                  showFnCallDetail,
+                  onConfirm,
+                  defaultOpen: isLastProcess && isGroupLoading,
+                  renderFunctionCall: renderFunctionCall2,
+                  toolKindResolver: (name) => resolveToolKind(name),
+                  strategies: mergedStrategies
+                },
+                node.key
+              );
+            }
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MarkdownRender.default, { text: node.content, onFileClick }) }, 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)("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: allFiles.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FileGallery.default, { file, onClick: onFileClick }, index)) })
           ] }),
-          actionExtraNode
-        ] })
-      ] }, group.id);
-    },
-    [
-      enableProcessParsing,
-      parseOptions,
-      parseProcessMessage,
-      showFnCallDetail,
-      onConfirm,
-      loading,
-      showRetry,
-      showCopy,
-      showLog,
-      onRetry,
-      onCopy,
-      onShowLog,
-      actions,
-      actionsExtra,
-      onFileClick,
-      styles,
-      resolveToolKind,
-      mergedStrategies
-    ]
-  );
-  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", { className: styles.userContainer, children: [
-        m.fileData && m.fileData.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: m.fileData.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_FileGallery.default,
-          {
-            file,
-            align: "left",
-            style: { marginBottom: "16px" },
-            onClick: onFileClick
+          !isGroupLoading && (actions || showRetry || showCopy || showLog || actionExtraNode) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.metaFooter, children: [
+            actions ? actions(actionProps) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Flex, { gap: 16, className: styles.actionIcons, children: [
+              showRetry && isLastGroup && /* @__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
+                  )
+                }
+              ) })
+            ] }),
+            actionExtraNode
+          ] })
+        ] }, group.id);
+      },
+      [
+        enableProcessParsing,
+        parseOptions,
+        parseProcessMessage,
+        showFnCallDetail,
+        onConfirm,
+        loading,
+        showRetry,
+        showCopy,
+        showLog,
+        onRetry,
+        onCopy,
+        onShowLog,
+        actions,
+        actionsExtra,
+        onFileClick,
+        styles,
+        resolveToolKind,
+        mergedStrategies
+      ]
+    );
+    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", { className: styles.userContainer, children: [
+          m.fileData && m.fileData.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: m.fileData.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_FileGallery.default,
+            {
+              file,
+              align: "left",
+              style: { marginBottom: "16px" },
+              onClick: onFileClick
+            },
+            index
+          )) }),
+          m.text && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.card, children: m.text })
+        ] }, m.id || i)) }, group.id);
+      },
+      [styles, onFileClick]
+    );
+    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,
+        {
+          type: "text",
+          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.SwapRightOutlined, {}),
+          iconPosition: "end",
+          onClick: () => {
+            if (!item)
+              return;
+            onSuggest == null ? void 0 : onSuggest(item);
           },
-          index
-        )) }),
-        m.text && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.card, children: m.text })
-      ] }, m.id || i)) }, group.id);
-    },
-    [styles, onFileClick]
-  );
-  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,
-      {
-        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, onFileClick }) }),
-    chatGroups.map(
-      (group, idx) => group.role === "user" ? renderUserGroup(group) : renderBotGroup(
-        group,
-        idx === chatGroups.length - 1,
-        renderFunctionCall
-      )
-    ),
-    renderSuggestions(),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: messagesEndRef })
-  ] }) });
-};
+          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, onFileClick }) }),
+      chatGroups.map(
+        (group, idx) => group.role === "user" ? renderUserGroup(group) : renderBotGroup(
+          group,
+          idx === chatGroups.length - 1,
+          renderFunctionCall
+        )
+      ),
+      renderSuggestions(),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: messagesEndRef })
+    ] }) });
+  }
+);
+XAdkChatbot.displayName = "XAdkChatbot";
 var XAdkChatbot_default = XAdkChatbot;
 //# sourceMappingURL=index.js.map