one-design-next 0.0.52 → 0.0.54

package/dist/clarify-dock/auto-height.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface AutoHeightProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * `bottom`：高度变化时底边锚定（Dock 贴 Composer 上方用）。
+     * `top`：默认，消息流内 Card 用。
+     */
+    anchor?: 'top' | 'bottom';
+    /**
+     * 内容身份键（如翻页 page）。
+     * 变化时走旧题渐隐 → 新题渐现；有高度差时同步高度。
+     */
+    contentKey?: React.Key;
+}
+/**
+ * 只动画「题面内容」的高度与透明度；卡面描边应由外层稳定承载，勿把整卡塞进来做 opacity。
+ */
+export declare function AutoHeight({ children, anchor, contentKey, style, ...props }: AutoHeightProps): React.JSX.Element;

package/dist/clarify-dock/auto-height.js

@@ -0,0 +1,225 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "anchor", "contentKey", "style"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useLayoutEffect, useRef, useState } from 'react';
+
+/**
+ * 翻页（contentKey 变化）：
+ *   旧题渐隐 → 新题渐现（不交叉，避免半透明叠字）
+ *   有高度差时，高度与整段同起同止；等高则只做显隐。
+ */
+var FADE_OUT_MS = 140;
+var FADE_IN_MS = 180;
+var HEIGHT_MS = FADE_OUT_MS + FADE_IN_MS;
+var FADE_IN_DELAY_MS = FADE_OUT_MS;
+var TOTAL_MS = HEIGHT_MS;
+var HEIGHT_EPS = 0.5;
+var EASING = 'ease-in-out';
+/**
+ * 只动画「题面内容」的高度与透明度；卡面描边应由外层稳定承载，勿把整卡塞进来做 opacity。
+ */
+export function AutoHeight(_ref) {
+  var children = _ref.children,
+    _ref$anchor = _ref.anchor,
+    anchor = _ref$anchor === void 0 ? 'top' : _ref$anchor,
+    contentKey = _ref.contentKey,
+    style = _ref.style,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var outerRef = useRef(null);
+  var currentRef = useRef(null);
+  var outgoingRef = useRef(null);
+  var readyRef = useRef(false);
+  var animatingRef = useRef(false);
+  var heightRef = useRef(0);
+  var prevKeyRef = useRef(contentKey);
+  var prevChildrenRef = useRef(children);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    outgoing = _useState2[0],
+    setOutgoing = _useState2[1];
+  var finishHeight = function finishHeight(outer, h) {
+    heightRef.current = h;
+    outer.style.transition = '';
+    outer.style.height = "".concat(h, "px");
+  };
+  var runHeightOnly = function runHeightOnly(outer, start, target) {
+    if (Math.abs(start - target) < HEIGHT_EPS) {
+      animatingRef.current = false;
+      finishHeight(outer, target);
+      return;
+    }
+    animatingRef.current = true;
+    outer.style.transition = '';
+    outer.style.height = "".concat(start, "px");
+    void outer.offsetHeight;
+    outer.style.transition = "height ".concat(HEIGHT_MS, "ms ").concat(EASING);
+    outer.style.height = "".concat(target, "px");
+  };
+  useLayoutEffect(function () {
+    var outer = outerRef.current;
+    var current = currentRef.current;
+    if (!outer || !current) return;
+    var measure = function measure() {
+      return current.getBoundingClientRect().height;
+    };
+    var onTransitionEnd = function onTransitionEnd(e) {
+      if (e.target !== outer || e.propertyName !== 'height') return;
+      if (outgoing != null) return;
+      animatingRef.current = false;
+      finishHeight(outer, measure());
+    };
+    outer.addEventListener('transitionend', onTransitionEnd);
+    if (!readyRef.current) {
+      var h = measure();
+      outer.style.height = "".concat(h, "px");
+      heightRef.current = h;
+      readyRef.current = true;
+      prevKeyRef.current = contentKey;
+      prevChildrenRef.current = children;
+      return function () {
+        return outer.removeEventListener('transitionend', onTransitionEnd);
+      };
+    }
+    var keyChanged = contentKey !== undefined && prevKeyRef.current !== contentKey;
+    if (keyChanged) {
+      var oldChildren = prevChildrenRef.current;
+      prevKeyRef.current = contentKey;
+      prevChildrenRef.current = children;
+      /* 等高 / 不等高都走渐隐渐现；高度差在 outgoing 阶段再处理 */
+      setOutgoing(oldChildren);
+      return function () {
+        return outer.removeEventListener('transitionend', onTransitionEnd);
+      };
+    }
+    prevChildrenRef.current = children;
+    if (outgoing != null || animatingRef.current) {
+      return function () {
+        return outer.removeEventListener('transitionend', onTransitionEnd);
+      };
+    }
+    runHeightOnly(outer, heightRef.current, measure());
+    return function () {
+      return outer.removeEventListener('transitionend', onTransitionEnd);
+    };
+  }, [children, contentKey, outgoing]);
+
+  /**
+   * 旧题先隐尽，再显新题——中间不交叉半透明，避免叠字鬼影。
+   * 有高度差时高度整段同步；等高只做显隐。旧层用不透明底盖住下层。
+   */
+  useLayoutEffect(function () {
+    if (outgoing == null) return;
+    var outer = outerRef.current;
+    var current = currentRef.current;
+    var outEl = outgoingRef.current;
+    if (!outer || !current) return;
+    var start = heightRef.current;
+    var target = current.getBoundingClientRect().height;
+    var heightChanged = Math.abs(start - target) >= HEIGHT_EPS;
+    animatingRef.current = true;
+    outer.style.transition = '';
+    outer.style.height = "".concat(start, "px");
+    current.style.transition = 'none';
+    current.style.opacity = '0';
+    if (outEl) {
+      outEl.style.transition = 'none';
+      outEl.style.opacity = '1';
+    }
+    void outer.offsetHeight;
+    if (heightChanged) {
+      outer.style.transition = "height ".concat(HEIGHT_MS, "ms ").concat(EASING);
+      outer.style.height = "".concat(target, "px");
+    }
+    if (outEl) {
+      outEl.style.transition = "opacity ".concat(FADE_OUT_MS, "ms ").concat(EASING);
+      outEl.style.opacity = '0';
+    }
+    var fadeInTimer = window.setTimeout(function () {
+      if (outEl) {
+        outEl.style.visibility = 'hidden';
+      }
+      current.style.transition = "opacity ".concat(FADE_IN_MS, "ms ").concat(EASING);
+      current.style.opacity = '1';
+    }, FADE_IN_DELAY_MS);
+    var doneTimer = window.setTimeout(function () {
+      setOutgoing(null);
+      animatingRef.current = false;
+      finishHeight(outer, current.getBoundingClientRect().height);
+      current.style.transition = '';
+      current.style.opacity = '1';
+      if (outEl) {
+        outEl.style.transition = '';
+        outEl.style.opacity = '';
+        outEl.style.visibility = '';
+      }
+    }, TOTAL_MS);
+    return function () {
+      window.clearTimeout(fadeInTimer);
+      window.clearTimeout(doneTimer);
+    };
+  }, [outgoing]);
+  useLayoutEffect(function () {
+    var current = currentRef.current;
+    var outer = outerRef.current;
+    if (!current || !outer || typeof ResizeObserver === 'undefined') return;
+    var onTransitionEnd = function onTransitionEnd(e) {
+      if (e.target !== outer || e.propertyName !== 'height') return;
+      if (outgoing != null) return;
+      animatingRef.current = false;
+      finishHeight(outer, current.getBoundingClientRect().height);
+    };
+    outer.addEventListener('transitionend', onTransitionEnd);
+    var ro = new ResizeObserver(function () {
+      if (animatingRef.current || outgoing != null) return;
+      if (!readyRef.current) return;
+      var target = current.getBoundingClientRect().height;
+      var start = heightRef.current;
+      if (Math.abs(start - target) < HEIGHT_EPS) return;
+      runHeightOnly(outer, start, target);
+    });
+    ro.observe(current);
+    return function () {
+      ro.disconnect();
+      outer.removeEventListener('transitionend', onTransitionEnd);
+    };
+  }, [outgoing]);
+  var pin = anchor === 'bottom' ? 'bottom' : 'top';
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: outerRef,
+    "data-odn-clarify-auto-height": true,
+    "data-anchor": anchor,
+    style: _objectSpread({
+      overflow: 'hidden',
+      position: 'relative',
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: anchor === 'bottom' ? 'flex-end' : 'flex-start',
+      background: 'transparent'
+    }, style)
+  }, props), outgoing != null ? /*#__PURE__*/React.createElement("div", {
+    ref: outgoingRef,
+    "data-odn-clarify-auto-height-outgoing": true,
+    "aria-hidden": true,
+    style: _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      position: 'absolute',
+      left: 0,
+      right: 0
+    }, pin, 0), "pointerEvents", 'none'), "background", 'var(--odn-color-bg-elevated)'), "zIndex", 1)
+  }, outgoing) : null, /*#__PURE__*/React.createElement("div", {
+    ref: currentRef,
+    "data-odn-clarify-auto-height-inner": true
+  }, children));
+}

