one-design-next 0.0.123 → 0.0.124

package/dist/composer/index.js

@@ -1,14 +1,15 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { SKILL_CATEGORY_ICON } from "../_genui-inline-ref";
 import useControlledState from "../_util/useControlledState";
 import Attachments from "../attachments";
+import Dropdown from "../dropdown";
 import HoverFill from "../hover-fill";
 import Icon from "../icon";
 import { InvocationParamPopover } from "../invocation/param-popover";
@@ -20,9 +21,11 @@ import { COMPOSER_EDITOR_HEIGHT_CAP_EXIT_PX, COMPOSER_EDITOR_MAX_ROWS_PX, Compos
 import { chipHasEditableParams, isMentionChip } from "./inline-ref";
 import { buildInsertPayload, createSkillChipData } from "./insert";
 import { resolveComposerLiteExpanded } from "./lite-expand";
+import { createMentionChipData } from "./mention";
+import { MentionMenu } from "./mention-menu";
 import { rawValueToSegments, segmentsHasContent } from "./segments";
 import "./style";
-import { COMPOSER_SKILL_MENU_DENSITY_CAP_PX, filterSkillsByQuery, resolveComposerSkillMenuMaxHeight, resolveComposerSkillMenuWidth, shouldOpenSlashTriggerMenu } from "./utils";
+import { COMPOSER_SKILL_MENU_DENSITY_CAP_PX, filterMentionsByQuery, filterSkillsByQuery, resolveComposerSkillMenuMaxHeight, resolveComposerSkillMenuWidth, shouldOpenMentionTriggerMenu, shouldOpenSlashTriggerMenu } from "./utils";
 var TOOL_BTN_ACTIVE = 'color-mix(in srgb, var(--odn-color-brand-6) 10%, transparent)';
 var DEFAULT_ACCEPT = 'image/*,.pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt,.md,.csv,.json,.xml,.html,.css,.js,.ts,.jsx,.tsx,.py,.java,.go,.rs,.c,.cpp,.zip,.rar,.7z';
 function formatSizeMb(bytes) {
@@ -50,6 +53,8 @@ function isFileAccepted(file, accept) {
   });
 }
 
+/** 快速 / 精选。不是工具按钮，`showMode` 为 true 才出现在发送键左侧。 */
+
 /**
  * 工具按钮的自定义配置。
  * - `icon`：图标名称（Icon 组件的 name），字段不传则不渲染图标。
@@ -58,22 +63,29 @@ function isFileAccepted(file, accept) {
  * - 整个配置对象不传（key 不存在于 `toolConfigs`）时使用内置默认值。
  * - 仅传 `tooltip`（不传 icon / label）时：保留默认图标与文案，只覆盖说明。
  * - 传了配置对象且 icon / label 均未设置、也未传 tooltip 时（`{}`），兜底显示工具英文名
- *   （如 "attachment" / "webSearch" / "skill"）作为 label，无图标，
+ *   （如 "attachment" / "skill"）作为 label，无图标，
  *   方便开发者一眼看出配置遗漏。
  */
 
