dsh-auto-collapse 0.1.6 → 0.1.8

package/lib/client.js

@@ -36,6 +36,7 @@ var __dshcfBundle = (() => {
   // src/fold.ts
   var STYLE_ID = "dshcf-style";
   var DEFAULT_STATUS_TEXT = "Deep sleeping...";
+  var TURN_STATUS_COPY_RE = /Deep diving[.…]*|深度求索中\s*[.…]*/;
   var ANIM_DURATION_MS = 180;
   var ANIM_EASING = "ease-out";
   var DISPLAY_OWNED_PROP = "--dshcf-display-owned";
@@ -58,6 +59,8 @@ var __dshcfBundle = (() => {
     cordis_stop: "Stop",
     cordis_undefine: "Remove"
   };
+  var TURN_PROCESS_KIND = "turn-process";
+  var NATIVE_OPEN_ATTR = "data-open";
   var CHIP_CSS = `
 .dshcf-chip {
   box-sizing: border-box;
@@ -395,6 +398,7 @@ var __dshcfBundle = (() => {
       this.bodyTextCache = /* @__PURE__ */ new WeakMap();
       /** 自上次 pass 以来子树发生变化的 flow 顶层消息；pass 开头统一失效。 */
       this.dirtyMessages = /* @__PURE__ */ new Set();
+      /** 在途显示动画（元素 → 记录）：冲突仲裁、记账对齐与生命周期清理的依据。
       /** 在途显示动画（元素 → 记录）：冲突仲裁、记账对齐与生命周期清理的依据。
        * 用 Map 不用 WeakMap——switchFlow/stop 需要遍历全量 cancel。 */
       this.pendingAnims = /* @__PURE__ */ new Map();
@@ -413,6 +417,20 @@ var __dshcfBundle = (() => {
        * attributes 批次（流式文本、data-state 翻转）不改变块结构，跳过全量
        * querySelectorAll 重扫（issue #14：长会话下每轮重扫造成主线程卡顿）。 */
       this.structureDirty = true;
+      /** 本轮 pass 的原生 turn 摘要快照（turn id → 开合态）：每轮重建，不跨轮复用；
+       * data-open 翻转不改变块结构也能驱动重算，见 buildNativeTurnMap。 */
+      this.nativeTurns = /* @__PURE__ */ new Map();
+      /** 被折叠掏空后藏起的中间包装层（真机 44px vs 28px 真因：think 行全隐后
+       * 其父容器变零高度空壳，仍作为 flex item 参与父级 gap，凭空多出 16px）。
+       * 内容恢复（展开/流式追加/块转世）时同函数恢复显示；switchFlow 清空。 */
+      this.emptiedWrappers = /* @__PURE__ */ new Set();
+      /** 本轮 pass 内有过 display 实写（hide/restore 瞬时路径）。空洞发现的触发
+       * 条件之一：纯 display 收放不产生 childList，不触发 structureDirty。
+       * settle 触发的后续 pass 则由 settleFired 覆盖。读后即清（见发现调用点）。 */
+      this.displayTouched = false;
+      /** 有 fade 自然结算过（chipSettle 跑过）。结算本身不写 display，但它意味着
+       * 某行刚变隐藏——空洞可能刚形成。 */
+      this.settleFired = false;
       /** 滚动稳定化（issue #14）：flow 最近的滚动容器缓存（按 flow 身份失效）。 */
       this.scrollContainer = null;
       this.scrollContainerFlow = null;
@@ -448,7 +466,10 @@ var __dshcfBundle = (() => {
           childList: true,
           subtree: true,
           attributes: true,
-          attributeFilter: ["data-selected", "data-state"],
+          // 原生 TurnProcess 开合只改 attribute（成员 data-turn-process-hidden、
+          // 摘要按钮 data-open），必须进过滤器才能即时调度；插件自身从不写
+          // 这两个属性，不会自激。
+          attributeFilter: ["data-selected", "data-state", "data-turn-process-hidden", "data-open"],
           // 流式文本更新（React 改 text node 的 data）属于 characterData
           // mutation：不观察则二级摘要/滚动跟随只能靠偶发结构变化驱动，
           // 变成“隔几秒跳一次”。所有文本写入都有守卫（值不变不写），
@@ -518,6 +539,17 @@ var __dshcfBundle = (() => {
           return;
         }
       }
+      for (const el of [...this.emptiedWrappers]) {
+        if (!el.isConnected) {
+          this.emptiedWrappers.delete(el);
+          continue;
+        }
+        if (!this.isHollow(el)) {
+          this.restoreElement(el);
+          if (el.style.display === "none") el.style.display = "";
+          this.emptiedWrappers.delete(el);
+        }
+      }
     }
     stop() {
       this.disposed = true;
@@ -652,6 +684,7 @@ var __dshcfBundle = (() => {
       this.currentBlocks = new Map(blocks.map((block) => [block.key, block]));
       const segments = buildSegments(flow, blocks, (el) => this.hasBodyCached(el));
       const liveSegmentKeys = new Set(segments.map((segment) => segment.key));
+      this.nativeTurns = buildNativeTurnMap(flow);
       const scrollAnchor = this.captureScrollAnchor(flow);
       for (const segment of segments) {
         if (!segment.running) continue;
@@ -668,6 +701,12 @@ var __dshcfBundle = (() => {
         if (!snapshot.closed || snapshot.running || !snapshot.hasWork) continue;
         completedKeys.add(snapshot.key);
         this.completedOnce.add(snapshot.key);
+        if (segmentHasNativeTurn(snapshot, this.nativeTurns)) {
+          const prev = this.segmentStates.get(snapshot.key);
+          prev?.row?.remove();
+          if (prev !== void 0) this.segmentStates.delete(snapshot.key);
+          continue;
+        }
         let state = this.segmentStates.get(snapshot.key);
         if (state === void 0) {
           state = { key: snapshot.key, row: null, expanded: false, snapshot };
@@ -697,6 +736,21 @@ var __dshcfBundle = (() => {
         seenBlocks.add(block.key);
         this.reconcileBlock(block, segmentByBlock.get(block.key) ?? null, desiredHidden);
       }
+      if (rebuildBlocks || this.displayTouched || this.settleFired) {
+        const hosts = /* @__PURE__ */ new Set();
+        for (const block of this.currentBlocks.values()) {
+          if (block.host.isConnected) hosts.add(block.host);
+        }
+        for (const segment of segments) {
+          if (segment.finalStep?.isConnected) hosts.add(segment.finalStep);
+          for (const middle of segment.middleSteps) {
+            if (middle.isConnected) hosts.add(middle);
+          }
+        }
+        this.discoverHollowWrappers(hosts, desiredHidden);
+      }
+      this.displayTouched = false;
+      this.settleFired = false;
       for (const segment of segments) {
         const state = this.segmentStates.get(segment.key);
         const collapse = state !== void 0 && !state.expanded;
@@ -719,6 +773,11 @@ var __dshcfBundle = (() => {
         if (segment.finalStep !== null) this.retainDisplayControl(segment.finalStep, desiredHidden);
       }
       this.cleanupStaleChips(seenBlocks);
+      for (const [el, record] of [...this.pendingAnims]) {
+        if (record.target === "hidden" && record.kind === "fade" && this.pendingAnims.get(el) === record && this.isAnimOverdue(record.anim)) {
+          this.finishFadeCollapse(el, record);
+        }
+      }
       this.restoreUnusedDisplays(desiredHidden);
       for (const state of this.segmentStates.values()) this.placeProcessedRow(flow, state);
       this.stabilizeScrollAfterFold(scrollAnchor);
@@ -808,6 +867,8 @@ var __dshcfBundle = (() => {
       this.bodyTextCache = /* @__PURE__ */ new WeakMap();
       this.dirtyMessages.clear();
       this.auditDisplays.clear();
+      this.nativeTurns.clear();
+      this.emptiedWrappers.clear();
       this.structureDirty = true;
       this.restoreAllDisplays();
       restoreTurnStatus(this.turnStatusTexts);
@@ -859,7 +920,29 @@ var __dshcfBundle = (() => {
       }
       if (row.parentElement !== flow || row.nextElementSibling !== target) target.before(row);
     }
+    /** 原生收起时隐藏本块插件自有 overlay（chip/合并行+内容块）：只做
+     * display 直写，不清钉住之外的账本、不删展开态，供原生再展开后复用。
+     * 在途 WAAPI 动画不追踪取消——收尾回调只做幂等终态对齐，无残留。 */
+    hideOverlayForNativeCollapse(block) {
+      const existing = this.chips.get(block.key)?.chip;
+      if (existing !== void 0 && existing.style.display !== "none") {
+        existing.style.marginBottom = "";
+        existing.style.display = "none";
+      }
+      const row = this.mergedThinks.get(block.host);
+      if (row !== void 0 && row.style.display !== "none") {
+        row.style.display = "none";
+        const body = row.nextElementSibling;
+        if (body instanceof HTMLElement && body.classList.contains("dshcf-merged-body") && body.style.display !== "none") {
+          body.style.display = "none";
+        }
+      }
+    }
     reconcileBlock(block, segment, desiredHidden) {
+      if (blockNativelyCollapsed(block, this.nativeTurns)) {
+        this.hideOverlayForNativeCollapse(block);
+        return;
+      }
       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));
@@ -881,7 +964,7 @@ var __dshcfBundle = (() => {
             existing.style.display = "none";
           }
         }
-        this.releaseMergedThink(block.host, animate);
+        this.syncEmptiedWrappers(block, desiredHidden);
         return;
       }
       let expanded = this.blockExpanded.get(block.key) ?? false;
@@ -901,6 +984,7 @@ var __dshcfBundle = (() => {
       if (chipWasHidden && animate && !(hostAnimate && block.mount === "inside")) this.revealVisual(chip);
       if (expanded || !this.hasPendingCollapse(block)) this.unpinChipMargin(chip);
       const chipSettle = () => {
+        this.settleFired = true;
         if (!this.hasPendingCollapse(block)) this.unpinChipMargin(chip);
       };
       for (const container of block.containers) {
@@ -922,9 +1006,123 @@ var __dshcfBundle = (() => {
       } else {
         if (this.releaseMergedThink(block.host, animate, chipSettle)) this.pinChipMargin(chip);
       }
+      this.syncEmptiedWrappers(block, desiredHidden);
       chip.classList.toggle("dshcf-has-body", block.mount === "inside" && this.hasBodyCached(block.host));
       updateChip(chip, block.rows, expanded);
     }
+    /**
+     * 掏空包装层对账（真机 44px vs 28px 真因修复）。
+     *
+     * 折叠把某容器的子行全部 display:none 后，该容器变零高度空壳，但仍是
+     * 父级 flex 的 item 并参与 gap（如正文体 flex-column gap:16px），凭空多出
+     * 一份间距。隐藏这类空壳可让 gap 塌缩；子内容恢复可见（展开/流式追加/
+     * 块转世）时恢复显示。
+     *
+     * 安全边界：
+     * - 只看 block.host 内部、不含 host 本人（宿主显隐归 segment 逻辑）；
+     * - 跳过结构 seat（data-chat-flow-kind / data-chat-anchor-key）与插件
+     *   自身 overlay（dshcf- 前缀类）；
+     * - 只隐藏内容空洞（无可见子内容）：零高度无文本的空壳 display:none 与
+     *   保持显示像素一致，只塌缩父级 gap；任何一方恢复内容即恢复显示。
+     */
+    /**
+     * 空洞包装层兜底发现：按宿主直扫 div（仅结构变化轮次调用）。
+     * 只做隐藏侧：空洞即藏并记入 tracked；恢复侧由 syncEmptiedWrappers 的
+     * tracked 复核与 audit 承担。与按行 walk 共用同一安全边界（结构 seat /
+     * 插件 overlay / 宿主本人不碰）。
+     */
+    discoverHollowWrappers(hosts, desiredHidden) {
+      for (const host of hosts) {
+        if (!host.isConnected) continue;
+        let divs;
+        try {
+          divs = [...host.querySelectorAll("div")];
+        } catch {
+          continue;
+        }
+        for (const el of divs) {
+          if (el === host || !(el instanceof HTMLElement)) continue;
+          const cls = el.className;
+          if (typeof cls === "string" && cls.split(" ").some((c) => c.startsWith("dshcf-"))) continue;
+          if (el.hasAttribute("data-chat-flow-kind") || el.hasAttribute("data-chat-anchor-key")) continue;
+          if (this.isHollow(el)) {
+            this.hideElement(el, desiredHidden, false);
+            this.emptiedWrappers.add(el);
+          }
+        }
+      }
+    }
+    syncEmptiedWrappers(block, desiredHidden) {
+      const flow = this.flow;
+      if (flow === null) return;
+      const scopeOf = (el) => {
+        let cur = el?.parentElement ?? null;
+        while (cur instanceof HTMLElement && cur.parentElement !== flow) {
+          cur = cur.parentElement;
+        }
+        return cur instanceof HTMLElement && cur.parentElement === flow ? cur : null;
+      };
+      const candidates = [];
+      const seen = /* @__PURE__ */ new Set();
+      const scopes = /* @__PURE__ */ new Set();
+      const collect = (el) => {
+        const scope = scopeOf(el);
+        if (scope === null) return;
+        scopes.add(scope);
+        let node = el?.parentElement ?? null;
+        while (node instanceof HTMLElement && node !== scope) {
+          if (!seen.has(node)) {
+            seen.add(node);
+            candidates.push(node);
+          }
+          node = node.parentElement;
+        }
+      };
+      for (const row of block.rows) collect(row);
+      for (const container of block.containers) collect(container);
+      for (const el of [...this.emptiedWrappers]) {
+        if (!el.isConnected) {
+          this.emptiedWrappers.delete(el);
+          continue;
+        }
+        const scope = scopeOf(el);
+        if (scope === null || !scopes.has(scope)) continue;
+        if (!seen.has(el)) {
+          seen.add(el);
+          candidates.push(el);
+        }
+      }
+      for (const el of candidates) {
+        if (!el.isConnected) {
+          this.emptiedWrappers.delete(el);
+          continue;
+        }
+        const cls = el.className;
+        if (typeof cls === "string" && cls.split(" ").some((c) => c.startsWith("dshcf-"))) continue;
+        if (el.hasAttribute("data-chat-flow-kind") || el.hasAttribute("data-chat-anchor-key")) continue;
+        if (this.isHollow(el)) {
+          this.hideElement(el, desiredHidden, false);
+          this.emptiedWrappers.add(el);
+        } else if (this.emptiedWrappers.delete(el)) {
+          this.restoreElement(el);
+        }
+      }
+    }
+    /** 内容空洞判定：无可见子内容（文本/元素任一可见即非空洞）。隐藏者是谁
+     * 不重要——零高度无文本节点 display:none 与保持显示像素一致（只塌缩父级
+     * gap，正是要修的幻影）；任何一方恢复内容，下轮 pass/audit 即恢复显示。
+     * isDisplayed 走 getComputedStyle（桩内退化为内联，语义一致）。 */
+    isHollow(el) {
+      for (const child of [...el.childNodes]) {
+        if (child.nodeType === 3) {
+          if ((child.textContent ?? "").trim() !== "") return false;
+          continue;
+        }
+        if (!(child instanceof HTMLElement)) continue;
+        if (isDisplayed(child)) return false;
+      }
+      return true;
+    }
     ensureChip(block) {
       let record = this.chips.get(block.key);
       const validParent = record !== void 0 && (block.mount === "inside" ? record.chip.parentElement === block.host : record.chip.parentElement === block.host.parentElement);
@@ -1287,6 +1485,7 @@ var __dshcfBundle = (() => {
       }
       el.style.display = "none";
       this.writtenDisplay.set(el, "none");
+      this.displayTouched = true;
       return false;
     }
     restoreElement(el, animate = false) {
@@ -1302,11 +1501,17 @@ var __dshcfBundle = (() => {
       }
       const original = this.originalDisplay.get(el);
       if (!animate || !this.canAnimate(el) || this.hasAnimatingAncestor(el)) {
-        if (el.style.display !== original) el.style.display = original;
+        if (el.style.display !== original) {
+          el.style.display = original;
+          this.displayTouched = true;
+        }
         this.releaseDisplayLedger(el);
         return;
       }
-      if (el.style.display !== original) el.style.display = original;
+      if (el.style.display !== original) {
+        el.style.display = original;
+        this.displayTouched = true;
+      }
       this.writtenDisplay.set(el, original);
       this.startReveal(el);
     }
@@ -1378,28 +1583,48 @@ var __dshcfBundle = (() => {
         ],
         { duration: ANIM_DURATION_MS, easing: ANIM_EASING, fill: "forwards" }
       );
-      const record = { anim, target: "hidden", kind: "fade" };
+      const record = { anim, target: "hidden", kind: "fade", settle };
       this.pendingAnims.set(el, record);
-      anim.onfinish = () => {
-        if (this.pendingAnims.get(el) !== record) return;
-        this.pendingAnims.delete(el);
-        if (this.displayForeign(el)) {
-          this.releaseDisplayLedger(el);
-          this.schedule();
-          anim.cancel();
-          return;
-        }
-        if (el.style.display !== "none") el.style.display = "none";
-        this.writtenDisplay.set(el, "none");
-        settle?.();
-        anim.cancel();
-        this.schedule();
-      };
+      anim.onfinish = () => this.finishFadeCollapse(el, record);
       anim.oncancel = () => {
         if (this.pendingAnims.get(el) !== record) return;
         this.pendingAnims.delete(el);
       };
     }
+    /**
+     * 收起 fade 终态结算（onfinish 与僵尸收割共用）。仅被同元素新动画
+     * supersede 时早退；被 sweep 删账（元素已断连）或收割时仍执行 settle——
+     * 回调经 controller 可达，动画必然触发 onfinish，早退会把 chip 内联 16px
+     * 钉住永久残留。重挂载同节点不可能（React 只建新节点），重启动的新动画
+     * 由第一条守卫覆盖，无误伤。
+     */
+    finishFadeCollapse(el, record) {
+      const cur = this.pendingAnims.get(el);
+      if (cur !== void 0 && cur !== record) return;
+      this.pendingAnims.delete(el);
+      if (this.displayForeign(el)) {
+        this.releaseDisplayLedger(el);
+        this.schedule();
+        record.anim.cancel();
+        return;
+      }
+      if (el.style.display !== "none") el.style.display = "none";
+      this.writtenDisplay.set(el, "none");
+      record.settle?.();
+      record.anim.cancel();
+      this.schedule();
+    }
+    /** 动画是否已播完（终态未结算）：finish 事件丢失时的兜底判定。WAAPI 桩
+     * 无 playState/effect 时一律 false，走正常事件路径，测试行为不变。 */
+    isAnimOverdue(anim) {
+      const a = anim;
+      if (a.playState === "finished") return true;
+      if (typeof a.currentTime === "number") {
+        const end = a.effect?.getComputedTiming?.().endTime;
+        if (typeof end === "number" && a.currentTime >= end) return true;
+      }
+      return false;
+    }
     /** 轻量视觉 reveal（opacity + 4px 微位移）：用于插件全资元素的即时显示
      * 路径——chip（一级展开时出现）与 merged-think 行（二级展开时出现）。
      * 这些元素的 display 完全由插件直写、无 React 协调竞争，因此不入
@@ -1417,7 +1642,12 @@ var __dshcfBundle = (() => {
     }
     restoreUnusedDisplays(desired) {
       for (const el of [...this.controlledDisplay]) {
-        if (!desired.has(el)) this.restoreElement(el);
+        if (desired.has(el)) continue;
+        if (!el.isConnected && this.pendingAnims.get(el)?.target === "hidden") {
+          this.releaseDisplayLedger(el);
+          continue;
+        }
+        this.restoreElement(el);
       }
     }
     /** 收集 audit 需要观察的 display 集合；只读取内联样式，不触发布局计算。 */
@@ -1663,6 +1893,39 @@ var __dshcfBundle = (() => {
     if (typeof getComputedStyle === "function") return getComputedStyle(el).display !== "none";
     return el.style.display !== "none";
   }
+  function buildNativeTurnMap(flow) {
+    const states = /* @__PURE__ */ new Map();
+    for (const el of flow.children) {
+      if (!(el instanceof HTMLElement)) continue;
+      if (el.getAttribute("data-chat-flow-kind") !== TURN_PROCESS_KIND) continue;
+      const turn = el.getAttribute("data-chat-turn");
+      if (turn === null || turn === "") continue;
+      const button = el.querySelector("button[data-turn-process]");
+      if (button === null) continue;
+      const openAttr = button.getAttribute(NATIVE_OPEN_ATTR) !== null;
+      const expandedAttr = button.getAttribute("aria-expanded");
+      const open = expandedAttr === null ? openAttr : expandedAttr === "true";
+      states.set(turn, { collapsed: !open });
+    }
+    return states;
+  }
+  function elementTurn(el) {
+    const turn = el.getAttribute("data-chat-turn");
+    return turn === null || turn === "" ? null : turn;
+  }
+  function segmentHasNativeTurn(segment, nativeTurns) {
+    if (nativeTurns.size === 0) return false;
+    for (const block of segment.blocks) {
+      const turn = elementTurn(block.host);
+      if (turn !== null && nativeTurns.has(turn)) return true;
+    }
+    return false;
+  }
+  function blockNativelyCollapsed(block, nativeTurns) {
+    if (nativeTurns.size === 0) return false;
+    const turn = elementTurn(block.host);
+    return turn !== null && nativeTurns.get(turn)?.collapsed === true;
+  }
   function stableElementKey(el, fallbackIndex) {
     const kind = el.getAttribute("data-chat-flow-kind") ?? "node";
     const key = el.getAttribute("data-chat-flow-key") ?? el.getAttribute("data-chat-anchor-key") ?? `${kind}:${fallbackIndex}`;
@@ -1776,6 +2039,7 @@ var __dshcfBundle = (() => {
     };
     for (const el of children) {
       const kind = el.getAttribute("data-chat-flow-kind");
+      if (kind === TURN_PROCESS_KIND) continue;
       if (kind === "user" || kind === "steering" || kind === "turn-tail") {
         flushCarry();
         run = null;
@@ -2127,14 +2391,23 @@ var __dshcfBundle = (() => {
     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")) {
-          let record = originals.get(node);
+        if (!(node instanceof Text)) continue;
+        let record = originals.get(node);
+        if (record !== void 0 && node.data === record.written) {
+          const next = record.original.replace(TURN_STATUS_COPY_RE, statusText);
+          if (node.data !== next) {
+            node.data = next;
+            record.written = next;
+          }
+          continue;
+        }
+        if (TURN_STATUS_COPY_RE.test(node.data)) {
           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);
+          const next = node.data.replace(TURN_STATUS_COPY_RE, statusText);
           if (node.data !== next) {
             node.data = next;
             record.written = next;
@@ -2257,6 +2530,7 @@ var __dshcfBundle = (() => {
 .dshcf-settings-save:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: 1px; }
 `;
   var STYLE_ID2 = "dshcf-settings-style";
+  var styleOwners = 0;
   function injectCardStyle() {
     if (typeof document === "undefined" || document.getElementById(STYLE_ID2) !== null) return;
     const style = document.createElement("style");
@@ -2264,6 +2538,17 @@ var __dshcfBundle = (() => {
     style.textContent = CARD_CSS;
     document.head.appendChild(style);
   }
+  function acquireCardStyle() {
+    styleOwners += 1;
+    injectCardStyle();
+    let released = false;
+    return () => {
+      if (released) return;
+      released = true;
+      styleOwners = Math.max(0, styleOwners - 1);
+      if (styleOwners === 0 && typeof document !== "undefined") document.getElementById(STYLE_ID2)?.remove();
+    };
+  }
   function ChevronIcon(open) {
     const React = __require("react");
     const className = open ? "dshcf-settings-chevron dshcf-settings-chevronOpen" : "dshcf-settings-chevron";
@@ -2337,7 +2622,7 @@ var __dshcfBundle = (() => {
         [
           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")
+            React.createElement("span", { className: "dshcf-settings-description" }, "\u81EA\u5B9A\u4E49\u72B6\u6001\u63D0\u793A\u8BCD\uFF0C\u53EF\u4EE5\u66FF\u6362\u539F\u6709\u7684\u8FD0\u884C\u72B6\u6001\u6587\u6848\uFF08\u6DF1\u5EA6\u6C42\u7D22\u4E2D...\uFF09\uFF0C\u7531\u63D2\u4EF6dsh-auto-collapse\u63D0\u4F9B")
           ]),
           dirty ? React.createElement("span", { className: "dshcf-settings-pending" }, "\u672A\u4FDD\u5B58") : null,
           ChevronIcon(open)
@@ -2358,11 +2643,11 @@ var __dshcfBundle = (() => {
             className: "dshcf-settings-input",
             type: "text",
             value: text,
-            placeholder: "Deep diving...",
+            placeholder: "\u6DF1\u5EA6\u6C42\u7D22\u4E2D...",
             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("p", { className: "dshcf-settings-hint" }, "\u4E3A\u7A7A\u65F6\u6062\u590D\u5B98\u65B9\u9ED8\u8BA4\u6587\u6848\uFF08\u6DF1\u5EA6\u6C42\u7D22\u4E2D...\uFF09")
         ]),
         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,
@@ -2373,35 +2658,67 @@ var __dshcfBundle = (() => {
     ]);
   }
   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
-    ));
+    const releaseStyle = acquireCardStyle();
+    try {
+      const offSlot = ctx.slots.inject("settings.plugin.item", () => ctx.slots.register(
+        {
+          name: "settings.plugin.item",
+          key: AUTO_COLLAPSE_NS,
+          inject: () => ({ scope })
+        },
+        StatusTextCard
+      ));
+      return () => {
+        try {
+          offSlot();
+        } finally {
+          releaseStyle();
+        }
+      };
+    } catch (error) {
+      releaseStyle();
+      throw error;
+    }
   }
 
   // src/client.ts
   var name = "dsh-auto-collapse";
   var inject = [];
   function apply(ctx) {
+    const fallbackStatusText = () => DEFAULT_STATUS_TEXT2;
+    let readStatusText = fallbackStatusText;
+    const controller = new FoldController(() => readStatusText());
     ctx.effect(() => {
-      const settingsScope = ctx.get?.("settingsScope");
-      const slots = ctx.get?.("slots");
-      const scope = settingsScope?.bind({ namespace: AUTO_COLLAPSE_NS });
-      const controller = new FoldController(statusTextProvider(scope));
       controller.start();
-      const offScope = scope?.subscribe(() => controller.refresh());
-      const offSettings = slots === void 0 || scope === void 0 ? void 0 : setupSettingsCard({ slots }, scope);
-      return () => {
-        offScope?.();
-        offSettings?.();
-        controller.stop();
-      };
-    }, "dsh-auto-collapse: fold observer + settings card");
+      return () => controller.stop();
+    }, "dsh-auto-collapse: fold observer");
+    ctx.inject?.(["settingsScope", "slots"], (serviceCtx) => {
+      serviceCtx.effect(() => {
+        const settingsScope = serviceCtx.get?.("settingsScope");
+        const slots = serviceCtx.get?.("slots");
+        if (settingsScope === void 0 || slots === void 0) return;
+        const scope = settingsScope.bind({ namespace: AUTO_COLLAPSE_NS });
+        const scopedStatusText = statusTextProvider(scope);
+        const offScope = scope.subscribe(() => controller.refresh());
+        let offSettings;
+        try {
+          offSettings = setupSettingsCard({ slots }, scope);
+        } catch (error) {
+          offScope();
+          throw error;
+        }
+        readStatusText = scopedStatusText;
+        controller.refresh();
+        return () => {
+          offScope();
+          offSettings();
+          if (readStatusText === scopedStatusText) {
+            readStatusText = fallbackStatusText;
+            controller.refresh();
+          }
+        };
+      }, "dsh-auto-collapse: settings scope + plugin card");
+    });
   }
   return __toCommonJS(client_exports);
 })();