@ai-group/chat-sdk 3.7.5 → 3.8.0-alpha.2

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

@@ -1,11 +1,12 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import { useMemo, useCallback, useEffect, useRef, useImperativeHandle, forwardRef } from "react";
+import { useMemo, useCallback, useEffect, useLayoutEffect, useRef, useImperativeHandle, forwardRef, Fragment } 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 { formatTimestamp, getSelectionText } from "./utils";
 import MarkdownRender from "./components/MarkdownRender";
 import FunctionCallRender from "./components/FunctionCallRender";
 import FileGallery from "../FileGallery";
@@ -29,12 +30,16 @@ var scrollThreshold = 10;
  * - ✅ 欢迎页面 (agentName/agentIcon/description)
  */
 var XAdkChatbot = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _mergedStrategies$par;
+  var _mergedStrategies$par, _history$direction;
   var _ref$loading = _ref.loading,
     loading = _ref$loading === void 0 ? false : _ref$loading,
     prologue = _ref.prologue,
     suggestions = _ref.suggestions,
     messages = _ref.messages,
+    renderBeforeGroup = _ref.renderBeforeGroup,
+    renderAfterGroup = _ref.renderAfterGroup,
+    renderGroup = _ref.renderGroup,
+    history = _ref.history,
     showFnCallDetail = _ref.showFnCallDetail,
     onConfirm = _ref.onConfirm,
     onSuggest = _ref.onSuggest,