-var DEFAULT_TOOLS = ['attachment', 'webSearch', 'skill'];
+var DEFAULT_TOOLS = ['attachment', 'skill'];
+var COMPOSER_MODE_OPTIONS = [{
+  value: 'fast',
+  title: '快速',
+  desc: '快速覆盖，海量达人任你挑选'
+}, {
+  value: 'featured',
+  title: '精选',
+  desc: '深度理解，为你优中选优'
+}];
+function isComposerMode(value) {
+  return value === 'fast' || value === 'featured';
+}
 var DEFAULT_TOOL_CONFIGS = {
   attachment: {
     icon: 'paperclip',
     label: '附件',
     tooltip: '添加附件，支持直接拖拽或粘贴文件'
   },
-  webSearch: {
-    icon: 'globe',
-    label: '联网',
-    tooltip: '联网搜索'
-  },
   skill: {
     icon: SKILL_CATEGORY_ICON,
     label: '技能',
@@ -115,6 +127,15 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     toolsLabeled = _ref$toolsLabeled === void 0 ? true : _ref$toolsLabeled,
     toolConfigs = _ref.toolConfigs,
     skillSlotProps = _ref.skillSlotProps,
+    _ref$slash = _ref.slash,
+    slash = _ref$slash === void 0 ? true : _ref$slash,
+    mentionProps = _ref.mentionProps,
+    _ref$showMode = _ref.showMode,
+    showMode = _ref$showMode === void 0 ? false : _ref$showMode,
+    modeProp = _ref.mode,
+    _ref$defaultMode = _ref.defaultMode,
+    defaultMode = _ref$defaultMode === void 0 ? 'featured' : _ref$defaultMode,
+    onModeChange = _ref.onModeChange,
     _ref$submitType = _ref.submitType,
     submitType = _ref$submitType === void 0 ? 'enter' : _ref$submitType,
     onEnter = _ref.onEnter,
@@ -149,81 +170,94 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     _useControlledState4 = _slicedToArray(_useControlledState3, 2),
     attachments = _useControlledState4[0],
     setAttachments = _useControlledState4[1];
+  var _useControlledState5 = useControlledState(defaultMode, modeProp),
+    _useControlledState6 = _slicedToArray(_useControlledState5, 2),
+    mode = _useControlledState6[0],
+    setMode = _useControlledState6[1];
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    webSearch = _useState2[0],
-    setWebSearch = _useState2[1];
+    modeOpen = _useState2[0],
+    setModeOpen = _useState2[1];
+  /** 面板里勾的位置。打开前同步；点选后留到下次打开再换，避免关闭动画里跳行。 */
+  var _useState3 = useState(mode),
+    _useState4 = _slicedToArray(_useState3, 2),
+    panelMode = _useState4[0],
+    setPanelMode = _useState4[1];
   /**
    * 工具栏「技能」按钮触发的 menu 显隐。
    * 跟 trigger 触发的 menu 共用 SkillSlot 渲染，但 anchor / 关闭路径不同。
    */
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    toolMenuOpen = _useState4[0],
-    setToolMenuOpen = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    toolMenuOpen = _useState6[0],
+    setToolMenuOpen = _useState6[1];
   /**
    * editor 内 `@` / `/` 触发态的实时信号。null 表示无活动 trigger。
    * 由 editor 的 onTriggerChange 写入；选定 chip 或 cancelTrigger 后置 null。
    */
-  var _useState5 = useState(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    triggerInfo = _useState6[0],
-    setTriggerInfo = _useState6[1];
-  /** trigger 浮层内键盘高亮项 index；query 变化或 menu 关闭时复位 0。 */
-  var _useState7 = useState(0),
+  var _useState7 = useState(null),
     _useState8 = _slicedToArray(_useState7, 2),
-    triggerActiveIndex = _useState8[0],
-    setTriggerActiveIndex = _useState8[1];
+    triggerInfo = _useState8[0],
+    setTriggerInfo = _useState8[1];
+  /** trigger 浮层内键盘高亮项 index；query 变化或 menu 关闭时复位 0。 */
+  var _useState9 = useState(0),
+    _useState10 = _slicedToArray(_useState9, 2),
+    triggerActiveIndex = _useState10[0],
+    setTriggerActiveIndex = _useState10[1];
+  var _useState11 = useState(0),
+    _useState12 = _slicedToArray(_useState11, 2),
+    mentionActiveIndex = _useState12[0],
+    setMentionActiveIndex = _useState12[1];
   /** trigger menu 的命令式句柄：导航语义在 SkillSlot 内，composer 只转发 ↑↓。 */
   var triggerSkillSlotRef = useRef(null);
   /** lite 模式下由内容高度驱动的单行 / 多行布局状态。 */
-  var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    expanded = _useState10[0],
-    setExpanded = _useState10[1];
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    expanded = _useState14[0],
+    setExpanded = _useState14[1];
   /** 右上角按钮：拉到当前生效上限（10 行盒高，矮屏被整框 50vh 截住）。 */
-  var _useState11 = useState(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    fullExpanded = _useState12[0],
-    setFullExpanded = _useState12[1];
+  var _useState15 = useState(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    fullExpanded = _useState16[0],
+    setFullExpanded = _useState16[1];
   /** ComposerEditor 反馈的 editor 自然高度（未 clamp），用于 10 行上限判定 */
-  var _useState13 = useState(0),
-    _useState14 = _slicedToArray(_useState13, 2),
-    editorHeight = _useState14[0],
-    setEditorHeight = _useState14[1];
+  var _useState17 = useState(0),
+    _useState18 = _slicedToArray(_useState17, 2),
+    editorHeight = _useState18[0],
+    setEditorHeight = _useState18[1];
   /** ComposerEditor 反馈的内容行数（含软换行），lite 升降格的主判据 */
-  var _useState15 = useState(0),
-    _useState16 = _slicedToArray(_useState15, 2),
-    editorLineCount = _useState16[0],
-    setEditorLineCount = _useState16[1];
+  var _useState19 = useState(0),
+    _useState20 = _slicedToArray(_useState19, 2),
+    editorLineCount = _useState20[0],
+    setEditorLineCount = _useState20[1];
   /** 内容能否放进单行态宽度；false = 处于「两种形态都合理」的中间区 */
-  var _useState17 = useState(true),
-    _useState18 = _slicedToArray(_useState17, 2),
-    editorFitsInlineWidth = _useState18[0],
-    setEditorFitsInlineWidth = _useState18[1];
+  var _useState21 = useState(true),
+    _useState22 = _slicedToArray(_useState21, 2),
+    editorFitsInlineWidth = _useState22[0],
+    setEditorFitsInlineWidth = _useState22[1];
   /** 内容已超过 10 行，或整框 50vh 把编辑器挤到放不下当前内容 */
-  var _useState19 = useState(false),
-    _useState20 = _slicedToArray(_useState19, 2),
-    atMax = _useState20[0],
-    setAtMax = _useState20[1];
+  var _useState23 = useState(false),
+    _useState24 = _slicedToArray(_useState23, 2),
+    atMax = _useState24[0],
+    setAtMax = _useState24[1];
   var fileInputRef = useRef(null);
   var editorRef = useRef(null);
   var boxRef = useRef(null);
   var skillTriggerRef = useRef(null);
   var triggerAnchorRef = useRef(null);
-  var _useState21 = useState(0),
-    _useState22 = _slicedToArray(_useState21, 2),
-    skillMenuCrossAxis = _useState22[0],
-    setSkillMenuCrossAxis = _useState22[1];
-  /** composer box 实宽；技能菜单比它略窄。 */
-  var _useState23 = useState(0),
-    _useState24 = _slicedToArray(_useState23, 2),
-    boxWidth = _useState24[0],
-    setBoxWidth = _useState24[1];
-  var _useState25 = useState(COMPOSER_SKILL_MENU_DENSITY_CAP_PX),
+  var _useState25 = useState(0),
     _useState26 = _slicedToArray(_useState25, 2),
-    skillMenuMaxHeight = _useState26[0],
-    setSkillMenuMaxHeight = _useState26[1];
+    skillMenuCrossAxis = _useState26[0],
+    setSkillMenuCrossAxis = _useState26[1];
+  /** composer box 实宽；技能菜单比它略窄。 */
+  var _useState27 = useState(0),
+    _useState28 = _slicedToArray(_useState27, 2),
+    boxWidth = _useState28[0],
+    setBoxWidth = _useState28[1];
+  var _useState29 = useState(COMPOSER_SKILL_MENU_DENSITY_CAP_PX),
+    _useState30 = _slicedToArray(_useState29, 2),
+    skillMenuMaxHeight = _useState30[0],
+    setSkillMenuMaxHeight = _useState30[1];
   useLayoutEffect(function () {
     var el = boxRef.current;
     if (!el) return undefined;
@@ -257,10 +291,10 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
       preventScroll: true
     });
   }, [disabled]);
-  var _useState27 = useState(null),
-    _useState28 = _slicedToArray(_useState27, 2),
-    paramEdit = _useState28[0],
-    setParamEdit = _useState28[1];
+  var _useState31 = useState(null),
+    _useState32 = _slicedToArray(_useState31, 2),
+    paramEdit = _useState32[0],
+    setParamEdit = _useState32[1];
   var openParamPanel = useCallback(function (chipId) {
     if (!renderParamPanel) return;
     requestAnimationFrame(function () {
@@ -374,11 +408,41 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
       }
     };
   });
+  var mentionChipsRef = useRef([]);
+  var onMentionRemove = mentionProps === null || mentionProps === void 0 ? void 0 : mentionProps.onRemove;
   var updateText = useCallback(function (v) {
     var _editorRef$current$ge2, _editorRef$current12;
     setText(v);
-    onChangeProp === null || onChangeProp === void 0 || onChangeProp(v, (_editorRef$current$ge2 = (_editorRef$current12 = editorRef.current) === null || _editorRef$current12 === void 0 ? void 0 : _editorRef$current12.getChips()) !== null && _editorRef$current$ge2 !== void 0 ? _editorRef$current$ge2 : []);
-  }, [setText, onChangeProp]);
+    var chips = (_editorRef$current$ge2 = (_editorRef$current12 = editorRef.current) === null || _editorRef$current12 === void 0 ? void 0 : _editorRef$current12.getChips()) !== null && _editorRef$current$ge2 !== void 0 ? _editorRef$current$ge2 : [];
+    onChangeProp === null || onChangeProp === void 0 || onChangeProp(v, chips);
+    var nextMentions = chips.filter(function (chip) {
+      return chip.kind === 'mention';
+    });
+    if (onMentionRemove) {
+      var nextIds = new Set(nextMentions.map(function (chip) {
+        return chip.id;
+      }));
+      var _iterator = _createForOfIteratorHelper(mentionChipsRef.current),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var chip = _step.value;
+          if (!nextIds.has(chip.id)) {
+            onMentionRemove({
+              id: chip.id,
+              refId: chip.refId,
+              label: chip.label
+            });
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+    mentionChipsRef.current = nextMentions;
+  }, [setText, onChangeProp, onMentionRemove]);
 
   /* ---- Attachments controlled writer ----
    * useControlledState 只做"value vs innerValue"合流；onAttachmentsChange 需要手动派发。
@@ -438,10 +502,10 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
    * 窗口结束后恢复正常过渡。 */
   var previousExpandedRef = useRef(expanded);
   var layoutSwitchTimerRef = useRef(null);
-  var _useState29 = useState(false),
-    _useState30 = _slicedToArray(_useState29, 2),
-    layoutSwitching = _useState30[0],
-    setLayoutSwitching = _useState30[1];
+  var _useState33 = useState(false),
+    _useState34 = _slicedToArray(_useState33, 2),
+    layoutSwitching = _useState34[0],
+    setLayoutSwitching = _useState34[1];
   useLayoutEffect(function () {
     if (previousExpandedRef.current === expanded) return;
     previousExpandedRef.current = expanded;
@@ -488,10 +552,10 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
    * 用滞回而不是直接比大小：顶满后内容区变宽，同一段文本可能从 10 行重排
    * 成 9 行。若退出条件也看 10 行，就会「顶满 → 变宽 → 9 行 → 退出 →
    * 变窄 → 10 行 → 顶满」来回。进入看 10 行，退出要回落到 9 行以下。 */
-  var _useState31 = useState(false),
-    _useState32 = _slicedToArray(_useState31, 2),
-    heightCapReached = _useState32[0],
-    setHeightCapReached = _useState32[1];
+  var _useState35 = useState(false),
+    _useState36 = _slicedToArray(_useState35, 2),
+    heightCapReached = _useState36[0],
+    setHeightCapReached = _useState36[1];
   useLayoutEffect(function () {
     if (!editorHeight) return;
     setHeightCapReached(function (prev) {
@@ -513,7 +577,7 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
    * 内部 text 是 raw value（chip 序列化为零宽 marker）。
    * 对外只有一份契约：`onSend(segments, meta?)`
    *   - segments：有序 IR（text / invocation / mention 交替）
-   *   - meta：attachments / webSearch 等非正文数据；都为空时不传
+   *   - meta：attachments 等非正文数据；为空时不传
    *
    * 派生 hint：最后一个 chip 是 skill、其后没有内容、且它的 hint 还没关闭时，
    * `rawValueToSegments` 会在末尾追加一段 `hint`（与该 chip 后面渲染的灰字
@@ -534,8 +598,7 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
    *   立即回写，等于组件强行清空 value，违反受控合约。
    * - 受控 attachments：useControlledState 的 setter 写不进 mergedValue；
    *   也不能代抛 onAttachmentsChange([])——同样会被业务方常见的
-   *   `onAttachmentsChange={setAttachments}` 直接回写。
-   * - webSearch 无受控接口，直接清。 */
+   *   `onAttachmentsChange={setAttachments}` 直接回写。 */
   var handleSend = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var _editorRef$current$ge3, _editorRef$current13;
     var chips, segments, hasAttachments, meta, hasMeta, result, _editorRef$current14;
@@ -568,8 +631,8 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
         case 9:
           meta = {};
           if (hasAttachments) meta.attachments = attachments;
-          if (webSearch) meta.webSearch = true;
-          hasMeta = hasAttachments || webSearch;
+          if (showMode) meta.mode = mode;
+          hasMeta = hasAttachments || showMode;
           _context.next = 15;
           return onSend(segments, hasMeta ? meta : undefined);
         case 15:
@@ -587,13 +650,12 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
           if (attachmentsProp === undefined) {
             setAttachments([]);
           }
-          setWebSearch(false);
-        case 22:
+        case 21:
         case "end":
           return _context.stop();
       }
     }, _callee);
-  })), [text, attachments, webSearch, onSend, disabled, closeParamPanel, valueProp, attachmentsProp, setAttachments]);
+  })), [text, attachments, mode, showMode, onSend, disabled, closeParamPanel, valueProp, attachmentsProp, setAttachments]);
 
   /* ---- File upload ----
    * 三入口（按钮 / 拖入 / 粘贴）共用此函数。先做内置校验（数量、单文件体积、重名），
@@ -619,11 +681,11 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     var unsupportedExt = '';
     var oversizedName = '';
     var duplicated = 0;
-    var _iterator = _createForOfIteratorHelper(fileArray),
-      _step;
+    var _iterator2 = _createForOfIteratorHelper(fileArray),
+      _step2;
     try {
       var _loop = function _loop() {
-          var f = _step.value;
+          var f = _step2.value;
           if (!isFileAccepted(f, accept)) {
             unsupportedExt = getFileExt(f.name) || f.type || '该类型';
             return 0; // continue
@@ -643,14 +705,14 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
           acceptedFiles.push(f);
         },
         _ret;
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
         _ret = _loop();
         if (_ret === 0) continue;
       }
     } catch (err) {
-      _iterator.e(err);
+      _iterator2.e(err);
     } finally {
-      _iterator.f();
+      _iterator2.f();
     }
     if (unsupportedExt) {
       var _ext = unsupportedExt.replace(/^\./, '').toUpperCase();
@@ -702,10 +764,10 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
      * 不夺回焦点时 Enter 会再次激活按钮而不是发送 */
     (_editorRef$current15 = editorRef.current) === null || _editorRef$current15 === void 0 || _editorRef$current15.focus();
   };
