one-design-next 0.0.97 → 0.0.99

package/dist/dropdown/style/index.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 [data-odn-dropdown-content] {
   min-width: 8rem;
   overflow: hidden;
@@ -64,7 +65,11 @@
 }
 
 [data-odn-dropdown-item][data-highlighted] {
-  background-color: var(--odn-color-black-1);
+  background-color: transparent;
+}
+
+[data-odn-dropdown-item][data-variant=destructive][data-highlighted] {
+  background-color: transparent;
 }
 
 [data-odn-dropdown-label] {
@@ -118,7 +123,7 @@
 }
 
 [data-odn-dropdown-sub-trigger][data-highlighted] {
-  background-color: var(--odn-color-black-1);
+  background-color: transparent;
 }
 
 [data-odn-dropdown-sub-trigger][data-inset] {
@@ -146,18 +151,91 @@
   will-change: transform, opacity;
 }
 
-[data-odn-dropdown-item][data-variant=destructive] {
-  color: #dc2626;
+/*
+ * 宿主可能把整个 portal 挂载层设为 pointer-events: none（如 Drawer viewport
+ * 只让浮层吃事件、背景不抢点击）。pointer-events 会继承，浮层需自行恢复，
+ * 否则「看得见但点不中」。限定 [data-open]，关闭动画期间仍交给 Base UI。
+ */
+[data-odn-dropdown-content][data-open],
+[data-odn-dropdown-sub-content][data-open] {
+  pointer-events: auto;
 }
 
-[data-odn-dropdown-item][data-variant=destructive][data-highlighted] {
-  background-color: var(--odn-color-black-1);
+/*
+ * 紧凑尺寸：字号对齐 popup token、行高 28px，hover 不通栏（左右各缩 4px + 圆角）。
+ * 经 popupClassName opt-in，子菜单跟随主浮层。
+ */
+[data-odn-dropdown-content].odn-dropdown-compact,
+[data-odn-dropdown-sub-content].odn-dropdown-compact {
+  --odn-font-size: var(--odn-popup-font-size);
+  --odn-line-height: var(--odn-popup-line-height);
+  --odn-popup-control-height: 28px;
+}
+[data-odn-dropdown-content].odn-dropdown-compact [data-odn-dropdown-label],
+[data-odn-dropdown-sub-content].odn-dropdown-compact [data-odn-dropdown-label] {
+  height: auto;
+  padding: 0 12px 2px;
+}
+[data-odn-dropdown-content].odn-dropdown-compact,
+[data-odn-dropdown-sub-content].odn-dropdown-compact {
+  /* padding 8px + HoverFill margin 4px，使文案仍落在 12px */
+}
+[data-odn-dropdown-content].odn-dropdown-compact [data-odn-hover-fill]:has([data-odn-dropdown-item]),
+[data-odn-dropdown-content].odn-dropdown-compact [data-odn-hover-fill]:has([data-odn-dropdown-sub-trigger]),
+[data-odn-dropdown-sub-content].odn-dropdown-compact [data-odn-hover-fill]:has([data-odn-dropdown-item]),
+[data-odn-dropdown-sub-content].odn-dropdown-compact [data-odn-hover-fill]:has([data-odn-dropdown-sub-trigger]) {
+  margin: 0 4px;
+}
+[data-odn-dropdown-content].odn-dropdown-compact [data-odn-dropdown-item],
+[data-odn-dropdown-content].odn-dropdown-compact [data-odn-dropdown-sub-trigger],
+[data-odn-dropdown-sub-content].odn-dropdown-compact [data-odn-dropdown-item],
+[data-odn-dropdown-sub-content].odn-dropdown-compact [data-odn-dropdown-sub-trigger] {
+  padding-inline: 8px;
+}
+[data-odn-dropdown-content].odn-dropdown-compact .odn-dropdown-item-bg,
+[data-odn-dropdown-sub-content].odn-dropdown-compact .odn-dropdown-item-bg {
+  border-radius: 4px;
+}
+[data-odn-dropdown-content].odn-dropdown-compact,
+[data-odn-dropdown-sub-content].odn-dropdown-compact {
+  /* 组间线：上下各 8px padding，线画在 content-box，左右内缩 */
+}
+[data-odn-dropdown-content].odn-dropdown-compact [data-odn-dropdown-separator],
+[data-odn-dropdown-sub-content].odn-dropdown-compact [data-odn-dropdown-separator] {
+  box-sizing: content-box;
+  height: 1px;
+  margin: 0 12px;
+  padding: 8px 0;
+  background-color: var(--odn-color-black-5);
+  background-clip: content-box;
+}
+[data-odn-dropdown-content].odn-dropdown-compact,
+[data-odn-dropdown-sub-content].odn-dropdown-compact {
+  /* 默认 Icon 16px，对 13px/28px 行偏大；对齐 ChatList 工具栏 / ChatItem 触发器 */
+}
+[data-odn-dropdown-content].odn-dropdown-compact [data-odn-dropdown-item-icon],
+[data-odn-dropdown-content].odn-dropdown-compact [data-odn-dropdown-chevron],
+[data-odn-dropdown-sub-content].odn-dropdown-compact [data-odn-dropdown-item-icon],
+[data-odn-dropdown-sub-content].odn-dropdown-compact [data-odn-dropdown-chevron] {
+  width: 14px;
+  height: 14px;
+  flex-shrink: 0;
+}
+
+[data-odn-dropdown-item][data-variant=destructive] {
+  color: #dc2626;
 }
 
 [data-odn-dropdown-item][data-inset] {
   padding-left: 32px;
 }
 
+[data-odn-hover-fill]:has([data-odn-dropdown-item][data-highlighted]) [data-odn-hover-fill-bg],
+[data-odn-hover-fill]:has([data-odn-dropdown-sub-trigger][data-highlighted]) [data-odn-hover-fill-bg] {
+  background-color: var(--odn-color-black-1);
+  transform: scale(1);
+}
+
 [data-odn-dropdown-scroll-area] {
   flex: 1;
   max-height: calc(var(--available-height, 100vh) - 8px);

package/dist/hover-fill/index.d.ts

@@ -3,12 +3,12 @@ import './style';
 export interface HoverFillProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * @description hover 颜色
-     * @default 'rgba(33, 34, 38, 0.05)'
+     * @default 'var(--odn-color-black-2)'
      */
     hoverColor?: string;
     /**
      * @description active 颜色
-     * @default 'rgba(33, 34, 38, 0.08)'
+     * @default 'var(--odn-color-black-6)'
      */
     activeColor?: string;
     /**

package/dist/hover-fill/index.js

@@ -5,12 +5,120 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["bgClassName", "bgStyle", "children", "onMouseEnter", "onMouseLeave", "onMouseDown", "hoverColor", "activeColor", "disabled", "hoverCursor"];
-import React, { forwardRef, useCallback, useContext, useEffect, useRef } from 'react';
+import React, { forwardRef, useCallback, useContext, useEffect, useLayoutEffect, useRef } from 'react';
 import { observeResize } from "../_util/sharedResizeObserver";
 import { ConfigContext } from "../config-provider";
 import "./style";
-var DEFAULT_HOVER_COLOR = 'rgba(33, 34, 38, 0.05)';
-var DEFAULT_ACTIVE_COLOR = 'rgba(33, 34, 38, 0.08)';
+var DEFAULT_HOVER_COLOR = 'var(--odn-color-black-2)';
+var DEFAULT_ACTIVE_COLOR = 'var(--odn-color-black-6)';
+function emptyHoverFillState() {
+  return {
+    timer: 0,
+    bgVisible: false,
+    bgX: 0,
+    bgY: 0,
+    bgScale: 0,
+    baseNode: null,
+    bgNode: null
+  };
+}
+function resetBgInline(node) {
+  if (!node) {
+    return;
+  }
+  node.style.transition = 'none';
+  node.style.background = '';
+  node.style.width = '';
+  node.style.height = '';
+  node.style.transform = '';
+  node.style.transformOrigin = '';
+  void node.offsetWidth;
+  node.style.transition = '';
+}
+function shareRoot(el) {
+  var _el$closest;
+  return (_el$closest = el === null || el === void 0 ? void 0 : el.closest('[data-odn-hover-fill-share]')) !== null && _el$closest !== void 0 ? _el$closest : null;
+}
+function isNestedHoverFill(el) {
+  var _el$parentElement;
+  return Boolean((_el$parentElement = el.parentElement) === null || _el$parentElement === void 0 ? void 0 : _el$parentElement.closest('[data-odn-hover-fill]'));
+}
+function canShareHoverFill(from, to) {
+  if (!from || !to || from === to) {
+    return false;
+  }
+  if (isNestedHoverFill(from) || isNestedHoverFill(to)) {
+    return false;
+  }
+  if (from.parentNode && from.parentNode === to.parentNode) {
+    return true;
+  }
+  var root = shareRoot(from);
+  return Boolean(root && root === shareRoot(to));
+}
+var pendingHandoff = null;
+function cancelPendingHandoff() {
+  if (!pendingHandoff) {
+    return;
+  }
+  pendingHandoff.fromBg.removeEventListener('transitionend', pendingHandoff.onEnd);
+  pendingHandoff = null;
+}
+function commitHandoff(toRoot, toBg, hoverColor) {
+  var state = window.odnHoverFillState;
+  if (!(state !== null && state !== void 0 && state.bgVisible) || !state.bgNode || state.baseNode === toRoot) {
+    return;
+  }
+  var fromBg = state.bgNode;
+  toBg.style.transition = 'none';
+  toBg.style.width = '';
+  toBg.style.height = '';
+  toBg.style.transform = 'scale(1)';
+  toBg.style.transformOrigin = '';
+  toBg.style.background = hoverColor;
+  void toBg.offsetWidth;
+  toBg.style.transition = '';
+  resetBgInline(fromBg);
+  state.baseNode = toRoot;
+  state.bgNode = toBg;
+  state.bgScale = 1;
+}
+function scheduleHandoff(fromBg, toRoot, toBg, hoverColor) {
+  cancelPendingHandoff();
+  var finish = function finish() {
+    var _window$odnHoverFillS;
+    cancelPendingHandoff();
+    if ((_window$odnHoverFillS = window.odnHoverFillState) !== null && _window$odnHoverFillS !== void 0 && _window$odnHoverFillS.bgVisible && window.odnHoverFillState.bgNode === fromBg) {
+      commitHandoff(toRoot, toBg, hoverColor);
+    }
+  };
+  var onEnd = function onEnd(event) {
+    if (event instanceof TransitionEvent && event.propertyName && event.propertyName !== 'transform') {
+      return;
+    }
+    finish();
+  };
+  pendingHandoff = {
+    fromBg: fromBg,
+    onEnd: onEnd
+  };
+  fromBg.addEventListener('transitionend', onEnd);
+  if (getComputedStyle(fromBg).transitionDuration === '0s') {
+    finish();
+  }
+}
+function clearHoverFillState() {
+  var _window$odnHoverFillS2;
+  var resetBg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  if ((_window$odnHoverFillS2 = window.odnHoverFillState) !== null && _window$odnHoverFillS2 !== void 0 && _window$odnHoverFillS2.timer) {
+    clearTimeout(window.odnHoverFillState.timer);
+  }
+  if (resetBg) {
+    var _window$odnHoverFillS3;
+    resetBgInline((_window$odnHoverFillS3 = window.odnHoverFillState) === null || _window$odnHoverFillS3 === void 0 ? void 0 : _window$odnHoverFillS3.bgNode);
+  }
+  window.odnHoverFillState = emptyHoverFillState();
+}
 var HoverFill = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
   var _ref$bgClassName = _ref.bgClassName,
     bgClassName = _ref$bgClassName === void 0 ? '' : _ref$bgClassName,
@@ -35,24 +143,28 @@ var HoverFill = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
   var innerRef = useRef(null);
   var ref = outerRef || innerRef;
   var bgRef = useRef(null);
+  var disabledRef = useRef(disabled);
+  var hoverColorRef = useRef(hoverColor);
+  disabledRef.current = disabled;
+  hoverColorRef.current = hoverColor;
   var syncBgSize = useCallback(function () {
-    var _window$odnHoverFillS;
+    var _window$odnHoverFillS4;
     var root = ref.current;
     if (!root || !bgRef.current) {
       return;
     }
-    if ((_window$odnHoverFillS = window.odnHoverFillState) !== null && _window$odnHoverFillS !== void 0 && _window$odnHoverFillS.bgVisible && window.odnHoverFillState.baseNode === root && window.odnHoverFillState.bgNode === bgRef.current) {
-      bgRef.current.style.width = root.offsetWidth + 'px';
-      bgRef.current.style.height = root.offsetHeight + 'px';
+    if ((_window$odnHoverFillS4 = window.odnHoverFillState) !== null && _window$odnHoverFillS4 !== void 0 && _window$odnHoverFillS4.bgVisible && window.odnHoverFillState.baseNode === root && window.odnHoverFillState.bgNode === bgRef.current) {
+      bgRef.current.style.width = "".concat(root.offsetWidth, "px");
+      bgRef.current.style.height = "".concat(root.offsetHeight, "px");
     }
   }, [ref]);
   var handleMouseEnter = function handleMouseEnter(e) {
-    var _window$odnHoverFillS2, _window$odnHoverFillS3;
+    var _window$odnHoverFillS5;
     e.persist();
     if (disabled) {
       return;
     }
-    if ((_window$odnHoverFillS2 = window.odnHoverFillState) !== null && _window$odnHoverFillS2 !== void 0 && _window$odnHoverFillS2.timer) {
+    if ((_window$odnHoverFillS5 = window.odnHoverFillState) !== null && _window$odnHoverFillS5 !== void 0 && _window$odnHoverFillS5.timer) {
       clearTimeout(window.odnHoverFillState.timer);
     }
     var root = ref.current || e.currentTarget;
@@ -65,21 +177,25 @@ var HoverFill = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
     var _root$getBoundingClie = root.getBoundingClientRect(),
       x = _root$getBoundingClie.x,
       y = _root$getBoundingClie.y;
-    if (window.odnHoverFillState && window.odnHoverFillState.bgVisible && window.odnHoverFillState.bgNode && window.odnHoverFillState.baseNode && window.odnHoverFillState.baseNode !== root && ((_window$odnHoverFillS3 = window.odnHoverFillState.baseNode) === null || _window$odnHoverFillS3 === void 0 ? void 0 : _window$odnHoverFillS3.parentNode) === root.parentNode && hoverFillConfig.sharable) {
-      var _window$odnHoverFillS4 = window.odnHoverFillState,
-        bgScale = _window$odnHoverFillS4.bgScale,
-        baseNode = _window$odnHoverFillS4.baseNode;
+    if (window.odnHoverFillState && window.odnHoverFillState.bgVisible && window.odnHoverFillState.bgNode && window.odnHoverFillState.baseNode && window.odnHoverFillState.baseNode !== root && canShareHoverFill(window.odnHoverFillState.baseNode, root) && hoverFillConfig.sharable) {
+      var _window$odnHoverFillS6 = window.odnHoverFillState,
+        bgScale = _window$odnHoverFillS6.bgScale,
+        baseNode = _window$odnHoverFillS6.baseNode;
       var _baseNode$getBounding = baseNode.getBoundingClientRect(),
         originX = _baseNode$getBounding.x,
         originY = _baseNode$getBounding.y;
       window.odnHoverFillState.bgNode.style.transformOrigin = '0 0';
-      window.odnHoverFillState.bgNode.style.width = root.offsetWidth + 'px';
-      window.odnHoverFillState.bgNode.style.height = root.offsetHeight + 'px';
+      window.odnHoverFillState.bgNode.style.width = "".concat(root.offsetWidth, "px");
+      window.odnHoverFillState.bgNode.style.height = "".concat(root.offsetHeight, "px");
       window.odnHoverFillState.bgNode.style.transform = "translate3d(".concat(x - originX, "px, ").concat(y - originY, "px, 0) scale(").concat(bgScale, ")");
       window.odnHoverFillState.bgNode.style.background = hoverColor;
+      if (bgRef.current) {
+        scheduleHandoff(window.odnHoverFillState.bgNode, root, bgRef.current, hoverColor);
+      }
     } else {
-      var _window$odnHoverFillS5, _window$odnHoverFillS6, _root$parentElement;
-      var isNested = ((_window$odnHoverFillS5 = window.odnHoverFillState) === null || _window$odnHoverFillS5 === void 0 ? void 0 : _window$odnHoverFillS5.bgVisible) && ((_window$odnHoverFillS6 = window.odnHoverFillState) === null || _window$odnHoverFillS6 === void 0 ? void 0 : _window$odnHoverFillS6.bgNode) && ((_root$parentElement = root.parentElement) === null || _root$parentElement === void 0 ? void 0 : _root$parentElement.closest('[data-odn-hover-fill]'));
+      var _window$odnHoverFillS7, _window$odnHoverFillS8, _root$parentElement;
+      cancelPendingHandoff();
+      var isNested = ((_window$odnHoverFillS7 = window.odnHoverFillState) === null || _window$odnHoverFillS7 === void 0 ? void 0 : _window$odnHoverFillS7.bgVisible) && ((_window$odnHoverFillS8 = window.odnHoverFillState) === null || _window$odnHoverFillS8 === void 0 ? void 0 : _window$odnHoverFillS8.bgNode) && ((_root$parentElement = root.parentElement) === null || _root$parentElement === void 0 ? void 0 : _root$parentElement.closest('[data-odn-hover-fill]'));
       if (window.odnHoverFillState && window.odnHoverFillState.bgVisible && window.odnHoverFillState.bgNode) {
         if (isNested) {
           if (!window.odnHoverFillStateStack) {
@@ -88,7 +204,6 @@ var HoverFill = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
           window.odnHoverFillStateStack.push(_objectSpread({}, window.odnHoverFillState));
         } else {
           window.odnHoverFillState.bgNode.style.background = 'transparent';
-          // window.odnHoverFillState.bgNode.style.transform = 'scale(var(--odn-hoverfill-scale-start))';
           window.odnHoverFillState.bgNode.style.transition = '';
           if (window.odnHoverFillStateStack) {
             while (window.odnHoverFillStateStack.length > 0) {
@@ -111,8 +226,8 @@ var HoverFill = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
         if (!bgRef.current) {
           return;
         }
-        bgRef.current.style.width = root.offsetWidth + 'px';
-        bgRef.current.style.height = root.offsetHeight + 'px';
+        bgRef.current.style.width = "".concat(root.offsetWidth, "px");
+        bgRef.current.style.height = "".concat(root.offsetHeight, "px");
         bgRef.current.style.transformOrigin = "".concat(clientX - x, "px ").concat(clientY - y, "px");
         bgRef.current.style.background = hoverColor;
         bgRef.current.style.transform = 'scale(1)';
@@ -130,7 +245,7 @@ var HoverFill = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
     }
   };
   var handleMouseLeave = function handleMouseLeave(e) {
-    var _window$odnHoverFillS7;
+    var _window$odnHoverFillS9;
     e.persist();
     if (disabled) {
       return;
@@ -139,9 +254,10 @@ var HoverFill = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
     if (root && e.relatedTarget instanceof Node && root.contains(e.relatedTarget)) {
       return;
     }
-    if ((_window$odnHoverFillS7 = window.odnHoverFillState) !== null && _window$odnHoverFillS7 !== void 0 && _window$odnHoverFillS7.timer) {
+    if ((_window$odnHoverFillS9 = window.odnHoverFillState) !== null && _window$odnHoverFillS9 !== void 0 && _window$odnHoverFillS9.timer) {
       clearTimeout(window.odnHoverFillState.timer);
     }
+    cancelPendingHandoff();
     if (onMouseLeave) {
       onMouseLeave(e);
     }
@@ -163,7 +279,7 @@ var HoverFill = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
         bgRef.current.style.transition = '0s';
       }
       setTimeout(function () {
-        var _window$odnHoverFillS8;
+        var _window$odnHoverFillS10;
         var clientX = e.clientX,
           clientY = e.clientY;
         var _root$getBoundingClie2 = root.getBoundingClientRect(),
@@ -187,7 +303,7 @@ var HoverFill = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
           bgRef.current.style.transform = 'scale(var(--odn-hoverfill-scale-start))';
           bgRef.current.style.transition = '';
         }
-        if (((_window$odnHoverFillS8 = window.odnHoverFillStateStack) === null || _window$odnHoverFillS8 === void 0 ? void 0 : _window$odnHoverFillS8.length) > 0) {
+        if (((_window$odnHoverFillS10 = window.odnHoverFillStateStack) === null || _window$odnHoverFillS10 === void 0 ? void 0 : _window$odnHoverFillS10.length) > 0) {
           window.odnHoverFillState = window.odnHoverFillStateStack.pop();
           window.odnHoverFillState.timer = 0;
         } else {
@@ -206,9 +322,29 @@ var HoverFill = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
   };
   var handleMouseUp = function handleMouseUp() {
     window.removeEventListener('mouseup', handleMouseUp, false);
-    if (window.odnHoverFillState.bgNode) {
-      window.odnHoverFillState.bgNode.style.background = window.odnHoverFillState.bgVisible ? hoverColor : 'transparent';
-    }
+    // 等 click 把选中态设上再决定回色，避免 6→2→4 闪一下
+    requestAnimationFrame(function () {
+      var _state$bgNode;
+      var state = window.odnHoverFillState;
+      var bg = (_state$bgNode = state === null || state === void 0 ? void 0 : state.bgNode) !== null && _state$bgNode !== void 0 ? _state$bgNode : bgRef.current;
+      if (disabledRef.current) {
+        resetBgInline(bg);
+        resetBgInline(bgRef.current);
+        if ((state === null || state === void 0 ? void 0 : state.bgNode) === bg || (state === null || state === void 0 ? void 0 : state.bgNode) === bgRef.current) {
+          clearHoverFillState();
+        }
+        return;
+      }
+      if (!bg) {
+        return;
+      }
+      var root = ref.current;
+      var hovering = Boolean(root === null || root === void 0 ? void 0 : root.matches(':hover'));
+      bg.style.background = hovering ? hoverColorRef.current : 'transparent';
+      if (!hovering && (state === null || state === void 0 ? void 0 : state.bgNode) === bg) {
+        state.bgVisible = false;
+      }
+    });
   };
   var handleMouseDown = function handleMouseDown(e) {
     e.persist();
@@ -249,6 +385,22 @@ var HoverFill = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
     }
     return observeResize(root, syncBgSize);
   }, [ref, syncBgSize]);
+  useLayoutEffect(function () {
+    if (!disabled) {
+      return;
+    }
+    cancelPendingHandoff();
+    resetBgInline(bgRef.current);
+    var state = window.odnHoverFillState;
+    var root = ref.current;
+    if (state !== null && state !== void 0 && state.bgVisible && root !== null && root !== void 0 && root.matches(':hover')) {
+      clearHoverFillState(true);
+      return;
+    }
+    if ((state === null || state === void 0 ? void 0 : state.bgNode) === bgRef.current || (state === null || state === void 0 ? void 0 : state.baseNode) === root) {
+      clearHoverFillState(true);
+    }
+  }, [disabled, ref]);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
     "data-odn-hover-fill": true,

package/dist/index.d.ts

@@ -57,8 +57,9 @@ export { default as AgentThink, type AgentThinkProps } from './agent-think';
 export { APPROVAL_DEFAULT_ACTIONS_HINT, default as Approval, type ApprovalDecision, type ApprovalProps, type ApprovalResolvePayload, type ApprovalSpec, type ApprovalSummaryItem, } from './approval';
 export { ARTIFACT_DEDICATED_FILE_ICON_TYPES, ARTIFACT_FILE_GLOW_COLORS, ARTIFACT_FILE_ICON_TYPES, default as Artifact, ArtifactFileIcon, getArtifactAction, getArtifactActionFromKind, getArtifactGlowColor, type ArtifactAction, type ArtifactActionKind, type ArtifactFileIconProps, type ArtifactFileIconSize, type ArtifactFileIconType, type ArtifactProps, type ArtifactSize, } from './artifact';
 export { default as Attachments, type AttachmentsProps } from './attachments';
-export { default as ChatItem, formatRelativeTime, type ChatItemProps, } from './chat-item';
-export { default as ChatList, matchChatListFilterStatus, matchChatListFilterTime, matchChatListFilterType, type ChatListFilterStatus, type ChatListFilterTime, type ChatListFilterType, type ChatListItem, type ChatListProps, } from './chat-list';
+export { CHAT_GROUP_PREVIEW_LIMIT, default as ChatGroup, type ChatGroupProps, } from './chat-group';
+export { default as ChatItem, formatRelativeTime, type ChatItemGroupOption, type ChatItemProps, } from './chat-item';
+export { CHAT_LIST_UNGROUPED_ID, default as ChatList, matchChatListFilterStatus, matchChatListFilterTime, matchChatListFilterType, type ChatListFilterStatus, type ChatListFilterTime, type ChatListFilterType, type ChatListGroup, type ChatListItem, type ChatListProps, } from './chat-list';
 export { CLARIFY_DOCK_MAX_OPTIONS, CLARIFY_DOCK_SKIPPED_LABEL, CLARIFY_DOCK_SKIPPED_VALUE, ClarifyDockPanel, ClarifyDockTrigger, clarifyDockLayoutId, parseClarifyBoundDate, toISODate, useClarifyDockState, type ClarifyDockAnswerItem, type ClarifyDockHostMessage, type ClarifyDockMessageState, type ClarifyDockPanelProps, type ClarifyDockQuestion, type ClarifyDockResolvePayload, type ClarifyDockSpec, type ClarifyDockState, type ClarifyDockTriggerProps, type ClarifyInput, type ClarifyOption, } from './clarify-dock';
 export { default as CodeBlock, type CodeBlockProps } from './code-block';
 export { default as Composer, type ComposerProps, type ComposerRef, type ComposerSkillSlotProps, type ComposerTool, type ComposerToolConfig, } from './composer';

package/dist/index.js

@@ -63,8 +63,9 @@ export { default as AgentThink } from "./agent-think";
 export { APPROVAL_DEFAULT_ACTIONS_HINT, default as Approval } from "./approval";
 export { ARTIFACT_DEDICATED_FILE_ICON_TYPES, ARTIFACT_FILE_GLOW_COLORS, ARTIFACT_FILE_ICON_TYPES, default as Artifact, ArtifactFileIcon, getArtifactAction, getArtifactActionFromKind, getArtifactGlowColor } from "./artifact";
 export { default as Attachments } from "./attachments";
+export { CHAT_GROUP_PREVIEW_LIMIT, default as ChatGroup } from "./chat-group";
 export { default as ChatItem, formatRelativeTime } from "./chat-item";
-export { default as ChatList, matchChatListFilterStatus, matchChatListFilterTime, matchChatListFilterType } from "./chat-list";
+export { CHAT_LIST_UNGROUPED_ID, default as ChatList, matchChatListFilterStatus, matchChatListFilterTime, matchChatListFilterType } from "./chat-list";
 export { CLARIFY_DOCK_MAX_OPTIONS, CLARIFY_DOCK_SKIPPED_LABEL, CLARIFY_DOCK_SKIPPED_VALUE, ClarifyDockPanel, ClarifyDockTrigger, clarifyDockLayoutId, parseClarifyBoundDate, toISODate, useClarifyDockState } from "./clarify-dock";
 export { default as CodeBlock } from "./code-block";
 export { default as Composer } from "./composer";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "one-design-next",
-  "version": "0.0.97",
+  "version": "0.0.99",
   "description": "One Design Next from TAD@tencent.com",
   "license": "MIT",
   "type": "module",
@@ -16,7 +16,7 @@
     "build": "father build && npm run build:styles",
     "build:benchmark": "node scripts/build-benchmark.mjs",
     "build:feedback": "node scripts/build-feedback.mjs",
-    "build:skills": "bash skills/build.sh",
+    "build:skills": "test -f skills/odn-design-ruyi/SKILL.md",
     "build:styles": "node scripts/build-styles.js",
     "build:variables": "node scripts/build-variables.js",
     "build:watch": "father dev",