@ai-group/chat-sdk 3.7.1-alpha2 → 3.7.1-alpha4

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

@@ -1,7 +1,7 @@
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useState, useRef, useCallback, forwardRef, useImperativeHandle, useMemo, useEffect } from "react";
@@ -59,15 +59,22 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     quickKeys = _ref$quickKeys === void 0 ? [] : _ref$quickKeys,
     _ref$inlineTags = _ref.inlineTags,
     inlineTags = _ref$inlineTags === void 0 ? false : _ref$inlineTags,
+    renderMention = _ref.renderMention,
     renderTag = _ref.renderTag,
+    controlledMentions = _ref.mentions,
     controlledTags = _ref.tags,
+    defaultMentions = _ref.defaultMentions,
     _ref$defaultTags = _ref.defaultTags,
     defaultTags = _ref$defaultTags === void 0 ? [] : _ref$defaultTags,
+    defaultInputParts = _ref.defaultInputParts,
+    onMentionsChange = _ref.onMentionsChange,
     onTagsChange = _ref.onTagsChange,
     onQuickKeyTrigger = _ref.onQuickKeyTrigger,
     _ref$submitFormat = _ref.submitFormat,
     submitFormat = _ref$submitFormat === void 0 ? "text" : _ref$submitFormat,
-    formatTag = _ref.formatTag;
+    formatMention = _ref.formatMention,
+    formatTag = _ref.formatTag,
+    transformSubmitData = _ref.transformSubmitData;
   var styles = useStyles();
   var isControlled = controlledValue !== undefined;
   var _useState = useState(defaultValue),
@@ -82,18 +89,21 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onChange === null || onChange === void 0 || onChange(newValue);
   };
 
-  // tags 支持受控/非受控两种模式；inlineTags 打开时会和输入内容混排。
-  var isTagsControlled = controlledTags !== undefined;
-  var _useState3 = useState(defaultTags),
+  // mentions 支持受控/非受控两种模式；inlineTags 打开时会和输入内容混排。
+  var resolvedControlledMentions = controlledMentions !== null && controlledMentions !== void 0 ? controlledMentions : controlledTags;
+  var initialMentions = defaultMentions !== null && defaultMentions !== void 0 ? defaultMentions : defaultTags;
+  var isMentionsControlled = resolvedControlledMentions !== undefined;
+  var _useState3 = useState(initialMentions),
     _useState4 = _slicedToArray(_useState3, 2),