-  var _useState33 = useState(false),
-    _useState34 = _slicedToArray(_useState33, 2),
-    fileDragOver = _useState34[0],
-    setFileDragOver = _useState34[1];
+  var _useState37 = useState(false),
+    _useState38 = _slicedToArray(_useState37, 2),
+    fileDragOver = _useState38[0],
+    setFileDragOver = _useState38[1];
   var composerBoxFileDragAttrs = fileDragOver ? {
     'data-odn-composer-file-drag': ''
   } : {};
@@ -753,40 +815,101 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     }
     if (skill.initialState === 'pending') openParamPanel(data.id);
   }, [openParamPanel]);
+  var handleSelectMention = useCallback(function (item) {
+    var _mentionProps$onSelec, _editorRef$current19;
+    if ((mentionProps === null || mentionProps === void 0 || (_mentionProps$onSelec = mentionProps.onSelect) === null || _mentionProps$onSelec === void 0 ? void 0 : _mentionProps$onSelec.call(mentionProps, item)) === false) return;
+    (_editorRef$current19 = editorRef.current) === null || _editorRef$current19 === void 0 || _editorRef$current19.replaceTriggerWithChip(createMentionChipData(item));
+    setTriggerInfo(null);
+  }, [mentionProps]);
 
   /* trigger query 实时筛选 skills（substring match，case-insensitive）。
    * trigger 已结束时返回空列表，避免 Popover 关闭动画那一帧把子节点切回全量目录。
    * 依赖 query / trigger 而不是整个 triggerInfo：rect 变化不应重建列表。 */
   var slashTriggerActive = (triggerInfo === null || triggerInfo === void 0 ? void 0 : triggerInfo.trigger) === '/';