package/dist/clarify-dock/index.d.ts

@@ -1,12 +1,19 @@
 import * as React from 'react';
 import type { ClarifyInput } from './types';
 import './style';
+/** @deprecated 仅兼容旧 Host；上移 morph 已改为 FLIP，不再需要 layoutId / LayoutGroup。 */
+export declare function clarifyDockLayoutId(msgId: string): string;
 export type { ClarifyInput, ClarifyOption } from './types';
 export interface ClarifyDockQuestion {
     key: string;
     /** 题面文案。 */
     label: string;
     input: ClarifyInput;
+    /**
+     * 是否允许跳过；默认 true。
+     * 跳过后由 AI 按默认继续，UI 不展示具体默认值。
+     */
+    skippable?: boolean;
 }
 export interface ClarifyDockSpec {
     title?: string;
@@ -22,9 +29,14 @@ export interface ClarifyDockAnswerItem {
 }
 export interface ClarifyDockResolvePayload {
     text: string;
+    /** 跳过题的值为 {@link CLARIFY_DOCK_SKIPPED_VALUE}，由 Host/模型填默认。 */
     data: Record<string, string | string[]>;
     items: ClarifyDockAnswerItem[];
 }
+/** 锁态 / 回看提示：跳过题统一文案（不展示 AI 默认选项）。 */
+export declare const CLARIFY_DOCK_SKIPPED_LABEL = "\u5DF2\u8DF3\u8FC7\uFF0C\u6309\u9ED8\u8BA4\u9009\u9879\u7EE7\u7EED";
+/** data[key] 哨兵：表示本题跳过，默认由模型侧决定。 */
+export declare const CLARIFY_DOCK_SKIPPED_VALUE = "__skipped__";
 /** Host 消息最小形状——hook 只认 assistant + clarify-dock instance。 */
 export interface ClarifyDockHostMessage {
     id: string;
@@ -37,8 +49,15 @@ export interface ClarifyDockHostMessage {
 export interface ClarifyDockTriggerProps {
     /** 已确认的题→答列表；有值则进入锁态。 */
     items?: ClarifyDockAnswerItem[];
+    /**
+     * 传 `false` 关闭 dock→锁态上移 morph。
+     * 字符串值已忽略（morph 按 msgId FLIP，不再使用 Motion layoutId）。
+     */
+    layoutId?: string | false;
+    /** 与 Panel 的 msgId 对齐，用于领取提交瞬间 stash 的矩形。 */
+    msgId?: string;
 }
-export declare function ClarifyDockTrigger({ items }: ClarifyDockTriggerProps): React.JSX.Element | null;
+export declare function ClarifyDockTrigger({ items, layoutId: layoutIdProp, msgId, }: ClarifyDockTriggerProps): React.JSX.Element | null;
 export declare namespace ClarifyDockTrigger {
     var displayName: string;
 }
@@ -51,8 +70,13 @@ export interface ClarifyDockPanelProps {
     msgId: string;
     spec: ClarifyDockSpec;
     onResolve: (payload: ClarifyDockResolvePayload) => void;
+    /**
+     * 传 `false` 关闭 dock→锁态上移 morph。
+     * 字符串值已忽略（按 msgId stash 矩形，不再使用 Motion layoutId）。
+     */
+    layoutId?: string | false;
 }
-export declare function ClarifyDockPanel({ msgId, spec, onResolve }: ClarifyDockPanelProps): React.JSX.Element;
+export declare function ClarifyDockPanel({ msgId, spec, onResolve, layoutId: layoutIdProp, }: ClarifyDockPanelProps): React.JSX.Element;
 export declare namespace ClarifyDockPanel {
     var displayName: string;
 }

package/dist/clarify-dock/index.js

@@ -14,8 +14,9 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useReducedMotion } from 'motion/react';
 import * as React from 'react';
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import Button from "../button";
 import DatePicker from "../date-picker";
 import DateRangePicker from "../date-range-picker";
@@ -23,9 +24,18 @@ import HoverFill from "../hover-fill";
 import Icon from "../icon";
 import Input from "../input";
 import Pagination from "../pagination";
+import { AutoHeight } from "./auto-height";
+import { discardClarifyDockMorph, stashClarifyDockMorph, takeClarifyDockMorph } from "./morph-handoff";
 import { toISODate } from "./types";
 import "./style";
 
+/** @deprecated 仅兼容旧 Host；上移 morph 已改为 FLIP，不再需要 layoutId / LayoutGroup。 */
+export function clarifyDockLayoutId(msgId) {
+  return "clarify-dock-".concat(msgId);
+}
+var MORPH_MS = 320;
+var MORPH_EASING = 'cubic-bezier(0.22, 1, 0.36, 1)';
+
 /* ------------------------------------------------------------------ */
 /*  ClarifyDock                                                        */
 /* ------------------------------------------------------------------ */
@@ -38,12 +48,19 @@ import "./style";
  *   - <ClarifyDockPanel />：多题分页 form 面板
  *   - useClarifyDockState(messages)：派生 pending / answered
  *
- * 多题节奏：一次只问一题；底栏左 Pagination simple（仅页码），右「上一题 / 下一题|确认」。
- * 全部必答。单选 / 多选末项「其他」由 allowOther 注入。
+ * 多题节奏：一次只问一题；底栏左 Pagination simple（含翻页），右「跳过本题 / 下一题|确认」。
+ * 每题必答或跳过；跳过由 AI 侧填默认，UI 不展示默认值。单选 / 多选末项「其他」由 allowOther 注入。
+ * 提交锁态：Panel 提交前 stash 视口矩形，Trigger 挂载时 FLIP 上移（不碰 layoutId，避免弄坏翻页/展开）。
  */
 
 /** 整卷提交：自然语言摘要 + 结构化 data + 锁态小票行。 */
 
+/** 锁态 / 回看提示：跳过题统一文案（不展示 AI 默认选项）。 */
+export var CLARIFY_DOCK_SKIPPED_LABEL = '已跳过，按默认选项继续';
+
+/** data[key] 哨兵：表示本题跳过，默认由模型侧决定。 */
+export var CLARIFY_DOCK_SKIPPED_VALUE = '__skipped__';
+
 /** Host 消息最小形状——hook 只认 assistant + clarify-dock instance。 */
 
 /* ================================================================== */
@@ -56,7 +73,14 @@ function formatLockedLine(label, answer) {
   return "".concat(stem, "\uFF1A").concat(answer);
 }
 export function ClarifyDockTrigger(_ref) {
-  var items = _ref.items;
+  var items = _ref.items,
+    layoutIdProp = _ref.layoutId,
+    msgId = _ref.msgId;
+  var reduceMotion = useReducedMotion();
+  var rootRef = useRef(null);
+  /* Strict Mode 双调用时保留第一次 take 的矩形 */
+  var morphFromRef = useRef(undefined);
+  var morphDisabled = layoutIdProp === false;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     expanded = _useState2[0],
@@ -78,6 +102,51 @@ export function ClarifyDockTrigger(_ref) {
       return window.clearTimeout(id);
     };
   }, [expanded]);
+
+  /* dock→锁态：用提交前 stash 的视口矩形做 FLIP，不影响展开/收合 CSS */
+  useLayoutEffect(function () {
+    if (!msgId || !(items !== null && items !== void 0 && items.length)) return;
+    if (morphDisabled || reduceMotion) {
+      discardClarifyDockMorph(msgId);
+      morphFromRef.current = null;
+      return;
+    }
+    var el = rootRef.current;
+    /* 必须先有 DOM 再 take，避免锁态未挂载时把 stash 吃掉 */
+    if (!el) return;
+    if (morphFromRef.current === undefined) {
+      morphFromRef.current = takeClarifyDockMorph(msgId);
+    }
+    var from = morphFromRef.current;
+    if (!from) return;
+    var to = el.getBoundingClientRect();
+    /* 只平移，绝不 scale——避免文字/控件被挤压拉伸 */
+    var dx = from.left + from.width / 2 - (to.left + to.width / 2);
+    var dy = from.top - to.top;
+    if (Math.abs(dx) < 0.5 && Math.abs(dy) < 0.5) return;
+    el.style.zIndex = '30';
+    el.style.willChange = 'transform';
+    var anim = el.animate([{
+      transform: "translate(".concat(dx, "px, ").concat(dy, "px)")
+    }, {
+      transform: 'translate(0px, 0px)'
+    }], {
+      duration: MORPH_MS,
+      easing: MORPH_EASING,
+      fill: 'both'
+    });
+    var clear = function clear() {
+      el.style.zIndex = '';
+      el.style.willChange = '';
+      el.style.transform = '';
+    };
+    anim.addEventListener('finish', clear);
+    anim.addEventListener('cancel', clear);
+    return function () {
+      anim.cancel();
+      clear();
+    };
+  }, [msgId, morphDisabled, reduceMotion, items]);
   if (!items || items.length === 0) return null;
   var multi = items.length > 1;
   var mainLabel = multi ? "\u5DF2\u786E\u8BA4 ".concat(items.length, " \u9898") : formatLockedLine(items[0].label, items[0].answer);
@@ -92,6 +161,7 @@ export function ClarifyDockTrigger(_ref) {
     });
   };
   return /*#__PURE__*/React.createElement("div", {
+    ref: rootRef,
     "data-odn-clarify-dock-locked": true,
     "data-resolved": true,
     "data-summary-expanded": expanded ? '' : undefined
@@ -157,7 +227,10 @@ var LETTER_BADGES = ['A', 'B', 'C', 'D', 'E'];
 export function ClarifyDockPanel(_ref2) {
   var msgId = _ref2.msgId,
     spec = _ref2.spec,
-    onResolve = _ref2.onResolve;
+    onResolve = _ref2.onResolve,
+    layoutIdProp = _ref2.layoutId;
+  var reduceMotion = useReducedMotion();
+  var rootRef = useRef(null);
   var total = spec.questions.length;
   var _useState5 = useState(0),
     _useState6 = _slicedToArray(_useState5, 2),
@@ -211,8 +284,11 @@ export function ClarifyDockPanel(_ref2) {
       return copy;
     });
   };
+  var isSkipped = (answer === null || answer === void 0 ? void 0 : answer.kind) === 'skipped';
+  var skippable = question.skippable !== false;
   var canAdvance = useMemo(function () {
     if (!answer) return false;
+    if (answer.kind === 'skipped') return true;
     switch (answer.kind) {
       case 'options':
         if (answer.value === OTHER_VALUE) return otherDraft.trim().length > 0;
@@ -235,10 +311,19 @@ export function ClarifyDockPanel(_ref2) {
     }
   }, [answer, otherDraft]);
   var isLastPage = page === total - 1;
-  var isFirstPage = page === 0;
+
+  /** 末题确认：其余题均已答或已跳。 */
+  var canConfirmAll = useMemo(function () {
+    if (!canAdvance) return false;
+    return answers.every(function (a, i) {
+      return i === page ? true : a != null;
+    });
+  }, [answers, canAdvance, page]);
   var formatAnswer = function formatAnswer(q, ans) {
     if (!ans) return '（未答）';
     switch (ans.kind) {
+      case 'skipped':
+        return CLARIFY_DOCK_SKIPPED_LABEL;
       case 'options':
         {
           var _ans$otherText;
@@ -334,6 +419,9 @@ export function ClarifyDockPanel(_ref2) {
         case 'date-range':
           data[q.key] = "".concat(a.start, "~").concat(a.end);
           break;
+        case 'skipped':
+          data[q.key] = CLARIFY_DOCK_SKIPPED_VALUE;
+          break;
       }
     });
     var items = spec.questions.map(function (q, i) {
@@ -346,32 +434,82 @@ export function ClarifyDockPanel(_ref2) {
     var text = items.map(function (it) {
       return formatLockedLine(it.label, it.answer);
     }).join('；');
-    onResolve({
+    var payload = {
       text: text,
       data: data,
       items: items
-    });
+    };
+    /* 提交前记下 Panel 视口矩形；Trigger 挂载后 FLIP 上移（不走 layoutId） */
+    if (layoutIdProp !== false && !reduceMotion && rootRef.current) {
+      stashClarifyDockMorph(msgId, rootRef.current);
+    }
+    onResolve(payload);
+  };
+  var goToPage = function goToPage(nextPage, nextAnswers) {
+    if (nextAnswers) setAnswers(nextAnswers);
+    setPage(Math.max(0, Math.min(nextPage, total - 1)));
   };
   var handleContinue = function handleContinue() {
     if (!canAdvance) return;
     var synced = syncCurrentDraftIntoAnswers();
     setAnswers(synced);
-    if (isLastPage) submit(synced);else setPage(function (p) {
-      return Math.min(p + 1, total - 1);
-    });
+    if (isLastPage) {
+      if (!synced.every(function (a) {
+        return a != null;
+      })) {
+        var firstIncomplete = synced.findIndex(function (a) {
+          return a == null;
+        });
+        if (firstIncomplete >= 0) goToPage(firstIncomplete, synced);
+        return;
+      }
+      submit(synced);
+      return;
+    }
+    goToPage(page + 1, synced);
   };
-  var handlePrev = function handlePrev() {
-    if (isFirstPage) return;
+  var handleSkip = function handleSkip() {
+    if (!skippable || isSkipped) return;
     var synced = syncCurrentDraftIntoAnswers();
-    setAnswers(synced);
-    setPage(function (p) {
-      return Math.max(0, p - 1);
+    var next = _toConsumableArray(synced);
+    next[page] = {
+      kind: 'skipped'
+    };
+    setOtherDraft('');
+    setDateDraft(null);
+    setDateRangeDraft(null);
+    /* 不按顺序跳过：任意一题跳过后若已全部有值（含已跳），直接提交 */
+    if (next.every(function (a) {
+      return a != null;
+    })) {
+      setAnswers(next);
+      submit(next);
+      return;
+    }
+    var firstIncomplete = next.findIndex(function (a) {
+      return a == null;
     });
+    goToPage(firstIncomplete >= 0 ? firstIncomplete : page, next);
+  };
+  var handleResume = function handleResume() {
+    if (!isSkipped) return;
+    setAnswerForPage(undefined);
+    setOtherDraft('');
+    setDateDraft(null);
+    setDateRangeDraft(null);
+  };
+  var handlePageChange = function handlePageChange(_e, value) {
+    var synced = syncCurrentDraftIntoAnswers();
+    goToPage(value - 1, synced);
   };
   return /*#__PURE__*/React.createElement("div", {
+    ref: rootRef,
     "data-odn-clarify-dock": true,
     "data-odn-clarify-msg-id": msgId,
     "aria-label": "\u6F84\u6E05\u95EE\u9898 ".concat(page + 1, " / ").concat(total)
+  }, /*#__PURE__*/React.createElement(AutoHeight, {
+    anchor: "bottom",
+    contentKey: page
   }, /*#__PURE__*/React.createElement("div", {
     "data-odn-clarify-dock-body": true
   }, spec.title ? /*#__PURE__*/React.createElement("div", {
@@ -390,9 +528,15 @@ export function ClarifyDockPanel(_ref2) {
     "data-odn-clarify-dock-q-hint": true
   }, "\u5355\u9009") : input.kind === 'options-multi' ? /*#__PURE__*/React.createElement("span", {
     "data-odn-clarify-dock-q-hint": true
-  }, "\u53EF\u591A\u9009") : null), /*#__PURE__*/React.createElement(QuestionInput, {
+  }, "\u53EF\u591A\u9009") : null), /*#__PURE__*/React.createElement("div", {
+    "data-odn-clarify-dock-input-shell": true,
+    "data-skipped": isSkipped ? '' : undefined
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-odn-clarify-dock-input-layer": true,
+    "aria-hidden": isSkipped
+  }, /*#__PURE__*/React.createElement(QuestionInput, {
     input: input,
-    answer: answer,
+    answer: isSkipped ? undefined : answer,
     otherDraft: otherDraft,
     dateDraft: dateDraft,
     dateRangeDraft: dateRangeDraft,
@@ -453,27 +597,38 @@ export function ClarifyDockPanel(_ref2) {
         otherText: otherDraft
       });
     }
-  }))), /*#__PURE__*/React.createElement("div", {
+  })), isSkipped ? /*#__PURE__*/React.createElement("div", {
+    "data-odn-clarify-dock-skipped-mask": true
+  }, /*#__PURE__*/React.createElement("p", {
+    "data-odn-clarify-dock-skipped-label": true
+  }, CLARIFY_DOCK_SKIPPED_LABEL), /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    intent: "normal",
+    onClick: handleResume,
+    "data-odn-clarify-dock-resume": true
+  }, "\u91CD\u65B0\u56DE\u7B54")) : null)))), /*#__PURE__*/React.createElement("div", {
     "data-odn-clarify-dock-actions": true
   }, total > 1 ? /*#__PURE__*/React.createElement(Pagination, {
     type: "simple",
     value: page + 1,
     totalSize: total,
     pageSize: 1,
-    showPrevNext: false,
+    showPrevNext: true,
     showFirstLast: false,
+    onChange: handlePageChange,
     "data-odn-clarify-dock-page-indicator": true
   }) : /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("div", {
     "data-odn-clarify-dock-actions-right": true
-  }, !isFirstPage ? /*#__PURE__*/React.createElement(Button, {
+  }, skippable && !isSkipped ? /*#__PURE__*/React.createElement(Button, {
     size: "small",
     intent: "normal",
-    onClick: handlePrev
-  }, "\u4E0A\u4E00\u9898") : null, /*#__PURE__*/React.createElement(Button, {
+    onClick: handleSkip,
+    "data-odn-clarify-dock-skip": true
+  }, "\u8DF3\u8FC7\u672C\u9898") : null, /*#__PURE__*/React.createElement(Button, {
     intent: "primary",
     size: "small",
     onClick: handleContinue,
-    disabled: !canAdvance,
+    disabled: isLastPage ? !canConfirmAll : !canAdvance,
     "data-odn-clarify-dock-continue": true
   }, isLastPage ? '确认' : '下一题'))));
 }