@@ -64,7 +69,9 @@ var XAdkChatbot = /*#__PURE__*/forwardRef(function (_ref, ref) {
     toolKindResolver = _ref.toolKindResolver,
     strategies = _ref.strategies,
     preset = _ref.preset,
-    empty = _ref.empty;
+    empty = _ref.empty,
+    showUserActions = _ref.showUserActions,
+    userActions = _ref.userActions;
   var styles = useStyles();
   var listRef = useRef(null);
   var lastScrollTopRef = useRef(0);
@@ -73,6 +80,98 @@ var XAdkChatbot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var prevInitializedRef = useRef(false);
   var prevSessionIdRef = useRef(sessionId);
   var previousMessageCountRef = useRef(messages.length);
+  var historyRef = useRef(history);
+  historyRef.current = history;
+  var messagesRef = useRef(messages);
+  messagesRef.current = messages;
+  var historyRequestRef = useRef(false);
+  var historyRequestIdRef = useRef(0);
+  var historyRequestControllerRef = useRef(null);
+  var historyRefreshRef = useRef(false);
+  var historyRefreshIdRef = useRef(0);
+  var historyRefreshControllerRef = useRef(null);
+  var prependAnchorRef = useRef(null);
+  var skipNextAutoScrollRef = useRef(false);
+  var prependExpiryRef = useRef(null);
+  var loadMoreHistory = useCallback(function () {
+    var _pagination$direction;
+    var pagination = historyRef.current;
+    var el = listRef.current;
+    if (!(pagination !== null && pagination !== void 0 && pagination.hasMore) || pagination.loading || historyRequestRef.current || !el) return;
+    var direction = (_pagination$direction = pagination.direction) !== null && _pagination$direction !== void 0 ? _pagination$direction : "top";
+    if (direction === "top") {
+      var _currentMessages$;
+      if (prependExpiryRef.current) clearTimeout(prependExpiryRef.current);
+      var currentMessages = messagesRef.current;
+      prependAnchorRef.current = {
+        sessionId: prevSessionIdRef.current,
+        firstMessageId: (_currentMessages$ = currentMessages[0]) === null || _currentMessages$ === void 0 ? void 0 : _currentMessages$.id,
+        messageCount: currentMessages.length,
+        scrollTop: el.scrollTop,
+        scrollHeight: el.scrollHeight
+      };
+    }
+    historyRequestRef.current = true;
+    var requestId = ++historyRequestIdRef.current;
+    var controller = new AbortController();
+    historyRequestControllerRef.current = controller;
+    void Promise.resolve().then(function () {
+      return pagination.onLoadMore({
+        signal: controller.signal
+      });
+    }).catch(function () {
+      if (requestId !== historyRequestIdRef.current || controller.signal.aborted) return;
+      prependAnchorRef.current = null;
+      antdMessage.error("加载历史消息失败，请重试");
+    }).finally(function () {
+      if (requestId === historyRequestIdRef.current) {
+        historyRequestRef.current = false;
+        historyRequestControllerRef.current = null;
+        // 没有新页时解除滚动锚点，避免后续正常消息被误认为 prepend。
+        prependExpiryRef.current = setTimeout(function () {
+          prependAnchorRef.current = null;
+          prependExpiryRef.current = null;
+        }, 500);
+      }
+    });
+  }, []);
+  var refreshHistory = useCallback(function () {
+    var pagination = historyRef.current;
+    if (!(pagination !== null && pagination !== void 0 && pagination.onRefresh) || pagination.refreshing || historyRefreshRef.current) return;
+    historyRefreshRef.current = true;
+    var requestId = ++historyRefreshIdRef.current;
+    var controller = new AbortController();
+    historyRefreshControllerRef.current = controller;
+    void Promise.resolve().then(function () {
+      var _pagination$onRefresh;
+      return (_pagination$onRefresh = pagination.onRefresh) === null || _pagination$onRefresh === void 0 ? void 0 : _pagination$onRefresh.call(pagination, {
+        signal: controller.signal
+      });
+    }).catch(function () {
+      if (!controller.signal.aborted) antdMessage.error("刷新历史消息失败，请重试");
+    }).finally(function () {
+      if (requestId === historyRefreshIdRef.current) {
+        historyRefreshRef.current = false;
+        historyRefreshControllerRef.current = null;
+      }
+    });
+  }, []);
+  useLayoutEffect(function () {
+    var _messages$;
+    var anchor = prependAnchorRef.current;
+    var el = listRef.current;
+    if (!anchor || !el) return;
+    if (anchor.sessionId !== sessionId) {
+      prependAnchorRef.current = null;
+      return;
+    }
+    if (messages.length <= anchor.messageCount || ((_messages$ = messages[0]) === null || _messages$ === void 0 ? void 0 : _messages$.id) === anchor.firstMessageId) return;
+    el.scrollTop = anchor.scrollTop + el.scrollHeight - anchor.scrollHeight;
+    skipNextAutoScrollRef.current = true;
+    prependAnchorRef.current = null;
+    if (prependExpiryRef.current) clearTimeout(prependExpiryRef.current);
+    prependExpiryRef.current = null;
+  }, [messages, sessionId]);
 
   // 暴露命令式 API
   var scrollToBottom = useCallback(function () {
@@ -82,11 +181,35 @@ var XAdkChatbot = /*#__PURE__*/forwardRef(function (_ref, ref) {
       behavior: behavior
     });
   }, []);
+  var getScrollContainer = useCallback(function () {
+    return listRef.current;
+  }, []);
+  var getMessagePosition = useCallback(function (messageId) {
+    var list = listRef.current;
+    if (!list) return null;
+    var group = Array.from(list.children).find(function (element) {
+      return element instanceof HTMLElement && element.dataset.messageId === messageId;
+    });
+    if (!group) return null;
+    return group.getBoundingClientRect().top - list.getBoundingClientRect().top + list.scrollTop;
+  }, []);
+  var scrollToMessage = useCallback(function (messageId) {
+    var behavior = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "smooth";
+    var list = listRef.current;
+    var top = getMessagePosition(messageId);
+    if (list && top !== null) list.scrollTo({
+      top: top,
+      behavior: behavior
+    });
+  }, [getMessagePosition]);
   useImperativeHandle(ref, function () {
     return {
-      scrollToBottom: scrollToBottom
+      scrollToBottom: scrollToBottom,
+      getScrollContainer: getScrollContainer,
+      getMessagePosition: getMessagePosition,
+      scrollToMessage: scrollToMessage
     };
-  }, [scrollToBottom]);
+  }, [scrollToBottom, getScrollContainer, getMessagePosition, scrollToMessage]);
   var mergedStrategies = useMemo(function () {
     return mergeChatStrategies(preset, strategies);
   }, [preset, strategies]);