+  var atTriggerActive = (triggerInfo === null || triggerInfo === void 0 ? void 0 : triggerInfo.trigger) === '@';
   var slashTriggerQuery = slashTriggerActive ? triggerInfo === null || triggerInfo === void 0 ? void 0 : triggerInfo.query : undefined;
+  var atTriggerQuery = atTriggerActive ? triggerInfo === null || triggerInfo === void 0 ? void 0 : triggerInfo.query : undefined;
+  var mentionItems = mentionProps === null || mentionProps === void 0 ? void 0 : mentionProps.items;
+  var hasMentions = mentionItems !== undefined;
+  var filteredMentions = useMemo(function () {
+    if (!mentionItems || !atTriggerActive) return [];
+    return filterMentionsByQuery(mentionItems, atTriggerQuery);
+  }, [mentionItems, atTriggerActive, atTriggerQuery]);
   var filteredSkills = useMemo(function () {
     if (!skills) return undefined;
     if (!slashTriggerActive) return [];
     return filterSkillsByQuery(skills, slashTriggerQuery);
   }, [skills, slashTriggerActive, slashTriggerQuery]);
 
-  /* trigger 浮层：`/` 触发态 + 目录非空 + 过滤后仍有命中。
-   * 无匹配时菜单关闭，Enter 不再被当成「选 skill」。`@` 本轮不接。 */
+  /* `/` 无匹配时关闭，Enter 不再被当成选技能。
+   * `@` 只要接了引用名单就打开，没有命中也留「暂无文件」。 */
   var hasSkills = !!(skills && skills.length > 0);
   var triggerHitCount = (_filteredSkills$lengt = filteredSkills === null || filteredSkills === void 0 ? void 0 : filteredSkills.length) !== null && _filteredSkills$lengt !== void 0 ? _filteredSkills$lengt : 0;
   var triggerMenuVisible = shouldOpenSlashTriggerMenu(triggerInfo === null || triggerInfo === void 0 ? void 0 : triggerInfo.trigger, hasSkills ? triggerHitCount : 0);