package/dist/clarify-dock/morph-handoff.d.ts

@@ -0,0 +1,10 @@
+/** dock → 锁态 FLIP：提交前把 Panel 视口矩形交给 Trigger，不依赖 Motion layoutId。 */
+export interface ClarifyDockMorphRect {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}
+export declare function stashClarifyDockMorph(msgId: string, el: Element): void;
+export declare function takeClarifyDockMorph(msgId: string): ClarifyDockMorphRect | null;
+export declare function discardClarifyDockMorph(msgId: string): void;

package/dist/clarify-dock/morph-handoff.js

@@ -0,0 +1,21 @@
+/** dock → 锁态 FLIP：提交前把 Panel 视口矩形交给 Trigger，不依赖 Motion layoutId。 */
+
+var pending = new Map();
+export function stashClarifyDockMorph(msgId, el) {
+  var r = el.getBoundingClientRect();
+  pending.set(msgId, {
+    top: r.top,
+    left: r.left,
+    width: r.width,
+    height: r.height
+  });
+}
+export function takeClarifyDockMorph(msgId) {
+  var _pending$get;
+  var r = (_pending$get = pending.get(msgId)) !== null && _pending$get !== void 0 ? _pending$get : null;
+  if (r) pending.delete(msgId);
+  return r;
+}
+export function discardClarifyDockMorph(msgId) {
+  pending.delete(msgId);
+}

