@ai-group/chat-sdk 3.5.5 → 3.5.6

package/dist/esm/components/XAdkChatbot/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import type { XAdkChatbotProps, XAdkChatbotHandle } from "../../types";
+/**
+ * XAdkChatbot - 增强版聊天组件
+ *
+ * 新增功能:
+ * - ✅ 自动消息分组 (enableGrouping)
+ * - ✅ 自动解析思维链 (enableProcessParsing)
+ * - ✅ 文件展示 (FileGallery)
+ * - ✅ 操作栏 (重试/复制/日志)
+ * - ✅ 欢迎页面 (agentName/agentIcon/description)
+ */
+declare const XAdkChatbot: React.ForwardRefExoticComponent<XAdkChatbotProps & React.RefAttributes<XAdkChatbotHandle>>;
+export default XAdkChatbot;

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

@@ -0,0 +1,611 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import React, { useMemo, useCallback, useEffect, useRef, useImperativeHandle, forwardRef } from "react";
+import { Button, Flex, Tooltip, message as antdMessage } from "antd";
+import clsx from "clsx";
+import { SwapRightOutlined, ReloadOutlined, CopyOutlined, InfoCircleOutlined } from "@ant-design/icons";
+import copy from "copy-to-clipboard";
+import { useStyles } from "./styles";
+import MarkdownRender from "./components/MarkdownRender";
+import FunctionCallRender from "./components/FunctionCallRender";
+import FileGallery from "../FileGallery";
+import XAdkThoughtChain from "../XAdkThoughtChain";
+import { parseAgentMessage } from "../../utils";
+import { mergeChatStrategies } from "../../presets/xGroupAdk";
+import { defaultToolKindResolver } from "../../types/FunctionCallRender";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var scrollThreshold = 10;
+
+/**
+ * XAdkChatbot - 增强版聊天组件
+ *
+ * 新增功能:
+ * - ✅ 自动消息分组 (enableGrouping)
+ * - ✅ 自动解析思维链 (enableProcessParsing)
+ * - ✅ 文件展示 (FileGallery)
+ * - ✅ 操作栏 (重试/复制/日志)
+ * - ✅ 欢迎页面 (agentName/agentIcon/description)
+ */
+var XAdkChatbot = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _mergedStrategies$par;
+  var _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    prologue = _ref.prologue,
+    suggestions = _ref.suggestions,
+    messages = _ref.messages,
+    showFnCallDetail = _ref.showFnCallDetail,
+    onConfirm = _ref.onConfirm,
+    onSuggest = _ref.onSuggest,
+    showRetry = _ref.showRetry,
+    showCopy = _ref.showCopy,
+    showLog = _ref.showLog,
+    onRetry = _ref.onRetry,
+    onCopy = _ref.onCopy,
+    onShowLog = _ref.onShowLog,
+    actions = _ref.actions,
+    actionsExtra = _ref.actionsExtra,
+    className = _ref.className,
+    style = _ref.style,
+    _ref$enableGrouping = _ref.enableGrouping,
+    enableGrouping = _ref$enableGrouping === void 0 ? true : _ref$enableGrouping,
+    _ref$enableProcessPar = _ref.enableProcessParsing,
+    enableProcessParsing = _ref$enableProcessPar === void 0 ? true : _ref$enableProcessPar,
+    parseOptions = _ref.parseOptions,
+    _ref$initialized = _ref.initialized,
+    initialized = _ref$initialized === void 0 ? false : _ref$initialized,
+    sessionId = _ref.sessionId,
+    onFileClick = _ref.onFileClick,
+    renderFunctionCall = _ref.renderFunctionCall,
+    toolKindResolver = _ref.toolKindResolver,
+    strategies = _ref.strategies,
+    preset = _ref.preset;
+  var styles = useStyles();
+  var listRef = useRef(null);
+  var lastScrollTopRef = useRef(0);
+  var userHasScrolledRef = useRef(false);
+  var messagesEndRef = useRef(null);
+  var prevInitializedRef = useRef(false);
+  var prevSessionIdRef = useRef(sessionId);
+
+  // 暴露命令式 API
+  var scrollToBottom = useCallback(function () {
+    var _messagesEndRef$curre;
+    var behavior = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "auto";
+    (_messagesEndRef$curre = messagesEndRef.current) === null || _messagesEndRef$curre === void 0 || _messagesEndRef$curre.scrollIntoView({
+      behavior: behavior
+    });
+  }, []);
+  useImperativeHandle(ref, function () {
+    return {
+      scrollToBottom: scrollToBottom
+    };
+  }, [scrollToBottom]);
+  var mergedStrategies = useMemo(function () {
+    return mergeChatStrategies(preset, strategies);
+  }, [preset, strategies]);
+  var resolveToolKind = useCallback(function (name, msg) {
+    var _ref2, _toolKindResolver, _mergedStrategies$res;
+    return (_ref2 = (_toolKindResolver = toolKindResolver === null || toolKindResolver === void 0 ? void 0 : toolKindResolver(name)) !== null && _toolKindResolver !== void 0 ? _toolKindResolver : (_mergedStrategies$res = mergedStrategies.resolveToolKind) === null || _mergedStrategies$res === void 0 ? void 0 : _mergedStrategies$res.call(mergedStrategies, {
+      name: name,
+      msg: msg
+    })) !== null && _ref2 !== void 0 ? _ref2 : defaultToolKindResolver(name);
+  }, [toolKindResolver, mergedStrategies]);
+  var parseProcessMessage = (_mergedStrategies$par = mergedStrategies.parseProcessMessage) !== null && _mergedStrategies$par !== void 0 ? _mergedStrategies$par : parseAgentMessage;
+
+  // 初始化完成时滚动到底部
+  useEffect(function () {
+    if (!initialized) return;
+    if (!messages.length) return;
+    if (prevInitializedRef.current) return;
+    prevInitializedRef.current = true;
+    var el = listRef.current;
+    if (!el) return;
+
+    // 用 MutationObserver 监听 DOM 子树变化，等内容渲染稳定后置底
+    // 每次 DOM 变化都重新计时，确保所有异步渲染（Markdown、代码高亮、思维链等）完成后再滚动
+    var stableTimer;
+    var doScroll = function doScroll() {
+      var _messagesEndRef$curre2;
+      (_messagesEndRef$curre2 = messagesEndRef.current) === null || _messagesEndRef$curre2 === void 0 || _messagesEndRef$curre2.scrollIntoView({
+        behavior: "auto"
+      });
+    };
+    var observer = new MutationObserver(function () {
+      clearTimeout(stableTimer);
+      stableTimer = setTimeout(doScroll, 80);
+    });
+    observer.observe(el, {
+      childList: true,
+      subtree: true,
+      characterData: true
+    });
+
+    // 立即执行一次，处理内容已经就绪的情况
+    doScroll();
+    // 兜底：最多等 500ms 后强制滚动并断开观察
+    var maxTimer = setTimeout(function () {
+      observer.disconnect();
+      doScroll();
+    }, 500);
+    return function () {
+      clearTimeout(stableTimer);
+      clearTimeout(maxTimer);
+      observer.disconnect();
+    };
+  }, [initialized, messages]);
+
+  // 会话切换时重置滚动状态，允许重新触发初始化置底
+  useEffect(function () {
+    if (sessionId === undefined) return; // 未传 sessionId 不处理
+    if (prevSessionIdRef.current === sessionId) return; // 同一会话不处理
+    prevSessionIdRef.current = sessionId;
+    prevInitializedRef.current = false;
+    userHasScrolledRef.current = false;
+  }, [sessionId]);
+
+  // 流式输出或发送消息时滚动到底部
+  useEffect(function () {
+    if (userHasScrolledRef.current) return;
+    if (!messages.length) return;
+    // loading 时（流式输出中）或最后一条是用户消息（刚发送）都置底
+    var lastMsg = messages[messages.length - 1];
+    if (loading || (lastMsg === null || lastMsg === void 0 ? void 0 : lastMsg.role) === "user") {
+      var el = listRef.current;
+      if (el) {
+        el.scrollTop = el.scrollHeight;
+      }
+    }
+  }, [loading, messages]);
+
+  // loading 结束时（流式输出完成），操作栏（metaFooter）会渲染出来增加高度，
+  // 需要延迟滚动到底部，确保操作栏可见
+  var prevLoadingRef = useRef(loading);
+  useEffect(function () {
+    var wasLoading = prevLoadingRef.current;
+    prevLoadingRef.current = loading;
+    if (!wasLoading || loading) return; // 只在 loading true → false 时触发
+    if (userHasScrolledRef.current) return;
+    if (!messages.length) return;
+
+    // 延迟等待操作栏 DOM 渲染完成后再滚动
+    var timer = setTimeout(function () {
+      var el = listRef.current;
+      if (el) {
+        el.scrollTop = el.scrollHeight;
+      }
+    }, 50);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, [loading, messages]);
+
+  // 处理滚动事件
+  var handleScroll = useCallback(function () {
+    var el = listRef.current;
+    if (!el) return;
+    var currentTop = el.scrollTop;
+    if (currentTop < lastScrollTopRef.current) {
+      userHasScrolledRef.current = true;
+    }
+    var isAtBottom = Math.abs(el.scrollHeight - currentTop - el.clientHeight) <= scrollThreshold;
+    if (isAtBottom) {
+      userHasScrolledRef.current = false;
+    }
+    lastScrollTopRef.current = currentTop;
+  }, []);
+  useEffect(function () {
+    var listElement = listRef.current;
+    if (!listElement) return;
+    listElement.addEventListener("scroll", handleScroll);
+    return function () {
+      listElement.removeEventListener("scroll", handleScroll);
+    };
+  }, [handleScroll]);
+
+  // ========== 消息分组逻辑 ==========
+  var chatGroups = useMemo(function () {
+    if (!enableGrouping) {
+      // 不分组,每条消息独立
+      return messages.map(function (msg) {
+        var _msg$isLike;
+        return {
+          id: msg.id,
+          role: msg.role,
+          msgs: [msg],
+          invocationId: msg.invocationId,
+          allFiles: msg.fileData || [],
+          isLike: (_msg$isLike = msg.isLike) !== null && _msg$isLike !== void 0 ? _msg$isLike : 0
+        };
+      });
+    }
+    var groups = [];
+    messages.forEach(function (msg) {
+      // 过滤 followup 消息
+      if (msg.role === "followup") return;
+      var isRealUserQuery = msg.role === "user" && !msg.functionResponse && !msg.functionCall;
+      var lastGroup = groups[groups.length - 1];
+      var isLastGroupAgent = (lastGroup === null || lastGroup === void 0 ? void 0 : lastGroup.role) === "bot";
+      if (isLastGroupAgent && !isRealUserQuery) {
+        // 合并到上一个 bot 分组
+        lastGroup.msgs.push(msg);
+        if (msg.invocationId) lastGroup.invocationId = msg.invocationId;
+        // 更新 isLike: 取最新的非0值,或保持当前值
+        if (msg.isLike && msg.isLike !== 0) {
+          lastGroup.isLike = msg.isLike;
+        }
+      } else {
+        var _msg$isLike2;
+        // 创建新分组
+        groups.push({
+          id: msg.id || "group-".concat(groups.length),
+          role: isRealUserQuery ? "user" : "bot",
+          msgs: [msg],
+          invocationId: msg.invocationId,
+          allFiles: [],
+          isLike: (_msg$isLike2 = msg.isLike) !== null && _msg$isLike2 !== void 0 ? _msg$isLike2 : 0
+        });
+      }
+    });
+
+    // 合并文件
+    groups.forEach(function (g) {
+      g.allFiles = g.msgs.reduce(function (acc, m) {
+        return [].concat(_toConsumableArray(acc), _toConsumableArray(m.fileData || []));
+      }, []);
+    });
+    return groups;
+  }, [messages, enableGrouping]);
+
+  // ========== 渲染 Bot 消息组 ==========
+  var renderBotGroup = useCallback(function (group, isLastGroup, renderFunctionCall) {
+    var msgs = group.msgs,
+      allFiles = group.allFiles;
+    if (!enableProcessParsing) {
+      // 不解析 process,简单渲染
+      return /*#__PURE__*/_jsx("div", {
+        className: styles.botMsg,
+        children: msgs.map(function (msg, i) {
+          if (msg.text) {
+            return /*#__PURE__*/_jsx(MarkdownRender, {
+              text: msg.text,
+              onFileClick: onFileClick
+            }, "".concat(msg.id, "-").concat(i));
+          }
+          if (msg.functionCall) {
+            var _renderFunctionCall, _msg$functionCall;
+            return (_renderFunctionCall = renderFunctionCall === null || renderFunctionCall === void 0 ? void 0 : renderFunctionCall(msg)) !== null && _renderFunctionCall !== void 0 ? _renderFunctionCall : /*#__PURE__*/_jsx(FunctionCallRender, {
+              msg: msg,
+              showDetail: showFnCallDetail,
+              onConfirm: onConfirm,
+              kind: resolveToolKind((_msg$functionCall = msg.functionCall) === null || _msg$functionCall === void 0 ? void 0 : _msg$functionCall.name, msg),
+              renderApproval: mergedStrategies.renderApproval,
+              renderHandoff: mergedStrategies.renderHandoff
+            }, "".concat(msg.id, "-").concat(i));
+          }
+          return null;
+        })
+      }, group.id);
+    }
+
+    // ========== 解析 Process 内容 ==========
+
+    // 1. 合并工具调用
+    var mergedToolMap = new Map();
+    msgs.forEach(function (msg) {
+      if (msg.functionCall) {
+        var callId = msg.functionCall.id || "";
+        if (!mergedToolMap.has(callId)) {
+          mergedToolMap.set(callId, _objectSpread({}, msg));
+        } else {
+          var _mergedToolMap$get;
+          mergedToolMap.set(callId, _objectSpread(_objectSpread({}, (_mergedToolMap$get = mergedToolMap.get(callId)) !== null && _mergedToolMap$get !== void 0 ? _mergedToolMap$get : {}), msg));
+        }
+      } else if (msg.functionResponse) {
+        var _callId = msg.functionResponse.id || "";
+        if (mergedToolMap.has(_callId)) {
+          var tool = mergedToolMap.get(_callId);
+          if (tool) tool.functionResponse = msg.functionResponse;
+        } else {
+          mergedToolMap.set(_callId, _objectSpread(_objectSpread({}, msg), {}, {
+            functionCall: {
+              id: _callId,
+              name: msg.functionResponse.name || "Unknown",
+              args: {}
+            }
+          }));
+        }
+      }
+    });
+
+    // 2. 解析文本消息中的 process 内容
+
+    var nodes = [];
+    var currentProcessItems = [];
+    var processedToolIds = new Set();
+    var flushProcessItems = function flushProcessItems() {
+      if (currentProcessItems.length > 0) {
+        nodes.push({
+          type: "process",
+          items: _toConsumableArray(currentProcessItems),
+          key: "process-".concat(nodes.length)
+        });
+        currentProcessItems = [];
+      }
+    };
+    msgs.forEach(function (msg) {
+      // 处理工具调用
+      if (msg.functionCall) {
+        var callId = msg.functionCall.id || "";
+        if (!processedToolIds.has(callId)) {
+          var mergedMsg = mergedToolMap.get(callId);
+          if (mergedMsg) {
+            currentProcessItems.push({
+              type: "tool",
+              key: "tool-".concat(callId),
+              content: "",
+              msg: mergedMsg
+            });
+            processedToolIds.add(callId);
+          }
+        }
+      }
+      // 处理文本消息
+      else if (msg.text && !msg.functionResponse) {
+        var parts = parseProcessMessage(msg.text, parseOptions);
+        parts.forEach(function (part, partIdx) {
+          // process 内容放入 currentProcessItems
+          if (["planning", "replanning", "reasoning", "action_log", "process_text"].includes(part.type)) {
+            var titleMap = {
+              planning: "任务规划",
+              replanning: "重新规划",
+              reasoning: "推理分析",
+              action_log: "行动记录",
+              process_text: "过程分析"
+            };
+            currentProcessItems.push({
+              type: "text",
+              key: "".concat(msg.id, "-").concat(partIdx),
+              content: part.content,
+              title: titleMap[part.type] || "分析"
+            });
+          }
+          // 普通文本内容
+          else {
+            flushProcessItems();
+            if (part.content.trim()) {
+              var lastNode = nodes[nodes.length - 1];
+              if ((lastNode === null || lastNode === void 0 ? void 0 : lastNode.type) === "text") {
+                // 合并到上一个文本节点
+                lastNode.content += "\n\n" + part.content;
+              } else {
+                nodes.push({
+                  type: "text",
+                  content: part.content,
+                  key: "text-".concat(msg.id, "-").concat(partIdx)
+                });
+              }
+            }
+          }
+        });
+      }
+    });
+
+    // 最后flush一次
+    flushProcessItems();
+
+    // 3. 准备操作栏数据
+    var fullTextToCopy = msgs.filter(function (m) {
+      return !m.functionCall && !m.functionResponse;
+    }).map(function (m) {
+      return m.text || "";
+    }).join("");
+    var lastBotMsg = msgs[msgs.length - 1];
+    var hasProcess = nodes.some(function (n) {
+      return n.type === "process";
+    });
+    var isGroupLoading = loading && isLastGroup;
+    var actionProps = {
+      message: group,
+      isLastBotMsg: isLastGroup
+    };
+    var actionExtraNode = actionsExtra === null || actionsExtra === void 0 ? void 0 : actionsExtra(actionProps);
+
+    // 4. 渲染
+    var lastProcessIdx = nodes.findLastIndex(function (n) {
+      return n.type === "process";
+    });
+    return /*#__PURE__*/_jsxs("div", {
+      className: styles.botMsg,
+      children: [nodes.map(function (node, idx) {
+        if (node.type === "process") {
+          // 只有最后一个 process node 跟随 loading 状态，已完成的思维链不应显示 loading
+          var isLastProcess = idx === lastProcessIdx;
+          return /*#__PURE__*/_jsx(XAdkThoughtChain, {
+            loading: isLastProcess && isGroupLoading,
+            title: "\u601D\u7EF4\u94FE\u5DF2\u5B8C\u6210",
+            items: node.items,
+            showFnCallDetail: showFnCallDetail,
+            onConfirm: onConfirm,
+            defaultOpen: isLastProcess && isGroupLoading,
+            renderFunctionCall: renderFunctionCall,
+            toolKindResolver: function toolKindResolver(name) {
+              return resolveToolKind(name);
+            },
+            strategies: mergedStrategies
+          }, node.key);
+        }
+
+        // 文本节点
+        // const showBadge =
+        //   hasProcess && nodes.findIndex((n) => n.type === "text") === idx;
+        return /*#__PURE__*/_jsx("div", {
+          children: /*#__PURE__*/_jsx(MarkdownRender, {
+            text: node.content,
+            onFileClick: onFileClick
+          })
+        }, node.key);
+      }), allFiles.length > 0 && /*#__PURE__*/_jsxs("div", {
+        className: styles.fileSection,
+        children: [/*#__PURE__*/_jsx("div", {
+          className: styles.fileHeader,
+          children: /*#__PURE__*/_jsxs("span", {
+            children: ["\u751F\u6210\u6587\u4EF6 (", allFiles.length, ")"]
+          })
+        }), /*#__PURE__*/_jsx("div", {
+          style: {
+            display: "flex",
+            flexWrap: "wrap",
+            gap: "8px"
+          },
+          children: allFiles.map(function (file, index) {
+            return /*#__PURE__*/_jsx(FileGallery, {
+              file: file,
+              onClick: onFileClick
+            }, index);
+          })
+        })]
+      }), !isGroupLoading && (actions || showRetry || showCopy || showLog || actionExtraNode) && /*#__PURE__*/_jsxs("div", {
+        className: styles.metaFooter,
+        children: [actions ? actions(actionProps) : /*#__PURE__*/_jsxs(Flex, {
+          gap: 16,
+          className: styles.actionIcons,
+          children: [showRetry && isLastGroup && /*#__PURE__*/_jsx(Tooltip, {
+            title: "\u91CD\u65B0\u751F\u6210",
+            children: /*#__PURE__*/_jsx(ReloadOutlined, {
+              onClick: onRetry
+            })
+          }), showCopy && /*#__PURE__*/_jsx(Tooltip, {
+            title: "\u590D\u5236\u5185\u5BB9",
+            children: /*#__PURE__*/_jsx(CopyOutlined, {
+              onClick: function onClick() {
+                copy(fullTextToCopy);
+                antdMessage.success("复制成功");
+                onCopy === null || onCopy === void 0 || onCopy(fullTextToCopy);
+              }
+            })
+          }), showLog && (lastBotMsg === null || lastBotMsg === void 0 ? void 0 : lastBotMsg.invocationId) && /*#__PURE__*/_jsx(Tooltip, {
+            title: "\u67E5\u770B\u65E5\u5FD7",
+            children: /*#__PURE__*/_jsx(InfoCircleOutlined, {
+              onClick: function onClick() {
+                return onShowLog === null || onShowLog === void 0 ? 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]);
+
+  // ========== 渲染用户消息组 ==========
+  var renderUserGroup = useCallback(function (group) {
+    return /*#__PURE__*/_jsx("div", {
+      className: styles.userMsg,
+      children: group.msgs.map(function (m, i) {
+        return /*#__PURE__*/_jsxs("div", {
+          className: styles.userContainer,
+          children: [m.fileData && m.fileData.length > 0 && /*#__PURE__*/_jsx(_Fragment, {
+            children: m.fileData.map(function (file, index) {
+              return /*#__PURE__*/_jsx(FileGallery, {
+                file: file,
+                align: "left",
+                style: {
+                  marginBottom: "16px"
+                },
+                onClick: onFileClick
+              }, index);
+            })
+          }), m.text && /*#__PURE__*/_jsx("div", {
+            className: styles.card,
+            children: m.text
+          })]
+        }, m.id || i);
+      })
+    }, group.id);
+  }, [styles, onFileClick]);
+
+  // ========== 欢迎页面 ==========
+  // const isEmpty =
+  //   messages.length === 0 &&
+  //   !prologue &&
+  //   (!suggestions || suggestions.length === 0);
+
+  // const renderWelcome = () => {
+  //   if (!isEmpty) return null;
+
+  //   return (
+  //     <>
+  //       {welcome ?? (
+  //         <div className={styles.welcomeWrapper}>
+  //           {agentIcon && (
+  //             <img src={agentIcon} alt="icon" className={styles.welcomeIcon} />
+  //           )}
+  //           {agentName && (
+  //             <div className={styles.welcomeTitle}>{agentName}</div>
+  //           )}
+  //           {description && (
+  //             <div className={styles.welcomeDesc}>{description}</div>
+  //           )}
+  //         </div>
+  //       )}
+  //     </>
+  //   );
+  // };
+
+  // ========== 渲染建议问题 ==========
+  var renderSuggestions = function renderSuggestions() {
+    if (!suggestions || suggestions.length === 0) return null;
+    return /*#__PURE__*/_jsx("div", {
+      className: styles.suggestionWrapper,
+      children: suggestions.map(function (item) {
+        return /*#__PURE__*/_jsx("div", {
+          className: styles.suggestion,
+          children: /*#__PURE__*/_jsx("div", {
+            className: styles.suggestContent,
+            children: /*#__PURE__*/_jsx(Button, {
+              type: "text",
+              icon: /*#__PURE__*/_jsx(SwapRightOutlined, {}),
+              iconPosition: "end",
+              onClick: function onClick() {
+                if (!item) return;
+                onSuggest === null || onSuggest === 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__*/_jsx("div", {
+    className: clsx(styles.wrapper, className),
+    style: style,
+    children: /*#__PURE__*/_jsxs("div", {
+      className: styles.list,
+      ref: listRef,
+      children: [prologue && /*#__PURE__*/_jsx("div", {
+        className: styles.prologue,
+        children: /*#__PURE__*/_jsx(MarkdownRender, {
+          text: prologue,
+          onFileClick: onFileClick
+        })
+      }), chatGroups.map(function (group, idx) {
+        return group.role === "user" ? renderUserGroup(group) : renderBotGroup(group, idx === chatGroups.length - 1, renderFunctionCall);
+      }), renderSuggestions(), /*#__PURE__*/_jsx("div", {
+        ref: messagesEndRef
+      })]
+    })
+  });
+});
+XAdkChatbot.displayName = "XAdkChatbot";
+export default XAdkChatbot;
+//# sourceMappingURL=index.js.map