+  var mentionMenuVisible = shouldOpenMentionTriggerMenu(triggerInfo === null || triggerInfo === void 0 ? void 0 : triggerInfo.trigger, hasMentions);
 
   /* query 变化或浮层关闭 → 高亮项重置到「最上方的可用项」（跳过 disabled）。
    * 用 query 而不是 triggerInfo 整体当依赖：rect 变化（光标移位）不应该 reset。 */
   useEffect(function () {
     var _ref3;
+    if ((triggerInfo === null || triggerInfo === void 0 ? void 0 : triggerInfo.trigger) === '@') {
+      setMentionActiveIndex(0);
+      return;
+    }
     var list = (_ref3 = filteredSkills !== null && filteredSkills !== void 0 ? filteredSkills : skills) !== null && _ref3 !== void 0 ? _ref3 : [];
     var first = list.findIndex(function (s) {
       return !s.disabled;
     });
     setTriggerActiveIndex(first === -1 ? 0 : first);
-  }, [filteredSkills, skills, triggerInfo === null || triggerInfo === void 0 ? void 0 : triggerInfo.query, triggerInfo === null]);
+  }, [filteredMentions, filteredSkills, skills, triggerInfo === null || triggerInfo === void 0 ? void 0 : triggerInfo.query, triggerInfo === null || triggerInfo === void 0 ? void 0 : triggerInfo.trigger, triggerInfo === null]);
 
   /* editor 在 trigger 激活时把 ↑↓Enter Esc Tab 丢过来。返回 true = editor 别管了。
    * - ↑↓ 改高亮 index（夹在 [0, max] 内）
    * - Enter / Tab 选中当前高亮项（Tab 默认落在第一个可用技能上）
    * - Escape 关 menu，焦点保留在 editor */
   var handleTriggerKeyDown = useCallback(function (e) {
+    if (mentionMenuVisible) {
+      var max = filteredMentions.length - 1;
+      if (e.key === 'ArrowDown') {
+        e.preventDefault();
+        if (max >= 0) {
+          setMentionActiveIndex(function (index) {
+            return Math.min(max, index + 1);
+          });
+        }
+        return true;
+      }
+      if (e.key === 'ArrowUp') {
+        e.preventDefault();
+        if (max >= 0) {
+          setMentionActiveIndex(function (index) {
+            return Math.max(0, index - 1);
+          });
+        }
+        return true;
+      }
+      if (e.key === 'Enter' && !e.shiftKey) {
+        e.preventDefault();
+        var _item = filteredMentions[mentionActiveIndex];
+        if (_item) handleSelectMention(_item);
+        return true;
+      }
+      if (e.key === 'Tab') {
+        var _item2 = filteredMentions[mentionActiveIndex];
+        if (!_item2) return false;
+        e.preventDefault();
+        handleSelectMention(_item2);
+        return true;
+      }
+      if (e.key === 'Escape') {
+        var _editorRef$current20;
+        e.preventDefault();
+        (_editorRef$current20 = editorRef.current) === null || _editorRef$current20 === void 0 || _editorRef$current20.cancelTrigger();
+        setTriggerInfo(null);
+        return true;
+      }
+      return false;
+    }
     if (!triggerMenuVisible) return false;
 
     /* ↑↓ 导航完全委托给 SkillSlot（唯一事实源：跳过 disabled、夹边、滚动进视口），
@@ -826,14 +949,14 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
       return true;
     }
     if (e.key === 'Escape') {
-      var _editorRef$current19;
+      var _editorRef$current21;
       e.preventDefault();
-      (_editorRef$current19 = editorRef.current) === null || _editorRef$current19 === void 0 || _editorRef$current19.cancelTrigger();
+      (_editorRef$current21 = editorRef.current) === null || _editorRef$current21 === void 0 || _editorRef$current21.cancelTrigger();
       setTriggerInfo(null);
       return true;
     }
     return false;
-  }, [filteredSkills, handleSelectSkill, triggerActiveIndex, triggerMenuVisible]);
+  }, [filteredMentions, filteredSkills, handleSelectMention, handleSelectSkill, mentionActiveIndex, mentionMenuVisible, triggerActiveIndex, triggerMenuVisible]);
 
   /* ---- Derived ---- */
   var hasUploadingAttachment = attachments.some(function (a) {
@@ -846,7 +969,7 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
   var isInlineLite = isLite && !expanded;
   // lite 模式下强制仅图标（包括升格后）
   var effectiveLabeled = isLite ? false : toolsLabeled;
-  // lite 模式下仅允许一个工具按钮（数量在两态下保持恒定）
+  // lite 仍只留一个左侧工具。快速 / 精选不在这组里。
   var effectiveTools = isLite ? tools.slice(0, 1) : tools;
   useLayoutEffect(function () {
     var el = triggerAnchorRef.current;
@@ -856,7 +979,9 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     el.style.top = "".concat(triggerInfo.rect.top - boxRect.top, "px");
   }, [triggerInfo]);
   useLayoutEffect(function () {
-    if (!toolMenuOpen && !triggerMenuVisible) return undefined;
+    if (!toolMenuOpen && !triggerMenuVisible && !mentionMenuVisible) {
+      return undefined;
+    }
     var sync = function sync() {
       var _skillTriggerRef$curr, _skillTriggerRef$curr2, _ref6, _triggerInfo$rect$top, _triggerAnchorRef$cur;
       var triggerTop = toolMenuOpen ? (_skillTriggerRef$curr = (_skillTriggerRef$curr2 = skillTriggerRef.current) === null || _skillTriggerRef$curr2 === void 0 ? void 0 : _skillTriggerRef$curr2.getBoundingClientRect().top) !== null && _skillTriggerRef$curr !== void 0 ? _skillTriggerRef$curr : null : (_ref6 = (_triggerInfo$rect$top = triggerInfo === null || triggerInfo === void 0 ? void 0 : triggerInfo.rect.top) !== null && _triggerInfo$rect$top !== void 0 ? _triggerInfo$rect$top : (_triggerAnchorRef$cur = triggerAnchorRef.current) === null || _triggerAnchorRef$cur === void 0 ? void 0 : _triggerAnchorRef$cur.getBoundingClientRect().top) !== null && _ref6 !== void 0 ? _ref6 : null;
@@ -878,7 +1003,7 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
       window.removeEventListener('resize', sync);
       ro === null || ro === void 0 || ro.disconnect();
     };
-  }, [toolMenuOpen, triggerMenuVisible, triggerInfo === null || triggerInfo === void 0 ? void 0 : triggerInfo.rect.top]);
+  }, [mentionMenuVisible, toolMenuOpen, triggerMenuVisible, triggerInfo === null || triggerInfo === void 0 ? void 0 : triggerInfo.rect.top]);
   useLayoutEffect(function () {
     var box = boxRef.current;
     var trigger = skillTriggerRef.current;
@@ -933,7 +1058,6 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     };
     return {
       attachment: resolve('attachment'),
-      webSearch: resolve('webSearch'),
       skill: resolve('skill')
     };
   }();
@@ -945,7 +1069,7 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
   /* ---- Tool buttons ----
    * disabled（整体禁用）合并到各按钮的 disabled 状态：
    * - attachment：disabled || attachmentsDisabled
-   * - webSearch / skill：disabled（attachmentsDisabled 不影响这两个）
+   * - skill：disabled（attachmentsDisabled 不影响技能）
    * skill 的 Popover 在 disabled 时禁用 trigger，避免弹出菜单。 */
   var renderAttachmentBtn = function renderAttachmentBtn() {
     var btnDisabled = disabled || attachmentsDisabled;
@@ -990,55 +1114,73 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
       size: 16
     }), showLabel && /*#__PURE__*/React.createElement("span", null, label))));
   };