package/dist/clarify-dock/style/index.css

@@ -24,8 +24,16 @@ div[data-odn-clarify-dock] {
   outline: none;
 }
 
-/* body：标题 + 题面内容（对应 approval-body） */
-div[data-odn-clarify-dock] > [data-odn-clarify-dock-body] {
+/*
+ * AutoHeight 已 overflow:hidden；补上顶圆角，裁切翻页旧层不透明底，
+ * 避免直角白底戳出 Panel 圆角（Panel 本身不能 overflow:hidden，以免裁切 DatePicker）。
+ */
+div[data-odn-clarify-dock] > [data-odn-clarify-auto-height] {
+  border-radius: 12px 12px 0 0;
+}
+
+/* body：标题 + 题面内容（对应 approval-body）；中间可隔 AutoHeight */
+div[data-odn-clarify-dock] [data-odn-clarify-dock-body] {
   display: flex;
   flex-direction: column;
   gap: 12px;
@@ -533,4 +541,43 @@ div[data-odn-clarify-dock] > [data-odn-clarify-dock-body] {
 }
 [data-odn-clarify-dock-input-row] > [data-odn-button] {
   flex: 0 0 auto;
+}
+
+/* ---------- 跳过态：任意录入形态共用蒙层 +「重新回答」 ---------- */
+[data-odn-clarify-dock-input-shell] {
+  position: relative;
+}
+
+/* 仅跳过蒙层需要占位；勿抬高 date 等单行录入的底空隙 */
+[data-odn-clarify-dock-input-shell][data-skipped] {
+  min-height: 48px;
+}
+
+[data-odn-clarify-dock-input-shell][data-skipped] [data-odn-clarify-dock-input-layer] {
+  opacity: 0.35;
+  pointer-events: none;
+  user-select: none;
+}
+
+[data-odn-clarify-dock-skipped-mask] {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  box-sizing: border-box;
+  padding: 12px;
+  border-radius: 6px;
+  background: color-mix(in srgb, var(--odn-color-white) 58%, transparent);
+}
+
+[data-odn-clarify-dock-skipped-label] {
+  margin: 0;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--odn-color-black-9);
+  text-align: center;
 }

package/dist/index.d.ts

@@ -57,7 +57,7 @@ export { default as ActionBar, type ActionBarProps } from './action-bar';
 export { default as AgentStep, type AgentStepProps, type AgentStepGroupProps } from './agent-step';
 export { default as AgentThink, type AgentThinkProps } from './agent-think';
 export { default as Approval, type ApprovalProps, type ApprovalSpec, type ApprovalDecision, type ApprovalResolvePayload, type ApprovalSummaryItem, } from './approval';
-export { ClarifyDockPanel, ClarifyDockTrigger, useClarifyDockState, CLARIFY_DOCK_MAX_OPTIONS, type ClarifyDockPanelProps, type ClarifyDockTriggerProps, type ClarifyDockSpec, type ClarifyDockQuestion, type ClarifyDockAnswerItem, type ClarifyDockResolvePayload, type ClarifyDockMessageState, type ClarifyDockState, type ClarifyDockHostMessage, type ClarifyInput, type ClarifyOption, } from './clarify-dock';
+export { ClarifyDockPanel, ClarifyDockTrigger, useClarifyDockState, clarifyDockLayoutId, CLARIFY_DOCK_MAX_OPTIONS, CLARIFY_DOCK_SKIPPED_LABEL, CLARIFY_DOCK_SKIPPED_VALUE, type ClarifyDockPanelProps, type ClarifyDockTriggerProps, type ClarifyDockSpec, type ClarifyDockQuestion, type ClarifyDockAnswerItem, type ClarifyDockResolvePayload, type ClarifyDockMessageState, type ClarifyDockState, type ClarifyDockHostMessage, type ClarifyInput, type ClarifyOption, } from './clarify-dock';
 export { default as Artifact, type ArtifactProps } from './artifact';
 export { default as Attachments, type AttachmentsProps } from './attachments';
 export { default as CodeBlock, type CodeBlockProps } from './code-block';

package/dist/index.js

@@ -63,7 +63,7 @@ export { default as ActionBar } from "./action-bar";
 export { default as AgentStep } from "./agent-step";
 export { default as AgentThink } from "./agent-think";
 export { default as Approval } from "./approval";
-export { ClarifyDockPanel, ClarifyDockTrigger, useClarifyDockState, CLARIFY_DOCK_MAX_OPTIONS } from "./clarify-dock";
+export { ClarifyDockPanel, ClarifyDockTrigger, useClarifyDockState, clarifyDockLayoutId, CLARIFY_DOCK_MAX_OPTIONS, CLARIFY_DOCK_SKIPPED_LABEL, CLARIFY_DOCK_SKIPPED_VALUE } from "./clarify-dock";
 export { default as Artifact } from "./artifact";
 export { default as Attachments } from "./attachments";
 export { default as CodeBlock } from "./code-block";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "one-design-next",
-  "version": "0.0.52",
+  "version": "0.0.54",
   "description": "One Design Next from TAD@tencent.com",
   "packageManager": "pnpm@11.8.0",
   "module": "dist/index.js",