dsh-auto-collapse 0.1.3 → 0.1.4

package/lib/client.js

@@ -5,6 +5,12 @@ var __dshcfBundle = (() => {
   var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
   var __getOwnPropNames = Object.getOwnPropertyNames;
   var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+    get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+  }) : x)(function(x) {
+    if (typeof require !== "undefined") return require.apply(this, arguments);
+    throw Error('Dynamic require of "' + x + '" is not supported');
+  });
   var __export = (target, all) => {
     for (var name2 in all)
       __defProp(target, name2, { get: all[name2], enumerable: true });
@@ -29,6 +35,9 @@ var __dshcfBundle = (() => {
 
   // src/fold.ts
   var STYLE_ID = "dshcf-style";
+  var DEFAULT_STATUS_TEXT = "Deep sleeping...";
+  var ANIM_DURATION_MS = 180;
+  var ANIM_EASING = "ease-out";
   var TOOL_LABELS = {
     bash: "Bash",
     pwsh: "Pwsh",
@@ -68,6 +77,12 @@ var __dshcfBundle = (() => {
   text-align: left;
   cursor: pointer;
   user-select: none;
+  /* \u5C55\u5F00\u6001\u8865\u7684 margin-bottom 16px \u7531 aria-expanded/has-body \u7FFB\u8F6C\u9A71\u52A8\uFF0C
+     \u4E00\u5E27\u77AC\u5F00\uFF08\u4E0E\u4E09\u7EA7\u884C display \u7FFB\u8F6C\u540C pass \u540C\u5E27\uFF0C\u65E0\u4E0B\u63A8\uFF09\uFF1B\u6536\u8D77\u65B9\u5411
+     \u7531 JS \u4FA7\u9489\u4F4F\u95F4\u8DDD\uFF08\u6536\u8D77 fade \u671F\u95F4\u5185\u8054 16px\uFF0C\u6700\u540E\u4E00\u6761\u5728\u9014\u6E10\u9690 settle
+     \u540E\u5F52\u96F6\uFF0C\u89C1 reconcileBlock / hasPendingCollapse\uFF09\u3002\u4E0D\u8BBE CSS transition
+     \u2014\u2014v13 \u7684\u8FC7\u6E21\u4E0E chip \u5143\u7D20\u751F\u547D\u5468\u671F\u968F\u673A\u4EA4\u4E92\uFF0C\u4EA7\u751F\u5C55\u5F00\u65B9\u5411\u53CC\u91CD\u4EBA\u683C
+     \uFF08\u590D\u7528\u5143\u7D20\u7F13\u52A8\u4E0B\u63A8\u4E09\u7EA7\u884C vs \u65B0\u5EFA\u5143\u7D20\u77AC\u5F00\uFF09\uFF0C\u540C\u7C7B\u578B\u5757\u4E0D\u4E00\u81F4\u3002 */
 }
 .dshcf-chip[aria-expanded="true"],
 .dshcf-chip.dshcf-has-body {
@@ -328,7 +343,7 @@ var __dshcfBundle = (() => {
 }
 `;
   var FoldController = class {
-    constructor() {
+    constructor(statusTextProvider2) {
       this.observer = null;
       this.raf = 0;
       this.timer = 0;
@@ -351,18 +366,45 @@ var __dshcfBundle = (() => {
       this.segmentStates = /* @__PURE__ */ new Map();
       /** segment 首次观察到 running 的时间，用于没有官方时长的实时回合。 */
       this.runningSince = /* @__PURE__ */ new Map();
+      /** 曾完成过的 segment key：段恢复运行时据此重开本地计时，防止重新结算
+       * 的本地时长吞掉完成间隙。 */
+      this.completedOnce = /* @__PURE__ */ new Set();
       /** 插件改写 display 前的精确原值；受控集合用于分类漂移和 stop() 恢复。 */
       this.originalDisplay = /* @__PURE__ */ new WeakMap();
       this.controlledDisplay = /* @__PURE__ */ new Set();
-      /** 被改写为 Deep sleeping 的原生状态文本，卸载时按节点恢复。 */
+      /** 被改写为状态提示词的原生状态文本，卸载时按节点恢复。 */
+      /** 被改写为状态提示词的原生状态文本：original = 宿主原文（卸载还原用），
+       * written = 插件最后一次写入的值（仅当节点仍等于它时才还原，避免覆盖
+       * 宿主在插件写入之后的状态更新）。 */
       this.turnStatusTexts = /* @__PURE__ */ new Map();
+      /** 正文判定缓存（消息元素 → 有无正文）：流式期间只有被 mutation 命中的
+       * 消息失效重算，历史消息跨 pass 复用，避免每帧全量 TreeWalker。 */
+      this.bodyTextCache = /* @__PURE__ */ new WeakMap();
+      /** 自上次 pass 以来子树发生变化的 flow 顶层消息；pass 开头统一失效。 */
+      this.dirtyMessages = /* @__PURE__ */ new Set();
+      /** 在途显示动画（元素 → 记录）：冲突仲裁、记账对齐与生命周期清理的依据。
+       * 用 Map 不用 WeakMap——switchFlow/stop 需要遍历全量 cancel。 */
+      this.pendingAnims = /* @__PURE__ */ new Map();
+      /** 手势点击的一次性可动画 block key；segment 级点击另保留中间正文的门控。 */
+      this.animatableKeys = /* @__PURE__ */ new Set();
+      /** segment 点击时只让点击前已存在的 block 播放 reveal；流式中新出现的
+       * 临时分裂块直接显示，避免分类收敛时留下半透明 stale chip。 */
+      this.animatableSegmentBlocks = /* @__PURE__ */ new Map();
+      this.statusTextProvider = statusTextProvider2 ?? (() => DEFAULT_STATUS_TEXT);
+    }
+    /** 设置变更后重跑一轮，让状态提示词立即生效。 */
+    refresh() {
+      this.schedule();
     }
     start() {
       if (this.disposed) return;
       injectStyle();
       try {
         this.observer = new MutationObserver((records) => {
-          if (this.shouldSchedule(records)) this.schedule();
+          if (this.shouldSchedule(records)) {
+            this.markDirty(records);
+            this.schedule();
+          }
         });
         this.observer.observe(document.body, {
           childList: true,
@@ -394,6 +436,29 @@ var __dshcfBundle = (() => {
       if (records.length === 0 || this.flow === null || !this.flow.isConnected) return true;
       return records.some((record) => nodeWithin(record.target, this.flow) || nodeWithin(this.flow, record.target));
     }
+    /** 记录本批 mutation 命中的 flow 顶层消息，供正文判定缓存定向失效。
+     * 从 record.target 沿 parentNode 走到 flow 的直接子级即所属消息；
+     * 归属不到单一顶层消息（flow 直挂层结构变化、flow 外节点、文本直接
+     * 子节点）时全量失效——保守正确且罕见。 */
+    markDirty(records) {
+      const flow = this.flow;
+      if (flow === null || !flow.isConnected) return;
+      if (records.length === 0) {
+        this.bodyTextCache = /* @__PURE__ */ new WeakMap();
+        this.dirtyMessages.clear();
+        return;
+      }
+      for (const record of records) {
+        let current = record.target;
+        while (current !== null && current.parentNode !== flow) current = current.parentNode;
+        if (!(current instanceof HTMLElement)) {
+          this.bodyTextCache = /* @__PURE__ */ new WeakMap();
+          this.dirtyMessages.clear();
+          return;
+        }
+        this.dirtyMessages.add(current);
+      }
+    }
     schedule() {
       if (this.disposed || this.raf !== 0) return;
       this.raf = requestAnimationFrame(() => {
@@ -424,6 +489,9 @@ var __dshcfBundle = (() => {
         style?.removeAttribute("data-dshcf-error");
       } catch (error) {
         this.reportError(error);
+      } finally {
+        this.animatableKeys.clear();
+        this.animatableSegmentBlocks.clear();
       }
     }
     reportError(error) {
@@ -442,12 +510,19 @@ var __dshcfBundle = (() => {
       if (nextFlow !== this.flow) this.switchFlow(nextFlow);
       const flow = this.flow;
       if (flow === null) return;
-      const blocks = findBlocks(flow);
+      for (const el of this.dirtyMessages) this.bodyTextCache.delete(el);
+      this.dirtyMessages.clear();
+      const blocks = findBlocks(flow, (el) => this.hasBodyCached(el));
       this.currentBlocks = new Map(blocks.map((block) => [block.key, block]));
-      const segments = buildSegments(flow, blocks);
+      const segments = buildSegments(flow, blocks, (el) => this.hasBodyCached(el));
       const liveSegmentKeys = new Set(segments.map((segment) => segment.key));
       for (const segment of segments) {
-        if (segment.running && !this.runningSince.has(segment.key)) {
+        if (!segment.running) continue;
+        if (this.completedOnce.has(segment.key)) {
+          this.completedOnce.delete(segment.key);
+          this.runningSince.delete(segment.key);
+        }
+        if (!this.runningSince.has(segment.key)) {
           this.runningSince.set(segment.key, Date.now());
         }
       }
@@ -455,6 +530,7 @@ var __dshcfBundle = (() => {
       for (const snapshot of segments) {
         if (!snapshot.closed || snapshot.running || !snapshot.hasWork) continue;
         completedKeys.add(snapshot.key);
+        this.completedOnce.add(snapshot.key);
         let state = this.segmentStates.get(snapshot.key);
         if (state === void 0) {
           state = { key: snapshot.key, row: null, expanded: false, snapshot };
@@ -465,7 +541,7 @@ var __dshcfBundle = (() => {
         const started = this.runningSince.get(snapshot.key);
         const parsed = snapshot.boundary === null ? void 0 : parseTurnDuration(snapshot.boundary);
         if (parsed !== void 0) state.duration = parsed;
-        else if (started !== void 0) state.duration = Date.now() - started;
+        else if (state.duration === void 0 && started !== void 0) state.duration = Date.now() - started;
         if (state.row === null || !state.row.isConnected) state.row = this.createProcessedRow(state);
         this.syncProcessedRow(state);
       }
@@ -487,9 +563,10 @@ var __dshcfBundle = (() => {
       for (const segment of segments) {
         const state = this.segmentStates.get(segment.key);
         const collapse = state !== void 0 && !state.expanded;
+        const animate = this.animatableKeys.has(segment.key);
         for (const middle of segment.middleSteps) {
-          if (collapse) this.hideElement(middle, desiredHidden);
-          else this.restoreElement(middle);
+          if (collapse) this.hideElement(middle, desiredHidden, animate);
+          else this.restoreElement(middle, animate);
         }
         if (segment.finalStep !== null) this.restoreElement(segment.finalStep);
       }
@@ -510,14 +587,32 @@ var __dshcfBundle = (() => {
       for (const key of [...this.runningSince.keys()]) {
         if (!liveSegmentKeys.has(key)) this.runningSince.delete(key);
       }
+      for (const key of [...this.completedOnce]) {
+        if (!liveSegmentKeys.has(key)) this.completedOnce.delete(key);
+      }
       for (const [node] of [...this.turnStatusTexts]) {
         if (!node.isConnected) this.turnStatusTexts.delete(node);
       }
-      replaceTurnStatus(flow, this.turnStatusTexts);
+      for (const [el] of [...this.pendingAnims]) {
+        if (!el.isConnected) this.pendingAnims.delete(el);
+      }
+      const statusText = this.statusTextProvider();
+      if (statusText === void 0 || statusText === "") {
+        restoreTurnStatus(this.turnStatusTexts);
+      } else {
+        replaceTurnStatus(flow, this.turnStatusTexts, statusText);
+      }
     }
     /** flow 元素变化即视为会话切换：完整恢复旧 flow，再从新 DOM 重建。 */
     switchFlow(next) {
       if (next === this.flow) return;
+      for (const [el, record] of this.pendingAnims) {
+        record.anim.cancel();
+        if (record.kind === "height") this.clearCollapseLock(el);
+      }
+      this.pendingAnims.clear();
+      this.animatableKeys.clear();
+      this.animatableSegmentBlocks.clear();
       for (const record of this.chips.values()) record.chip.remove();
       this.chips.clear();
       for (const host of [...this.mergedThinks.keys()]) this.removeMergedThink(host);
@@ -526,6 +621,9 @@ var __dshcfBundle = (() => {
       this.currentBlocks.clear();
       this.blockExpanded.clear();
       this.runningSince.clear();
+      this.completedOnce.clear();
+      this.bodyTextCache = /* @__PURE__ */ new WeakMap();
+      this.dirtyMessages.clear();
       this.restoreAllDisplays();
       restoreTurnStatus(this.turnStatusTexts);
       this.flow = next;
@@ -534,6 +632,8 @@ var __dshcfBundle = (() => {
       const row = createProcessedRowElement(state.duration);
       row.addEventListener("click", () => {
         state.expanded = !state.expanded;
+        this.animatableKeys.add(state.key);
+        this.animatableSegmentBlocks.set(state.key, new Set(state.snapshot.blocks.map((block) => block.key)));
         if (state.expanded) {
           for (const block of state.snapshot.blocks) {
             this.blockExpanded.set(block.key, false);
@@ -564,7 +664,11 @@ var __dshcfBundle = (() => {
         return;
       }
       let target = state.snapshot.firstWork ?? state.snapshot.finalStep ?? state.snapshot.boundary;
-      if (target === null || target.parentElement !== flow) return;
+      if (target === null || target.parentElement !== flow) {
+        row.remove();
+        state.row = null;
+        return;
+      }
       while (target.previousElementSibling?.classList.contains("dshcf-flow-chip") === true) {
         target = target.previousElementSibling;
       }
@@ -572,40 +676,68 @@ var __dshcfBundle = (() => {
     }
     reconcileBlock(block, segment, desiredHidden) {
       const state = segment === null ? void 0 : this.segmentStates.get(segment.key);
+      const segmentAnimatableBlocks = segment === null ? void 0 : this.animatableSegmentBlocks.get(segment.key);
+      const animate = this.animatableKeys.has(block.key) || segment !== null && this.animatableKeys.has(segment.key) && (segmentAnimatableBlocks === void 0 || segmentAnimatableBlocks.has(block.key));
       const levelCollapsed = state !== void 0 && !state.expanded;
       if (levelCollapsed) {
-        const existing = this.chips.get(block.key)?.chip;
-        if (existing !== void 0 && existing.style.display !== "none") existing.style.display = "none";
-        for (const row of block.rows) this.hideElement(row, desiredHidden);
-        for (const container of block.containers) this.hideElement(container, desiredHidden);
-        const keepHost = segment?.finalStep === block.host && hasBodyContent(block.host);
+        const keepHost = segment?.finalStep === block.host && this.hasBodyCached(block.host);
+        let hostFade = false;
         if (keepHost) this.restoreElement(block.host);
-        else this.hideElement(block.host, desiredHidden);
-        this.removeMergedThink(block.host);
+        else hostFade = this.hideElement(block.host, desiredHidden, animate);
+        for (const container of block.containers) this.hideElement(container, desiredHidden, animate);
+        for (const row of block.rows) this.hideElement(row, desiredHidden, animate);
+        const existing = this.chips.get(block.key)?.chip;
+        if (existing !== void 0 && existing.style.display !== "none") {
+          existing.style.marginBottom = "";
+          if (block.mount === "before" || keepHost) {
+            if (animate && this.canAnimate(existing)) this.startFadeCollapse(existing);
+            else existing.style.display = "none";
+          } else if (!hostFade) {
+            existing.style.display = "none";
+          }
+        }
+        this.releaseMergedThink(block.host, animate);
         return;
       }
-      const chip = this.ensureChip(block);
-      this.restoreElement(block.host);
-      if (chip.style.display !== "") chip.style.display = "";
       let expanded = this.blockExpanded.get(block.key) ?? false;
       if (!expanded && block.rows.some((row) => row.hasAttribute("data-selected"))) {
         expanded = true;
         this.blockExpanded.set(block.key, true);
       }
-      for (const row of block.rows) {
-        if (expanded) this.restoreElement(row);
-        else this.hideElement(row, desiredHidden);
-      }
+      const chip = this.ensureChip(block);
+      const hostIsCollapsedRow = !expanded && block.rows.includes(block.host);
+      const hostWasHidden = block.host.style.display === "none";
+      const hostAnimate = !hostIsCollapsedRow && hostWasHidden && animate;
+      if (!hostIsCollapsedRow) this.restoreElement(block.host, hostAnimate);
+      const pendingChip = this.pendingAnims.get(chip);
+      if (pendingChip?.target === "hidden") this.cancelPendingSync(chip);
+      const chipWasHidden = chip.style.display === "none";
+      if (chip.style.display !== "") chip.style.display = "";
+      if (chipWasHidden && animate && !(hostAnimate && block.mount === "inside")) this.revealVisual(chip);
+      if (expanded || !this.hasPendingCollapse(block)) this.unpinChipMargin(chip);
+      const chipSettle = () => {
+        if (!this.hasPendingCollapse(block)) this.unpinChipMargin(chip);
+      };
       for (const container of block.containers) {
-        if (expanded) this.restoreElement(container);
-        else this.hideElement(container, desiredHidden);
+        if (expanded) this.restoreElement(container, animate);
+        else {
+          const started = this.hideElement(container, desiredHidden, animate, chipSettle);
+          if (started) this.pinChipMargin(chip);
+        }
+      }
+      for (const row of block.rows) {
+        if (expanded) this.restoreElement(row, animate);
+        else {
+          const started = this.hideElement(row, desiredHidden, animate, chipSettle);
+          if (started) this.pinChipMargin(chip);
+        }
       }
       if (expanded && block.rows.length > 1 && block.rows.every((row) => isThinkRow(row))) {
-        this.syncMergedThink(block.host, block.rows, desiredHidden);
+        this.syncMergedThink(block.host, block.rows, desiredHidden, animate);
       } else {
-        this.removeMergedThink(block.host);
+        if (this.releaseMergedThink(block.host, animate, chipSettle)) this.pinChipMargin(chip);
       }
-      chip.classList.toggle("dshcf-has-body", block.mount === "inside" && hasBodyContent(block.host));
+      chip.classList.toggle("dshcf-has-body", block.mount === "inside" && this.hasBodyCached(block.host));
       updateChip(chip, block.rows, expanded);
     }
     ensureChip(block) {
@@ -623,14 +755,16 @@ var __dshcfBundle = (() => {
         chip2.setAttribute("data-dshcf-block-key", block.key);
         const leading = document.createElement("span");
         leading.className = "dshcf-leading";
-        leading.appendChild(createTerminalIcon());
+        leading.appendChild(createCommandIcon());
         chip2.appendChild(leading);
         chip2.appendChild(createSpan("dshcf-chip-title"));
         chip2.appendChild(createSpan("dshcf-chip-sep"));
         chip2.appendChild(createSpan("dshcf-chip-summary"));
         chip2.appendChild(createChevronIcon("dshcf-chevron"));
+        chip2.style.display = "none";
         chip2.addEventListener("click", () => {
           this.blockExpanded.set(block.key, !(this.blockExpanded.get(block.key) ?? false));
+          this.animatableKeys.add(block.key);
           this.schedule();
         });
         record = { host: block.host, chip: chip2 };
@@ -648,7 +782,10 @@ var __dshcfBundle = (() => {
     }
     suppressBlock(block, desiredHidden) {
       const existing = this.chips.get(block.key)?.chip;
-      if (existing !== void 0 && existing.style.display !== "none") existing.style.display = "none";
+      if (existing !== void 0 && existing.style.display !== "none") {
+        existing.style.marginBottom = "";
+        existing.style.display = "none";
+      }
       this.removeMergedThink(block.host);
       this.retainDisplayControl(block.host, desiredHidden);
       for (const row of block.rows) this.retainDisplayControl(row, desiredHidden);
@@ -668,7 +805,7 @@ var __dshcfBundle = (() => {
     }
     /** 连续思考合并行：插在第一个思考行前，标题用第一行思考内容；
      * 点击切换显示/隐藏全部原始思考行。 */
-    syncMergedThink(host, rows, desiredHidden) {
+    syncMergedThink(host, rows, desiredHidden, animate = false) {
       let row = this.mergedThinks.get(host);
       if (row === void 0 || !row.isConnected) {
         row = document.createElement("button");
@@ -682,14 +819,21 @@ var __dshcfBundle = (() => {
         title.className = "dshcf-merged-title";
         const chevron = createChevronIcon("dshcf-chevron");
         row.append(leading, title, chevron);
+        row.style.display = "none";
         const btn = row;
         btn.addEventListener("click", () => {
+          if (this.mergedThinks.get(host) !== btn) return;
           const next = !this.mergedExpanded.has(host);
-          if (next) this.mergedExpanded.add(host);
-          else this.mergedExpanded.delete(host);
-          btn.setAttribute("aria-expanded", String(next));
-          if (next) this.expandMergedBody(host, btn);
-          else this.collapseMergedBody(host);
+          if (next) {
+            if (this.expandMergedBody(host, btn)) {
+              this.mergedExpanded.add(host);
+              btn.setAttribute("aria-expanded", "true");
+            }
+          } else {
+            this.mergedExpanded.delete(host);
+            btn.setAttribute("aria-expanded", "false");
+            this.collapseMergedBody(host);
+          }
         });
         rows[0].before(row);
         this.mergedThinks.set(host, row);
@@ -711,42 +855,155 @@ var __dshcfBundle = (() => {
       }
       const expanded = this.mergedExpanded.has(host);
       if (row.getAttribute("aria-expanded") !== String(expanded)) row.setAttribute("aria-expanded", String(expanded));
+      const rowWasHidden = row.style.display === "none";
       if (row.style.display !== "") row.style.display = "";
+      if (rowWasHidden && animate) this.revealVisual(row);
       for (const r of rows) this.hideElement(r, desiredHidden);
-      if (expanded) this.ensureMergedBody(host, row, false);
+      if (expanded) {
+        const result = this.ensureMergedBody(host, row, false);
+        if (result !== null && result.created && animate) this.revealMergedBody(result.body);
+      }
     }
     /** 展开合并行：直接读各思考行文本合成内容块（不依赖原生行展开：
-     * 程序化 click 不触发 React 展开，且后台 tab 的 rAF 不执行）。 */
+     * 程序化 click 不触发 React 展开，且后台 tab 的 rAF 不执行）。
+     * 返回是否成功——思考行已不可读（parts 为空）时返回 false，调用方
+     * 据此保持收起态，避免展开状态与内容块脱节。 */
     expandMergedBody(host, btn) {
       const cached = this.mergedBodyTexts.get(host);
-      if (cached !== void 0) {
-        this.ensureMergedBody(host, btn, true);
-        return;
+      if (cached === void 0) {
+        const parts = this.currentThinkRows(host).map((r) => r.textContent.replace(/^Think\s*/, "").trim()).filter(Boolean);
+        if (parts.length === 0) return false;
+        this.mergedBodyTexts.set(host, parts.join("\n\n"));
+      }
+      const result = this.ensureMergedBody(host, btn, true);
+      if (result === null) return false;
+      if (result.created) {
+        this.revealMergedBody(result.body);
+      } else {
+        this.cancelPendingSync(result.body);
       }
-      const parts = this.currentThinkRows(host).map((r) => r.textContent.replace(/^Think\s*/, "").trim()).filter(Boolean);
-      if (parts.length === 0) return;
-      this.mergedBodyTexts.set(host, parts.join("\n\n"));
-      this.ensureMergedBody(host, btn, true);
+      return true;
     }
-    /** 创建/更新合并内容块（缓存优先，不重新展开原生行）。 */
+    /** 创建/更新合并内容块（缓存优先，不重新展开原生行）。
+     * 返回内容块与其是否为本次新建（新建才走展开动画）。 */
     ensureMergedBody(host, btn, force) {
       const cached = this.mergedBodyTexts.get(host);
-      if (cached === void 0) return;
+      if (cached === void 0) return null;
       let body = btn.nextElementSibling;
+      let created = false;
       if (body === null || !body.classList.contains("dshcf-merged-body")) {
-        body = document.createElement("div");
-        body.className = "dshcf-merged-body";
-        btn.after(body);
+        const next = document.createElement("div");
+        next.className = "dshcf-merged-body";
+        btn.after(next);
+        body = next;
+        created = true;
       }
       if (force || body.textContent !== cached) body.textContent = cached;
+      return { body, created };
+    }
+    /** 清理合并 think 行（v12）：状态 map 立即清除；DOM 在手势动画路径下
+     * 渐隐后移除（settle 回调），其余路径瞬删。渐隐中途被反向取消时元素
+     * 保留，由后续 pass 的 syncMergedThink 重建/复用。
+     * settle 透传给每个渐隐目标的移除回调之后（chip 间距钉住的结算探测点，
+     * AI 评审 P0：merged 行渐隐不走 block.rows，必须纳入同一钉住体系）。 */
+    releaseMergedThink(host, animate = false, settle) {
+      const row = this.mergedThinks.get(host);
+      this.mergedExpanded.delete(host);
+      this.mergedBodyTexts.delete(host);
+      if (row === void 0) return false;
+      this.mergedThinks.delete(host);
+      const body = row.nextElementSibling;
+      const targets = body !== null && body.classList.contains("dshcf-merged-body") ? [row, body] : [row];
+      if (animate && this.canAnimate(row)) {
+        for (const t of targets) this.startFadeCollapse(t, () => {
+          t.remove();
+          settle?.();
+        });
+        return true;
+      } else {
+        for (const t of targets) t.remove();
+        return false;
+      }
     }
-    /** 收起合并行：移除内容块（原生行保持隐藏）。 */
+    /** merged-body 展开高度动画（机制样板：插件全资 DOM）。
+     * 关键帧含 marginBottom 0→16px——其 CSS 有常量 margin-bottom:16px，
+     * 高度从 0 起步时这 16px 会先占位产生小跳变。fill:'forwards' 托住终态，
+     * onfinish 清内联后 cancel 释放，无闪烁窗口。收起由 collapseMergedBody
+     * 做镜像高度卷下（同款账本与身份守卫），开合对称。 */
+    revealMergedBody(body) {
+      if (!this.canAnimate(body)) return;
+      this.cancelPendingSync(body);
+      const targetHeight = body.getBoundingClientRect().height;
+      if (!(targetHeight > 0)) return;
+      body.style.height = "0px";
+      body.style.overflow = "hidden";
+      body.style.marginBottom = "0px";
+      const anim = body.animate(
+        [
+          { height: "0px", marginBottom: "0px" },
+          { height: `${targetHeight}px`, marginBottom: "16px" }
+        ],
+        { duration: ANIM_DURATION_MS, easing: ANIM_EASING, fill: "forwards" }
+      );
+      const record = { anim, target: "visible", kind: "height" };
+      this.pendingAnims.set(body, record);
+      anim.onfinish = () => {
+        if (this.pendingAnims.get(body) !== record) return;
+        this.pendingAnims.delete(body);
+        body.style.height = "";
+        body.style.overflow = "";
+        body.style.marginBottom = "";
+        anim.cancel();
+        this.schedule();
+      };
+      anim.oncancel = () => {
+        if (this.pendingAnims.get(body) !== record) return;
+        this.pendingAnims.delete(body);
+      };
+    }
+    /** 收起合并行：内容块高度卷下后移除——镜像 revealMergedBody 的唯一几何动画，
+     * 开合对称。插件全资静态文本 DOM、无 React 协调竞争，可安全做几何收起
+     * （与 seat 级拒绝盲卷的场景不同：那里是 React 混杂多卡片）。
+     * reduced-motion / 无 WAAPI / 零高度降级为同步 remove()。 */
     collapseMergedBody(host) {
       const btn = this.mergedThinks.get(host);
-      if (btn !== void 0) {
-        const body = btn.nextElementSibling;
-        if (body !== null && body.classList.contains("dshcf-merged-body")) body.remove();
+      if (btn === void 0) return;
+      const body = btn.nextElementSibling;
+      if (body === null || !body.classList.contains("dshcf-merged-body")) return;
+      const el = body;
+      if (!this.canAnimate(el)) {
+        el.remove();
+        return;
+      }
+      this.cancelPendingSync(el);
+      const current = el.getBoundingClientRect().height;
+      if (!(current > 0)) {
+        el.remove();
+        return;
       }
+      el.style.height = `${current}px`;
+      el.style.overflow = "hidden";
+      const anim = el.animate(
+        [
+          { height: `${current}px`, marginBottom: "16px" },
+          { height: "0px", marginBottom: "0px" }
+        ],
+        { duration: ANIM_DURATION_MS, easing: ANIM_EASING, fill: "forwards" }
+      );
+      const record = { anim, target: "hidden", kind: "height" };
+      this.pendingAnims.set(el, record);
+      anim.onfinish = () => {
+        if (this.pendingAnims.get(el) !== record) return;
+        this.pendingAnims.delete(el);
+        el.remove();
+        anim.cancel();
+        this.schedule();
+      };
+      anim.oncancel = () => {
+        if (this.pendingAnims.get(el) !== record) return;
+        this.pendingAnims.delete(el);
+        this.clearCollapseLock(el);
+      };
     }
     /** 当前宿主内的思考行（现取，React 重渲染后引用仍然有效）。 */
     currentThinkRows(host) {
@@ -767,19 +1024,180 @@ var __dshcfBundle = (() => {
       this.mergedExpanded.delete(host);
       this.mergedBodyTexts.delete(host);
     }
-    hideElement(el, desired) {
-      if (!this.originalDisplay.has(el) && !isDisplayed(el)) return;
+    /** 正文判定（带缓存）：同一消息子树未变时直接复用上次结果。失效由
+     * markDirty（mutation 定向）与 switchFlow（整体重置）驱动；缓存的是
+     * 纯文本/媒体存在性判定，与 display 状态无关，插件自身的显隐切换
+     * 不会产生脏数据。 */
+    hasBodyCached(el) {
+      const cached = this.bodyTextCache.get(el);
+      if (cached !== void 0) return cached;
+      const value = hasBodyContent(el);
+      this.bodyTextCache.set(el, value);
+      return value;
+    }
+    /** 本块是否有在途收起渐隐（rows/containers/merged 行/body 任一）。
+     * 基于 pendingAnims 账本无状态判定：onfinish/oncancel 都会即时清账，
+     * 取消路径天然解锁（计数器/最后注册者会卡死）。merged 行渐隐时已被
+     * releaseMergedThink 摘出 mergedThinks，按 DOM 类名现查。 */
+    hasPendingCollapse(block) {
+      const check = (el) => el !== null && el !== void 0 && this.pendingAnims.get(el)?.target === "hidden";
+      if (block.containers.some(check)) return true;
+      if (block.rows.some(check)) return true;
+      const mergedRow = block.host.querySelector(".dshcf-merged-think");
+      if (check(mergedRow)) return true;
+      const mergedBody = mergedRow?.nextElementSibling;
+      if (mergedBody instanceof HTMLElement && check(mergedBody)) return true;
+      return false;
+    }
+    /** 钉住 chip 与首行的 16px 间距（收起 fade 期间；内联优先于 aria=false 的 0）。
+     * flow-chip（context 等 before-mounted）豁免：其间距由宿主 row-gap 16px
+     * 提供、自身 CSS 恒 0，钉住 16px 会叠加成 32px（真机实测：收起上下文
+     * 注入时二级与三级间距瞬间扩大）。
+     */
+    pinChipMargin(chip) {
+      if (chip.classList.contains("dshcf-flow-chip")) return;
+      if (chip.style.marginBottom !== "16px") chip.style.marginBottom = "16px";
+    }
+    /** 解除钉住（aria=true 的 16px 或 aria=false 的 0 由 CSS 接管）。 */
+    unpinChipMargin(chip) {
+      if (chip.style.marginBottom !== "") chip.style.marginBottom = "";
+    }
+    /** 返回 true 表示启动了渐隐动画（调用方可据此决定内部元素的处置）。
+     * settle 在渐隐自然结束时调用（onfinish 链；反向取消不触发）。 */
+    hideElement(el, desired, animate = false, settle) {
+      desired.add(el);
+      const pending = this.pendingAnims.get(el);
+      if (pending !== void 0) {
+        if (pending.target === "hidden") return false;
+        this.cancelPendingSync(el);
+      }
+      if (!this.originalDisplay.has(el) && !isDisplayed(el)) return false;
+      if (this.hasAnimatingAncestor(el)) return false;
       if (!this.originalDisplay.has(el)) this.originalDisplay.set(el, el.style.display);
       this.controlledDisplay.add(el);
-      desired.add(el);
-      if (el.style.display !== "none") el.style.display = "none";
+      if (el.style.display === "none") return false;
+      if (animate && this.canAnimate(el)) {
+        this.startFadeCollapse(el, settle);
+        return true;
+      }
+      el.style.display = "none";
+      return false;
     }
-    restoreElement(el) {
+    restoreElement(el, animate = false) {
+      const pending = this.pendingAnims.get(el);
+      if (pending !== void 0) {
+        if (pending.target === "visible") return;
+        this.cancelPendingSync(el);
+      }
       if (!this.originalDisplay.has(el)) return;
       const original = this.originalDisplay.get(el);
+      if (!animate || !this.canAnimate(el) || this.hasAnimatingAncestor(el)) {
+        if (el.style.display !== original) el.style.display = original;
+        this.originalDisplay.delete(el);
+        this.controlledDisplay.delete(el);
+        return;
+      }
       if (el.style.display !== original) el.style.display = original;
-      this.originalDisplay.delete(el);
-      this.controlledDisplay.delete(el);
+      this.startReveal(el);
+    }
+    /** 是否可动画：WAAPI 特性检测 + reduced-motion 门控（均做 typeof 防桩缺失）。 */
+    canAnimate(el) {
+      if (typeof el.animate !== "function") return false;
+      if (typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches) return false;
+      return true;
+    }
+    /** 展开方向淡入（opacity + 4px 微位移）：无高度分量、零布局读取。
+     * onfinish 按终态可见对齐账本（双删除）并 schedule() 幂等重同步；
+     * oncancel 只做身份守卫删除——取消方的终态写入自己负责。 */
+    startReveal(el) {
+      const anim = el.animate(
+        [
+          { opacity: "0", transform: "translateY(4px)" },
+          { opacity: "1", transform: "translateY(0)" }
+        ],
+        { duration: ANIM_DURATION_MS, easing: ANIM_EASING }
+      );
+      const record = { anim, target: "visible", kind: "fade" };
+      this.pendingAnims.set(el, record);
+      anim.onfinish = () => {
+        if (this.pendingAnims.get(el) !== record) return;
+        this.pendingAnims.delete(el);
+        this.originalDisplay.delete(el);
+        this.controlledDisplay.delete(el);
+        this.schedule();
+      };
+      anim.oncancel = () => {
+        if (this.pendingAnims.get(el) !== record) return;
+        this.pendingAnims.delete(el);
+      };
+    }
+    /** 同步取消在途动画并清账：收起动画需同时清锁高内联（height/overflow/
+     * marginBottom），否则取消方写完终态后元素仍被锁高裁剪一帧以上。 */
+    cancelPendingSync(el) {
+      const pending = this.pendingAnims.get(el);
+      if (pending === void 0) return;
+      pending.anim.cancel();
+      this.pendingAnims.delete(el);
+      if (pending.kind === "height") this.clearCollapseLock(el);
+    }
+    clearCollapseLock(el) {
+      el.style.height = "";
+      el.style.overflow = "";
+      el.style.marginBottom = "";
+      el.style.boxSizing = "";
+    }
+    /** 祖先 seat 在途动画检测：沿 parentNode 走到 flow，任一祖先在 pendingAnims
+     * 即视为在途。分层规则——同一视觉变化只动画一层。 */
+    hasAnimatingAncestor(el) {
+      const flow = this.flow;
+      if (flow === null) return false;
+      let node = el.parentElement;
+      while (node !== null && node !== flow) {
+        if (this.pendingAnims.has(node)) return true;
+        node = node.parentElement;
+      }
+      return false;
+    }
+    /** 收起方向渐隐动画（v11 定稿）：镜像 reveal 的 opacity + 4px 微位移，
+     * 淡完 onfinish 写 display:none 并保持双条目（镜像 hideElement 终态契约）。
+     * fill:'forwards' 占位到终态写入后释放；无几何锁、无 gap 补偿。 */
+    startFadeCollapse(el, settle) {
+      const anim = el.animate(
+        [
+          { opacity: "1", transform: "translateY(0)" },
+          { opacity: "0", transform: "translateY(4px)" }
+        ],
+        { duration: ANIM_DURATION_MS, easing: ANIM_EASING, fill: "forwards" }
+      );
+      const record = { anim, target: "hidden", kind: "fade" };
+      this.pendingAnims.set(el, record);
+      anim.onfinish = () => {
+        if (this.pendingAnims.get(el) !== record) return;
+        this.pendingAnims.delete(el);
+        if (el.style.display !== "none") el.style.display = "none";
+        settle?.();
+        anim.cancel();
+        this.schedule();
+      };
+      anim.oncancel = () => {
+        if (this.pendingAnims.get(el) !== record) return;
+        this.pendingAnims.delete(el);
+      };
+    }
+    /** 轻量视觉 reveal（opacity + 4px 微位移）：用于插件全资元素的即时显示
+     * 路径——chip（一级展开时出现）与 merged-think 行（二级展开时出现）。
+     * 这些元素的 display 完全由插件直写、无 React 协调竞争，因此不入
+     * pendingAnims 账本、无仲裁；收起同为直写 display:none，无 fill 的在途
+     * 动画残留在隐藏元素上自然失效。门控沿用 animate 布尔（手势路径才调）。 */
+    revealVisual(el) {
+      if (!this.canAnimate(el)) return;
+      el.animate(
+        [
+          { opacity: "0", transform: "translateY(4px)" },
+          { opacity: "1", transform: "translateY(0)" }
+        ],
+        { duration: ANIM_DURATION_MS, easing: ANIM_EASING }
+      );
     }
     restoreUnusedDisplays(desired) {
       for (const el of [...this.controlledDisplay]) {
@@ -797,28 +1215,20 @@ var __dshcfBundle = (() => {
     span.className = cls;
     return span;
   }
-  function createTerminalIcon() {
-    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-    svg.setAttribute("viewBox", "0 0 12 10");
-    svg.setAttribute("width", "12");
-    svg.setAttribute("height", "10");
-    const rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-    rect.setAttribute("x", "0.5");
-    rect.setAttribute("y", "0.5");
-    rect.setAttribute("width", "11");
-    rect.setAttribute("height", "9");
-    rect.setAttribute("rx", "1.5");
-    rect.setAttribute("fill", "none");
-    rect.setAttribute("stroke", "currentColor");
-    const prompt = document.createElementNS("http://www.w3.org/2000/svg", "text");
-    prompt.setAttribute("x", "2");
-    prompt.setAttribute("y", "7.5");
-    prompt.setAttribute("font-size", "7");
-    prompt.setAttribute("fill", "currentColor");
-    prompt.textContent = ">_";
-    svg.append(rect, prompt);
-    return svg;
-  }
+  var COMMAND_ICON_PATHS = [
+    {
+      transform: "translate(0.6689 1.073)",
+      d: "M11.4818 5.57813C11.4818 4.45301 11.4807 3.66237 11.4075 3.05908C11.3359 2.46953 11.2024 2.13852 10.9939 1.89441C10.9247 1.81341 10.8493 1.73801 10.7683 1.66882C10.5242 1.46033 10.1932 1.32686 9.60364 1.25525C9.00034 1.18198 8.20974 1.18091 7.0846 1.18091L5.57813 1.18091C4.45301 1.18091 3.66238 1.18198 3.05908 1.25525C2.46953 1.32686 2.13852 1.46033 1.89441 1.66882C1.81341 1.73801 1.73801 1.81341 1.66882 1.89441C1.46033 2.13852 1.32686 2.46953 1.25525 3.05908C1.18198 3.66238 1.18091 4.45301 1.18091 5.57813L1.18091 6.2771C1.18091 7.40218 1.18197 8.19288 1.25525 8.79614C1.32687 9.38553 1.46036 9.71674 1.66882 9.96082C1.73797 10.0417 1.81347 10.1173 1.89441 10.1864C2.13851 10.3948 2.13965 10.5275 3.05908 10.5991C3.66238 10.6724 4.45298 10.6735 5.57813 10.6735L7.0846 10.6735C8.20977 10.6735 9.00033 10.6724 9.60364 10.5991C10.1931 10.5275 10.5242 10.3948 10.7683 10.1864C10.8493 10.1173 10.9247 10.0417 10.9939 9.96082C11.2024 9.71674 11.3358 9.38553 11.4075 8.79614C11.4808 8.19288 11.4818 7.40218 11.4818 6.2771L11.4818 5.57813ZM12.6627 6.2771C12.6627 7.37222 12.6637 8.247 12.5798 8.93799C12.4942 9.64284 12.3133 10.2359 11.8928 10.7282C11.7834 10.8562 11.6637 10.9751 11.5356 11.0845C11.0434 11.5049 10.4511 11.6867 9.74634 11.7723C9.05525 11.8563 8.17999 11.8552 7.0846 11.8552L5.57813 11.8552C4.48273 11.8552 3.60747 11.8563 2.91638 11.7723C2.21157 11.6867 1.61933 11.5049 1.12708 11.0845C0.99901 10.9751 0.879281 10.8562 0.769898 10.7282C0.349454 10.2359 0.168506 9.64284 0.0828864 8.93799C-0.00101964 8.247 4.88512e-07 7.37222 6.47206e-07 6.2771L6.47206e-07 5.57813C6.47206e-07 4.48273 -0.00106163 3.60747 0.0828864 2.91638C0.168502 2.21168 0.349594 1.61928 0.769898 1.12708C0.879302 0.998981 0.998981 0.879302 1.12708 0.769898C1.61928 0.349594 2.21168 0.168502 2.91638 0.0828864C3.60747 -0.00106163 4.48273 6.47206e-07 5.57813 6.47206e-07L7.0846 6.47206e-07C8.17999 6.47206e-07 9.05525 -0.00106163 9.74634 0.0828864C10.451 0.168505 11.0434 0.349587 11.5356 0.769898C11.6637 0.879302 11.7834 0.998981 11.8928 1.12708C12.3131 1.61928 12.4942 2.21169 12.5798 2.91638C12.6638 3.60747 12.6627 4.48273 12.6627 5.57813L12.6627 6.2771Z"
+    },
+    {
+      transform: "translate(0.6689 1.073)",
+      d: "M6.02607 5.50955L6.44306 5.9274L3.84284 8.52762L3.425 8.11063L3.00715 7.69278L4.77253 5.9274L3.00715 4.16202L3.84284 3.32633L6.02607 5.50955Z"
+    },
+    {
+      transform: "translate(0.6689 1.073)",
+      d: "M9.23789 7.35397L9.23789 8.53488L6.96238 8.53488L6.96238 7.35397L9.23789 7.35397Z"
+    }
+  ];
   var NATIVE_CHEVRON_DOWN_PATH = "M11.8486 5.5L11.4238 5.92383L8.69727 8.65137C8.44157 8.90706 8.21562 9.13382 8.01172 9.29785C7.79912 9.46883 7.55595 9.61756 7.25 9.66602C7.08435 9.69222 6.91565 9.69222 6.75 9.66602C6.44405 9.61756 6.20088 9.46883 5.98828 9.29785C5.78438 9.13382 5.55843 8.90706 5.30273 8.65137L2.57617 5.92383L2.15137 5.5L3 4.65137L3.42383 5.07617L6.15137 7.80273C6.42595 8.07732 6.59876 8.24849 6.74023 8.3623C6.87291 8.46904 6.92272 8.47813 6.9375 8.48047C6.97895 8.48703 7.02105 8.48703 7.0625 8.48047C7.07728 8.47813 7.12709 8.46904 7.25977 8.3623C7.40124 8.24849 7.57405 8.07732 7.84863 7.80273L10.5762 5.07617L11 4.65137L11.8486 5.5Z";
   function createChevronIcon(className) {
     const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
@@ -886,10 +1296,31 @@ var __dshcfBundle = (() => {
     const vb = (svg.getAttribute("viewBox") ?? "").trim().split(/\s+/);
     return vb.length === 4 && Number(vb[2]) === 14 && Number(vb[3]) === 14;
   }
+  var cachedNativeCommandSvg = null;
   function createCommandIcon() {
+    if (cachedNativeCommandSvg !== null) return cachedNativeCommandSvg.cloneNode(true);
     const native = findNativeCommandSvg();
-    if (native !== null) return native.cloneNode(true);
-    return createTerminalIcon();
+    if (native !== null) {
+      cachedNativeCommandSvg = native;
+      return native.cloneNode(true);
+    }
+    return createCommandIconFallback();
+  }
+  function createCommandIconFallback() {
+    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    svg.setAttribute("viewBox", "0 0 14 14");
+    svg.setAttribute("width", "14");
+    svg.setAttribute("height", "14");
+    svg.setAttribute("fill", "none");
+    svg.setAttribute("xmlns", "http://www.w3.org/2000/svg");
+    for (const p of COMMAND_ICON_PATHS) {
+      const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+      path.setAttribute("transform", p.transform);
+      path.setAttribute("d", p.d);
+      path.setAttribute("fill", "currentColor");
+      svg.appendChild(path);
+    }
+    return svg;
   }
   var CONTEXT_ICON_PATHS = [
     {
@@ -928,13 +1359,41 @@ var __dshcfBundle = (() => {
     }
     return svg;
   }
+  var WRITE_ICON_PATH = "M9.94076 1.34942C10.7047 0.90231 11.6503 0.902415 12.4143 1.34942C12.7061 1.52015 12.9688 1.79118 13.3104 2.13284C13.6521 2.47448 13.9231 2.73721 14.0939 3.02894C14.5408 3.79294 14.5409 4.73856 14.0939 5.50251C13.9231 5.79415 13.652 6.05704 13.3104 6.39861L6.65932 13.0497C6.28068 13.4284 6.00695 13.7108 5.66543 13.9097C5.32391 14.1085 4.94315 14.2074 4.42705 14.3498L3.24394 14.6761C2.77527 14.8054 2.34538 14.9262 2.00131 14.9684C1.65196 15.0112 1.17964 15.0013 0.810764 14.6325C0.441921 14.2637 0.432107 13.7913 0.47486 13.442C0.517035 13.0979 0.6379 12.668 0.767181 12.1993L1.09352 11.0162C1.23588 10.5001 1.33481 10.1193 1.5336 9.77784C1.7325 9.43632 2.0149 9.1626 2.39355 8.78395L9.04466 2.13284C9.38625 1.79126 9.64911 1.52016 9.94076 1.34942ZM15.5427 14.8398H7.55223L8.96707 13.425H15.5427V14.8398ZM3.39382 9.78422C2.965 10.213 2.84244 10.3436 2.75709 10.49C2.67183 10.6366 2.61862 10.8079 2.45733 11.3925L2.13099 12.5756C2.00183 13.0439 1.92194 13.3419 1.88863 13.5536C2.10041 13.5204 2.39872 13.4416 2.86764 13.3123L4.05075 12.9859C4.63544 12.8246 4.80669 12.7715 4.95323 12.6862C5.09968 12.6008 5.23022 12.4783 5.65905 12.0494L10.721 6.98644L8.45577 4.72121L3.39382 9.78422ZM11.7 2.57079C11.3774 2.38198 10.9777 2.38198 10.6551 2.57079C10.5602 2.62647 10.4487 2.72931 10.0449 3.13311L9.45604 3.72094L11.7213 5.98617L12.3102 5.39833C12.7139 4.99457 12.8168 4.88307 12.8725 4.78818C13.0613 4.46561 13.0612 4.06585 12.8725 3.74326C12.8169 3.64827 12.7146 3.53752 12.3102 3.13311C11.9057 2.72863 11.795 2.6264 11.7 2.57079Z";
+  function findNativeWriteSvg() {
+    const selector = '[data-tool="write"] [data-disclosure-row], [data-tool="edit"] [data-disclosure-row]';
+    for (const drow of document.querySelectorAll(selector)) {
+      for (const svg of drow.querySelectorAll("svg")) {
+        if (svg.querySelectorAll("path").length === 1 && isIcon16(svg)) return svg;
+      }
+    }
+    return null;
+  }
+  function isIcon16(svg) {
+    const vb = (svg.getAttribute("viewBox") ?? "").trim().split(/\s+/);
+    return vb.length === 4 && Number(vb[2]) === 16 && Number(vb[3]) === 16;
+  }
+  function createWriteIcon() {
+    const native = findNativeWriteSvg();
+    if (native !== null) return native.cloneNode(true);
+    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    svg.setAttribute("viewBox", "0 0 16 16");
+    svg.setAttribute("width", "14");
+    svg.setAttribute("height", "14");
+    svg.setAttribute("fill", "none");
+    const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+    path.setAttribute("d", WRITE_ICON_PATH);
+    path.setAttribute("fill", "currentColor");
+    svg.appendChild(path);
+    return svg;
+  }
   function syncLeadingIcon(chip, kind) {
     const leading = chip.querySelector(".dshcf-leading");
     if (leading === null) return;
     const existing = leading.querySelector("svg");
     if (existing !== null && existing.getAttribute("data-dshcf-icon") === kind) return;
     for (const child of [...leading.childNodes]) child.remove();
-    const svg = kind === "think" ? createThinkIcon() : kind === "context" ? createContextIcon() : createCommandIcon();
+    const svg = kind === "think" ? createThinkIcon() : kind === "context" ? createContextIcon() : kind === "write" ? createWriteIcon() : createCommandIcon();
     svg.setAttribute("data-dshcf-icon", kind);
     leading.appendChild(svg);
   }
@@ -969,7 +1428,7 @@ var __dshcfBundle = (() => {
       return kind === "assistant-step" || kind === "assistant" || kind === "tool-call" || kind === "command" || kind === "manual-compaction";
     });
   }
-  function buildSegments(flow, blocks) {
+  function buildSegments(flow, blocks, hasBody) {
     const items = flowItems(flow);
     const itemIndex = new Map(items.map((el, index) => [el, index]));
     const snapshots = [];
@@ -982,7 +1441,7 @@ var __dshcfBundle = (() => {
       const segmentBlocks = blocks.filter((block) => inRange.has(block.host));
       const bodySteps = range.filter((el) => {
         const kind = el.getAttribute("data-chat-flow-kind");
-        return (kind === "assistant-step" || kind === "assistant") && hasBodyContent(el);
+        return (kind === "assistant-step" || kind === "assistant") && hasBody(el);
       });
       const finalStep = bodySteps.length > 0 ? bodySteps[bodySteps.length - 1] : null;
       const middleSteps = new Set(bodySteps.slice(0, -1));
@@ -1043,7 +1502,7 @@ var __dshcfBundle = (() => {
     if (segment.finalStep !== null) workHosts.add(segment.finalStep);
     return [...workHosts].some(isDisplayed);
   }
-  function findBlocks(flow) {
+  function findBlocks(flow, hasBody) {
     const blocks = [];
     const children = flowItems(flow);
     let run = null;
@@ -1080,7 +1539,7 @@ var __dshcfBundle = (() => {
       const workRows = [...callRowsIn(el), ...commandRowsIn(el)];
       const isToolPile = workRows.length > 0;
       const isContext = kind === "context";
-      const hasBody = !isToolPile ? hasBodyContent(el) : false;
+      const msgHasBody = !isToolPile ? hasBody(el) : false;
       if (isContext) {
         flushCarry();
         if (run === null || run.category !== "context") run = makeBlock(el, "context");
@@ -1088,7 +1547,7 @@ var __dshcfBundle = (() => {
         run.mount = "before";
         continue;
       }
-      if (isToolPile || thinkRows.length > 0 && !hasBody) {
+      if (isToolPile || thinkRows.length > 0 && !msgHasBody) {
         if (run === null || run.category !== "work") run = makeBlock(el, "work");
         if (carry.length > 0) {
           run.rows.push(...carry);
@@ -1100,7 +1559,7 @@ var __dshcfBundle = (() => {
           run.containers.push(el);
         }
         if (workRows.includes(el)) run.mount = "before";
-      } else if (el.hasAttribute("data-chat-anchor-key") && (thinkRows.length > 0 || hasBody) || hasBody && kind !== null) {
+      } else if (el.hasAttribute("data-chat-anchor-key") && (thinkRows.length > 0 || msgHasBody) || msgHasBody && kind !== null) {
         flushCarry();
         if (thinkRows.length > 0) {
           const segments = splitThinkByBody(el, thinkRows);
@@ -1128,11 +1587,29 @@ var __dshcfBundle = (() => {
     return blocks;
   }
   function splitThinkByBody(el, rows) {
+    const texts = [];
+    const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT);
+    let node;
+    while ((node = walker.nextNode()) !== null) {
+      if (node.data.trim() === "") continue;
+      const parent = node.parentElement;
+      if (parent !== null && parent.closest('[data-variant="think"], [data-chat-call-id], .dshcf-chip, .dshcf-merged-think, .dshcf-merged-body') !== null) continue;
+      texts.push(node);
+    }
+    const hasBetween = (a, b) => {
+      for (const t of texts) {
+        const posA = a.compareDocumentPosition(t);
+        if ((posA & Node.DOCUMENT_POSITION_FOLLOWING) === 0) continue;
+        const posB = b.compareDocumentPosition(t);
+        return (posB & Node.DOCUMENT_POSITION_PRECEDING) !== 0;
+      }
+      return false;
+    };
     const segments = [];
     let current = [];
     for (let i = 0; i < rows.length; i++) {
       current.push(rows[i]);
-      if (i + 1 < rows.length && hasBodyBetween(el, rows[i], rows[i + 1])) {
+      if (i + 1 < rows.length && hasBetween(rows[i], rows[i + 1])) {
         segments.push(current);
         current = [];
       }
@@ -1140,21 +1617,6 @@ var __dshcfBundle = (() => {
     if (current.length > 0) segments.push(current);
     return segments.length > 0 ? segments : [rows];
   }
-  function hasBodyBetween(el, a, b) {
-    const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT);
-    let node;
-    while ((node = walker.nextNode()) !== null) {
-      if (node.data.trim() === "") continue;
-      const parent = node.parentElement;
-      if (parent !== null && parent.closest('[data-variant="think"], [data-chat-call-id], .dshcf-chip, .dshcf-merged-think, .dshcf-merged-body') !== null) continue;
-      const posA = a.compareDocumentPosition(node);
-      const posB = b.compareDocumentPosition(node);
-      if ((posA & Node.DOCUMENT_POSITION_FOLLOWING) !== 0 && (posB & Node.DOCUMENT_POSITION_PRECEDING) !== 0) {
-        return true;
-      }
-    }
-    return false;
-  }
   function hasBodyText(el) {
     const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT);
     let node;
@@ -1269,7 +1731,6 @@ var __dshcfBundle = (() => {
       runningTool,
       runningThink,
       tools,
-      count: rows.length,
       hasError: infos.some((i) => i.state === "error"),
       hasStopped: infos.some((i) => i.state === "stopped"),
       allContext: infos.length > 0 && infos.every((i) => i.label === "\u4E0A\u4E0B\u6587\u6CE8\u5165")
@@ -1298,14 +1759,19 @@ var __dshcfBundle = (() => {
       titleText = "\u5DF2\u601D\u8003";
       summaryText = "";
     }
-    const kind = running !== null ? running.kind : info.allContext ? "context" : info.tools.length > 0 ? "tool" : "think";
+    let kind = running !== null ? running.kind : info.allContext ? "context" : info.tools.length > 0 ? "tool" : "think";
+    if (running === null && info.tools.some((tool) => tool === "Edit" || tool === "Write")) kind = "write";
     if (title.textContent !== titleText) title.textContent = titleText;
     if (summary.textContent !== summaryText) summary.textContent = summaryText;
     if (sep !== null) {
       const sepDisplay = summaryText === "" ? "none" : "";
       if (sep.style.display !== sepDisplay) sep.style.display = sepDisplay;
     }
-    summary.scrollLeft = running !== null ? summary.scrollWidth - summary.clientWidth : 0;
+    if (running !== null) {
+      summary.scrollLeft = summary.scrollWidth - summary.clientWidth;
+    } else if (chip.classList.contains("running") && summary.scrollLeft !== 0) {
+      summary.scrollLeft = 0;
+    }
     const expandedAttr = String(expanded);
     if (chip.getAttribute("aria-expanded") !== expandedAttr) {
       chip.setAttribute("aria-expanded", expandedAttr);
@@ -1403,21 +1869,29 @@ var __dshcfBundle = (() => {
     style.textContent = CHIP_CSS;
     document.head.appendChild(style);
   }
-  function replaceTurnStatus(flow, originals) {
+  function replaceTurnStatus(flow, originals, statusText) {
     const statuses = flow.matches('[role="status"]') ? [flow, ...flow.querySelectorAll('[role="status"]')] : [...flow.querySelectorAll('[role="status"]')];
     for (const status of statuses) {
       for (const node of status.childNodes) {
         if (node instanceof Text && node.data.includes("Deep diving")) {
-          if (!originals.has(node)) originals.set(node, node.data);
-          const next = node.data.replace("Deep diving", "Deep sleeping");
-          if (node.data !== next) node.data = next;
+          let record = originals.get(node);
+          if (record === void 0) {
+            record = { original: node.data, written: "" };
+            originals.set(node, record);
+          }
+          if (node.data !== record.written) record.original = node.data;
+          const next = node.data.replace(/Deep diving[.…]*/, statusText);
+          if (node.data !== next) {
+            node.data = next;
+            record.written = next;
+          }
         }
       }
     }
   }
   function restoreTurnStatus(originals) {
-    for (const [node, original] of originals) {
-      if (node.isConnected && node.data.includes("Deep sleeping")) node.data = original;
+    for (const [node, record] of originals) {
+      if (node.isConnected && node.data === record.written && node.data !== record.original) node.data = record.original;
     }
     originals.clear();
   }
@@ -1425,15 +1899,253 @@ var __dshcfBundle = (() => {
     document.getElementById(STYLE_ID)?.remove();
   }
 
+  // src/settings.ts
+  var AUTO_COLLAPSE_NS = "dsh-auto-collapse";
+  var DEFAULT_STATUS_TEXT2 = "Deep sleeping...";
+  function statusTextProvider(scope) {
+    return () => {
+      if (scope === void 0) return DEFAULT_STATUS_TEXT2;
+      const snapshot = scope.getSnapshot();
+      const value = snapshot.value;
+      return value?.statusText ?? DEFAULT_STATUS_TEXT2;
+    };
+  }
+  var CARD_CSS = `
+.dshcf-settings-card {
+  border: 1px solid var(--dsw-alias-border-l2);
+  background: var(--dsw-alias-bg-layer-3);
+  border-radius: 12px;
+  list-style: none;
+  transition: border-color .16s, background .16s;
+}
+.dshcf-settings-card:hover { border-color: var(--dsw-alias-label-dimmed); }
+.dshcf-settings-cardOpen {
+  background: var(--dsw-alias-bg-layer-2);
+  border-color: var(--dsw-alias-label-dimmed);
+}
+.dshcf-settings-header {
+  appearance: none;
+  width: 100%;
+  font: inherit;
+  color: inherit;
+  text-align: left;
+  cursor: pointer;
+  background: 0 0;
+  border: 0;
+  border-radius: 12px;
+  align-items: center;
+  gap: 12px;
+  padding: 14px 16px;
+  display: flex;
+}
+.dshcf-settings-header:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: -2px; }
+.dshcf-settings-headText { flex-direction: column; flex: 1; gap: 4px; min-width: 0; display: flex; }
+.dshcf-settings-name { color: var(--dsw-alias-label-primary); font-size: 15px; font-weight: 600; line-height: 1.4; }
+.dshcf-settings-description { color: var(--dsw-alias-label-tertiary); font-size: 13px; line-height: 1.5; }
+.dshcf-settings-chevron { color: var(--dsw-alias-label-tertiary); flex: none; transition: transform .16s; }
+.dshcf-settings-chevronOpen { transform: rotate(180deg); }
+.dshcf-settings-pending {
+  white-space: nowrap;
+  background: var(--dsw-alias-bg-module-platform);
+  color: var(--dsw-alias-label-secondary);
+  border-radius: 999px;
+  flex: none;
+  padding: 1px 8px;
+  font-size: 11px;
+  font-weight: 500;
+  line-height: 17px;
+}
+.dshcf-settings-body { border-top: 1px solid var(--dsw-alias-border-l2); margin: 0 16px; padding-bottom: 8px; }
+.dshcf-settings-readOnly { color: var(--dsw-alias-label-tertiary); margin: 12px 0 0; font-size: 12px; line-height: 1.5; }
+.dshcf-settings-field { flex-direction: column; gap: 6px; padding: 12px 0; display: flex; }
+.dshcf-settings-fieldHead { align-items: center; gap: 8px; display: flex; }
+.dshcf-settings-fieldLabel { min-width: 0; color: var(--dsw-alias-label-primary); flex: 1; font-size: 13px; font-weight: 500; line-height: 1.5; }
+.dshcf-settings-badges { align-items: center; gap: 8px; display: inline-flex; }
+.dshcf-settings-badge {
+  white-space: nowrap;
+  background: var(--dsw-alias-bg-module-platform);
+  color: var(--dsw-alias-label-secondary);
+  border-radius: 999px;
+  padding: 1px 8px;
+  font-size: 11px;
+  font-weight: 500;
+  line-height: 17px;
+}
+.dshcf-settings-reset { font: inherit; color: var(--dsw-alias-label-secondary); cursor: pointer; background: 0 0; border: none; padding: 0; font-size: 12px; line-height: 1.5; }
+.dshcf-settings-reset:hover:not(:disabled) { color: var(--dsw-alias-label-primary); }
+.dshcf-settings-reset:disabled { cursor: default; }
+.dshcf-settings-input {
+  border: 1px solid var(--dsw-alias-border-l2);
+  background: var(--dsw-alias-bg-layer-3);
+  height: 34px;
+  font: inherit;
+  color: var(--dsw-alias-label-primary);
+  border-radius: 8px;
+  padding: 0 12px;
+  font-size: 13px;
+  line-height: 1.5;
+  box-sizing: border-box;
+  width: 100%;
+}
+.dshcf-settings-input:focus-visible { border-color: var(--dsw-alias-brand-primary); outline: none; }
+.dshcf-settings-input:disabled { color: var(--dsw-alias-label-tertiary); cursor: default; }
+.dshcf-settings-hint { color: var(--dsw-alias-label-tertiary); margin: 0; font-size: 12px; line-height: 1.5; }
+.dshcf-settings-footer { border-top: 1px solid var(--dsw-alias-border-l2); justify-content: flex-end; align-items: center; gap: 8px; padding: 12px 0 4px; display: flex; }
+.dshcf-settings-failed { min-width: 0; color: var(--dsw-alias-label-error); flex: 1; margin: 0; font-size: 12px; line-height: 1.5; }
+.dshcf-settings-discard,
+.dshcf-settings-save { appearance: none; font: inherit; cursor: pointer; border: 1px solid #0000; border-radius: 8px; padding: 5px 14px; font-size: 13px; line-height: 1.5; }
+.dshcf-settings-discard { border-color: var(--dsw-alias-border-l2); color: var(--dsw-alias-label-secondary); background: 0 0; }
+.dshcf-settings-discard:hover:not(:disabled) { color: var(--dsw-alias-label-primary); border-color: var(--dsw-alias-label-dimmed); }
+.dshcf-settings-save { background: var(--dsw-alias-label-primary); color: var(--dsw-alias-bg-layer-3); }
+.dshcf-settings-discard:disabled,
+.dshcf-settings-save:disabled { opacity: .4; cursor: default; }
+.dshcf-settings-discard:focus-visible,
+.dshcf-settings-save:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: 1px; }
+`;
+  var STYLE_ID2 = "dshcf-settings-style";
+  function injectCardStyle() {
+    if (typeof document === "undefined" || document.getElementById(STYLE_ID2) !== null) return;
+    const style = document.createElement("style");
+    style.id = STYLE_ID2;
+    style.textContent = CARD_CSS;
+    document.head.appendChild(style);
+  }
+  function ChevronIcon(open) {
+    const React = __require("react");
+    const className = open ? "dshcf-settings-chevron dshcf-settings-chevronOpen" : "dshcf-settings-chevron";
+    return React.createElement(
+      "svg",
+      { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, className },
+      React.createElement("path", {
+        d: "M11.8486 5.5L11.4238 5.92383L8.69727 8.65137C8.44157 8.90706 8.21562 9.13382 8.01172 9.29785C7.79912 9.46883 7.55595 9.61756 7.25 9.66602C7.08435 9.69222 6.91565 9.69222 6.75 9.66602C6.44405 9.61756 6.20088 9.46883 5.98828 9.29785C5.78438 9.13382 5.55843 8.90706 5.30273 8.65137L2.57617 5.92383L2.15137 5.5L3 4.65137L3.42383 5.07617L6.15137 7.80273C6.42595 8.07732 6.59876 8.24849 6.74023 8.3623C6.87291 8.46904 6.92272 8.47813 6.9375 8.48047C6.97895 8.48703 7.02105 8.48703 7.0625 8.48047C7.07728 8.47813 7.12709 8.46904 7.25977 8.3623C7.40124 8.24849 7.57405 8.07732 7.84863 7.80273L10.5762 5.07617L11 4.65137L11.8486 5.5Z",
+        fill: "currentColor"
+      })
+    );
+  }
+  function StatusTextCard(props) {
+    const React = __require("react");
+    const scope = props.scope;
+    const [open, setOpen] = React.useState(false);
+    const [snapshot, setSnapshot] = React.useState(scope.getSnapshot());
+    const [pending, setPending] = React.useState(null);
+    const [saving, setSaving] = React.useState(false);
+    const [failed, setFailed] = React.useState(false);
+    React.useEffect(() => scope.subscribe(() => setSnapshot(scope.getSnapshot())), [scope]);
+    if (snapshot.status !== "ready") return null;
+    const value = snapshot.value;
+    const base = snapshot.base;
+    const user = snapshot.user;
+    const currentText = value?.statusText ?? "";
+    const defaultText = base?.statusText ?? DEFAULT_STATUS_TEXT2;
+    const text = pending ? pending.text : currentText;
+    const userHas = user !== void 0 && Object.prototype.hasOwnProperty.call(user, "statusText");
+    const overridden = pending ? !pending.reset : userHas;
+    const dirty = pending !== null && (pending.reset ? userHas : pending.text.trim() !== currentText);
+    const writable = snapshot.writable;
+    const discard = () => {
+      setPending(null);
+      setFailed(false);
+    };
+    const resetField = () => {
+      setPending({ text: defaultText, reset: true });
+      setFailed(false);
+    };
+    const edit = (next) => {
+      setPending({ text: next, reset: false });
+      setFailed(false);
+    };
+    const save = async () => {
+      if (pending === null) return;
+      setSaving(true);
+      setFailed(false);
+      try {
+        if (pending.reset) await scope.unset("statusText");
+        else await scope.set("statusText", pending.text.trim());
+        setPending(null);
+      } catch {
+        setFailed(true);
+      } finally {
+        setSaving(false);
+      }
+    };
+    const blocked = !dirty || saving;
+    const cardClass = `dshcf-settings-card${open ? " dshcf-settings-cardOpen" : ""}`;
+    return React.createElement("li", { className: cardClass }, [
+      React.createElement(
+        "button",
+        {
+          type: "button",
+          className: "dshcf-settings-header",
+          "aria-expanded": open,
+          "aria-label": `${open ? "\u6536\u8D77\u8BBE\u7F6E" : "\u5C55\u5F00\u8BBE\u7F6E"}: \u72B6\u6001\u63D0\u793A\u8BCD`,
+          onClick: () => setOpen(!open)
+        },
+        [
+          React.createElement("span", { className: "dshcf-settings-headText" }, [
+            React.createElement("span", { className: "dshcf-settings-name" }, "\u72B6\u6001\u63D0\u793A\u8BCD"),
+            React.createElement("span", { className: "dshcf-settings-description" }, "\u81EA\u5B9A\u4E49\u72B6\u6001\u63D0\u793A\u8BCD\uFF0C\u53EF\u4EE5\u66FF\u6362\u539F\u6709\u7684Deep diving...\u4E00\u884C\uFF0C\u7531\u63D2\u4EF6dsh-auto-collapse\u63D0\u4F9B")
+          ]),
+          dirty ? React.createElement("span", { className: "dshcf-settings-pending" }, "\u672A\u4FDD\u5B58") : null,
+          ChevronIcon(open)
+        ]
+      ),
+      open ? React.createElement("div", { className: "dshcf-settings-body" }, [
+        !writable ? React.createElement("p", { className: "dshcf-settings-readOnly", role: "status" }, "\u672C\u90E8\u7F72\u7684\u8BBE\u7F6E\u4E3A\u53EA\u8BFB\u3002") : null,
+        React.createElement("div", { className: "dshcf-settings-field" }, [
+          React.createElement("div", { className: "dshcf-settings-fieldHead" }, [
+            React.createElement("label", { className: "dshcf-settings-fieldLabel", htmlFor: "dshcf-status-text" }, "\u81EA\u5B9A\u4E49\u72B6\u6001\u63D0\u793A\u8BCD"),
+            overridden ? React.createElement("span", { className: "dshcf-settings-badges" }, [
+              React.createElement("span", { className: "dshcf-settings-badge" }, "\u5DF2\u8986\u76D6"),
+              React.createElement("button", { type: "button", className: "dshcf-settings-reset", disabled: !writable, onClick: resetField }, "\u6062\u590D\u9ED8\u8BA4")
+            ]) : null
+          ]),
+          React.createElement("input", {
+            id: "dshcf-status-text",
+            className: "dshcf-settings-input",
+            type: "text",
+            value: text,
+            placeholder: "Deep diving...",
+            disabled: !writable,
+            onChange: (event) => edit(event.target.value)
+          }),
+          React.createElement("p", { className: "dshcf-settings-hint" }, "\u4E3A\u7A7A\u65F6\u6062\u590D\u9ED8\u8BA4Deep diving...\u63D0\u793A\u8BCD\u72B6\u6001")
+        ]),
+        React.createElement("div", { className: "dshcf-settings-footer" }, [
+          failed ? React.createElement("p", { className: "dshcf-settings-failed", role: "status" }, "\u672C\u90E8\u7F72\u6CA1\u6709\u63A5\u53D7\u8FD9\u4E9B\u503C\uFF0C\u5DF2\u4FDD\u7559\u4F9B\u4F60\u4FEE\u6539\u3002") : null,
+          React.createElement("button", { type: "button", className: "dshcf-settings-discard", disabled: !dirty || saving, onClick: discard }, "\u653E\u5F03\u4FEE\u6539"),
+          React.createElement("button", { type: "button", className: "dshcf-settings-save", disabled: blocked, onClick: save }, saving ? "\u4FDD\u5B58\u4E2D\u2026" : "\u4FDD\u5B58")
+        ])
+      ]) : null
+    ]);
+  }
+  function setupSettingsCard(ctx, scope) {
+    injectCardStyle();
+    return ctx.slots.inject("settings.plugin.item", () => ctx.slots.register(
+      {
+        name: "settings.plugin.item",
+        key: AUTO_COLLAPSE_NS,
+        inject: () => ({ scope })
+      },
+      StatusTextCard
+    ));
+  }
+
   // src/client.ts
   var name = "dsh-auto-collapse";
-  var inject = [];
+  var inject = ["slots", "settingsScope"];
   function apply(ctx) {
     ctx.effect(() => {
-      const controller = new FoldController();
+      const scope = ctx.settingsScope?.bind({ namespace: AUTO_COLLAPSE_NS });
+      const controller = new FoldController(statusTextProvider(scope));
       controller.start();
-      return () => controller.stop();
-    }, "dsh-auto-collapse: fold observer");
+      const offScope = scope?.subscribe(() => controller.refresh());
+      const offSettings = ctx.slots === void 0 || scope === void 0 ? void 0 : setupSettingsCard(ctx, scope);
+      return () => {
+        offScope?.();
+        offSettings?.();
+        controller.stop();
+      };
+    }, "dsh-auto-collapse: fold observer + settings card");
   }
   return __toCommonJS(client_exports);
 })();