-  var renderWebSearchBtn = function renderWebSearchBtn() {
-    var _resolvedToolConfigs$2 = resolvedToolConfigs.webSearch,
-      icon = _resolvedToolConfigs$2.icon,
-      label = _resolvedToolConfigs$2.label,
-      tooltip = _resolvedToolConfigs$2.tooltip;
-    var showIcon = !!icon;
-    var showLabel = effectiveLabeled && !!label;
-    return /*#__PURE__*/React.createElement(Tooltip, {
-      key: "webSearch",
-      popup: tooltip,
-      placement: "top"
-    }, /*#__PURE__*/React.createElement(HoverFill, {
-      "data-odn-composer-tool-btn-wrap": true,
-      bgClassName: "odn-composer-tool-btn-bg",
-      activeColor: TOOL_BTN_ACTIVE,
-      disabled: disabled || webSearch
+  var renderModeBtn = function renderModeBtn() {
+    var _COMPOSER_MODE_OPTION;
+    var current = (_COMPOSER_MODE_OPTION = COMPOSER_MODE_OPTIONS.find(function (item) {
+      return item.value === mode;
+    })) !== null && _COMPOSER_MODE_OPTION !== void 0 ? _COMPOSER_MODE_OPTION : COMPOSER_MODE_OPTIONS[1];
+    return /*#__PURE__*/React.createElement(Dropdown, {
+      key: "mode",
+      trigger: "click",
+      placement: "topLeft",
+      disabled: disabled,
+      popupClassName: "odn-composer-mode-menu",
+      itemActiveColor: "var(--odn-color-black-2)",
+      menu: COMPOSER_MODE_OPTIONS.map(function (item) {
+        return {
+          value: item.value,
+          label: /*#__PURE__*/React.createElement("span", {
+            "data-odn-composer-mode-row": true
+          }, /*#__PURE__*/React.createElement("span", {
+            "data-odn-composer-mode-copy": true
+          }, /*#__PURE__*/React.createElement("span", {
+            "data-odn-composer-mode-title": true
+          }, item.title), /*#__PURE__*/React.createElement("span", {
+            "data-odn-composer-mode-desc": true
+          }, item.desc)), /*#__PURE__*/React.createElement(Icon, {
+            name: "check",
+            size: 16,
+            "data-odn-composer-mode-tick": item.value === panelMode ? 'on' : 'off',
+            "aria-hidden": true
+          }))
+        };
+      }),
+      onVisibleChange: function onVisibleChange(open) {
+        if (disabled) return;
+        setModeOpen(open);
+      },
+      onSelect: function onSelect(value) {
+        if (!isComposerMode(value) || value === mode) return;
+        setMode(value);
+        onModeChange === null || onModeChange === void 0 || onModeChange(value);
+      }
     }, /*#__PURE__*/React.createElement("button", {
       type: "button",
       tabIndex: -1,
-      onClick: function onClick() {
-        onToolClick === null || onToolClick === void 0 || onToolClick('webSearch');
-        setWebSearch(function (v) {
-          return !v;
-        });
-      }
-      /* 同附件按钮：防止点击后焦点留在按钮上，Enter 误触发 toggle 而不是发送 */,
+      disabled: disabled,
       onMouseDown: function onMouseDown(e) {
-        return e.preventDefault();
+        e.preventDefault();
+        if (!modeOpen) setPanelMode(mode);
       },
-      disabled: disabled,
-      "data-odn-composer-tool-btn": true,
-      "data-odn-composer-tool-iconic": !showLabel || undefined,
-      "data-odn-composer-tool-active": webSearch || undefined,
-      "data-odn-composer-tool-disabled": disabled || undefined,
-      "aria-label": label || 'webSearch',
-      "aria-pressed": webSearch,
+      "data-odn-composer-mode-trigger": true,
+      "data-odn-composer-mode-open": modeOpen || undefined,
+      "data-odn-composer-mode": mode,
+      "aria-label": "\u63A8\u7406\u6A21\u5F0F\uFF1A".concat(current.title),
+      "aria-expanded": modeOpen,
       "aria-disabled": disabled || undefined
-    }, showIcon && /*#__PURE__*/React.createElement(Icon, {
-      name: icon,
-      size: 16
-    }), showLabel && /*#__PURE__*/React.createElement("span", null, label))));
+    }, /*#__PURE__*/React.createElement("span", null, current.title), /*#__PURE__*/React.createElement(Icon, {
+      name: "chevron-down",
+      size: 12,
+      "data-odn-composer-mode-chevron": modeOpen ? 'open' : 'closed'
+    })));
   };
   var renderSkillBtn = function renderSkillBtn() {
     var hasAnySkills = skills && skills.length > 0;
     if (!hasAnySkills) return null;
-    var _resolvedToolConfigs$3 = resolvedToolConfigs.skill,
-      icon = _resolvedToolConfigs$3.icon,
-      label = _resolvedToolConfigs$3.label,
-      tooltip = _resolvedToolConfigs$3.tooltip;
+    var _resolvedToolConfigs$2 = resolvedToolConfigs.skill,
+      icon = _resolvedToolConfigs$2.icon,
+      label = _resolvedToolConfigs$2.label,
+      tooltip = _resolvedToolConfigs$2.tooltip;
     var showIcon = !!icon;
     var showLabel = effectiveLabeled && !!label;
     return /*#__PURE__*/React.createElement(Tooltip, {
@@ -1105,7 +1247,6 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
   };
   var toolNodes = effectiveTools.map(function (t) {
     if (t === 'attachment') return renderAttachmentBtn();
-    if (t === 'webSearch') return renderWebSearchBtn();
     if (t === 'skill') return renderSkillBtn();
     return null;
   }).filter(Boolean);
@@ -1179,6 +1320,10 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     name: "arrow-up",
     size: 18
   }));
