one-design-next 0.0.68 → 0.0.70

package/dist/composer/index.js

@@ -5,15 +5,16 @@ import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIt
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { useState, useRef, useCallback, useEffect, useLayoutEffect, useMemo, forwardRef, useImperativeHandle } from 'react';
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import useControlledState from "../_util/useControlledState";
+import Attachments from "../attachments";
 import HoverFill from "../hover-fill";
 import Icon from "../icon";
-import Popover from "../popover";
-import Attachments from "../attachments";
+import { InvocationParamPopover } from "../invocation/param-popover";
 import { Message } from "../message";
+import Popover from "../popover";
 import SkillSlot from "../skill-slot";
-import { InvocationParamPopover } from "../invocation/param-popover";
-import useControlledState from "../_util/useControlledState";
+import Tooltip from "../tooltip";
 import { ComposerEditor } from "./editor";
 import { isMentionChip } from "./inline-ref";
 import { rawValueToSegments, segmentsHasContent } from "./segments";
@@ -60,8 +61,10 @@ function isFileAccepted(file, accept) {
  * 工具按钮的自定义配置。
  * - `icon`：图标名称（Icon 组件的 name），字段不传则不渲染图标。
  * - `label`：按钮文字，字段不传则不渲染文字。
+ * - `tooltip`：入口 hover 说明；字段不传继承默认；传 `false` 关闭。
  * - 整个配置对象不传（key 不存在于 `toolConfigs`）时使用内置默认值。
- * - 传了配置对象但 icon / label 字段都未设置时，兜底显示工具英文名
+ * - 仅传 `tooltip`（不传 icon / label）时：保留默认图标与文案，只覆盖说明。
+ * - 传了配置对象且 icon / label 均未设置、也未传 tooltip 时（`{}`），兜底显示工具英文名
  *   （如 "attachment" / "webSearch" / "skill"）作为 label，无图标，
  *   方便开发者一眼看出配置遗漏。
  */
@@ -70,19 +73,29 @@ var DEFAULT_TOOLS = ['attachment', 'webSearch', 'skill'];
 var DEFAULT_TOOL_CONFIGS = {
   attachment: {
     icon: 'paperclip',
-    label: '附件'
+    label: '附件',
+    tooltip: '添加附件，支持直接拖拽或粘贴文件'
   },
   webSearch: {
     icon: 'globe',
-    label: '联网'
+    label: '联网',
+    tooltip: '联网搜索'
   },
   skill: {
-    icon: 'command',
-    label: '技能'
+    icon: 'wand-sparkles',
+    label: '技能',
+    tooltip: '选择技能'
   }
 };
+
+/**
+ * Composer 向内嵌 SkillSlot 透传的配置袋。
+ * 技能目录（skills / skillGroups）应由「技能管理」模块维护后注入此处；
+ * Composer 只负责触发入口与选中后插入 chip，不是目录 SSOT。
+ */
+
 export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
-  var _paramEdit$chipId;
+  var _skillSlotProps$menuW, _paramEdit$chipId;
   var valueProp = _ref.value,
     _ref$defaultValue = _ref.defaultValue,
     defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,
@@ -106,12 +119,7 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     _ref$toolsLabeled = _ref.toolsLabeled,
     toolsLabeled = _ref$toolsLabeled === void 0 ? true : _ref$toolsLabeled,
     toolConfigs = _ref.toolConfigs,
-    skills = _ref.skills,
-    skillGroups = _ref.skillGroups,
-    onManageSkills = _ref.onManageSkills,
-    skillManageFooter = _ref.skillManageFooter,
-    skillMenuMaxHeight = _ref.skillMenuMaxHeight,
-    skillMenuWidth = _ref.skillMenuWidth,
+    skillSlotProps = _ref.skillSlotProps,
     _ref$submitType = _ref.submitType,
     submitType = _ref$submitType === void 0 ? 'enter' : _ref$submitType,
     onEnter = _ref.onEnter,
@@ -133,6 +141,13 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     onToolClick = _ref.onToolClick,
     className = _ref.className,
     style = _ref.style;
+  var skills = skillSlotProps === null || skillSlotProps === void 0 ? void 0 : skillSlotProps.skills;
+  var skillGroups = skillSlotProps === null || skillSlotProps === void 0 ? void 0 : skillSlotProps.skillGroups;
+  var onManageSkills = skillSlotProps === null || skillSlotProps === void 0 ? void 0 : skillSlotProps.onManageSkills;
+  var skillManageFooter = skillSlotProps === null || skillSlotProps === void 0 ? void 0 : skillSlotProps.skillManageFooter;
+  var resolvedMenuMaxHeight = skillSlotProps === null || skillSlotProps === void 0 ? void 0 : skillSlotProps.menuMaxHeight;
+  var resolvedMenuWidth = (_skillSlotProps$menuW = skillSlotProps === null || skillSlotProps === void 0 ? void 0 : skillSlotProps.menuWidth) !== null && _skillSlotProps$menuW !== void 0 ? _skillSlotProps$menuW : 260;
+  var showGroupTitles = skillSlotProps === null || skillSlotProps === void 0 ? void 0 : skillSlotProps.showGroupTitles;
   var _useControlledState = useControlledState(defaultValue, valueProp),
     _useControlledState2 = _slicedToArray(_useControlledState, 2),
     text = _useControlledState2[0],
@@ -168,34 +183,54 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     setTriggerActiveIndex = _useState8[1];
   /** trigger menu 的命令式句柄：导航语义在 SkillSlot 内，composer 只转发 ↑↓。 */
   var triggerSkillSlotRef = useRef(null);
-  /** lite 模式下由单行升格到多行布局；粘性：只在 text 清空时复位 */
+  /** lite 模式下由内容高度驱动的单行 / 多行布局状态。 */
   var _useState9 = useState(false),
     _useState10 = _slicedToArray(_useState9, 2),
     expanded = _useState10[0],
     setExpanded = _useState10[1];
-  /** ComposerEditor 反馈的 editor 自然高度（offsetHeight，未 clamp），用于 lite 升格判断 */
-  var _useState11 = useState(0),
+  /** full 模式下由右上角按钮控制的 50vh 展开态。 */
+  var _useState11 = useState(false),
     _useState12 = _slicedToArray(_useState11, 2),
-    editorHeight = _useState12[0],
-    setEditorHeight = _useState12[1];
+    fullExpanded = _useState12[0],
+    setFullExpanded = _useState12[1];
+  /** ComposerEditor 反馈的 editor 自然高度（offsetHeight，未 clamp），用于 lite 升格判断 */
+  var _useState13 = useState(0),
+    _useState14 = _slicedToArray(_useState13, 2),
+    editorHeight = _useState14[0],
+    setEditorHeight = _useState14[1];
   /** editor 内容是否真正达到 maxRows 触顶——配合 SCSS 控制 viewport overflow，
    *  阻止升格 transition / 换行未触顶时的 scrollbar 闪现 */
-  var _useState13 = useState(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    atMax = _useState14[0],
-    setAtMax = _useState14[1];
+  var _useState15 = useState(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    atMax = _useState16[0],
+    setAtMax = _useState16[1];
   var fileInputRef = useRef(null);
   var editorRef = useRef(null);
   var boxRef = useRef(null);
-  var _useState15 = useState(null),
-    _useState16 = _slicedToArray(_useState15, 2),
-    paramEdit = _useState16[0],
-    setParamEdit = _useState16[1];
+  var handleComposerMouseDown = useCallback(function (event) {
+    var _editorRef$current;
+    if (disabled || event.button !== 0) return;
+    var target = event.target;
+    if (target instanceof Element) {
+      if (target.closest('[contenteditable]')) return;
+      var isInteractive = target.closest('button, a, input, select, textarea, [role="button"]');
+      if (!isInteractive) {
+        event.preventDefault();
+      }
+    }
+    (_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 || _editorRef$current.focus({
+      preventScroll: true
+    });
+  }, [disabled]);
+  var _useState17 = useState(null),
+    _useState18 = _slicedToArray(_useState17, 2),
+    paramEdit = _useState18[0],
+    setParamEdit = _useState18[1];
   var openParamPanel = useCallback(function (chipId) {
     if (!renderParamPanel) return;
     requestAnimationFrame(function () {
-      var _editorRef$current;
-      var host = (_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 ? void 0 : _editorRef$current.getChipHost(chipId);
+      var _editorRef$current2;
+      var host = (_editorRef$current2 = editorRef.current) === null || _editorRef$current2 === void 0 ? void 0 : _editorRef$current2.getChipHost(chipId);
       if (host) setParamEdit({
         chipId: chipId,
         anchor: host
@@ -206,9 +241,9 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     setParamEdit(null);
   }, []);
   var handleInlineRefClick = useCallback(function (chipId, anchor) {
-    var _editorRef$current$ge, _editorRef$current2;
+    var _editorRef$current$ge, _editorRef$current3;
     if (!renderParamPanel) return;
-    var chips = (_editorRef$current$ge = (_editorRef$current2 = editorRef.current) === null || _editorRef$current2 === void 0 ? void 0 : _editorRef$current2.getChips()) !== null && _editorRef$current$ge !== void 0 ? _editorRef$current$ge : [];
+    var chips = (_editorRef$current$ge = (_editorRef$current3 = editorRef.current) === null || _editorRef$current3 === void 0 ? void 0 : _editorRef$current3.getChips()) !== null && _editorRef$current$ge !== void 0 ? _editorRef$current$ge : [];
     var chip = chips.find(function (c) {
       return c.id === chipId;
     });
@@ -228,32 +263,32 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
   useImperativeHandle(ref, function () {
     return {
       focus: function focus(options) {
-        var _editorRef$current3;
-        return (_editorRef$current3 = editorRef.current) === null || _editorRef$current3 === void 0 ? void 0 : _editorRef$current3.focus(options);
+        var _editorRef$current4;
+        return (_editorRef$current4 = editorRef.current) === null || _editorRef$current4 === void 0 ? void 0 : _editorRef$current4.focus(options);
       },
       blur: function blur() {
-        var _editorRef$current4;
-        return (_editorRef$current4 = editorRef.current) === null || _editorRef$current4 === void 0 ? void 0 : _editorRef$current4.blur();
+        var _editorRef$current5;
+        return (_editorRef$current5 = editorRef.current) === null || _editorRef$current5 === void 0 ? void 0 : _editorRef$current5.blur();
       },
       clear: function clear() {
-        var _editorRef$current5;
-        return (_editorRef$current5 = editorRef.current) === null || _editorRef$current5 === void 0 ? void 0 : _editorRef$current5.clear();
+        var _editorRef$current6;
+        return (_editorRef$current6 = editorRef.current) === null || _editorRef$current6 === void 0 ? void 0 : _editorRef$current6.clear();
       },
       insertSkill: function insertSkill(skill) {
-        var _editorRef$current6, _editorRef$current7;
+        var _editorRef$current7, _editorRef$current8;
         var data = createInvocationChipData(skill);
-        (_editorRef$current6 = editorRef.current) === null || _editorRef$current6 === void 0 || _editorRef$current6.insertChip(data);
-        (_editorRef$current7 = editorRef.current) === null || _editorRef$current7 === void 0 || _editorRef$current7.focus();
+        (_editorRef$current7 = editorRef.current) === null || _editorRef$current7 === void 0 || _editorRef$current7.insertChip(data);
+        (_editorRef$current8 = editorRef.current) === null || _editorRef$current8 === void 0 || _editorRef$current8.focus();
         if (skill.initialState === 'pending') openParamPanel(data.id);
         return data.id;
       },
       updateChipData: function updateChipData(id, patch) {
-        var _editorRef$current8;
-        return (_editorRef$current8 = editorRef.current) === null || _editorRef$current8 === void 0 ? void 0 : _editorRef$current8.updateChipData(id, patch);
+        var _editorRef$current9;
+        return (_editorRef$current9 = editorRef.current) === null || _editorRef$current9 === void 0 ? void 0 : _editorRef$current9.updateChipData(id, patch);
       },
       get nativeElement() {
-        var _editorRef$current$na, _editorRef$current9;
-        return (_editorRef$current$na = (_editorRef$current9 = editorRef.current) === null || _editorRef$current9 === void 0 ? void 0 : _editorRef$current9.nativeElement) !== null && _editorRef$current$na !== void 0 ? _editorRef$current$na : null;
+        var _editorRef$current$na, _editorRef$current10;
+        return (_editorRef$current$na = (_editorRef$current10 = editorRef.current) === null || _editorRef$current10 === void 0 ? void 0 : _editorRef$current10.nativeElement) !== null && _editorRef$current$na !== void 0 ? _editorRef$current$na : null;
       }
     };
   });
@@ -303,8 +338,13 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     if (!editorHeight) return;
     if (!expanded && editorHeight - 32 > 2) {
       setExpanded(true);
+      return;
     }
-  }, [variant, expanded, editorHeight]);
+    if (expanded && editorHeight - 32 <= 2 && attachments.length === 0) {
+      setExpanded(false);
+      setAtMax(false);
+    }
+  }, [variant, expanded, editorHeight, attachments.length]);
 
   // 清空时回到 lite 单行
   useEffect(function () {
@@ -314,6 +354,13 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     }
   }, [text, attachments.length, expanded]);
 
+  // lite 回落到单行后同步退出手动 50vh 展开态。
+  useEffect(function () {
+    if (variant === 'lite' && !expanded) {
+      setFullExpanded(false);
+    }
+  }, [variant, expanded]);
+
   /* ---- Send ----
    * 内部 text 是 raw value（chip 序列化为零宽 marker）。
    * 对外只有一份契约：`onSend(segments, meta?)`
@@ -337,8 +384,8 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
    *   `onAttachmentsChange={setAttachments}` 直接回写。
    * - webSearch 无受控接口，直接清。 */
   var handleSend = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var _editorRef$current$ge2, _editorRef$current10;
-    var chips, segments, hasAttachments, meta, hasMeta, result, _editorRef$current11;
+    var _editorRef$current$ge2, _editorRef$current11;
+    var chips, segments, hasAttachments, meta, hasMeta, result, _editorRef$current12;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -357,7 +404,7 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
           }
           return _context.abrupt("return");
         case 4:
-          chips = (_editorRef$current$ge2 = (_editorRef$current10 = editorRef.current) === null || _editorRef$current10 === void 0 ? void 0 : _editorRef$current10.getChips()) !== null && _editorRef$current$ge2 !== void 0 ? _editorRef$current$ge2 : [];
+          chips = (_editorRef$current$ge2 = (_editorRef$current11 = editorRef.current) === null || _editorRef$current11 === void 0 ? void 0 : _editorRef$current11.getChips()) !== null && _editorRef$current$ge2 !== void 0 ? _editorRef$current$ge2 : [];
           segments = rawValueToSegments(text, chips);
           hasAttachments = attachments.length > 0;
           if (!(!segmentsHasContent(segments) && !hasAttachments)) {
@@ -382,7 +429,7 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
         case 18:
           closeParamPanel();
           if (valueProp === undefined) {
-            (_editorRef$current11 = editorRef.current) === null || _editorRef$current11 === void 0 || _editorRef$current11.clear();
+            (_editorRef$current12 = editorRef.current) === null || _editorRef$current12 === void 0 || _editorRef$current12.clear();
           }
           if (attachmentsProp === undefined) {
             setAttachments([]);
@@ -491,7 +538,7 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     updateAttachments([].concat(_toConsumableArray(attachments), _toConsumableArray(accepted)));
   }, [accept, attachments, attachmentsDisabled, disabled, maxFileCount, maxFileSize, maxTotalSize, onAttachFiles, updateAttachments]);
   var handleFileChange = function handleFileChange(e) {
-    var _editorRef$current12;
+    var _editorRef$current13;
     var files = e.target.files;
     if (!files) return;
     addFilesFromList(Array.from(files));
@@ -499,12 +546,12 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     /* 文件框关闭后焦点回到 editor：
      * 键盘（Tab + Enter）唤起文件框的路径下按钮持有焦点，
      * 不夺回焦点时 Enter 会再次激活按钮而不是发送 */
-    (_editorRef$current12 = editorRef.current) === null || _editorRef$current12 === void 0 || _editorRef$current12.focus();
+    (_editorRef$current13 = editorRef.current) === null || _editorRef$current13 === void 0 || _editorRef$current13.focus();
   };
-  var _useState17 = useState(false),
-    _useState18 = _slicedToArray(_useState17, 2),
-    fileDragOver = _useState18[0],
-    setFileDragOver = _useState18[1];
+  var _useState19 = useState(false),
+    _useState20 = _slicedToArray(_useState19, 2),
+    fileDragOver = _useState20[0],
+    setFileDragOver = _useState20[1];
   var composerBoxFileDragAttrs = fileDragOver ? {
     'data-odn-composer-file-drag': ''
   } : {};
@@ -541,14 +588,14 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
   var handleSelectSkill = useCallback(function (skill, source) {
     var data = createInvocationChipData(skill);
     if (source === 'trigger') {
-      var _editorRef$current13;
-      (_editorRef$current13 = editorRef.current) === null || _editorRef$current13 === void 0 || _editorRef$current13.replaceTriggerWithChip(data);
+      var _editorRef$current14;
+      (_editorRef$current14 = editorRef.current) === null || _editorRef$current14 === void 0 || _editorRef$current14.replaceTriggerWithChip(data);
       setTriggerInfo(null);
     } else {
-      var _editorRef$current14, _editorRef$current15;
-      (_editorRef$current14 = editorRef.current) === null || _editorRef$current14 === void 0 || _editorRef$current14.insertChip(data);
+      var _editorRef$current15, _editorRef$current16;
+      (_editorRef$current15 = editorRef.current) === null || _editorRef$current15 === void 0 || _editorRef$current15.insertChip(data);
       setToolMenuOpen(false);
-      (_editorRef$current15 = editorRef.current) === null || _editorRef$current15 === void 0 || _editorRef$current15.focus();
+      (_editorRef$current16 = editorRef.current) === null || _editorRef$current16 === void 0 || _editorRef$current16.focus();
     }
     if (skill.initialState === 'pending') openParamPanel(data.id);
   }, [openParamPanel]);
@@ -599,7 +646,7 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
       return !s.disabled;
     });
     setTriggerActiveIndex(first === -1 ? 0 : first);
-  }, [filteredSkills, filteredSkillGroups, skills, skillGroups, triggerInfo === null || triggerInfo === void 0 ? void 0 : triggerInfo.query, triggerInfo == null]);
+  }, [filteredSkills, filteredSkillGroups, skills, skillGroups, triggerInfo === null || triggerInfo === void 0 ? void 0 : triggerInfo.query, triggerInfo === null]);
 
   /* editor 在 trigger 激活时把 ↑↓Enter Esc Tab 丢过来。返回 true = editor 别管了。
    * - ↑↓ 改高亮 index（夹在 [0, max] 内）
@@ -632,9 +679,9 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
       return true;
     }
     if (e.key === 'Escape') {
-      var _editorRef$current16;
+      var _editorRef$current17;
       e.preventDefault();
-      (_editorRef$current16 = editorRef.current) === null || _editorRef$current16 === void 0 || _editorRef$current16.cancelTrigger();
+      (_editorRef$current17 = editorRef.current) === null || _editorRef$current17 === void 0 || _editorRef$current17.cancelTrigger();
       setTriggerInfo(null);
       return true;
     }
@@ -668,17 +715,39 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
   var effectiveTools = isLite ? tools.slice(0, 1) : tools;
 
   /* 统一解析 toolConfigs：
-   * - 不传 toolConfigs → 全部用 DEFAULT_TOOL_CONFIGS
-   * - 传了 toolConfigs → 每个 key 看用户配置：有 icon 或 label 就用它，否则兜底 { label: key }
+   * - key 未配置 → 整份默认
+   * - 只传 tooltip → 保留默认 icon/label，覆盖说明
+   * - 传了 icon 和/或 label → 按显式字段渲染视觉（缺省字段不渲染）
+   * - 空对象 {} → 英文名兜底
    */
   var resolvedToolConfigs = function () {
     if (!toolConfigs) return DEFAULT_TOOL_CONFIGS;
     var resolve = function resolve(key) {
-      var cfg = toolConfigs[key];
-      if (cfg && (cfg.icon || cfg.label)) return cfg;
-      return {
+      var _toolConfigs$key;
+      if (!Object.prototype.hasOwnProperty.call(toolConfigs, key)) {
+        return DEFAULT_TOOL_CONFIGS[key];
+      }
+      var cfg = (_toolConfigs$key = toolConfigs[key]) !== null && _toolConfigs$key !== void 0 ? _toolConfigs$key : {};
+      var hasIcon = Object.prototype.hasOwnProperty.call(cfg, 'icon');
+      var hasLabel = Object.prototype.hasOwnProperty.call(cfg, 'label');
+      var hasTooltip = Object.prototype.hasOwnProperty.call(cfg, 'tooltip');
+      var tooltip = hasTooltip ? cfg.tooltip : DEFAULT_TOOL_CONFIGS[key].tooltip;
+
+      /* 仅 tooltip / 未来非视觉字段：保留默认皮肤 */
+      if (!hasIcon && !hasLabel) {
+        if (!hasTooltip) return {
+          label: key
+        };
+        return _objectSpread(_objectSpread({}, DEFAULT_TOOL_CONFIGS[key]), {}, {
+          tooltip: tooltip
+        });
+      }
+      var visualConfig = cfg.icon || cfg.label ? cfg : {
         label: key
       };
+      return _objectSpread(_objectSpread({}, visualConfig), {}, {
+        tooltip: tooltip
+      });
     };
     return {
       attachment: resolve('attachment'),
@@ -700,11 +769,15 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     var btnDisabled = disabled || attachmentsDisabled;
     var _resolvedToolConfigs$ = resolvedToolConfigs.attachment,
       icon = _resolvedToolConfigs$.icon,
-      label = _resolvedToolConfigs$.label;
+      label = _resolvedToolConfigs$.label,
+      tooltip = _resolvedToolConfigs$.tooltip;
     var showIcon = !!icon;
     var showLabel = effectiveLabeled && !!label;
-    return /*#__PURE__*/React.createElement(HoverFill, {
+    return /*#__PURE__*/React.createElement(Tooltip, {
       key: "attachment",
+      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,
@@ -726,21 +799,24 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
       "data-odn-composer-tool-iconic": !showLabel || undefined,
       "data-odn-composer-tool-disabled": btnDisabled || undefined,
       "aria-label": label || 'attachment',
-      "aria-disabled": btnDisabled || undefined,
-      title: showLabel ? undefined : label || 'attachment'
+      "aria-disabled": btnDisabled || undefined
     }, showIcon && /*#__PURE__*/React.createElement(Icon, {
       name: icon,
       size: 16
-    }), showLabel && /*#__PURE__*/React.createElement("span", null, label)));
+    }), showLabel && /*#__PURE__*/React.createElement("span", null, label))));
   };
   var renderWebSearchBtn = function renderWebSearchBtn() {
     var _resolvedToolConfigs$2 = resolvedToolConfigs.webSearch,
       icon = _resolvedToolConfigs$2.icon,
-      label = _resolvedToolConfigs$2.label;
+      label = _resolvedToolConfigs$2.label,
+      tooltip = _resolvedToolConfigs$2.tooltip;
     var showIcon = !!icon;
     var showLabel = effectiveLabeled && !!label;
-    return /*#__PURE__*/React.createElement(HoverFill, {
+    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,
@@ -764,12 +840,11 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
       "data-odn-composer-tool-disabled": disabled || undefined,
       "aria-label": label || 'webSearch',
       "aria-pressed": webSearch,
-      "aria-disabled": disabled || undefined,
-      title: showLabel ? undefined : label || 'webSearch'
+      "aria-disabled": disabled || undefined
     }, showIcon && /*#__PURE__*/React.createElement(Icon, {
       name: icon,
       size: 16
-    }), showLabel && /*#__PURE__*/React.createElement("span", null, label)));
+    }), showLabel && /*#__PURE__*/React.createElement("span", null, label))));
   };
   var renderSkillBtn = function renderSkillBtn() {
     var hasAnySkills = skills && skills.length > 0 || skillGroups && skillGroups.some(function (g) {
@@ -778,11 +853,19 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     if (!hasAnySkills) return null;
     var _resolvedToolConfigs$3 = resolvedToolConfigs.skill,
       icon = _resolvedToolConfigs$3.icon,
-      label = _resolvedToolConfigs$3.label;
+      label = _resolvedToolConfigs$3.label,
+      tooltip = _resolvedToolConfigs$3.tooltip;
     var showIcon = !!icon;
     var showLabel = effectiveLabeled && !!label;
-    return /*#__PURE__*/React.createElement(Popover, {
+    return /*#__PURE__*/React.createElement(Tooltip, {
       key: "skill",
+      popup: tooltip
+      /* 技能菜单展开时硬切关掉入口 tooltip，避免与 SkillSlot 叠层 */,
+      visible: toolMenuOpen ? false : undefined,
+      transitionDuration: toolMenuOpen ? 0 : undefined
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-odn-composer-skill-trigger": true
+    }, /*#__PURE__*/React.createElement(Popover, {
       trigger: "click",
       arrowed: false,
       placement: "topLeft",
@@ -798,10 +881,9 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
         variant: "menu",
         skills: skillGroups ? undefined : skills,
         skillGroups: skillGroups,
-        menuMaxHeight: skillMenuMaxHeight,
-        style: {
-          width: skillMenuWidth !== null && skillMenuWidth !== void 0 ? skillMenuWidth : 260
-        },
+        showGroupTitles: showGroupTitles,
+        menuMaxHeight: resolvedMenuMaxHeight,
+        menuWidth: resolvedMenuWidth,
         onSelect: function onSelect(s) {
           return handleSelectSkill(s, 'btn');
         },
@@ -824,12 +906,12 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
       "data-odn-composer-tool-active": toolMenuOpen || undefined,
       "data-odn-composer-tool-disabled": disabled || undefined,
       "aria-label": label || 'skill',
-      "aria-disabled": disabled || undefined,
-      title: showLabel ? undefined : label || 'skill'
+      "aria-expanded": toolMenuOpen,
+      "aria-disabled": disabled || undefined
     }, showIcon && /*#__PURE__*/React.createElement(Icon, {
       name: icon,
       size: 16
-    }), showLabel && /*#__PURE__*/React.createElement("span", null, label))));
+    }), showLabel && /*#__PURE__*/React.createElement("span", null, label))))));
   };
   var toolNodes = effectiveTools.map(function (t) {
     if (t === 'attachment') return renderAttachmentBtn();
@@ -892,7 +974,7 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     "data-odn-composer-stop-btn": true,
     title: "\u505C\u6B62\u751F\u6210"
   }, /*#__PURE__*/React.createElement(Icon, {
-    name: "pause-filled",
+    name: "square-filled",
     size: 18
   })) : /*#__PURE__*/React.createElement("button", {
     type: "button",
@@ -909,8 +991,11 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
   // 工具栏（full 专用，作为 textarea 的 bottomElement）
   var toolbarSlot = /*#__PURE__*/React.createElement("div", {
     "data-odn-composer-toolbar": true
-  }, /*#__PURE__*/React.createElement("div", {
-    "data-odn-composer-toolbar-left": true
+  }, /*#__PURE__*/React.createElement(Tooltip.Group, {
+    as: "div",
+    placement: "top",
+    "data-odn-composer-toolbar-left": true,
+    visible: toolMenuOpen ? false : undefined
   }, toolNodes), sendOrStopButton);
 
   // 文件 input 独立渲染一次，在两种形态下都由同一 ref 控制
@@ -922,9 +1007,9 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     "data-odn-composer-file-input": true,
     onChange: handleFileChange
   });
-  var paramPanelNode = function (_editorRef$current$ge3, _editorRef$current17, _boxRef$current) {
+  var paramPanelNode = function (_editorRef$current$ge3, _editorRef$current18, _boxRef$current) {
     if (!paramEdit || !renderParamPanel) return null;
-    var chips = (_editorRef$current$ge3 = (_editorRef$current17 = editorRef.current) === null || _editorRef$current17 === void 0 ? void 0 : _editorRef$current17.getChips()) !== null && _editorRef$current$ge3 !== void 0 ? _editorRef$current$ge3 : [];
+    var chips = (_editorRef$current$ge3 = (_editorRef$current18 = editorRef.current) === null || _editorRef$current18 === void 0 ? void 0 : _editorRef$current18.getChips()) !== null && _editorRef$current$ge3 !== void 0 ? _editorRef$current$ge3 : [];
     var chip = chips.find(function (c) {
       return c.id === paramEdit.chipId;
     });
@@ -934,8 +1019,8 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
       chip: chip,
       anchor: paramEdit.anchor,
       onApply: function onApply(patch) {
-        var _editorRef$current18;
-        (_editorRef$current18 = editorRef.current) === null || _editorRef$current18 === void 0 || _editorRef$current18.updateChipData(chip.id, patch);
+        var _editorRef$current19;
+        (_editorRef$current19 = editorRef.current) === null || _editorRef$current19 === void 0 || _editorRef$current19.updateChipData(chip.id, patch);
       },
       onClose: closeParamPanel
     };
@@ -999,8 +1084,8 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     visible: triggerMenuVisible,
     onVisibleChange: function onVisibleChange(v) {
       if (!v) {
-        var _editorRef$current19;
-        (_editorRef$current19 = editorRef.current) === null || _editorRef$current19 === void 0 || _editorRef$current19.cancelTrigger();
+        var _editorRef$current20;
+        (_editorRef$current20 = editorRef.current) === null || _editorRef$current20 === void 0 || _editorRef$current20.cancelTrigger();
         setTriggerInfo(null);
       }
     },
@@ -1010,12 +1095,11 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
       variant: "menu",
       skills: skillGroups ? undefined : filteredSkills !== null && filteredSkills !== void 0 ? filteredSkills : [],
       skillGroups: filteredSkillGroups,
+      showGroupTitles: showGroupTitles,
       activeIndex: triggerActiveIndex,
       onActiveIndexChange: setTriggerActiveIndex,
-      menuMaxHeight: skillMenuMaxHeight,
-      style: {
-        width: skillMenuWidth !== null && skillMenuWidth !== void 0 ? skillMenuWidth : 260
-      },
+      menuMaxHeight: resolvedMenuMaxHeight,
+      menuWidth: resolvedMenuWidth,
       onSelect: function onSelect(s) {
         return handleSelectSkill(s, 'trigger');
       },
@@ -1036,16 +1120,19 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
 
   // lite：有附件即强制升格（否则按钮会和附件/多行内容打架）
   var liteExpanded = isLite && !isInlineLite;
+  var fullExpandLabel = fullExpanded ? '收起输入框' : '展开输入框';
   return /*#__PURE__*/React.createElement("div", {
     "data-odn-composer": true,
     "data-odn-composer-variant": variant,
     "data-odn-composer-expanded": liteExpanded ? '' : undefined,
+    "data-odn-composer-full-expanded": fullExpanded ? '' : undefined,
     "data-odn-composer-atmax": atMax ? '' : undefined,
     "data-odn-composer-disabled": disabled || 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,
-    style: style
+    style: style,
+    onMouseDown: handleComposerMouseDown
   }, /*#__PURE__*/React.createElement("div", {
     "data-odn-composer-inner": true
   }, hiddenFileInput, triggerMenu, paramPanelNode, /*#__PURE__*/React.createElement("div", _extends({
@@ -1056,8 +1143,27 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     onDragOver: handleComposerDragOver,
     onDragLeave: handleComposerDragLeave,
     onDrop: handleComposerDrop
-  }), attachmentsSlot, editorNode, !isLite && toolbarSlot, isLite && hasTools && /*#__PURE__*/React.createElement("div", {
-    "data-odn-composer-lite-tools": true
+  }), !isInlineLite && /*#__PURE__*/React.createElement(Tooltip, {
+    popup: fullExpandLabel,
+    placement: "top"
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    "data-odn-composer-expand-btn": true,
+    "aria-label": fullExpandLabel,
+    "aria-expanded": fullExpanded,
+    onClick: function onClick() {
+      return setFullExpanded(function (current) {
+        return !current;
+      });
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: fullExpanded ? 'minimize-2' : 'maximize-2',
+    size: 16
+  }))), attachmentsSlot, editorNode, !isLite && toolbarSlot, isLite && hasTools && /*#__PURE__*/React.createElement(Tooltip.Group, {
+    as: "div",
+    placement: "top",
+    "data-odn-composer-lite-tools": true,
+    visible: toolMenuOpen ? false : undefined
   }, toolNodes), isLite && /*#__PURE__*/React.createElement("div", {
     "data-odn-composer-lite-send": true
   }, sendOrStopButton)), hint && /*#__PURE__*/React.createElement("p", {