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

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

@@ -1,241 +1,459 @@
-import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
-import React, { useMemo, useCallback, useEffect, useRef } from 'react';
-import { Button } from 'antd';
-import { SwapRightOutlined } from '@ant-design/icons';
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import React, { useMemo, useCallback, useEffect, useRef } from "react";
+import { Button, Flex, Tooltip, message as antdMessage } from "antd";
+import clsx from "clsx";
+import { SwapRightOutlined, ReloadOutlined, CopyOutlined, InfoCircleOutlined, CheckCircleFilled } 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 ThinkRender from "./components/ThinkRender";
-import XAdkSender from "../XAdkSender";
+import FileGallery from "./components/FileGallery";
+import XAiThoughtChain from "../XAiThoughtChain";
+import { parseAgentMessage } from "../../utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var scrollThreshold = 10; // 滚动阈值
+var scrollThreshold = 10;
 
+/**
+ * XAdkChatbot - 增强版聊天组件
+ *
+ * 新增功能:
+ * - ✅ 自动消息分组 (enableGrouping)
+ * - ✅ 自动解析思维链 (enableProcessParsing)
+ * - ✅ 文件展示 (FileGallery)
+ * - ✅ 操作栏 (重试/复制/日志)
+ * - ✅ 欢迎页面 (agentName/agentIcon/description)
+ */
 var XAdkChatbot = function XAdkChatbot(_ref) {
-  var _ref$allowUpload = _ref.allowUpload,
-    allowUpload = _ref$allowUpload === void 0 ? false : _ref$allowUpload,
-    _ref$uploadRequest = _ref.uploadRequest,
-    uploadRequest = _ref$uploadRequest === void 0 ? function () {} : _ref$uploadRequest,
-    _ref$loading = _ref.loading,
+  var _ref$loading = _ref.loading,
     loading = _ref$loading === void 0 ? false : _ref$loading,
     prologue = _ref.prologue,
     suggestions = _ref.suggestions,
     messages = _ref.messages,
-    _ref$initialized = _ref.initialized,
-    initialized = _ref$initialized === void 0 ? true : _ref$initialized,
-    footer = _ref.footer,
     showFnCallDetail = _ref.showFnCallDetail,
-    _ref$clearBtnShow = _ref.clearBtnShow,
-    clearBtnShow = _ref$clearBtnShow === void 0 ? true : _ref$clearBtnShow,
     onConfirm = _ref.onConfirm,
-    onSubmit = _ref.onSubmit,
     onSuggest = _ref.onSuggest,
-    onStop = _ref.onStop,
-    onClear = _ref.onClear;
+    showRetry = _ref.showRetry,
+    showCopy = _ref.showCopy,
+    showLog = _ref.showLog,
+    onRetry = _ref.onRetry,
+    onCopy = _ref.onCopy,
+    onShowLog = _ref.onShowLog,
+    actions = _ref.actions,
+    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;
   var styles = useStyles();
   var listRef = useRef(null);
   var lastScrollTopRef = useRef(0);
   var userHasScrolledRef = useRef(false);
   var messagesEndRef = useRef(null);
+
+  // 滚动到底部
   useEffect(function () {
     var _messagesEndRef$curre;
     if (!loading) return;
     if (userHasScrolledRef.current) return;
     (_messagesEndRef$curre = messagesEndRef.current) === null || _messagesEndRef$curre === void 0 || _messagesEndRef$curre.scrollIntoView({
-      behavior: 'smooth'
+      behavior: "smooth"
     });
   }, [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);
+    listElement.addEventListener("scroll", handleScroll);
     return function () {
-      listElement.removeEventListener('scroll', handleScroll);
+      listElement.removeEventListener("scroll", handleScroll);
     };
-  }, []);
+  }, [handleScroll]);
 