+  var modeButton = showMode ? renderModeBtn() : null;
+  var sendCluster = /*#__PURE__*/React.createElement("div", {
+    "data-odn-composer-toolbar-right": true
+  }, modeButton, sendOrStopButton);
 
   // 工具栏（full 专用，作为 textarea 的 bottomElement）
   var toolbarSlot = /*#__PURE__*/React.createElement("div", {
@@ -1188,7 +1333,7 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     placement: "top",
     "data-odn-composer-toolbar-left": true,
     visible: toolMenuOpen ? false : undefined
-  }, toolNodes), sendOrStopButton);
+  }, toolNodes), sendCluster);
 
   // 文件 input 独立渲染一次，在两种形态下都由同一 ref 控制
   var hiddenFileInput = /*#__PURE__*/React.createElement("input", {
@@ -1199,9 +1344,9 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     "data-odn-composer-file-input": true,
     onChange: handleFileChange
   });
-  var paramPanelNode = function (_editorRef$current$ge4, _editorRef$current20, _boxRef$current) {
+  var paramPanelNode = function (_editorRef$current$ge4, _editorRef$current22, _boxRef$current) {
     if (!paramEdit || !renderParamPanel) return null;
-    var chips = (_editorRef$current$ge4 = (_editorRef$current20 = editorRef.current) === null || _editorRef$current20 === void 0 ? void 0 : _editorRef$current20.getChips()) !== null && _editorRef$current$ge4 !== void 0 ? _editorRef$current$ge4 : [];
+    var chips = (_editorRef$current$ge4 = (_editorRef$current22 = editorRef.current) === null || _editorRef$current22 === void 0 ? void 0 : _editorRef$current22.getChips()) !== null && _editorRef$current$ge4 !== void 0 ? _editorRef$current$ge4 : [];
     var chip = chips.find(function (c) {
       return c.id === paramEdit.chipId;
     });
@@ -1211,8 +1356,8 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
       chip: chip,
       anchor: paramEdit.anchor,
       onApply: function onApply(patch) {
-        var _editorRef$current21;
-        (_editorRef$current21 = editorRef.current) === null || _editorRef$current21 === void 0 || _editorRef$current21.updateChipData(chip.id, patch);
+        var _editorRef$current23;
+        (_editorRef$current23 = editorRef.current) === null || _editorRef$current23 === void 0 || _editorRef$current23.updateChipData(chip.id, patch);
       },
       onClose: closeParamPanel
     };
@@ -1239,9 +1384,8 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     onSkillHintChange: onSkillHintChange,
     disabled: disabled,
     paramEditChipId: (_paramEdit$chipId = paramEdit === null || paramEdit === void 0 ? void 0 : paramEdit.chipId) !== null && _paramEdit$chipId !== void 0 ? _paramEdit$chipId : null,
-    onInlineRefClick: renderParamPanel ? handleInlineRefClick : undefined
-    /* 本轮只接 `/`，`@` 留给业务接 mention 搜索时再加 */,
-    triggers: ['/'],
+    onInlineRefClick: renderParamPanel ? handleInlineRefClick : undefined,
+    triggers: [].concat(_toConsumableArray(slash ? ['/'] : []), _toConsumableArray(hasMentions ? ['@'] : [])),
     onTriggerChange: setTriggerInfo,
     onTriggerKeyDown: handleTriggerKeyDown,
     onPasteFiles: addFilesFromList,
@@ -1260,7 +1404,7 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     onPressEnter: function onPressEnter(e) {
       if (e.nativeEvent.isComposing || e.keyCode === 229) return;
       // trigger 浮层有可选中项时，普通 Enter 留给浮层做选择；Shift+Enter 继续换行
-      if (triggerMenuVisible && !e.shiftKey) {
+      if ((triggerMenuVisible || mentionMenuVisible) && !e.shiftKey) {
         e.preventDefault();
         return false;
       }
@@ -1276,24 +1420,31 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     }
   });
 