-    internalTags = _useState4[0],
-    setInternalTags = _useState4[1];
-  var tags = isTagsControlled ? controlledTags : internalTags;
-  var setTags = function setTags(newTags) {
-    if (!isTagsControlled) {
-      setInternalTags(newTags);
+    internalMentions = _useState4[0],
+    setInternalMentions = _useState4[1];
+  var mentions = isMentionsControlled ? resolvedControlledMentions : internalMentions;
+  var setMentions = function setMentions(newMentions) {
+    if (!isMentionsControlled) {
+      setInternalMentions(newMentions);
     }
-    onTagsChange === null || onTagsChange === void 0 || onTagsChange(newTags);
+    onMentionsChange === null || onMentionsChange === void 0 || onMentionsChange(newMentions);
+    onTagsChange === null || onTagsChange === void 0 || onTagsChange(newMentions);
   };
   var _useState5 = useState([]),
     _useState6 = _slicedToArray(_useState5, 2),
@@ -142,26 +152,30 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var escapeMarkdownLabel = function escapeMarkdownLabel(text) {
     return text.replace(/\\/g, "\\\\").replace(/\]/g, "\\]");
   };
-  var getTagSubmitValue = function getTagSubmitValue(tag) {
-    var _ref3, _ref4, _ref5, _tag$value, _tag$data, _tag$data2;
-    return String((_ref3 = (_ref4 = (_ref5 = (_tag$value = tag.value) !== null && _tag$value !== void 0 ? _tag$value : (_tag$data = tag.data) === null || _tag$data === void 0 ? void 0 : _tag$data.value) !== null && _ref5 !== void 0 ? _ref5 : (_tag$data2 = tag.data) === null || _tag$data2 === void 0 ? void 0 : _tag$data2.name) !== null && _ref4 !== void 0 ? _ref4 : tag.label) !== null && _ref3 !== void 0 ? _ref3 : "");
+  var getMentionSubmitValue = function getMentionSubmitValue(mention) {
+    var _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _mention$value, _mention$data, _mention$data2, _mention$data3;
+    return String((_ref3 = (_ref4 = (_ref5 = (_ref6 = (_ref7 = (_ref8 = (_ref9 = (_mention$value = mention.value) !== null && _mention$value !== void 0 ? _mention$value : mention.uri) !== null && _ref9 !== void 0 ? _ref9 : (_mention$data = mention.data) === null || _mention$data === void 0 ? void 0 : _mention$data.uri) !== null && _ref8 !== void 0 ? _ref8 : (_mention$data2 = mention.data) === null || _mention$data2 === void 0 ? void 0 : _mention$data2.value) !== null && _ref7 !== void 0 ? _ref7 : (_mention$data3 = mention.data) === null || _mention$data3 === void 0 ? void 0 : _mention$data3.name) !== null && _ref6 !== void 0 ? _ref6 : mention.targetId) !== null && _ref5 !== void 0 ? _ref5 : mention.displayName) !== null && _ref4 !== void 0 ? _ref4 : mention.label) !== null && _ref3 !== void 0 ? _ref3 : "");
   };
-  var defaultFormatTag = function defaultFormatTag(tag, format, index) {
-    var value = getTagSubmitValue(tag);
+  var defaultFormatMention = function defaultFormatMention(mention, format, index) {
+    var value = getMentionSubmitValue(mention);
     if (format === "xml") {
-      return "<tag type=\"".concat(escapeXml(tag.type), "\" id=\"").concat(escapeXml(tag.id), "\" label=\"").concat(escapeXml(tag.label), "\" value=\"").concat(escapeXml(value), "\" />");
+      return "<mention type=\"".concat(escapeXml(mention.type), "\" id=\"").concat(escapeXml(mention.id), "\" label=\"").concat(escapeXml(mention.label), "\" value=\"").concat(escapeXml(value), "\" />");
     }
     if (format === "markdown") {
-      return "[/".concat(escapeMarkdownLabel(tag.label), "](xadk-tag://").concat(encodeURIComponent(tag.type), "/").concat(encodeURIComponent(tag.id), ")");
+      var href = mention.uri || (value.includes("://") ? value : "xadk-mention://".concat(encodeURIComponent(mention.type), "/").concat(encodeURIComponent(mention.id)));
+      return "[@".concat(escapeMarkdownLabel(mention.displayName || mention.label), "](").concat(href, ")");
     }
-    return "/".concat(value || "tag-".concat(index + 1));
+    return "@".concat(mention.displayName || value || "mention-".concat(index + 1));
   };
-  var serializeTag = function serializeTag(tag, format, index) {
-    var _formatTag;
-    return (_formatTag = formatTag === null || formatTag === void 0 ? void 0 : formatTag(tag, {
+  var serializeMention = function serializeMention(mention, format, index) {
+    var _ref10, _formatMention;
+    return (_ref10 = (_formatMention = formatMention === null || formatMention === void 0 ? void 0 : formatMention(mention, {
+      format: format,
+      index: index
+    })) !== null && _formatMention !== void 0 ? _formatMention : formatTag === null || formatTag === void 0 ? void 0 : formatTag(mention, {
       format: format,
       index: index
-    })) !== null && _formatTag !== void 0 ? _formatTag : defaultFormatTag(tag, format, index);
+    })) !== null && _ref10 !== void 0 ? _ref10 : defaultFormatMention(mention, format, index);
   };
   var getSubmitParts = useCallback(function () {
     if (inlineTags) {
@@ -173,14 +187,14 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
       type: "text",
       text: value
     }] : [];
-    var tagParts = tags.map(function (tag) {
+    var mentionParts = mentions.map(function (mention) {
       return {
-        type: "tag",
-        tag: tag
+        type: "mention",
+        mention: mention
       };
     });
-    return [].concat(_toConsumableArray(tagParts), textParts);
-  }, [inlineTags, tags, value]);
+    return [].concat(_toConsumableArray(mentionParts), textParts);
+  }, [inlineTags, mentions, value]);
   var serializeParts = function serializeParts(parts, format) {
     if (format === "structured") {
       return parts.reduce(function (content, part) {
@@ -190,7 +204,7 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     var tagIndex = 0;
     return parts.map(function (part) {
       if (part.type === "text") return part.text;
-      var result = serializeTag(part.tag, format, tagIndex);
+      var result = serializeMention(part.mention, format, tagIndex);
       tagIndex += 1;
       return result;
     }).join("");
@@ -200,14 +214,18 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     var rawText = parts.reduce(function (content, part) {
       return content + (part.type === "text" ? part.text : "");
     }, "");
-    return {
+    var standardData = {
       text: serializeParts(parts, submitFormat),
       rawText: rawText,
       format: submitFormat,
       parts: parts,
       files: formattedFiles,
-      tags: tags
+      mentions: mentions,
+      tags: mentions
     };
+    return _objectSpread(_objectSpread({}, standardData), {}, {
+      payload: transformSubmitData === null || transformSubmitData === void 0 ? void 0 : transformSubmitData(standardData)
+    });
   };
 
   // 检查文件类型
@@ -238,8 +256,8 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   };
 
   // 内置校验器集合
-  var builtInValidators = [function (_file, _ref6) {
-    var files = _ref6.files;
+  var builtInValidators = [function (_file, _ref11) {
+    var files = _ref11.files;
     if (files.length >= maxFiles) {
       return "\u6700\u591A\u53EA\u80FD\u4E0A\u4F20 ".concat(maxFiles, " \u4E2A\u6587\u4EF6");
     }
@@ -255,8 +273,8 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
       return "不支持的文件类型";
     }
     return null;
-  }, function (file, _ref7) {
-    var files = _ref7.files;
+  }, function (file, _ref12) {
+    var files = _ref12.files;
     if (isDuplicateFile(file, files)) {
       return "文件已存在";
     }
@@ -327,14 +345,34 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   }, [files, maxFiles, maxFileSize, allowedFileTypes]);
 
-  // 暴露 addFiles 方法
+  // 暴露给业务工具栏调用的命令式能力；外部 Popover 选择标签时可插入到当前光标位置。
   useImperativeHandle(ref, function () {
     return {
       addFiles: function addFiles(rawFiles) {
         handleFileSelect(rawFiles);
+      },
+      insertMention: function insertMention(mention) {
+        if (inlineTags) {
+          var _inlineInputRef$curre2;
+          (_inlineInputRef$curre2 = inlineInputRef.current) === null || _inlineInputRef$curre2 === void 0 || _inlineInputRef$curre2.insertMention(mention);
+          return;
+        }
+        setMentions([].concat(_toConsumableArray(mentions), [mention]));
+      },
+      insertTag: function insertTag(mention) {
+        if (inlineTags) {
+          var _inlineInputRef$curre3;
+          (_inlineInputRef$curre3 = inlineInputRef.current) === null || _inlineInputRef$curre3 === void 0 || _inlineInputRef$curre3.insertMention(mention);
+          return;
+        }
+        setMentions([].concat(_toConsumableArray(mentions), [mention]));
+      },
+      focus: function focus() {
+        var _inlineInputRef$curre4, _textareaRef$current;
+        inlineTags ? (_inlineInputRef$curre4 = inlineInputRef.current) === null || _inlineInputRef$curre4 === void 0 ? void 0 : _inlineInputRef$curre4.focus() : (_textareaRef$current = textareaRef.current) === null || _textareaRef$current === void 0 ? void 0 : _textareaRef$current.focus();
       }
     };
-  }, [handleFileSelect]);
+  }, [handleFileSelect, inlineTags, setMentions, mentions]);
 
   // 触发文件选择
   var triggerFileSelect = function triggerFileSelect() {
@@ -345,7 +383,7 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   // 上传文件
   var uploadFiles = /*#__PURE__*/function () {
-    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(fileList) {
+    var _ref13 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(fileList) {
       var _iterator2, _step2, _loop;
       return _regeneratorRuntime().wrap(function _callee$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -460,7 +498,7 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }, _callee, null, [[1, 10, 13, 16]]);
     }));
     return function uploadFiles(_x) {
-      return _ref8.apply(this, arguments);
+      return _ref13.apply(this, arguments);
     };
   }();
 
@@ -500,11 +538,11 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, [allowUpload, handleFileSelect]);
 
   // 删除标签
-  var handleRemoveTag = useCallback(function (id) {
-    setTags(tags.filter(function (t) {
-      return t.id !== id;
+  var handleRemoveMention = useCallback(function (id) {
+    setMentions(mentions.filter(function (item) {
+      return item.id !== id;
     }));
-  }, [tags, setTags]);
+  }, [mentions, setMentions]);
 
   // 查找当前活跃的快捷键配置
   var activeQuickKeyConfig = useMemo(function () {
@@ -570,27 +608,31 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   }, [activeQuickKey, onQuickKeyTrigger, quickKeyTriggerIdx, quickKeys]);
 
-  // 选择快捷项后转成结构化 tag；inline 模式会替换掉触发字符和关键词。
+  // 选择快捷项后转成结构化 Mention；inline 模式会替换掉触发字符和关键词。
   var handleQuickKeySelect = useCallback(function (option) {
-    var _ref9, _option$value, _activeQuickKeyConfig, _inlineInputRef$curre3, _textareaRef$current;
-    var newTag = {
+    var _ref14, _ref15, _option$value, _ref16, _option$targetId, _option$displayName, _activeQuickKeyConfig, _inlineInputRef$curre6, _textareaRef$current2;
+    var mentionType = (activeQuickKeyConfig === null || activeQuickKeyConfig === void 0 ? void 0 : activeQuickKeyConfig.mentionType) || (activeQuickKeyConfig === null || activeQuickKeyConfig === void 0 ? void 0 : activeQuickKeyConfig.tagType) || activeQuickKey || "unknown";
+    var newMention = {
       id: generateId(),
       label: option.label,
-      type: activeQuickKey || "unknown",
-      value: (_ref9 = (_option$value = option.value) !== null && _option$value !== void 0 ? _option$value : option.name) !== null && _ref9 !== void 0 ? _ref9 : option.label,
+      type: mentionType,
+      value: (_ref14 = (_ref15 = (_option$value = option.value) !== null && _option$value !== void 0 ? _option$value : option.uri) !== null && _ref15 !== void 0 ? _ref15 : option.name) !== null && _ref14 !== void 0 ? _ref14 : option.label,
+      uri: option.uri,
+      targetId: (_ref16 = (_option$targetId = option.targetId) !== null && _option$targetId !== void 0 ? _option$targetId : option.skillNo) !== null && _ref16 !== void 0 ? _ref16 : option.pluginNo,
+      displayName: (_option$displayName = option.displayName) !== null && _option$displayName !== void 0 ? _option$displayName : option.label,
       trigger: activeQuickKey || undefined,
       icon: option.icon,
       data: option
     };
     activeQuickKeyConfig === null || activeQuickKeyConfig === void 0 || (_activeQuickKeyConfig = activeQuickKeyConfig.onSelect) === null || _activeQuickKeyConfig === void 0 || _activeQuickKeyConfig.call(activeQuickKeyConfig, option);
     if (inlineTags) {
-      var _inlineInputRef$curre2;
-      (_inlineInputRef$curre2 = inlineInputRef.current) === null || _inlineInputRef$curre2 === void 0 || _inlineInputRef$curre2.insertTag(newTag, {
+      var _inlineInputRef$curre5;
+      (_inlineInputRef$curre5 = inlineInputRef.current) === null || _inlineInputRef$curre5 === void 0 || _inlineInputRef$curre5.insertMention(newMention, {
         start: quickKeyTriggerIdx,
         end: quickKeyTriggerIdx + 1 + quickKeyKeyword.length
       });
     } else {
-      setTags([].concat(_toConsumableArray(tags), [newTag]));
+      setMentions([].concat(_toConsumableArray(mentions), [newMention]));
 
       // 从输入框中删除快捷键字符和关键词
       if (quickKeyTriggerIdx >= 0) {
@@ -602,8 +644,8 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     setQuickKeyKeyword("");
     setQuickKeyTriggerIdx(-1);
     setQuickKeyActiveIndex(0);
-    inlineTags ? (_inlineInputRef$curre3 = inlineInputRef.current) === null || _inlineInputRef$curre3 === void 0 ? void 0 : _inlineInputRef$curre3.focus() : (_textareaRef$current = textareaRef.current) === null || _textareaRef$current === void 0 ? void 0 : _textareaRef$current.focus();
-  }, [activeQuickKey, activeQuickKeyConfig, inlineTags, tags, setTags, value, quickKeyTriggerIdx, quickKeyKeyword, setValue]);
+    inlineTags ? (_inlineInputRef$curre6 = inlineInputRef.current) === null || _inlineInputRef$curre6 === void 0 ? void 0 : _inlineInputRef$curre6.focus() : (_textareaRef$current2 = textareaRef.current) === null || _textareaRef$current2 === void 0 ? void 0 : _textareaRef$current2.focus();
+  }, [activeQuickKey, activeQuickKeyConfig, inlineTags, mentions, setMentions, value, quickKeyTriggerIdx, quickKeyKeyword, setValue]);
 
   // 处理输入框变化（含快捷键检测）
   var handleInputChange = function handleInputChange(e) {
@@ -614,10 +656,10 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     detectQuickKey(newValue, e.target.selectionStart || 0);
   };
   var handleInlineInputChange = function handleInlineInputChange(newValue) {
-    var _inlineInputRef$curre4;
+    var _inlineInputRef$curre7;
     setValue(newValue);
     // contenteditable 的 selection 不一定和 React state 同步，需实时读取内部光标 offset。
-    detectQuickKey(newValue, ((_inlineInputRef$curre4 = inlineInputRef.current) === null || _inlineInputRef$curre4 === void 0 ? void 0 : _inlineInputRef$curre4.getCursorOffset()) || newValue.length);
+    detectQuickKey(newValue, ((_inlineInputRef$curre7 = inlineInputRef.current) === null || _inlineInputRef$curre7 === void 0 ? void 0 : _inlineInputRef$curre7.getCursorOffset()) || newValue.length);
   };
   var handleQuickKeyByText = function handleQuickKeyByText(text, cursorPos) {
     var quickKeyChars = quickKeys.map(function (qk) {
@@ -652,17 +694,17 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     handleQuickKeyByText(target.value || "", target.selectionStart || 0);
   };
   var handleInlineKeyUp = function handleInlineKeyUp(e) {
-    var _inlineInputRef$curre5, _inlineInputRef$curre6;
+    var _inlineInputRef$curre8, _inlineInputRef$curre9;
     if (activeQuickKey && isQuickListControlKey(e.key)) return;
     // inline 输入区不是 textarea，不能读 event.target.value，只能从 ref 取纯文本。
-    var text = ((_inlineInputRef$curre5 = inlineInputRef.current) === null || _inlineInputRef$curre5 === void 0 ? void 0 : _inlineInputRef$curre5.getText()) || "";
-    var cursorPos = ((_inlineInputRef$curre6 = inlineInputRef.current) === null || _inlineInputRef$curre6 === void 0 ? void 0 : _inlineInputRef$curre6.getCursorOffset()) || text.length;
+    var text = ((_inlineInputRef$curre8 = inlineInputRef.current) === null || _inlineInputRef$curre8 === void 0 ? void 0 : _inlineInputRef$curre8.getText()) || "";
+    var cursorPos = ((_inlineInputRef$curre9 = inlineInputRef.current) === null || _inlineInputRef$curre9 === void 0 ? void 0 : _inlineInputRef$curre9.getCursorOffset()) || text.length;
     handleQuickKeyByText(text, cursorPos);
   };
 
   // 处理提交
   var handleSubmit = function handleSubmit() {
-    if (!value.trim() && files.length === 0 && tags.length === 0) {
+    if (!value.trim() && files.length === 0 && mentions.length === 0) {
       message.warning("请输入消息或选择文件");
       return;
     }
@@ -684,7 +726,7 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
             onSubmit(createSubmitData(formattedFiles));
           }
           setValue("");
-          setTags([]);
+          setMentions([]);
           setFiles(function (prev) {
             return prev.filter(function (f) {
               return f.status !== "success";
@@ -701,7 +743,7 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
         onSubmit(createSubmitData(formattedFiles));
       }
       setValue("");
-      setTags([]);
+      setMentions([]);
       setFiles(function (prev) {
         return prev.filter(function (f) {
           return f.status !== "success";
@@ -770,15 +812,11 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var renderFileList = function renderFileList() {
     if (files.length === 0) return null;
     return /*#__PURE__*/_jsx("div", {
-      style: {
-        display: "flex",
-        flexWrap: "wrap",
-        gap: "8px",
-        padding: "12px 0"
-      },
+      className: styles.contextFiles,
       children: files.map(function (file) {
         return /*#__PURE__*/_jsx(FileGallery, {
           file: file,
+          size: "small",
           removable: true,
           onRemove: handleRemoveFile
         }, file.id);
@@ -794,8 +832,8 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var hasFiles = files.some(function (f) {
     return f.status === "success";
   });
-  var hasTags = tags.length > 0;
-  var canSend = hasContent || hasFiles || hasTags;
+  var hasMentions = mentions.length > 0;
+  var canSend = hasContent || hasFiles || hasMentions;
 
   // 定义按钮组件
   var SendButton = function SendButton(props) {
@@ -872,6 +910,8 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
     return slot;
   };
+  var headerNode = renderSlot(header, false);
+  var fileListNode = allowUpload && files.length > 0 ? renderFileList() : null;
 
   // 默认后缀仅保留发送/停止按钮；上传与清空统一放到底部 actionBar，方便业务扩展左侧按钮组。
   var defaultSuffix = /*#__PURE__*/_jsx("div", {
@@ -911,7 +951,7 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onDragOver: allowUpload && draggable ? handleDragOver : undefined,
     onDragLeave: allowUpload && draggable ? handleDragLeave : undefined,
     onDrop: allowUpload && draggable ? handleDrop : undefined,
-    children: [renderSlot(header, false), allowUpload && files.length > 0 && renderFileList(), allowUpload && /*#__PURE__*/_jsx("input", {
+    children: [allowUpload && /*#__PURE__*/_jsx("input", {
       ref: fileInputRef,
       type: "file",
       multiple: true,
@@ -929,22 +969,29 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
       className: styles.mainArea,
       children: /*#__PURE__*/_jsxs("div", {
         className: styles.senderWrap,
-        children: [!inlineTags && /*#__PURE__*/_jsx(InputTags, {
-          tags: tags,
-          onRemove: handleRemoveTag
+        children: [(headerNode || fileListNode) && /*#__PURE__*/_jsxs("div", {
+          className: styles.contextBar,
+          children: [headerNode && /*#__PURE__*/_jsx("div", {
+            className: styles.contextHeader,
+            children: headerNode
+          }), fileListNode]
+        }), !inlineTags && /*#__PURE__*/_jsx(InputTags, {
+          mentions: mentions,
+          onRemove: handleRemoveMention
         }), /*#__PURE__*/_jsxs("div", {
           className: styles.inputAndButtons,
           children: [renderSlot(prefix, false), inlineTags ? /*#__PURE__*/_jsx(InlineTagInput, {
             ref: inlineInputRef,
             value: value,
-            tags: tags,
+            mentions: mentions,
+            defaultInputParts: defaultInputParts,
             placeholder: placeholder,
             disabled: isDisabled,
             onChange: handleInlineInputChange,
-            onTagsChange: setTags,
+            onMentionsChange: setMentions,
             onKeyDown: handleKeyDown,
             onKeyUp: handleInlineKeyUp,
-            renderTag: renderTag
+            renderMention: renderMention !== null && renderMention !== void 0 ? renderMention : renderTag
           }) : /*#__PURE__*/_jsx("div", {
             className: styles.textAreaWrapper,
             children: /*#__PURE__*/_jsx(Input.TextArea, {