-  // 发送消息
-  var handleSubmit = function handleSubmit(_ref2) {
-    var text = _ref2.text,
-      files = _ref2.files;
-    if (loading) return;
-    if (!(text !== null && text !== void 0 && text.trim())) return;
-    onSubmit === null || onSubmit === void 0 || onSubmit({
-      text: text,
-      files: files
-    });
-    // 滚动
-    queueMicrotask(function () {
-      var _messagesEndRef$curre2;
-      (_messagesEndRef$curre2 = messagesEndRef.current) === null || _messagesEndRef$curre2 === void 0 || _messagesEndRef$curre2.scrollIntoView({
-        behavior: 'instant'
+  // ========== 消息分组逻辑 ==========
+  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
+        };
       });
-    });
-    // 重置用户滚动状态
-    setTimeout(function () {
-      userHasScrolledRef.current = false;
-    }, 0);
-  };
-  var lastIndex = messages.length - 1;
-  var lastMessageMap = useMemo(function () {
-    var map = new Map();
-    var _iterator = _createForOfIteratorHelper(messages),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var msg = _step.value;
-        if (msg.role === 'bot' && msg.invocationId) {
-          map.set(msg.invocationId, msg.id);
+    }
+    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
+        });
       }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-    return map;
-  }, [messages]);
-  return /*#__PURE__*/_jsxs("div", {
-    className: styles.wrapper,
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: styles.list,
-      ref: listRef,
-      children: [/*#__PURE__*/_jsx("div", {
-        className: styles.prologue,
-        children: prologue
-      }), messages.map(function (msg, i) {
-        if (msg.role === 'user') {
+    });
+
+    // 合并文件
+    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) {
+    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("div", {
-              className: styles.userMsg,
-              children: /*#__PURE__*/_jsx("div", {
-                className: styles.card,
-                children: msg.text
-              })
+            return /*#__PURE__*/_jsx(MarkdownRender, {
+              text: msg.text
             }, "".concat(msg.id, "-").concat(i));
           }
-          if (msg.functionResponse) {
-            return /*#__PURE__*/_jsx("div", {
-              className: styles.userMsg,
-              children: /*#__PURE__*/_jsx(FunctionCallRender, {
-                msg: msg,
-                showDetail: showFnCallDetail
-              })
+          if (msg.functionCall) {
+            return /*#__PURE__*/_jsx(FunctionCallRender, {
+              msg: msg,
+              showDetail: showFnCallDetail,
+              onConfirm: onConfirm
             }, "".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));
         }
-        var isLast = i === lastIndex;
-        var isLoading = isLast && loading;
-        var isLastBotMsg = lastMessageMap.get((msg === null || msg === void 0 ? void 0 : msg.invocationId) || '') === msg.id;
-        if (msg.text) {
-          if (msg.thought) {
-            return /*#__PURE__*/_jsxs("div", {
-              className: styles.botMsg,
-              children: [/*#__PURE__*/_jsx(ThinkRender, {
-                msg: msg,
-                loading: isLoading
-              }), !isLoading && (footer === null || footer === void 0 ? void 0 : footer({
-                message: msg,
-                isLastMsg: isLast,
-                isLastBotMsg: isLastBotMsg
-              }))]
-            }, "".concat(msg.id, "-").concat(i));
+      } 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);
           }
-          return /*#__PURE__*/_jsxs("div", {
-            className: styles.botMsg,
-            children: [/*#__PURE__*/_jsx(MarkdownRender, {
-              text: msg.text
-            }), !isLoading && (footer === null || footer === void 0 ? void 0 : footer({
-              message: msg,
-              isLastMsg: isLast,
-              isLastBotMsg: isLastBotMsg
-            }))]
-          }, "".concat(msg.id, "-").concat(i));
         }
-        var fnCall = msg.functionCall;
-        if (fnCall) {
-          return /*#__PURE__*/_jsxs("div", {
-            className: styles.botMsg,
-            children: [/*#__PURE__*/_jsx(FunctionCallRender, {
-              msg: msg,
-              showDetail: showFnCallDetail,
-              onConfirm: onConfirm
-            }), !isLoading && (footer === null || footer === void 0 ? void 0 : footer({
-              message: msg,
-              isLastMsg: isLast,
-              isLastBotMsg: isLastBotMsg
-            }))]
-          }, "".concat(msg.id, "-").concat(i));
+      }
+      // 处理文本消息
+      else if (msg.text && !msg.functionResponse) {
+        var parts = parseAgentMessage(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;
+
+    // 4. 渲染
+    return /*#__PURE__*/_jsxs("div", {
+      className: styles.botMsg,
+      children: [nodes.map(function (node, idx) {
+        if (node.type === "process") {
+          return /*#__PURE__*/_jsx(XAiThoughtChain, {
+            loading: isGroupLoading,
+            title: "\u601D\u7EF4\u94FE\u5DF2\u5B8C\u6210",
+            items: node.items,
+            showFnCallDetail: showFnCallDetail,
+            onConfirm: onConfirm,
+            defaultOpen: isGroupLoading
+          }, node.key);
         }
+
+        // 文本节点
+        var showBadge = hasProcess && nodes.findIndex(function (n) {
+          return n.type === "text";
+        }) === idx;
+        return /*#__PURE__*/_jsxs("div", {
+          children: [showBadge && /*#__PURE__*/_jsxs("div", {
+            className: styles.successBadge,
+            children: [/*#__PURE__*/_jsx(CheckCircleFilled, {}), " \u5DF2\u5B8C\u6210\u6240\u6709\u89C4\u5212\u4EFB\u52A1"]
+          }), /*#__PURE__*/_jsx(MarkdownRender, {
+            text: node.content
+          })]
+        }, 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(FileGallery, {
+          files: allFiles,
+          align: "left"
+        })]
+      }), !isGroupLoading && (actions ? actions({
+        message: group,
+        isLastBotMsg: isLastGroup
+      }) : (showRetry || showCopy || showLog) && /*#__PURE__*/_jsx("div", {
+        className: styles.metaFooter,
+        children: /*#__PURE__*/_jsxs(Flex, {
+          gap: 16,
+          className: styles.actionIcons,
+          children: [showRetry && /*#__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);
+              }
+            })
+          })]
+        })
+      }))]
+    }, group.id);
+  }, [enableProcessParsing, parseOptions, showFnCallDetail, onConfirm, loading, showRetry, showCopy, showLog, onRetry, onCopy, onShowLog, styles]);
+
+  // ========== 渲染用户消息组 ==========
+  var renderUserGroup = useCallback(function (group) {
+    return /*#__PURE__*/_jsx("div", {
+      className: styles.userMsg,
+      children: group.msgs.map(function (m, i) {
+        return /*#__PURE__*/_jsxs("div", {
+          children: [m.fileData && m.fileData.length > 0 && /*#__PURE__*/_jsx(FileGallery, {
+            files: m.fileData,
+            align: "right"
+          }), m.text && /*#__PURE__*/_jsx("div", {
+            className: styles.card,
+            children: m.text
+          })]
+        }, m.id || i);
+      })
+    }, group.id);
+  }, [styles]);
+
+  // ========== 欢迎页面 ==========
+  // 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.botMsg,
-          children: !isLoading && (footer === null || footer === void 0 ? void 0 : footer({
-            message: msg,
-            isLastMsg: isLast,
-            isLastBotMsg: isLastBotMsg
-          }))
-        }, "".concat(msg.id, "-").concat(i));
-      }), /*#__PURE__*/_jsx("div", {
-        children: suggestions === null || suggestions === void 0 ? void 0 : 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
-              })
+          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);
+          })
+        }, 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
         })
-      }), /*#__PURE__*/_jsx("div", {
+      }), chatGroups.map(function (group, idx) {
+        return group.role === "user" ? renderUserGroup(group) : renderBotGroup(group, idx === chatGroups.length - 1);
+      }), renderSuggestions(), /*#__PURE__*/_jsx("div", {
         ref: messagesEndRef
       })]
-    }), /*#__PURE__*/_jsx(XAdkSender, {
-      allowUpload: allowUpload,
-      uploadRequest: uploadRequest,
-      loading: loading,
-      clearBtnShow: clearBtnShow,
-      onSubmit: handleSubmit,
-      onClear: onClear,
-      onStop: onStop
-    })]
+    })
   });
 };
 export default XAdkChatbot;