-  /* `/` 浮层：anchor 水平铺满 composer box、竖直跟 caret，菜单与输入框水平居中。
-   * 共用 SkillSlot 渲染；过滤后无命中时 triggerMenuVisible=false，不挂菜单。 */
-  var triggerMenu = hasSkills ? /*#__PURE__*/React.createElement(Popover, {
+  /* `/` 与 `@` 共用锚点。`/` 无命中不挂菜单；`@` 无命中仍显示空态。 */
+  var triggerPopupVisible = triggerMenuVisible || mentionMenuVisible;
+  var triggerMenu = hasSkills || hasMentions ? /*#__PURE__*/React.createElement(Popover, {
     trigger: "click",
     arrowed: false,
     placement: "top",
     shift: false,
     offset: 4,
-    visible: triggerMenuVisible,
+    visible: triggerPopupVisible,
     onVisibleChange: function onVisibleChange(v) {
       if (!v) {
-        var _editorRef$current22;
-        (_editorRef$current22 = editorRef.current) === null || _editorRef$current22 === void 0 || _editorRef$current22.cancelTrigger();
+        var _editorRef$current24;
+        (_editorRef$current24 = editorRef.current) === null || _editorRef$current24 === void 0 || _editorRef$current24.cancelTrigger();
         setTriggerInfo(null);
       }
     },
-    popupClassName: "odn-composer-skill-popup",
-    popup: /*#__PURE__*/React.createElement(SkillSlot, {
+    popupClassName: mentionMenuVisible ? 'odn-composer-mention-popup' : 'odn-composer-skill-popup',
+    popup: mentionMenuVisible ? /*#__PURE__*/React.createElement(MentionMenu, {
+      items: filteredMentions,
+      activeIndex: mentionActiveIndex,
+      width: resolvedMenuWidth,
+      maxHeight: skillMenuMaxHeight,
+      onActiveIndexChange: setMentionActiveIndex,
+      onSelect: handleSelectMention
+    }) : /*#__PURE__*/React.createElement(SkillSlot, {
       ref: triggerSkillSlotRef,
       variant: "menu",
       skills: filteredSkills !== null && filteredSkills !== void 0 ? filteredSkills : [],
@@ -1334,6 +1485,7 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     "data-odn-composer-height-cap": atHeightCap ? '' : undefined,
     "data-odn-composer-layout-switching": layoutSwitching ? '' : undefined,
     "data-odn-composer-disabled": disabled || undefined,
+    "data-odn-composer-mode-dock": showMode ? '' : undefined,
     "data-odn-composer-spacing": spacing === 'drawer' ? 'drawer' : undefined,
     "aria-disabled": disabled || undefined,
     className: className !== null && className !== void 0 ? className : spacing === 'drawer' ? 'shrink-0' : undefined,
@@ -1375,7 +1527,7 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     visible: toolMenuOpen ? false : undefined
   }, toolNodes), isLite && /*#__PURE__*/React.createElement("div", {
     "data-odn-composer-lite-send": true
-  }, sendOrStopButton)), hint && /*#__PURE__*/React.createElement("p", {
+  }, sendCluster)), hint && /*#__PURE__*/React.createElement("p", {
     "data-odn-composer-hint": true
   }, submitType === 'enter' ? 'Enter 发送 · Shift+Enter 换行 · 可拖入或粘贴文件' : 'Shift+Enter 发送 · Enter 换行 · 可拖入或粘贴文件')));
 });