@@ -147,18 +270,40 @@ var XAdkChatbot = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   // 会话切换时重置滚动状态，允许重新触发初始化置底
   useEffect(function () {
+    var _historyRequestContro, _historyRefreshContro;
     if (sessionId === undefined) return; // 未传 sessionId 不处理
     if (prevSessionIdRef.current === sessionId) return; // 同一会话不处理
     prevSessionIdRef.current = sessionId;
     prevInitializedRef.current = false;
     userHasScrolledRef.current = false;
+    (_historyRequestContro = historyRequestControllerRef.current) === null || _historyRequestContro === void 0 || _historyRequestContro.abort();
+    (_historyRefreshContro = historyRefreshControllerRef.current) === null || _historyRefreshContro === void 0 || _historyRefreshContro.abort();
+    prependAnchorRef.current = null;
+    historyRequestRef.current = false;
+    historyRequestIdRef.current += 1;
+    historyRefreshRef.current = false;
+    historyRefreshIdRef.current += 1;
+    if (prependExpiryRef.current) clearTimeout(prependExpiryRef.current);
+    prependExpiryRef.current = null;
   }, [sessionId]);
+  useEffect(function () {
+    return function () {
+      var _historyRequestContro2, _historyRefreshContro2;
+      (_historyRequestContro2 = historyRequestControllerRef.current) === null || _historyRequestContro2 === void 0 || _historyRequestContro2.abort();
+      (_historyRefreshContro2 = historyRefreshControllerRef.current) === null || _historyRefreshContro2 === void 0 || _historyRefreshContro2.abort();
+      if (prependExpiryRef.current) clearTimeout(prependExpiryRef.current);
+    };
+  }, []);
 
   // 新增用户消息代表一次主动发送，应无条件恢复跟随并置底。
   // 之后的流式回复继续沿用“用户未主动上滚时跟随”的规则。
   useEffect(function () {
     var previousCount = previousMessageCountRef.current;
     previousMessageCountRef.current = messages.length;
+    if (skipNextAutoScrollRef.current || prependAnchorRef.current) {
+      skipNextAutoScrollRef.current = false;
+      return;
+    }
     var hasNewUserMessage = messages.slice(previousCount).some(function (message) {
       return message.role === "user";
     });
@@ -207,8 +352,15 @@ var XAdkChatbot = /*#__PURE__*/forwardRef(function (_ref, ref) {
     if (isAtBottom) {
       userHasScrolledRef.current = false;
     }
+    var pagination = historyRef.current;
+    if (pagination !== null && pagination !== void 0 && pagination.hasMore) {
+      var _pagination$threshold, _pagination$direction2;
+      var threshold = (_pagination$threshold = pagination.threshold) !== null && _pagination$threshold !== void 0 ? _pagination$threshold : 80;
+      var atLoadEdge = ((_pagination$direction2 = pagination.direction) !== null && _pagination$direction2 !== void 0 ? _pagination$direction2 : "top") === "top" ? currentTop <= threshold : el.scrollHeight - currentTop - el.clientHeight <= threshold;
+      if (atLoadEdge) loadMoreHistory();
+    }
     lastScrollTopRef.current = currentTop;
-  }, []);
+  }, [loadMoreHistory]);
   useEffect(function () {
     var listElement = listRef.current;
     if (!listElement) return;
@@ -218,6 +370,13 @@ var XAdkChatbot = /*#__PURE__*/forwardRef(function (_ref, ref) {
     };
   }, [handleScroll]);
 
+  // 首屏内容不足一屏时没有滚动事件，继续按需加载直到内容可滚动或数据耗尽。
+  useEffect(function () {
+    if (!initialized || !(history !== null && history !== void 0 && history.hasMore) || history.loading) return;
+    var el = listRef.current;
+    if (el && el.scrollHeight <= el.clientHeight + 1) loadMoreHistory();
+  }, [history === null || history === void 0 ? void 0 : history.hasMore, history === null || history === void 0 ? void 0 : history.loading, initialized, loadMoreHistory, messages]);
+
   // ========== 消息分组逻辑 ==========
   var chatGroups = useMemo(function () {
     if (!enableGrouping) {
@@ -274,12 +433,14 @@ var XAdkChatbot = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   // ========== 渲染 Bot 消息组 ==========
   var renderBotGroup = useCallback(function (group, isLastGroup, renderFunctionCall) {
+    var _activeItem$msg, _activeItem$msg2, _activeItem$msg3;
     var msgs = group.msgs,
       allFiles = group.allFiles;
     if (!enableProcessParsing) {
       // 不解析 process,简单渲染
       return /*#__PURE__*/_jsx("div", {
         className: styles.botMsg,
+        "data-message-id": group.id,
         children: msgs.map(function (msg, i) {
           if (msg.text) {
             return /*#__PURE__*/_jsx(MarkdownRender, {
@@ -420,9 +581,7 @@ var XAdkChatbot = /*#__PURE__*/forwardRef(function (_ref, ref) {
       return m.text || "";
     }).join("");
     var lastBotMsg = msgs[msgs.length - 1];
-    var hasProcess = nodes.some(function (n) {
-      return n.type === "process";
-    });
+    // const hasProcess = nodes.some((n) => n.type === "process");
     var isGroupLoading = loading && isLastGroup;
     var actionProps = {
       message: group,
@@ -431,22 +590,44 @@ var XAdkChatbot = /*#__PURE__*/forwardRef(function (_ref, ref) {
     var actionExtraNode = actionsExtra === null || actionsExtra === void 0 ? void 0 : actionsExtra(actionProps);
 
     // 4. 渲染
+    // 确认 [规划, 工具调用, 中途说明, 工具调用, 最终回答]
+    var firstProcessIdx = nodes.findIndex(function (n) {
+      return n.type === "process";
+    });
     var lastProcessIdx = nodes.findLastIndex(function (n) {
       return n.type === "process";
     });
+    var processItems = nodes.slice(firstProcessIdx, lastProcessIdx + 1).flatMap(function (node) {
+      return node.type === "process" ? node.items : [{
+        type: "text",
+        key: node.key,
+        title: "过程分析",
+        content: node.content
+      }];
+    });
+    var activeItem = processItems[processItems.length - 1];
+    var activeStep = (activeItem === null || activeItem === void 0 ? void 0 : activeItem.type) === "tool" ? String(((_activeItem$msg = activeItem.msg) === null || _activeItem$msg === void 0 || (_activeItem$msg = _activeItem$msg.functionCall) === null || _activeItem$msg === void 0 || (_activeItem$msg = _activeItem$msg.args) === null || _activeItem$msg === void 0 ? void 0 : _activeItem$msg.agentName) || ((_activeItem$msg2 = activeItem.msg) === null || _activeItem$msg2 === void 0 || (_activeItem$msg2 = _activeItem$msg2.functionCall) === null || _activeItem$msg2 === void 0 || (_activeItem$msg2 = _activeItem$msg2.args) === null || _activeItem$msg2 === void 0 ? void 0 : _activeItem$msg2.componentName) || ((_activeItem$msg3 = activeItem.msg) === null || _activeItem$msg3 === void 0 || (_activeItem$msg3 = _activeItem$msg3.functionCall) === null || _activeItem$msg3 === void 0 ? void 0 : _activeItem$msg3.name) || "") : typeof (activeItem === null || activeItem === void 0 ? void 0 : activeItem.title) === "string" ? activeItem.title : "";
     return /*#__PURE__*/_jsxs("div", {
       className: styles.botMsg,
+      "data-message-id": group.id,
       children: [nodes.map(function (node, idx) {
+        if (node.type === "text" && idx > firstProcessIdx && idx < lastProcessIdx) {
+          return null;
+        }
         if (node.type === "process") {
-          // 只有最后一个 process node 跟随 loading 状态，已完成的思维链不应显示 loading
-          var isLastProcess = idx === lastProcessIdx;
+          // 同一轮回复中的过程节点共用一个容器，保留节点自身的执行顺序。
+          if (idx !== firstProcessIdx) {
+            return null;
+          }
           return /*#__PURE__*/_jsx(XAdkThoughtChain, {
-            loading: isLastProcess && isGroupLoading,
-            title: "\u601D\u7EF4\u94FE\u5DF2\u5B8C\u6210",
-            items: node.items,
+            collapsible: true,
+            loading: isGroupLoading,
+            title: "\u5DF2\u5B8C\u6210",
+            activeStep: activeStep,
+            items: processItems,
             showFnCallDetail: showFnCallDetail,
             onConfirm: onConfirm,
-            defaultOpen: isLastProcess && isGroupLoading,
+            defaultOpen: isGroupLoading,
             renderFunctionCall: renderFunctionCall,
             toolKindResolver: function toolKindResolver(name) {
               return resolveToolKind(name);
@@ -521,10 +702,25 @@ var XAdkChatbot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, [enableProcessParsing, parseOptions, parseProcessMessage, showFnCallDetail, onConfirm, loading, showRetry, showCopy, showLog, onRetry, onCopy, onShowLog, actions, actionsExtra, onFileClick, onResourceLinkClick, renderResourceLink, mergedMarkdownExtensions, resourceLinkSchemes, styles, resolveToolKind, mergedStrategies]);
 
   // ========== 渲染用户消息组 ==========
-  var renderUserGroup = useCallback(function (group) {
-    return /*#__PURE__*/_jsx("div", {
+  var renderUserGroup = useCallback(function (group, nextGroup) {
+    var _userActions, _group$msgs;
+    var compactWithNextText = group.msgs.some(function (message) {
+      var _message$fileData;
+      return Boolean((_message$fileData = message.fileData) === null || _message$fileData === void 0 ? void 0 : _message$fileData.length);
+    }) && group.msgs.every(function (message) {
+      var _message$text;
+      return !((_message$text = message.text) !== null && _message$text !== void 0 && _message$text.trim());
+    }) && (nextGroup === null || nextGroup === void 0 ? void 0 : nextGroup.role) === "user" && nextGroup.msgs.some(function (message) {
+      var _message$text2;
+      return Boolean((_message$text2 = message.text) === null || _message$text2 === void 0 ? void 0 : _message$text2.trim());
+    });
+    return /*#__PURE__*/_jsxs("div", {
       className: styles.userMsg,
-      children: group.msgs.map(function (m, i) {
+      "data-message-id": group.id,
+      style: compactWithNextText ? {
+        marginBottom: 8
+      } : undefined,
+      children: [group.msgs.map(function (m, i) {
         return /*#__PURE__*/_jsxs("div", {
           className: styles.userContainer,
           children: [m.fileData && m.fileData.length > 0 && /*#__PURE__*/_jsx(_Fragment, {
@@ -533,18 +729,21 @@ var XAdkChatbot = /*#__PURE__*/forwardRef(function (_ref, ref) {
                 file: file,
                 align: "left",
                 style: {
-                  marginBottom: "16px"
+                  marginBottom: compactWithNextText && i === group.msgs.length - 1 && index === m.fileData.length - 1 ? 0 : 16
                 },
                 onClick: onFileClick
               }, index);
             })
           }), m.text && /*#__PURE__*/_jsx("div", {
             className: styles.card,
+            "data-xadk-user-card": true,
             onCopy: function onCopy(event) {
               // 富文本标签的可见文案不含协议；复制用户消息时保留原始 Markdown，
               // 使内容粘贴回 XAdkSender 后能重新还原成 Mention。
+              // 若有选区则只复制选区内容（变量模块取完整文案），否则复制全量。
               event.preventDefault();
-              event.clipboardData.setData("text/plain", m.text || "");
+              var selected = getSelectionText(event.currentTarget);
+              event.clipboardData.setData("text/plain", selected || m.text || "");
             },
             children: /*#__PURE__*/_jsx(MarkdownRender, {
               text: m.text,
@@ -559,9 +758,36 @@ var XAdkChatbot = /*#__PURE__*/forwardRef(function (_ref, ref) {
             })
           })]
         }, m.id || i);
-      })
+      }), showUserActions && group.msgs.some(function (message) {
+        var _message$text3;
+        return Boolean((_message$text3 = message.text) === null || _message$text3 === void 0 ? void 0 : _message$text3.trim());
+      }) && /*#__PURE__*/_jsx("div", {
+        className: "x-user-actions ".concat(styles.userActions),
+        children: (_userActions = userActions === null || userActions === void 0 ? void 0 : userActions({
+          message: group
+        })) !== null && _userActions !== void 0 ? _userActions : /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx("span", {
+            className: styles.userTime,
+            children: formatTimestamp((_group$msgs = group.msgs[group.msgs.length - 1]) === null || _group$msgs === void 0 ? void 0 : _group$msgs.timestamp)
+          }), /*#__PURE__*/_jsx(Tooltip, {
+            title: "\u590D\u5236\u5185\u5BB9",
+            children: /*#__PURE__*/_jsx(CopyOutlined, {
+              className: styles.userActionIcon,
+              onClick: function onClick() {
+                var container = document.querySelector("[data-message-id=\"".concat(group.id, "\"]"));
+                var selected = getSelectionText(container);
+                var fullText = group.msgs.map(function (message) {
+                  return message.text || "";
+                }).join("");
+                copy(selected || fullText);
+                antdMessage.success("复制成功");
+              }
+            })
+          })]
+        })
+      })]
     }, group.id);
-  }, [styles, onFileClick, onResourceLinkClick, renderResourceLink, mergedMarkdownExtensions, resourceLinkSchemes]);
+  }, [styles, onFileClick, onResourceLinkClick, renderResourceLink, mergedMarkdownExtensions, resourceLinkSchemes, showUserActions, userActions]);
 
   // ========== 空状态 ==========
 
@@ -601,6 +827,20 @@ var XAdkChatbot = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   // 空状态判断
   var isEmpty = messages.length === 0 && !prologue && (!suggestions || suggestions.length === 0);
+  var historyControls = history && (history.hasMore || history.loading || history.onRefresh) && /*#__PURE__*/_jsxs("div", {
+    className: styles.historyControls,
+    children: [history.onRefresh && /*#__PURE__*/_jsx("button", {
+      type: "button",
+      onClick: refreshHistory,
+      disabled: history.refreshing,
+      children: history.refreshing ? "正在刷新..." : "刷新"
+    }), (history.hasMore || history.loading) && /*#__PURE__*/_jsx("button", {
+      type: "button",
+      onClick: loadMoreHistory,
+      disabled: history.loading,
+      children: history.loading ? "正在加载..." : "加载更多"
+    })]
+  });
   return /*#__PURE__*/_jsxs("div", {
     className: clsx(styles.wrapper, className),
     style: style,
@@ -613,7 +853,7 @@ var XAdkChatbot = /*#__PURE__*/forwardRef(function (_ref, ref) {
       style: isEmpty ? {
         flex: 0
       } : undefined,
-      children: [prologue && /*#__PURE__*/_jsx("div", {
+      children: [((_history$direction = history === null || history === void 0 ? void 0 : history.direction) !== null && _history$direction !== void 0 ? _history$direction : "top") === "top" && historyControls, prologue && /*#__PURE__*/_jsx("div", {
         className: styles.prologue,
         children: /*#__PURE__*/_jsx(MarkdownRender, {
           text: prologue,
@@ -624,8 +864,20 @@ var XAdkChatbot = /*#__PURE__*/forwardRef(function (_ref, ref) {
           markdownExtensions: mergedMarkdownExtensions
         })
       }), chatGroups.map(function (group, idx) {
-        return group.role === "user" ? renderUserGroup(group) : renderBotGroup(group, idx === chatGroups.length - 1, renderFunctionCall);
-      }), renderSuggestions(), /*#__PURE__*/_jsx("div", {
+        var context = {
+          group: group,
+          index: idx,
+          previousGroup: chatGroups[idx - 1],
+          nextGroup: chatGroups[idx + 1]
+        };
+        var defaultNode = group.role === "user" ? renderUserGroup(group, chatGroups[idx + 1]) : renderBotGroup(group, idx === chatGroups.length - 1, renderFunctionCall);
+        var customNode = renderGroup === null || renderGroup === void 0 ? void 0 : renderGroup(_objectSpread(_objectSpread({}, context), {}, {
+          defaultNode: defaultNode
+        }));
+        return /*#__PURE__*/_jsxs(Fragment, {
+          children: [renderBeforeGroup === null || renderBeforeGroup === void 0 ? void 0 : renderBeforeGroup(context), customNode === undefined ? defaultNode : customNode, renderAfterGroup === null || renderAfterGroup === void 0 ? void 0 : renderAfterGroup(context)]
+        }, group.id);
+      }), (history === null || history === void 0 ? void 0 : history.direction) === "bottom" && historyControls, renderSuggestions(), /*#__PURE__*/_jsx("div", {
         ref: messagesEndRef
       })]
     })]