dsh-toolfold 0.1.7 → 0.1.9

package/lib/client.js

@@ -1,1838 +1,1956 @@
-/**
- * dsh-toolfold — CLIENT half (browser).
- *
- * Folding of consecutive tool calls and thinking in the DSH Web GUI chat
- * flow, without replacing any built-in renderer:
- *
- *  1. Runs of consecutive `tool-call` rows fold into ONE compact bar: all
- *     cards of the run hide and the bar shows the LAST call's own one-line
- *     summary (cloned from the product card) plus "已折叠 N 个工具调用 · 点击展开".
- *     Clicking the bar toggles the run open/closed (state keyed by the run's
- *     first call). With "思考分隔" (splitThink, DEFAULT ON) ANY other row —
- *     settled thinking, in-progress thinking, AI text output, user
- *     messages — ends a run, so completed thinking SEPARATES runs:
- *     [read][thinking][write] folds into two independent bars ([read] and
- *     [write]) instead of one merged bar. With splitThink OFF the original
- *     behavior returns: a step that only settled Think rows occupy is
- *     transparent to the merge, so [read][thinking][write] folds the same
- *     way [read][write] does.
- *  2. Settled Think rows (`[data-variant="think"][data-state="ok"]`, the
- *     product's own disclosure marker) are hidden entirely by default (the
- *     emptied row is removed from layout so no gap remains). With
- *     "保留思考" on they stay visible: between the folded bars in split
- *     mode, or folded with the run and re-inserted in their original order
- *     between the calls on expand in merge mode.
- *  3. Streaming Think rows (`data-state="running"`) stay fully visible as
- *     their own independent row — in-progress thinking is never folded and
- *     keeps the calls around it apart until it completes.
- *  4. Animations: expanding cascades the run's rows downward in a
- *     waterfall (staggered spring fall — rows land with a slight overshoot
- *     bounce); collapsing cascades them back up (staggered rise — each
- *     row fades and lifts on the SAME easing curve as its height shrink,
- *     so a tall card never looks "stuck" while its opacity is already
- *     gone) while each row's HEIGHT simultaneously shrinks to zero, so
- *     the content below the run follows upward continuously — no blank
- *     hole and no end snap. Cleanup runs exactly one step after the LAST
- *     row's animation finishes — no dead wait before the run disappears.
- *     When the reader is pinned near the bottom, expanding keeps the
- *     bar's viewport position fixed (the product's sticky-bottom follow
- *     would otherwise shove the bar out of the top).
- *
- * Performance (near-zero steady-state cost):
- *  - NO page-wide observer. The old body-subtree observer fired on every DOM
- *    mutation anywhere in the app; it is gone. Flow mounts/unmounts are
- *    caught by tiny childList-only observers on the flow parents (direct
- *    children only, no subtree) plus a visible-only safety rescan that
- *    backs off (3s → 10s) while the page is quiet.
- *  - Two-phase flow observers. A flow with no tool calls and no think
- *    blocks keeps a childList-only observer that fires only on row
- *    add/remove/reorder — while text streams inside its rows it costs
- *    nothing. Subtree + `data-state` attribute coverage engages only once
- *    the flow actually contains foldable content, and never downgrades.
- *  - Classified mutations: row adds/removes and think `data-state` flips
- *    run a full merge pass; content changes inside a tool-call row refresh
- *    ONLY the bar of the run whose LAST row was mutated, and only while
- *    that run is collapsed (throttled ~8/s). Expanded runs and non-last
- *    rows cost nothing. The single-appended-text-node case short-circuits
- *    with zero DOM walks, so assistant/think text streaming costs nothing.
- *  - Passes are rAF-batched, one per frame, dirty flows only; row
- *    assessments are cached per row (zero layout reads in steady state);
- *    bar parts are cached on the bar (no per-update selector lookups).
- *  - Visibility gating: while the tab is hidden the engine holds NO
- *    observers and NO timers — literally zero work. On return to
- *    visibility everything re-attaches and one refresh catches up.
- *
- * Settings (Settings → 插件 → 工具折叠, persisted through the DSH settings
- * service into ~/.dsh/settings.yaml):
- *   - durMs: expand/collapse animation duration (0–2000, default 240);
- *   - keepThink: settled think stays visible instead of hidden (default off);
- *   - splitThink: settled think separates tool-call groups into independent
- *     bars (default on; off restores the old merge-across-thinking fold);
- *   - stats: live performance meter in the card (default off).
- *
- * Persistence is layered, in order of preference:
- *   1. the official `settingsScope` transport (when the deployment exposes
- *      the `toolfold` namespace to the web client);
- *   2. this plugin's host route `GET/POST /api/dsh-toolfold/settings`
- *      (registered by the host half, backed by the DSH settings service);
- *   3. browser localStorage — degraded fallback for pages without the host
- *      half (remote browsers, dynamic-plugin dev mode).
- *
- * The engine works on the rendered DOM only (stable product attributes:
- * `[data-chat-flow]`, `[data-chat-flow-kind]`, `[data-variant="think"]`,
- * `data-state`, `[data-disclosure-row]`), so it degrades gracefully when the
- * product markup changes: the worst case is that folding stops applying.
- *
- * Lifecycle: `installCollapseEngine(document, settings, timers)` returns a
- * disposer; the plugin wires it through `ctx.effect` so stop/update removes
- * the style tag, the observers, the timers, the bars and every injected
- * class. Timers come from the Cordis `timer` service (ctx.timeout /
- * ctx.interval disposers) because the dynamic client environment shadows the
- * browser timer globals.
- */
 window.__ModuleLoader__.load({
-  id: 'dsh-toolfold',
-  factory: function (require) {
-    var module = { exports: {} };
-    var exports = module.exports;
-    Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-    // React is a platform seed word in the web shell; the settings card
-    // needs it, the folding engine does not.
-    var React = null;
-    try {
-      React = require('react');
-    } catch (err) {
-      React = null;
-    }
-
-    // ------------------------------------------------------------------
-    // Settings. View preferences, persisted in localStorage; shared by the
-    // folding engine and the settings card through one snapshot store.
-    // ------------------------------------------------------------------
-    var SETTINGS_KEY = 'dsh-toolfold.settings.v1';
-    /** Pre-rename key; migrated once so existing preferences survive. */
-    var LEGACY_SETTINGS_KEY = 'dsh-codex-collapse.settings.v1';
-    var DEFAULT_SETTINGS = { durMs: 240, keepThink: false, splitThink: true, stats: false };
-
-    function loadSettings() {
-      var base = { durMs: DEFAULT_SETTINGS.durMs, keepThink: DEFAULT_SETTINGS.keepThink, splitThink: DEFAULT_SETTINGS.splitThink };
-      if (typeof localStorage === 'undefined') return base;
-      var raw = null;
-      try {
-        raw = localStorage.getItem(SETTINGS_KEY);
-        if (raw === null) {
-          var legacy = localStorage.getItem(LEGACY_SETTINGS_KEY);
-          if (legacy !== null) {
-            raw = legacy;
-            localStorage.setItem(SETTINGS_KEY, legacy);
-            localStorage.removeItem(LEGACY_SETTINGS_KEY);
-          }
-        }
-      } catch (err) {
-        return base;
-      }
-      if (raw === null) return base;
-      try {
-        var parsed = JSON.parse(raw);
-        var dur = Number(parsed.durMs);
-        return {
-          durMs: Number.isFinite(dur) ? Math.max(0, Math.min(2000, Math.round(dur))) : DEFAULT_SETTINGS.durMs,
-          keepThink: parsed.keepThink === true,
-          splitThink: parsed.splitThink !== false,
-          stats: parsed.stats === true
-        };
-      } catch (err) {
-        return base;
-      }
-    }
-
-    /** Minimal SnapshotStore: stable getSnapshot until update replaces it. */
-    function createSettingsStore() {
-      var snapshot = loadSettings();
-      var listeners = [];
-      return {
-        getSnapshot: function () { return snapshot; },
-        subscribe: function (listener) {
-          listeners.push(listener);
-          return function () {
-            var index = listeners.indexOf(listener);
-            if (index !== -1) listeners.splice(index, 1);
-          };
-        },
-        update: function (patch) {
-          snapshot = {
-            durMs: patch.durMs === undefined ? snapshot.durMs : patch.durMs,
-            keepThink: patch.keepThink === undefined ? snapshot.keepThink : patch.keepThink,
-            splitThink: patch.splitThink === undefined ? snapshot.splitThink : patch.splitThink === true,
-            stats: patch.stats === undefined ? snapshot.stats : patch.stats
-          };
-          if (typeof localStorage !== 'undefined') {
-            try {
-              localStorage.setItem(SETTINGS_KEY, JSON.stringify(snapshot));
-            } catch (err) { /* storage full/blocked: settings stay in-memory */ }
-          }
-          for (var i = 0; i < listeners.length; i++) listeners[i]();
-        }
-      };
-    }
-
-    // ------------------------------------------------------------------
-    // DSH settings bridge. The folding engine and the settings card read one
-    // store; this bridge decides WHERE the store's values come from and go:
-    // the official settingsScope transport when the deployment exposes the
-    // namespace, else the host half's route (backed by the DSH settings
-    // service → ~/.dsh/settings.yaml), else localStorage. `status()` tells
-    // the card which tier is live.
-    // ------------------------------------------------------------------
-    var DSH_API = '/api/dsh-toolfold/settings';
-
-    function clampDur(value) {
-      var dur = Number(value);
-      return Number.isFinite(dur) ? Math.max(0, Math.min(2000, Math.round(dur))) : undefined;
-    }
-
-    /** Merge one fully-resolved DSH section into the local store. */
-    function adoptSection(store, section) {
-      store.update({
-        durMs: clampDur(section.durMs),
-        keepThink: section.keepThink === undefined ? undefined : section.keepThink === true,
-        splitThink: section.splitThink === undefined ? undefined : section.splitThink === true,
-        stats: section.stats === undefined ? undefined : section.stats === true
-      });
-    }
-
-    function createSettingsBridge(ctx, store) {
-      var scope = null;
-      var scopeReady = false;
-      var routeOk = false;
-      var disposers = [];
-
-      // 1) Official settingsScope transport (settingsScope / webUiSettings).
-      var binder = null;
-      try {
-        if (typeof ctx.get === 'function') {
-          binder = ctx.get('webUiSettings') || ctx.get('settingsScope') || null;
-        }
-      } catch (err) {
-        binder = null;
-      }
-      if (binder !== null && typeof binder.bind === 'function') {
-        try {
-          scope = binder.bind({ namespace: 'toolfold' });
-        } catch (err) {
-          scope = null;
-        }
-      }
-      if (scope !== null && typeof scope.subscribe === 'function' && typeof scope.getSnapshot === 'function') {
-        disposers.push(scope.subscribe(function () {
-          var snap = scope.getSnapshot();
-          if (snap === null || typeof snap !== 'object') return;
-          if (snap.status === 'ready' && snap.value !== null && typeof snap.value === 'object') {
-            scopeReady = true;
-            routeOk = false; // the official transport outranks the route
-            adoptSection(store, snap.value);
-          } else if (snap.status === 'unavailable') {
-            scopeReady = false;
-            void routeLoad();
-          }
-        }));
-      }
-
-      // 2) The host half's route (registered by lib/index.js).
-      function routeLoad() {
-        if (typeof fetch !== 'function') return Promise.resolve(false);
-        return fetch(DSH_API, { method: 'GET', cache: 'no-store' })
-          .then(function (res) { return res.ok ? res.json() : null; })
-          .then(function (body) {
-            if (body === null || body.ok !== true || body.value === null || typeof body.value !== 'object') {
-              routeOk = false;
-              return false;
-            }
-            routeOk = true;
-            adoptSection(store, body.value.value === undefined ? body.value : body.value.value);
-            return true;
-          })
-          .catch(function () { routeOk = false; return false; });
-      }
-
-      function routeWrite(field, value, op) {
-        if (typeof fetch !== 'function') return Promise.resolve(false);
-        var payload = op === 'unset'
-          ? { op: 'unset', field: field }
-          : { op: 'set', field: field, value: value };
-        return fetch(DSH_API, {
-          method: 'POST',
-          cache: 'no-store',
-          headers: { 'content-type': 'application/json' },
-          body: JSON.stringify(payload)
-        })
-          .then(function (res) { return res.ok ? res.json() : null; })
-          .then(function (body) {
-            if (body === null || body.ok !== true || body.value === null || typeof body.value !== 'object') return false;
-            routeOk = true;
-            adoptSection(store, body.value.value === undefined ? body.value : body.value.value);
-            return true;
-          })
-          .catch(function () { return false; });
-      }
-
-      return {
-        /** Apply one field change: optimistic local update, then persist through the live tier. */
-        write: function (field, value) {
-          var patch = {};
-          patch[field] = value;
-          store.update(patch);
-          if (scopeReady && scope !== null && typeof scope.set === 'function') {
-            scope.set(field, value).catch(function () {});
-          } else {
-            void routeWrite(field, value, 'set');
-          }
-        },
-        unset: function (field) {
-          if (scopeReady && scope !== null && typeof scope.unset === 'function') {
-            scope.unset(field).catch(function () {});
-          } else {
-            void routeWrite(field, undefined, 'unset');
-          }
-        },
-        /** 'dsh' when a host-backed tier is live, 'local' otherwise. */
-        status: function () { return scopeReady || routeOk ? 'dsh' : 'local'; },
-        load: routeLoad,
-        dispose: function () {
-          for (var i = 0; i < disposers.length; i++) disposers[i]();
-        }
-      };
-    }
-
-    // ------------------------------------------------------------------
-    // Styles. Class names carry the `ccx` prefix; colors reuse the
-    // product's --dsw-* semantic aliases with plain fallbacks. Durations
-    // ride --ccx-dur / --ccx-step custom properties (set by the engine).
-    // ------------------------------------------------------------------
-    var STYLE_ID = 'dsh-toolfold/style';
-    var css = [
-      '[data-chat-flow] [data-chat-flow-kind].ccxMerged{display:none}',
-      '[data-chat-flow] [data-chat-flow-kind="assistant-step"].ccxEmpty{display:none}',
-      '[data-chat-flow]:not(.ccxKeepThink) [data-variant="think"][data-state="ok"]{display:none}',
-      '[data-chat-flow] .ccxBar{display:flex;align-items:center;gap:8px;box-sizing:border-box;width:100%;padding:3px 0;color:var(--dsw-alias-label-secondary);font-family:inherit;font-size:13px;line-height:20px;cursor:pointer;text-align:left}',
-      '[data-chat-flow] .ccxBar:focus-visible{outline:2px solid var(--dsw-static-deepseek-500,#4d6bfe);outline-offset:1px}',
-      '.ccxBarCall{flex:1 1 auto;min-width:0;display:flex;align-items:center;pointer-events:none;max-width:1400px;overflow:hidden;transition:max-width var(--ccx-dur,260ms) ease,opacity calc(var(--ccx-dur,260ms)*0.77) ease}',
-      '[data-chat-flow] .ccxBar.ccxExpanded .ccxBarCall{max-width:0;opacity:0}',
-      '.ccxBarCall > *{flex:1 1 auto;min-width:0;width:100%}',
-      '.ccxBarIcon{flex:none;font-size:10px;line-height:20px;opacity:.75;transition:transform var(--ccx-dur,240ms) ease}',
-      '.ccxBarLabel{flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:transform var(--ccx-dur,240ms) ease}',
-      '@keyframes ccxFall{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}',
-      '[data-chat-flow] [data-chat-flow-kind].ccxFalling{animation:ccxFall var(--ccx-dur,240ms) cubic-bezier(0.34,1.56,0.64,1) both;animation-delay:calc(var(--ccx-i,0)*var(--ccx-step,45ms))}',
-      '@keyframes ccxRise{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}',
-      '[data-chat-flow] [data-chat-flow-kind].ccxCollapsing{animation:ccxRise var(--ccx-dur,240ms) cubic-bezier(0,0,0.58,1) both;animation-delay:calc(var(--ccx-i,0)*var(--ccx-step,45ms))}',
-      '@media (prefers-reduced-motion:reduce){[data-chat-flow] [data-chat-flow-kind].ccxFalling,[data-chat-flow] [data-chat-flow-kind].ccxCollapsing{animation:none}.ccxBarCall,.ccxBarIcon,.ccxBarLabel{transition:none}}',
-      // Settings card chrome — mirrors the product's PluginCard / field
-      // styles token-for-token, so the card is indistinguishable from the
-      // built-in ones (bordered 12px card, header with name over
-      // description, rotating chevron, field rows with label/hint).
-      '.ccxCard{list-style:none;border:1px solid var(--dsw-alias-border-l2,#e4e4e7);border-radius:12px;background:var(--dsw-alias-bg-layer-3,#fff);transition:border-color .16s,background .16s}',
-      '.ccxCard:hover{border-color:var(--dsw-alias-label-dimmed,#a1a1aa)}',
-      '.ccxCardOpen{background:var(--dsw-alias-bg-layer-2,#fafafa);border-color:var(--dsw-alias-label-dimmed,#a1a1aa)}',
-      '.ccxHeader{width:100%;appearance:none;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px}',
-      '.ccxHeader:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#4d6bfe);outline-offset:-2px}',
-      '.ccxHeadText{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}',
-      '.ccxName{font-size:15px;font-weight:600;line-height:1.4;color:var(--dsw-alias-label-primary,#222)}',
-      '.ccxDescription{font-size:13px;line-height:1.5;color:var(--dsw-alias-label-tertiary,#888)}',
-      '.ccxChevron{flex:none;font-size:14px;line-height:1;color:var(--dsw-alias-label-tertiary,#888);transition:transform .16s}',
-      '.ccxChevronOpen{transform:rotate(180deg)}',
-      '.ccxBody{border-top:1px solid var(--dsw-alias-border-l2,#e4e4e7);margin:0 16px;padding:4px 0 8px}',
-      '.ccxField{display:flex;flex-direction:column;gap:6px;padding:12px 0}',
-      '.ccxField + .ccxField{border-top:1px solid var(--dsw-alias-border-l2,#e4e4e7)}',
-      '.ccxFieldHead{display:flex;align-items:center;gap:8px}',
-      '.ccxFieldLabel{flex:1;min-width:0;font-size:13px;font-weight:500;line-height:1.5;color:var(--dsw-alias-label-primary,#222)}',
-      '.ccxFieldHint{margin:0;font-size:12px;line-height:1.5;color:var(--dsw-alias-label-tertiary,#888)}',
-      '.ccxBadge{flex:none;border-radius:999px;padding:1px 8px;font-size:11px;line-height:17px;white-space:nowrap;font-weight:500;background:var(--dsw-alias-bg-module-platform,#f0f0f2);color:var(--dsw-alias-label-secondary,#666)}',
-      '.ccxRange{width:100%;height:34px;margin:0;accent-color:var(--dsw-alias-brand-primary,#4d6bfe);cursor:pointer}',
-      '.ccxToggle{width:16px;height:16px;margin:0;flex:none;accent-color:var(--dsw-alias-brand-primary,#4d6bfe);cursor:pointer}',
-      '.ccxStatRow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;font-size:12px;line-height:1.5}',
-      '.ccxStatValue{flex:none;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-secondary,#666)}'
-    ].join('');
-
-    /**
-     * Install the folding engine on a document.
-     * @param doc - the browser document of the Web GUI page.
-     * @param settings - the shared settings store (getSnapshot/subscribe).
-     * @returns a disposer that removes every side effect.
-     */
-    function installCollapseEngine(doc, settings, timers) {
-      var FLOW_SELECTOR = '[data-chat-flow]';
-      var BADGE_ATTR = 'data-ccx-badge';
-      var MERGED_CLASS = 'ccxMerged';
-      var EMPTY_CLASS = 'ccxEmpty';
-      var FALLING_CLASS = 'ccxFalling';
-      var COLLAPSING_CLASS = 'ccxCollapsing';
-      var KEEP_CLASS = 'ccxKeepThink';
-      /** Ease-out for the row height shrink (no overshoot: heights clamp). */
-      var COLLAPSE_EASE = 'cubic-bezier(0,0,0.58,1)';
-
-      var styleTag = null;
-      var adoptedStyle = false;
-      /** flow element -> observation mode ('light' | 'full') */
-      var flows = new Map();
-      /** flow element -> its attached MutationObserver (absent while hidden) */
-      var flowObservers = new Map();
-      /** parent element -> childList-only observer (flow mounts/unmounts) */
-      var parentObservers = new Map();
-      /** flow element -> Set of expanded run node keys */
-      var expanded = new Map();
-      /** flow element -> Map<run head key, bar element> */
-      var barsByFlow = new Map();
-      /** flow element -> Set of run head keys mid collapse animation */
-      var collapsing = new Map();
-      /** flows whose DOM changed since the last pass (pending re-pass) */
-      var dirtyFlows = new Set();
-      /** per-flow reason for the pending pass: content | think | rows */
-      var flowReasons = new Map();
-      /** flow element -> Set of tool rows touched by content mutations */
-      var contentRowsByFlow = new Map();
-      /** per-flow counter for synthetic run keys (rows lacking a node key) */
-      var syntheticKeys = new Map();
-      /** flows may have appeared or disappeared since the last pass */
-      var structureDirty = true;
-      /** observers live only while the tab is visible */
-      var active = true;
-      /** slow safety rescan while visible (catches remounted flows) */
-      var rescanTimer = null;
-      /** rescan delay, backing off while nothing changes (3s..10s) */
-      var rescanDelay = 3000;
-      var rafId = 0;
-      var pending = false;
-      var disposed = false;
-      var offSettings = null;
-      /** deferred boot init (one frame after activation) */
-      var booted = false;
-      var bootRaf = 0;
-      /** cached MediaQueryList for prefers-reduced-motion */
-      var motionMql = null;
-      /** cache of confirmed tool-call rows (closestToolCall positive hits) */
-      var toolRowCache = new WeakMap();
-      /** opt-in live cost stats (settings card); created at engine init */
-      var statsObj = null;
-
-      function statsBegin() {
-        if (statsObj === null || !statsObj.enabled) return null;
-        return performance.now();
-      }
-
-      function statsEnd(key, count, t0) {
-        if (t0 === null) return;
-        statsObj[key] += count;
-        statsObj[key + 'Ms'] += performance.now() - t0;
-      }
-
-      function ensureStats() {
-        if (statsObj !== null) return statsObj;
-        statsObj = {
-          enabled: settings.getSnapshot().stats === true,
-          start: Date.now(),
-          obs: 0, obsMs: 0,
-          refresh: 0, refreshMs: 0,
-          pass: 0, passMs: 0,
-          scan: 0, scanMs: 0,
-          clone: 0, cloneMs: 0,
-          skip: 0
-        };
-        return statsObj;
-      }
-
-      function reducedMotion() {
-        if (motionMql === null) {
-          motionMql = (typeof matchMedia === 'function') ? matchMedia('(prefers-reduced-motion: reduce)') : null;
-        }
-        return motionMql !== null && motionMql.matches;
-      }
-
-      function durMs() {
-        var value = settings.getSnapshot().durMs;
-        return reducedMotion() ? 0 : value;
-      }
-
-      function stepMs() {
-        var value = settings.getSnapshot().durMs;
-        return reducedMotion() ? 0 : Math.max(0, Math.min(60, Math.round(value * 45 / 240)));
-      }
-
-      /** Push the current durations into --ccx-dur / --ccx-step. */
-      function applySettings() {
-        var style = doc.documentElement.style;
-        style.setProperty('--ccx-dur', durMs() + 'ms');
-        style.setProperty('--ccx-step', stepMs() + 'ms');
-      }
-
-      // ----------------------------------------------------------------
-      // Style tag (self-managed; removed on dispose).
-      // ----------------------------------------------------------------
-      function insertStyle() {
-        var existing = doc.querySelector('style[data-plugin-css="' + STYLE_ID + '"]');
-        if (existing !== null) {
-          styleTag = existing;
-          adoptedStyle = true;
-          return;
-        }
-        var tag = doc.createElement('style');
-        tag.setAttribute('data-plugin', 'dsh-toolfold');
-        tag.setAttribute('data-plugin-css', STYLE_ID);
-        tag.textContent = css;
-        doc.head.appendChild(tag);
-        styleTag = tag;
-        adoptedStyle = false;
-      }
-
-      // ----------------------------------------------------------------
-      // Scheduling: dirty-flag based, rAF-batched, one pass per frame at
-      // most. Only flows whose DOM actually changed are re-passed.
-      // ----------------------------------------------------------------
-      var REASON_RANK = { content: 1, think: 2, rows: 3 };
-
-      function markDirty(flow, reason) {
-        if (disposed) return;
-        var prev = flowReasons.get(flow);
-        if (prev === undefined || REASON_RANK[prev] < REASON_RANK[reason]) {
-          flowReasons.set(flow, reason);
-        }
-        dirtyFlows.add(flow);
-        // Any flow event means the page is alive: keep the safety rescan
-        // prompt so newly mounted containers are discovered quickly.
-        if (rescanDelay > 3000) {
-          rescanDelay = 3000;
-          if (rescanTimer !== null) {
-            timers.cancel(rescanTimer);
-            rescanTimer = null;
-            scheduleNextRescan();
-          }
-        }
-        schedule();
-      }
-
-      function schedule() {
-        if (pending || disposed) return;
-        pending = true;
-        if (typeof requestAnimationFrame === 'function') {
-          rafId = requestAnimationFrame(function () {
-            pending = false;
-            refresh();
-          });
-        } else {
-          pending = false;
-          refresh();
-        }
-      }
-
-      // ----------------------------------------------------------------
-      // Flow discovery and per-flow observers.
-      // ----------------------------------------------------------------
-      /**
-       * Whether an added/removed node can change folding outcomes: a row
-       * (`[data-chat-flow-kind]`) or a think block (`[data-variant="think"]`).
-       */
-      function nodeHasMarker(node) {
-        if (node.nodeType !== 1) return false;
-        if (typeof node.matches === 'function'
-          && node.matches('[data-chat-flow-kind],[data-variant="think"]')) return true;
-        if (typeof node.querySelector === 'function'
-          && node.querySelector('[data-chat-flow-kind],[data-variant="think"]') !== null) return true;
-        return false;
-      }
-
-      /**
-       * Nearest ancestor (or self) that is a tool-call row. Plain attribute
-       * walk — the MutationObserver hot path never invokes the selector
-       * engine. The RESULT is cached on the start element (both positive and
-       * negative), so streaming — which keeps mutating the same containers —
-       * amortizes the walk to O(1) per container after the first event.
-       * Staleness would require reparenting a container into a tool row,
-       * which the product never does; worst case one missed content refresh.
-       */
-      function closestToolCall(el) {
-        var start = (el.nodeType === 1) ? el : el.parentElement;
-        if (start === null) return null;
-        var hit = toolRowCache.get(start);
-        if (hit !== undefined) return hit;
-        var node = start;
-        while (node !== null && node.nodeType === 1) {
-          var cached = toolRowCache.get(node);
-          if (cached !== undefined) {
-            node = cached;
-            break;
-          }
-          if (node.getAttribute('data-chat-flow-kind') === 'tool-call') break;
-          node = node.parentElement;
-        }
-        toolRowCache.set(start, node);
-        return node;
-      }
-
-      /**
-       * Classify a mutation batch by what it can change:
-       *  - 'rows': row-level add/remove/reorder, or added/removed nodes that
-       *    are or contain rows / think blocks — the merge must be rebuilt;
-       *  - 'think': a `data-state` flip on a think element (settled thinking
-       *    starts hiding, empties its assistant row, and in merge mode stops
-       *    separating runs) — the merge must be rebuilt;
-       *  - 'content': a mutation inside a tool-call row (result streaming) —
-       *    only that run's bar clone can be stale, no merge rebuild needed;
-       *  - null: content streaming inside any other row (think text tokens,
-       *    markdown spans) — cannot change any folding outcome.
-       * The single appended-text-node case short-circuits with zero DOM
-       * walks, so agent/think streaming costs nothing at all. Content
-       * mutations report the affected tool row(s) through `collect`, so the
-       * refresh touches only the bar of the run whose LAST row changed.
-       */
-      function mutationReason(records, flow, collect) {
-        if (records.length === 1) {
-          var only = records[0];
-          if (only.type === 'childList' && only.removedNodes.length === 0
-            && only.addedNodes.length === 1 && only.addedNodes[0].nodeType === 3) {
-            return null;
-          }
-        }
-        var best = 0; // 0 none, 1 content, 2 think, 3 rows
-        for (var i = 0; i < records.length; i++) {
-          var record = records[i];
-          if (record.type === 'attributes') {
-            if (record.attributeName === 'data-state'
-              && record.target !== null && record.target.nodeType === 1
-              && typeof record.target.matches === 'function'
-              && record.target.matches('[data-variant="think"]')) {
-              if (best < 2) best = 2;
-            }
-            continue;
-          }
-          if (record.type === 'characterData') {
-            var toolRow = closestToolCall(record.target);
-            if (toolRow !== null) {
-              if (collect !== undefined) collect(toolRow);
-              if (best < 1) best = 1;
-            }
-            continue;
-          }
-          if (record.type !== 'childList') continue;
-          var target = record.target;
-          if (target === flow) {
-            best = 3;
-            continue;
-          }
-          if (target !== null && target.nodeType === 1) {
-            var row = closestToolCall(target);
-            if (row !== null) {
-              if (collect !== undefined) collect(row);
-              if (best < 1) best = 1;
-              continue;
-            }
-          }
-          var lists = [record.addedNodes, record.removedNodes];
-          for (var l = 0; l < lists.length && best < 3; l++) {
-            var nodes = lists[l];
-            for (var j = 0; j < nodes.length; j++) {
-              if (nodeHasMarker(nodes[j])) { best = 3; break; }
-            }
-          }
-        }
-        if (best === 0) return null;
-        if (best === 1) return 'content';
-        if (best === 2) return 'think';
-        return 'rows';
-      }
-
-      /**
-       * Attach (or replace) the per-flow observer for a mode. 'light' is a
-       * childList-only observer on the flow's direct children — the only
-       * events that can change folding are row adds/removes/reorders, so a
-       * pure-chat flow costs nothing while text streams inside its rows.
-       * 'full' adds subtree childList and `data-state` attribute coverage,
-       * which foldable content (tool cards, think blocks) actually needs.
-       */
-      function attachFlowObserver(flow, mode) {
-        var existing = flowObservers.get(flow);
-        if (existing !== null && existing !== undefined) existing.disconnect();
-        if (typeof MutationObserver !== 'function') {
-          flowObservers.set(flow, null);
-          return;
-        }
-        var observer;
-        if (mode === 'light') {
-          observer = new MutationObserver(function () {
-            var t0 = statsBegin();
-            markDirty(flow, 'rows');
-            statsEnd('obs', 1, t0);
-          });
-          observer.observe(flow, { childList: true });
-        } else {
-          observer = new MutationObserver(function (records) {
-            var t0 = statsBegin();
-            var contentSet = undefined;
-            var reason = mutationReason(records, flow, function (row) {
-              if (contentSet === undefined) {
-                contentSet = contentRowsByFlow.get(flow);
-                if (contentSet === undefined) {
-                  contentSet = new Set();
-                  contentRowsByFlow.set(flow, contentSet);
-                }
-              }
-              contentSet.add(row);
-            });
-            if (reason !== null) {
-              markDirty(flow, reason);
-            } else if (statsObj !== null && statsObj.enabled) {
-              statsObj.skip += 1;
-            }
-            statsEnd('obs', 1, t0);
-          });
-          observer.observe(flow, {
-            childList: true,
-            subtree: true,
-            attributes: true,
-            attributeFilter: ['data-state']
-          });
-        }
-        flowObservers.set(flow, observer);
-      }
-
-      /** Switch a flow's observation mode (attaches only while visible). */
-      function setFlowMode(flow, mode) {
-        if (flows.get(flow) === mode) return;
-        flows.set(flow, mode);
-        if (active) attachFlowObserver(flow, mode);
-      }
-
-      function discover() {
-        var list = doc.querySelectorAll(FLOW_SELECTOR);
-        for (var i = 0; i < list.length; i++) {
-          var flow = list[i];
-          if (flows.has(flow)) continue;
-          var needFull = typeof flow.querySelector === 'function'
-            && flow.querySelector('[data-chat-flow-kind="tool-call"],[data-variant="think"]') !== null;
-          flows.set(flow, needFull ? 'full' : 'light');
-          expanded.set(flow, new Set());
-          barsByFlow.set(flow, new Map());
-          collapsing.set(flow, new Set());
-          if (active) attachFlowObserver(flow, needFull ? 'full' : 'light');
-          // Newly discovered flows always need an initial pass.
-          markDirty(flow, 'rows');
-        }
-      }
-
-      /**
-       * Flow mount/unmount detection WITHOUT a page-wide observer: each
-       * known flow's parent gets a childList-only observer (direct children
-       * only, no subtree), so it fires only when a sibling flow appears or
-       * disappears — never on chat churn. Parents that appeared while the
-       * engine was idle are covered by the slow visible-only rescan.
-       */
-      function observeParents() {
-        if (!active || typeof MutationObserver !== 'function') return;
-        flows.forEach(function (mode, flow) {
-          var parent = flow.parentElement;
-          if (parent === null || parentObservers.has(parent)) return;
-          var observer = new MutationObserver(function (records) {
-            var t0 = statsBegin();
-            var relevant = false;
-            for (var i = 0; i < records.length && !relevant; i++) {
-              var record = records[i];
-              if (record.type !== 'childList') continue;
-              var lists = [record.addedNodes, record.removedNodes];
-              for (var l = 0; l < lists.length && !relevant; l++) {
-                var nodes = lists[l];
-                for (var j = 0; j < nodes.length; j++) {
-                  var node = nodes[j];
-                  if (node.nodeType !== 1 || typeof node.matches !== 'function') continue;
-                  if (node.matches(FLOW_SELECTOR)
-                    || (typeof node.querySelector === 'function'
-                      && node.querySelector(FLOW_SELECTOR) !== null)) {
-                    relevant = true;
-                    break;
-                  }
-                }
-              }
-            }
-            if (relevant) {
-              structureDirty = true;
-              schedule();
-            }
-            statsEnd('obs', 1, t0);
-          });
-          observer.observe(parent, { childList: true });
-          parentObservers.set(parent, observer);
-        });
-      }
-
-      // ----------------------------------------------------------------
-      // Slow safety rescan + visibility gating. The rescan is discovery-
-      // only (one attribute scan + map diff), schedules a pass only when a
-      // flow actually appeared, and backs off 3s → 10s while the page is
-      // quiet (any flow event resets it). While the tab is hidden the
-      // engine holds NO observers and NO timers: literally zero work. On
-      // return to visibility everything re-attaches and one refresh pass
-      // catches up with whatever changed meanwhile.
-      // ----------------------------------------------------------------
-      function rescanTick() {
-        rescanTimer = null;
-        if (disposed || !active || doc.hidden) return;
-        var t0 = statsBegin();
-        // Discovery-only tick: one `[data-chat-flow]` scan + map diff. No
-        // pass is scheduled unless a flow was actually discovered (which
-        // marks it dirty), and the delay backs off (3s → 10s) while the
-        // page is stable — an idle page costs one attribute scan every
-        // ~10s at most. Light→full observer upgrades are driven by row
-        // events (pass outcomes), never by per-flow subtree scans.
-        var before = flows.size;
-        discover();
-        pruneFlows();
-        observeParents();
-        if (flows.size === before) {
-          // Nothing mounted/unmounted. Back off only while at least one
-          // flow is known — with none known, first discovery must stay
-          // prompt.
-          if (flows.size > 0) rescanDelay = Math.min(rescanDelay * 2, 10000);
-        } else {
-          rescanDelay = 3000;
-        }
-        statsEnd('scan', 1, t0);
-        scheduleNextRescan();
-      }
-
-      function scheduleNextRescan() {
-        if (rescanTimer !== null) return;
-        rescanTimer = timers.after(rescanTick, rescanDelay);
-      }
-
-      function startRescan() {
-        rescanDelay = 3000;
-        scheduleNextRescan();
-      }
-
-      function stopRescan() {
-        if (rescanTimer !== null) {
-          timers.cancel(rescanTimer);
-          rescanTimer = null;
-        }
-      }
-
-      function disconnectObservers() {
-        flowObservers.forEach(function (observer) {
-          if (observer !== null && observer !== undefined) observer.disconnect();
-        });
-        flowObservers.clear();
-        parentObservers.forEach(function (observer) {
-          observer.disconnect();
-        });
-        parentObservers.clear();
-      }
-
-      function onVisibility() {
-        setActive(!doc.hidden);
-      }
-
-      function setActive(on) {
-        if (on === active) return;
-        active = on;
-        if (on) {
-          if (!booted) {
-            bootInit();
-            return;
-          }
-          flows.forEach(function (mode, flow) {
-            if (doc.contains(flow)) attachFlowObserver(flow, mode);
-          });
-          observeParents();
-          startRescan();
-          structureDirty = true;
-          schedule();
-        } else {
-          stopRescan();
-          disconnectObservers();
-        }
-      }
-
-      // ----------------------------------------------------------------
-      // Row helpers.
-      // ----------------------------------------------------------------
-      function rowList(flow) {
-        var rows = [];
-        var children = flow.children;
-        for (var i = 0; i < children.length; i++) {
-          var el = children[i];
-          if (el.nodeType === 1 && el.hasAttribute('data-chat-flow-kind')) rows.push(el);
-        }
-        return rows;
-      }
-
-      /**
-       * Per-row assessment of think-only content, cached by a signature of
-       * the row's think blocks (count + data-states + keepThink + splitThink
-       * flags). Reassessed only when the signature changes; the check is
-       * purely structural, so steady-state passes perform zero layout reads.
-       *
-       * In split mode (default) a row that only settled Think rows occupy
-       * ENDS the run it follows — completed thinking separates runs, it
-       * never merges across them. In merge mode it is transparent: it folds
-       * WITH the surrounding tool calls. Either way it is empty (hidden)
-       * when think is not preserved; with "保留思考" on it stays visible —
-       * between the bars in split mode, inside the run on expand in merge
-       * mode.
-       */
-      var rowInfo = new WeakMap();
-      var NEUTRAL_ASSESSMENT = { sig: '', thinks: [], transparent: false, empty: false };
-
-      function thinkSig(thinks, keepThink, splitThink) {
-        var sig = (keepThink ? '1' : '0') + (splitThink ? '1' : '0');
-        for (var i = 0; i < thinks.length; i++) {
-          sig += ':' + (thinks[i].getAttribute('data-state') || '');
-        }
-        return sig;
-      }
-
-      /**
-       * Whether an element contains nothing but think blocks and empty
-       * wrappers: every text leaf outside a think block is whitespace-only
-       * and every non-think element recurses. Structural — no layout reads,
-       * immune to wrapper padding/margins that a height check would mistake
-       * for content.
-       */
-      function thinkOnlyContent(el) {
-        var nodes = el.childNodes;
-        for (var i = 0; i < nodes.length; i++) {
-          var node = nodes[i];
-          if (node.nodeType === 3) {
-            if (node.textContent.trim() !== '') return false;
-          } else if (node.nodeType === 1) {
-            if (node.matches('[data-variant="think"]')) continue;
-            if (!thinkOnlyContent(node)) return false;
-          }
-        }
-        return true;
-      }
-
-      function assessRow(row, keepThink, splitThink) {
-        if (row.getAttribute('data-chat-flow-kind') !== 'assistant-step') return NEUTRAL_ASSESSMENT;
-        var cached = rowInfo.get(row);
-        if (cached !== undefined && cached.sig === thinkSig(cached.thinks, keepThink, splitThink)) {
-          return cached;
-        }
-        var thinks = row.querySelectorAll('[data-variant="think"]');
-        var assessment = {
-          sig: thinkSig(thinks, keepThink, splitThink),
-          thinks: thinks,
-          transparent: false,
-          empty: false
-        };
-        if (thinks.length > 0 && thinkOnlyContent(row)) {
-          var allOk = true;
-          for (var i = 0; i < thinks.length; i++) {
-            if (thinks[i].getAttribute('data-state') !== 'ok') { allOk = false; break; }
-          }
-          if (allOk) {
-            // A row made of settled think alone: transparent (folds with
-            // the surrounding calls) only in merge mode; in split mode it
-            // ends the run. Hidden unless 保留思考 keeps it visible.
-            assessment.transparent = !splitThink;
-            assessment.empty = !keepThink;
-          }
-        }
-        rowInfo.set(row, assessment);
-        return assessment;
-      }
-
-      // ----------------------------------------------------------------
-      // The collapsed-run bar (flow-level element; replaces every card of
-      // the run when collapsed). Shows the LAST call's one-line summary.
-      // ----------------------------------------------------------------
-      /** Strip interactivity from a card-row clone so it is display-only. */
-      function sanitizeClone(node) {
-        node.removeAttribute('role');
-        node.removeAttribute('tabindex');
-        node.removeAttribute('aria-expanded');
-        node.removeAttribute('data-expandable');
-        var buttons = node.querySelectorAll('button');
-        for (var i = 0; i < buttons.length; i++) {
-          var button = buttons[i];
-          var span = doc.createElement('span');
-          span.className = button.className;
-          span.textContent = button.textContent;
-          button.replaceWith(span);
-        }
-        return node;
-      }
-
-      function createBar(flow, run) {
-        var bar = doc.createElement('div');
-        bar.className = 'ccxBar';
-        bar.setAttribute(BADGE_ATTR, '');
-        bar.setAttribute('role', 'button');
-        bar.setAttribute('tabindex', '0');
-        var call = doc.createElement('span');
-        call.className = 'ccxBarCall';
-        call.setAttribute('aria-hidden', 'true');
-        var icon = doc.createElement('span');
-        icon.className = 'ccxBarIcon';
-        var label = doc.createElement('span');
-        label.className = 'ccxBarLabel';
-        bar.appendChild(call);
-        bar.appendChild(icon);
-        bar.appendChild(label);
-        // Cached parts: updateBar/updateBarClone avoid selector lookups.
-        bar._ccxIcon = icon;
-        bar._ccxLabel = label;
-        bar._ccxCall = call;
-        var toggle = function () {
-          var set = expanded.get(flow);
-          if (set === undefined || disposed) return;
-          if (set.has(run.headKey)) {
-            startCollapse(flow, run, bar);
-          } else {
-            set.add(run.headKey);
-            cancelCollapse(flow, run);
-            pass(flow);
-            pinBar(bar, run);
-          }
-        };
-        bar.addEventListener('click', toggle);
-        bar.addEventListener('keydown', function (event) {
-          if (event.key !== 'Enter' && event.key !== ' ') return;
-          event.preventDefault();
-          toggle();
-        });
-        return bar;
-      }
-
-      /** Waterfall entrance: the run's rows cascade in top-down on expand. */
-      function animateFall(bar, run) {
-        var rows = run.rows;
-        var dur = durMs();
-        var step = stepMs();
-        for (var i = 0; i < rows.length; i++) {
-          rows[i].classList.remove(FALLING_CLASS, COLLAPSING_CLASS);
-          rows[i].style.setProperty('--ccx-i', String(i));
-        }
-        for (var j = 0; j < rows.length; j++) rows[j].classList.add(FALLING_CLASS);
-        if (bar._ccxFallTimer !== undefined) timers.cancel(bar._ccxFallTimer);
-        bar._ccxFallTimer = timers.after(function () {
-          bar._ccxFallTimer = undefined;
-          if (disposed || !bar.isConnected) return;
-          for (var k = 0; k < rows.length; k++) rows[k].classList.remove(FALLING_CLASS);
-        }, Math.max(0, rows.length - 1) * step + dur + 60);
-      }
-
-      /**
-       * Collapse each card's ROW in place: freeze the current height, then
-       * transition height to 0 with the same stagger as the rise animation.
-       * The measured trailing gap to the next visible row is cancelled via
-       * margin-bottom, so everything below the run follows upward
-       * continuously — no blank hole while the cards fade, no snap when the
-       * merge finally applies. Styles are cleared on completion (and on
-       * cancel/dispose) so rows return to auto layout.
-       */
-      function animateRowShrink(rows, dur, step) {
-        if (dur <= 0 || rows.length === 0) return;
-        for (var i = 0; i < rows.length; i++) {
-          var row = rows[i];
-          var h = row.offsetHeight;
-          if (h <= 0) continue;
-          var gap = 0;
-          var next = row.nextElementSibling;
-          while (next !== null && next.offsetHeight === 0) next = next.nextElementSibling;
-          if (next !== null) {
-            gap = Math.max(0, next.getBoundingClientRect().top - row.getBoundingClientRect().bottom);
-          }
-          row.style.height = h + 'px';
-          row.style.overflow = 'hidden';
-          row.style.marginBottom = '0px';
-          row.style.transition = 'height ' + dur + 'ms ' + COLLAPSE_EASE + ',margin-bottom ' + dur + 'ms ' + COLLAPSE_EASE;
-          row.style.transitionDelay = (i * step) + 'ms';
-          void row.offsetHeight; // commit the frozen height before shrinking
-          row.style.height = '0px';
-          row.style.marginBottom = (-gap) + 'px';
-        }
-      }
-
-      /** Remove the shrink animation's inline styles (restores auto layout). */
-      function clearRowShrink(row) {
-        row.style.removeProperty('height');
-        row.style.removeProperty('overflow');
-        row.style.removeProperty('margin-bottom');
-        row.style.removeProperty('transition');
-        row.style.removeProperty('transition-delay');
-      }
-
-      /** Rise-out exit: cards cascade back up, then the run collapses. */
-      function startCollapse(flow, run, bar) {
-        var set = expanded.get(flow);
-        if (set === undefined || !set.has(run.headKey)) return;
-        set.delete(run.headKey);
-        var per = collapsing.get(flow);
-        if (per === undefined) {
-          per = new Set();
-          collapsing.set(flow, per);
-        }
-        per.add(run.headKey);
-        var rows = run.rows;
-        var dur = durMs();
-        var step = stepMs();
-        for (var i = 0; i < rows.length; i++) {
-          rows[i].classList.remove(FALLING_CLASS, COLLAPSING_CLASS);
-          rows[i].style.setProperty('--ccx-i', String(i));
-        }
-        for (var j = 0; j < rows.length; j++) rows[j].classList.add(COLLAPSING_CLASS);
-        animateRowShrink(rows, dur, step);
-        // The bar flips to collapsed visuals now; the cards stay visible for
-        // the rise (pass skips ccxMerged while the head key is collapsing).
-        pass(flow);
-        if (bar._ccxCollapseTimer !== undefined) timers.cancel(bar._ccxCollapseTimer);
-        bar._ccxCollapseTimer = timers.after(function () {
-          bar._ccxCollapseTimer = undefined;
-          if (disposed || !flow.isConnected) return;
-          var perNow = collapsing.get(flow);
-          if (perNow !== undefined) {
-            perNow.delete(run.headKey);
-            if (perNow.size === 0) collapsing.delete(flow);
-          }
-          for (var k = 0; k < rows.length; k++) {
-            rows[k].classList.remove(COLLAPSING_CLASS);
-            clearRowShrink(rows[k]);
-          }
-          pass(flow); // applies ccxMerged now
-        }, Math.max(0, rows.length - 1) * step + dur + 60);
-      }
-
-      /** Abort a pending collapse (the user re-expanded mid-animation). */
-      function cancelCollapse(flow, run) {
-        var per = collapsing.get(flow);
-        if (per !== undefined) {
-          per.delete(run.headKey);
-          if (per.size === 0) collapsing.delete(flow);
-        }
-        var rows = run.rows;
-        for (var i = 0; i < rows.length; i++) {
-          rows[i].classList.remove(COLLAPSING_CLASS);
-          clearRowShrink(rows[i]);
-        }
-      }
-
-      // ----------------------------------------------------------------
-      // Scroll pinning. The product's chat view follows its own column
-      // height growth while the reader is pinned to the bottom; expanding a
-      // group near the bottom would therefore shove the bar out of the top
-      // of the viewport. Keep the bar's viewport position fixed for the
-      // duration of the fall animation; stop as soon as the user scrolls.
-      // ----------------------------------------------------------------
-      function findScrollport(el) {
-        var host = el.closest('[data-conversation-scroll]');
-        if (host !== null) return host;
-        var node = el.parentElement;
-        while (node !== null) {
-          var style = getComputedStyle(node);
-          if ((style.overflowY === 'auto' || style.overflowY === 'scroll')
-            && node.scrollHeight > node.clientHeight) return node;
-          node = node.parentElement;
-        }
-        return null;
-      }
-
-      function pinBar(bar, run) {
-        if (typeof requestAnimationFrame !== 'function') return;
-        var sp = findScrollport(bar);
-        if (sp === null) return;
-        var savedTop = sp.scrollTop;
-        var targetTop = bar.getBoundingClientRect().top - sp.getBoundingClientRect().top;
-        // Restore the reader position immediately: the sticky-bottom follow
-        // re-pins only while the reader is still flagged at-bottom, and the
-        // scroll event our write queues clears that flag.
-        sp.scrollTop = savedTop;
-        var dur = durMs();
-        var step = stepMs();
-        var until = Date.now() + Math.max(0, run.rows.length - 1) * step + dur + 260;
-        var stopped = false;
-        var cancel = function () {
-          stopped = true;
-          sp.removeEventListener('wheel', cancel);
-          sp.removeEventListener('touchstart', cancel);
-        };
-        sp.addEventListener('wheel', cancel, { passive: true });
-        sp.addEventListener('touchstart', cancel, { passive: true });
-        var frame = function () {
-          if (stopped || disposed || !bar.isConnected) {
-            cancel();
-            return;
-          }
-          var current = bar.getBoundingClientRect().top - sp.getBoundingClientRect().top;
-          var delta = current - targetTop;
-          if (Math.abs(delta) > 0.5) sp.scrollTop += delta;
-          if (Date.now() < until) requestAnimationFrame(frame);
-          else cancel();
-        };
-        requestAnimationFrame(frame);
-      }
-
-      /** Refresh the bar for one run: copy, aria, and the last-call clone. */
-      function updateBar(bar, run) {
-        // The run this bar stands in for, kept current by every full pass so
-        // the light 'content' pass can refresh clones without rebuilding.
-        bar._ccxRun = run;
-        // The whole run folds into the bar, so the count is the run's TOTAL
-        // tool-call count (every card of the group is hidden when collapsed).
-        var total = run.toolRows.length;
-        bar.setAttribute('aria-expanded', run.expanded ? 'true' : 'false');
-        bar.setAttribute('aria-label', (run.expanded ? '收起' : '展开') + ' ' + total + ' 个工具调用');
-        bar.title = run.expanded ? '点击收起' : '点击展开';
-        bar._ccxIcon.textContent = run.expanded ? '▾' : '▸';
-        bar._ccxLabel.textContent = run.expanded
-          ? '已展开 ' + total + ' 个工具调用 · 点击收起'
-          : '已折叠 ' + total + ' 个工具调用 · 点击展开';
-        // Expanding collapses the summary clone (fade + shrink) so the label
-        // slides left, and the hidden cards cascade in below the bar.
-        var wasExpanded = bar._ccxPrevExpanded === true;
-        bar.classList.toggle('ccxExpanded', run.expanded);
-        if (run.expanded && !wasExpanded) animateFall(bar, run);
-        bar._ccxPrevExpanded = run.expanded;
-        if (!run.expanded) updateBarClone(bar);
-      }
-
-      /** Replace the bar's clone contents; counted as one clone op. */
-      function replaceClone(call, node) {
-        var t0 = statsBegin();
-        while (call.firstChild !== null) call.removeChild(call.firstChild);
-        call.appendChild(node);
-        statsEnd('clone', 1, t0);
-      }
-
-      /**
-       * Clone the last call's collapsed one-line row (product chrome) so
-       * the bar itself displays the last tool call. Re-clone only when the
-       * source row's markup changed (e.g. a tool result just arrived), and
-       * at most every 120ms while a result streams in — the clone's
-       * freshness is invisible beyond that, but serialization plus clone
-       * DOM work would otherwise run on every frame of the stream.
-       */
-      function updateBarClone(bar) {
-        var run = bar._ccxRun;
-        if (run === undefined) return;
-        var call = bar._ccxCall;
-        var source = run.lastRow.querySelector('[data-disclosure-row]');
-        if (source !== null) {
-          var sig = source.innerHTML;
-          if (bar._ccxSig === sig) return;
-          var now = Date.now();
-          if (bar._ccxCloneAt !== undefined && now - bar._ccxCloneAt < 120) return;
-          bar._ccxCloneAt = now;
-          bar._ccxSig = sig;
-          replaceClone(call, sanitizeClone(source.cloneNode(true)));
-          return;
-        }
-        // Bash (and any future sample) uses a custom header without
-        // data-disclosure-row (data-sample="bash"). Without this branch the
-        // fallback below finds no [data-tool] and the bar's call slot stays
-        // empty — exactly the "WSL bash shows only the count" symptom.
-        var bashSource = run.lastRow.querySelector('[data-sample="bash"]');
-        if (bashSource !== null) {
-          var bsig = bashSource.innerHTML;
-          if (bar._ccxSig === bsig) return;
-          var bnow = Date.now();
-          if (bar._ccxCloneAt !== undefined && bnow - bar._ccxCloneAt < 120) return;
-          bar._ccxCloneAt = bnow;
-          bar._ccxSig = bsig;
-          replaceClone(call, sanitizeClone(bashSource.cloneNode(true)));
-          return;
-        }
-        // Generic fallback for custom cards (e.g. cordis run) that render
-        // outside the standard DisclosureRow/tool patterns.
-        var card = run.lastRow.querySelector('[data-tool]');
-        var head = card !== null && card.firstElementChild !== null ? card.firstElementChild : null;
-        if (head !== null) {
-          var hsig = head.innerHTML;
-          if (bar._ccxSig !== hsig) {
-            var now2 = Date.now();
-            if (bar._ccxCloneAt === undefined || now2 - bar._ccxCloneAt >= 120) {
-              bar._ccxCloneAt = now2;
-              bar._ccxSig = hsig;
-              replaceClone(call, sanitizeClone(head.cloneNode(true)));
-            }
-          }
-          return;
-        }
-        // Last resort: whatever the row rendered first (covers future custom
-        // tool views that use neither marker).
-        var fallback = run.lastRow.firstElementChild;
-        if (fallback !== null) {
-          var fsig = fallback.innerHTML;
-          if (bar._ccxSig !== fsig) {
-            var fnow = Date.now();
-            if (bar._ccxCloneAt === undefined || fnow - bar._ccxCloneAt >= 120) {
-              bar._ccxCloneAt = fnow;
-              bar._ccxSig = fsig;
-              replaceClone(call, sanitizeClone(fallback.cloneNode(true)));
-            }
-          }
-          return;
-        }
-        if (bar._ccxSig !== '') {
-          bar._ccxSig = '';
-          while (call.firstChild !== null) call.removeChild(call.firstChild);
-        }
-      }
-
-      /** Create/update/remove the flow-level bars for the merged runs. */
-      function syncBars(flow, runs) {
-        var registry = barsByFlow.get(flow);
-        if (registry === undefined) {
-          registry = new Map();
-          barsByFlow.set(flow, registry);
-        }
-        var wanted = new Set();
-        for (var r = 0; r < runs.length; r++) {
-          var run = runs[r];
-          if (run.headKey === null) continue;
-          wanted.add(run.headKey);
-          var bar = registry.get(run.headKey);
-          if (bar === undefined || !flow.contains(bar)) {
-            bar = createBar(flow, run);
-            registry.set(run.headKey, bar);
-          }
-          updateBar(bar, run);
-          // The bar is the group HEADER: it stays before the run's first row,
-          // so on expand the cards cascade downward below it. Guard against
-          // re-inserting when already in place (insertBefore always mutates).
-          var anchor = run.toolRows[0];
-          if (bar.nextSibling !== anchor) flow.insertBefore(bar, anchor);
-        }
-        registry.forEach(function (bar, key) {
-          if (!wanted.has(key)) {
-            bar.remove();
-            registry.delete(key);
-          }
-        });
-      }
-
-      /**
-       * Light pass for 'content'-dirty flows: the merge structure is
-       * unchanged, so only bar clones can be stale. Touches ONLY the bars
-       * of runs whose LAST row was mutated and which are collapsed — an
-       * expanded run shows its own cards (no clone needed) and earlier
-       * cards of a run are hidden (their content never reaches a bar).
-       * No run rebuild, no class toggles, no layout.
-       */
-      function barRefresh(flow, contentRows) {
-        var registry = barsByFlow.get(flow);
-        if (registry === undefined || contentRows === undefined) return;
-        registry.forEach(function (bar) {
-          var run = bar._ccxRun;
-          if (run === undefined || run.expanded || !bar.isConnected) return;
-          if (contentRows.has(run.lastRow)) updateBarClone(bar);
-        });
-      }
-
-      // ----------------------------------------------------------------
-      // The pass: merge runs, sync bars, clean empty rows.
-      // ----------------------------------------------------------------
-      function pass(flow) {
-        var t0 = statsBegin();
-        var rows = rowList(flow);
-        var set = expanded.get(flow);
-        var per = collapsing.get(flow);
-        var keepThink = settings.getSnapshot().keepThink;
-        var splitThink = settings.getSnapshot().splitThink;
-
-        // Prune expansion keys that no longer exist in this flow. Synthetic
-        // keys are flow-local and never row-bound, so they are kept.
-        if (set !== undefined && set.size > 0) {
-          var stale = [];
-          set.forEach(function (key) {
-            if (key.indexOf('ccx-run-') === 0) return;
-            var found = false;
-            for (var i = 0; i < rows.length; i++) {
-              if (rows[i].getAttribute('data-chat-flow-key') === key) { found = true; break; }
-            }
-            if (!found) stale.push(key);
-          });
-          for (var s = 0; s < stale.length; s++) set.delete(stale[s]);
-        }
-
-        // Runs: maximal sequences of tool-call rows with only transparent
-        // (settled-thinking-only) rows between them — in split mode (the
-        // default) no row is transparent, so ANY other row (settled or
-        // in-progress thinking, AI text, user/steering/command content)
-        // ends a run and completed thinking separates the calls into
-        // independent bars. sawTool/sawThink feed the light→full observer
-        // upgrade: a flow with foldable content needs subtree + data-state
-        // coverage.
-        var runs = [];
-        var current = [];
-        var sawTool = false;
-        var sawThink = false;
-        for (var i = 0; i < rows.length; i++) {
-          var row = rows[i];
-          var kind = row.getAttribute('data-chat-flow-kind');
-          if (kind === 'tool-call') {
-            sawTool = true;
-            current.push(row);
-          } else if (kind === 'assistant-step') {
-            var assessment = assessRow(row, keepThink, splitThink);
-            if (assessment.thinks.length > 0) sawThink = true;
-            if (current.length > 0 && assessment.transparent) {
-              current.push(row);
-            } else {
-              if (current.length > 0) runs.push(current);
-              current = [];
-            }
-          } else {
-            if (current.length > 0) runs.push(current);
-            current = [];
-          }
-        }
-        if (current.length > 0) runs.push(current);
-
-        var mergedRows = new Set();
-        var mergedRuns = [];
-        for (var r = 0; r < runs.length; r++) {
-          var run = runs[r];
-          var toolRows = [];
-          var thinkRows = [];
-          for (var t = 0; t < run.length; t++) {
-            if (run[t].getAttribute('data-chat-flow-kind') === 'tool-call') toolRows.push(run[t]);
-            else thinkRows.push(run[t]);
-          }
-          if (toolRows.length < 2) continue;
-          // The node key is the stable expansion identity; rows without one
-          // (defensive: the product always sets it) get a flow-local
-          // synthetic key so a run can never hide without a bar.
-          var headKey = toolRows[0].getAttribute('data-chat-flow-key');
-          if (headKey === null || headKey === '') {
-            var synth = syntheticKeys.get(flow);
-            if (synth === undefined) synth = 0;
-            syntheticKeys.set(flow, synth + 1);
-            headKey = 'ccx-run-' + synth;
-          }
-          var expandedRun = set !== undefined && headKey !== null && set.has(headKey);
-          var collapsingRun = per !== undefined && headKey !== null && per.has(headKey);
-          // Every card of the run hides when collapsed — the bar stands in
-          // for the whole group and displays the last call itself. In merge
-          // mode the run's settled-think rows fold with it too: hidden
-          // while collapsed, shown in their original order between the
-          // calls when expanded (they ride the same cascade). In split mode
-          // think rows never enter a run (they separate runs), so with
-          // "保留思考" on they stay visible between the bars. A run mid
-          // collapse animation keeps its rows visible for the rise.
-          var hide = !expandedRun && !collapsingRun;
-          for (var k = 0; k < toolRows.length; k++) {
-            toolRows[k].classList.toggle(MERGED_CLASS, hide);
-            if (hide) toolRows[k].classList.remove(FALLING_CLASS, COLLAPSING_CLASS);
-            mergedRows.add(toolRows[k]);
-          }
-          for (var w = 0; w < thinkRows.length; w++) {
-            thinkRows[w].classList.toggle(MERGED_CLASS, hide);
-            if (hide) thinkRows[w].classList.remove(FALLING_CLASS, COLLAPSING_CLASS);
-            mergedRows.add(thinkRows[w]);
-          }
-          mergedRuns.push({
-            headKey: headKey,
-            toolRows: toolRows,
-            thinkRows: thinkRows,
-            // The run's rows in DOM order: cards and (merge mode) settled-
-            // think rows interleaved exactly as they appear, used by the
-            // waterfall.
-            rows: run,
-            lastRow: toolRows[toolRows.length - 1],
-            expanded: expandedRun
-          });
-        }
-
-        // Remove stale merge/animation classes from rows that left a run.
-        for (var m = 0; m < rows.length; m++) {
-          if (!mergedRows.has(rows[m])) rows[m].classList.remove(MERGED_CLASS, FALLING_CLASS, COLLAPSING_CLASS);
-        }
-
-        // Drop collapse-animation markers whose run no longer merges.
-        if (per !== undefined && per.size > 0) {
-          var keys = [];
-          per.forEach(function (key) { keys.push(key); });
-          for (var p = 0; p < keys.length; p++) {
-            var still = false;
-            for (var q = 0; q < mergedRuns.length; q++) {
-              if (mergedRuns[q].headKey === keys[p]) { still = true; break; }
-            }
-            if (!still) per.delete(keys[p]);
-          }
-          if (per.size === 0) collapsing.delete(flow);
-        }
-
-        syncBars(flow, mergedRuns);
-
-        // Hide assistant rows that became empty after settled-think folding
-        // (the column's 16px flex gap would otherwise leave a hole). With
-        // "保留思考" on nothing is hidden so nothing can be empty — remove
-        // any stale marker instead. Decisions come from the cached row
-        // assessment, so this loop performs no layout reads.
-        for (var x = 0; x < rows.length; x++) {
-          var candidate = rows[x];
-          if (candidate.getAttribute('data-chat-flow-kind') !== 'assistant-step') continue;
-          if (keepThink) {
-            candidate.classList.remove(EMPTY_CLASS);
-            continue;
-          }
-          var assessment = assessRow(candidate, keepThink, splitThink);
-          if (assessment.empty) candidate.classList.add(EMPTY_CLASS);
-          else candidate.classList.remove(EMPTY_CLASS);
-        }
-        statsEnd('pass', 1, t0);
-        return { sawTool: sawTool, sawThink: sawThink };
-      }
-
-      /** Drop observers/registries for flows no longer in the document. */
-      function pruneFlows() {
-        var flowsNow = [];
-        flows.forEach(function (mode, flow) { flowsNow.push(flow); });
-        for (var i = 0; i < flowsNow.length; i++) {
-          var flow = flowsNow[i];
-          if (doc.contains(flow)) continue;
-          var observer = flowObservers.get(flow);
-          if (observer !== null && observer !== undefined) observer.disconnect();
-          flowObservers.delete(flow);
-          flows.delete(flow);
-          expanded.delete(flow);
-          barsByFlow.delete(flow);
-          collapsing.delete(flow);
-          dirtyFlows.delete(flow);
-          flowReasons.delete(flow);
-          contentRowsByFlow.delete(flow);
-          syntheticKeys.delete(flow);
-        }
-        // Parent observers: drop those whose parent is gone or hosts no flow.
-        parentObservers.forEach(function (observer, parent) {
-          if (!doc.contains(parent)) {
-            observer.disconnect();
-            parentObservers.delete(parent);
-            return;
-          }
-          var used = false;
-          flows.forEach(function (mode, flow) {
-            if (flow.parentElement === parent) used = true;
-          });
-          if (!used) {
-            observer.disconnect();
-            parentObservers.delete(parent);
-          }
-        });
-      }
-
-      function refresh() {
-        if (disposed || !active) return;
-        var t0 = statsBegin();
-        if (structureDirty) {
-          structureDirty = false;
-          discover();
-          pruneFlows();
-          observeParents();
-        }
-        var keep = settings.getSnapshot().keepThink;
-        var pending = [];
-        dirtyFlows.forEach(function (flow) { pending.push(flow); });
-        dirtyFlows.clear();
-        for (var i = 0; i < pending.length; i++) {
-          var flow = pending[i];
-          if (!flows.has(flow) || !doc.contains(flow)) continue;
-          flow.classList.toggle(KEEP_CLASS, keep);
-          var reason = flowReasons.get(flow);
-          flowReasons.delete(flow);
-          var contentRows = contentRowsByFlow.get(flow);
-          if (contentRows !== undefined) contentRowsByFlow.delete(flow);
-          if (reason === 'content') {
-            if (contentRows !== undefined) barRefresh(flow, contentRows);
-          } else {
-            var outcome = pass(flow);
-            // Light→full upgrade: foldable content appeared (or the flow
-            // already had it when the rescan discovered it in light mode).
-            // Never downgrades.
-            if (flows.get(flow) === 'light' && (outcome.sawTool || outcome.sawThink)) {
-              setFlowMode(flow, 'full');
-            }
-          }
-        }
-        statsEnd('refresh', 1, t0);
-      }
-
-      // ----------------------------------------------------------------
-      // Public lifecycle.
-      // ----------------------------------------------------------------
-      function dispose() {
-        if (disposed) return;
-        disposed = true;
-        stopRescan();
-        if (typeof doc.removeEventListener === 'function') {
-          doc.removeEventListener('visibilitychange', onVisibility);
-        }
-        if (offSettings !== null) offSettings();
-        if (rafId !== 0 && typeof cancelAnimationFrame === 'function') cancelAnimationFrame(rafId);
-        if (bootRaf !== 0 && typeof cancelAnimationFrame === 'function') cancelAnimationFrame(bootRaf);
-        disconnectObservers();
-        barsByFlow.forEach(function (registry) {
-          registry.forEach(function (bar) {
-            if (bar._ccxFallTimer !== undefined) timers.cancel(bar._ccxFallTimer);
-            if (bar._ccxCollapseTimer !== undefined) timers.cancel(bar._ccxCollapseTimer);
-          });
-        });
-        flows.clear();
-        flowObservers.clear();
-        parentObservers.clear();
-        expanded.clear();
-        barsByFlow.clear();
-        collapsing.clear();
-        dirtyFlows.clear();
-        flowReasons.clear();
-        contentRowsByFlow.clear();
-        syntheticKeys.clear();
-        // Remove injected UI and classes so the flow returns to normal.
-        var flowsNow = doc.querySelectorAll(FLOW_SELECTOR);
-        for (var f = 0; f < flowsNow.length; f++) {
-          flowsNow[f].classList.remove(KEEP_CLASS);
-          var bars = flowsNow[f].querySelectorAll('[' + BADGE_ATTR + ']');
-          for (var b = 0; b < bars.length; b++) bars[b].remove();
-          var tagged = flowsNow[f].querySelectorAll('.' + MERGED_CLASS + ',.' + EMPTY_CLASS + ',.' + FALLING_CLASS + ',.' + COLLAPSING_CLASS);
-          for (var t = 0; t < tagged.length; t++) tagged[t].classList.remove(MERGED_CLASS, EMPTY_CLASS, FALLING_CLASS, COLLAPSING_CLASS);
-        }
-        // Clear any shrink-animation inline styles left on tool rows.
-        var allToolRows = doc.querySelectorAll('[data-chat-flow-kind="tool-call"]');
-        for (var tr = 0; tr < allToolRows.length; tr++) clearRowShrink(allToolRows[tr]);
-        if (styleTag !== null && !adoptedStyle) styleTag.remove();
-        styleTag = null;
-        doc.documentElement.style.removeProperty('--ccx-dur');
-        doc.documentElement.style.removeProperty('--ccx-step');
-      }
-
-      // Boot work (style tag, flow discovery, first passes) is deferred one
-      // frame so plugin activation never blocks the page's first paint. If
-      // the tab is hidden at boot the rAF never fires: the visibility
-      // listener still arms, and becoming visible runs bootInit directly.
-      function bootInit() {
-        if (booted || disposed) return;
-        booted = true;
-        applySettings();
-        settings.stats = ensureStats();
-        insertStyle();
-        discover();
-        observeParents();
-        startRescan();
-        structureDirty = true;
-        schedule();
-      }
-      if (typeof doc.addEventListener === 'function') {
-        doc.addEventListener('visibilitychange', onVisibility);
-      }
-      if (doc.hidden) setActive(false);
-      offSettings = settings.subscribe(function () {
-        applySettings();
-        if (statsObj !== null) {
-          var statsOn = settings.getSnapshot().stats === true;
-          if (statsOn && !statsObj.enabled) {
-            statsObj.obs = 0; statsObj.obsMs = 0;
-            statsObj.refresh = 0; statsObj.refreshMs = 0;
-            statsObj.pass = 0; statsObj.passMs = 0;
-            statsObj.scan = 0; statsObj.scanMs = 0;
-            statsObj.clone = 0; statsObj.cloneMs = 0;
-            statsObj.skip = 0;
-            statsObj.start = Date.now();
-          }
-          statsObj.enabled = statsOn;
-        }
-        flows.forEach(function (mode, flow) { markDirty(flow, 'rows'); });
-        schedule();
-      });
-      if (typeof requestAnimationFrame === 'function') {
-        bootRaf = requestAnimationFrame(bootInit);
-      } else {
-        bootInit();
-      }
-      return dispose;
-    }
-
-    // ------------------------------------------------------------------
-    // Settings card: Settings → 插件 → 工具折叠. Rendered with the same
-    // chrome as the product's own plugin cards (the .ccxCard rules in the
-    // style sheet above), so it is visually indistinguishable from them.
-    // ------------------------------------------------------------------
-    /**
-     * One plugin card under Settings → 插件, owning the folding preferences.
-     * @param props - injected face: useCcxSettings snapshot hook, setDur,
-     *   setKeepThink; every change applies live through the shared store.
-     * @returns the card.
-     */
-    function SettingsCard(props) {
-      var state = props.useCcxSettings(function (snapshot) { return snapshot; });
-      var openCell = React.useState(false);
-      var isOpen = openCell[0];
-      var setOpen = openCell[1];
-      var nowCell = React.useState(0);
-      var setNow = nowCell[1];
-      // While the stats toggle is on, re-render once per second so the
-      // cumulative cost figures stay live (ticker rides the timer service).
-      React.useEffect(function () {
-        if (!state.stats) return;
-        var handle = props.tick(function () { setNow(Date.now()); }, 1000);
-        return function () { props.cancelTick(handle); };
-      }, [state.stats]);
-      var cardClass = isOpen ? 'ccxCard ccxCardOpen' : 'ccxCard';
-      var header = React.createElement('button', {
-        type: 'button',
-        className: 'ccxHeader',
-        'aria-expanded': isOpen,
-        'aria-label': (isOpen ? '收起' : '展开') + ': 工具折叠',
-        onClick: function () { setOpen(!isOpen); }
-      },
-        React.createElement('span', { className: 'ccxHeadText' },
-          React.createElement('span', { className: 'ccxName' }, '工具折叠'),
-          React.createElement('span', { className: 'ccxDescription' }, '折叠工具调用与思考的显示设置')),
-        React.createElement('span', { className: isOpen ? 'ccxChevron ccxChevronOpen' : 'ccxChevron' }, '▾'));
-      if (!isOpen) return React.createElement('li', { className: cardClass }, header);
-      var durField = React.createElement('div', { className: 'ccxField' },
-        React.createElement('div', { className: 'ccxFieldHead' },
-          React.createElement('label', { className: 'ccxFieldLabel', htmlFor: 'ccx-dur' }, '展开动画时长'),
-          React.createElement('span', { className: 'ccxBadge' }, state.durMs + ' ms')),
-        React.createElement('input', {
-          id: 'ccx-dur', type: 'range', className: 'ccxRange', min: 0, max: 1000, step: 10,
-          value: state.durMs,
-          onChange: function (event) { props.setDur(Number(event.target.value)); }
-        }),
-        React.createElement('p', { className: 'ccxFieldHint' }, '折叠与展开的弹性动画时长，0 为瞬时切换'));
-      var thinkField = React.createElement('div', { className: 'ccxField' },
-        React.createElement('div', { className: 'ccxFieldHead' },
-          React.createElement('label', { className: 'ccxFieldLabel', htmlFor: 'ccx-keep-think' }, '保留思考'),
-          React.createElement('input', {
-            id: 'ccx-keep-think', type: 'checkbox', className: 'ccxToggle', checked: state.keepThink,
-            onChange: function (event) { props.setKeepThink(event.target.checked); }
-          })),
-        React.createElement('p', { className: 'ccxFieldHint' }, '保留已完成的思考内容（分隔模式下显示在两条折叠条之间，合并模式下展开时按原顺序插回）'));
-      var splitField = React.createElement('div', { className: 'ccxField' },
-        React.createElement('div', { className: 'ccxFieldHead' },
-          React.createElement('label', { className: 'ccxFieldLabel', htmlFor: 'ccx-split-think' }, '思考分隔调用组'),
-          React.createElement('input', {
-            id: 'ccx-split-think', type: 'checkbox', className: 'ccxToggle', checked: state.splitThink,
-            onChange: function (event) { props.setSplitThink(event.target.checked); }
-          })),
-        React.createElement('p', { className: 'ccxFieldHint' }, '开启（默认）：已完成的思考把前后两组工具调用隔开、各自独立折叠；关闭：思考并入所在工具组一起折叠'));
-      var statsField = React.createElement('div', { className: 'ccxField' },
-        React.createElement('div', { className: 'ccxFieldHead' },
-          React.createElement('label', { className: 'ccxFieldLabel', htmlFor: 'ccx-stats' }, '性能统计'),
-          React.createElement('input', {
-            id: 'ccx-stats', type: 'checkbox', className: 'ccxToggle', checked: state.stats,
-            onChange: function (event) { props.setStats(event.target.checked); }
-          })),
-        React.createElement('p', { className: 'ccxFieldHint' }, '统计插件自身耗时并实时显示在本卡片内（默认关；开启才产生极小的计时开销）'));
-      var storageHint = props.bridgeStatus === undefined || props.bridgeStatus() === 'dsh'
-        ? '设置保存在 DSH 主机配置（~/.dsh/settings.yaml），由 DSH 设置服务持久化'
-        : '未检测到 DSH 设置服务，设置仅保存在本浏览器（localStorage）';
-      var body = React.createElement('div', { className: 'ccxBody' },
-        durField, thinkField, splitField, statsField,
-        React.createElement('p', { className: 'ccxFieldHint' }, storageHint));
-      var children = [header, body];
-      if (state.stats) {
-        var engineStats = props.stats();
-        if (engineStats !== undefined) {
-          var elapsed = Math.max(1, (Date.now() - engineStats.start) / 1000);
-          var rows = [
-            ['观察回调', 'obs', engineStats.obs, engineStats.obsMs],
-            ['引擎刷新', 'refresh', engineStats.refresh, engineStats.refreshMs],
-            ['合并重算', 'pass', engineStats.pass, engineStats.passMs],
-            ['安全重扫', 'scan', engineStats.scan, engineStats.scanMs],
-            ['摘要克隆', 'clone', engineStats.clone, engineStats.cloneMs]
-          ];
-          var statRows = rows.map(function (row) {
-            return React.createElement('div', { className: 'ccxStatRow', key: row[1] },
-              React.createElement('span', { className: 'ccxFieldLabel' }, row[0]),
-              React.createElement('span', { className: 'ccxStatValue' },
-                row[2] + ' 次 · ' + row[3].toFixed(1) + ' ms（' + (row[3] / elapsed).toFixed(2) + ' ms/s）'));
-          });
-          children.push(React.createElement('div', { className: 'ccxBody' },
-            statRows,
-            React.createElement('p', { className: 'ccxFieldHint' }, '流式变更直接忽略（零开销短路）：' + engineStats.skip + ' 批次'),
-            React.createElement('p', { className: 'ccxFieldHint' }, '累计自开启统计起算；标签页隐藏时引擎全部暂停，不计入')));
-        }
-      }
-      return React.createElement('li', { className: cardClass }, children);
-    }
-
-    var plugin = {
-      name: 'toolfold',
-      // Declared so the fiber waits for the slots service and `ctx.slots` is
-      // available in apply — the documented dynamic-package pattern. `timer`
-      // is the Cordis timer service: browser timer globals (setTimeout /
-      // setInterval / clearTimeout / clearInterval) are shadowed by teaching
-      // traps in the dynamic client environment, so every engine timer goes
-      // through ctx.timeout / ctx.interval disposers.
-      inject: ['slots', 'timer'],
-      apply: function (ctx) {
-        if (typeof document === 'undefined') return;
-        var settings = createSettingsStore();
-        // Diagnostic/test hook: the settings store (and its live stats
-        // counters) is reachable as window.__toolfoldSettings.
-        if (typeof window !== 'undefined') window.__toolfoldSettings = settings;
-        // DSH settings bridge: official settingsScope → host route →
-        // localStorage (see the createSettingsBridge doc above).
-        var bridge = createSettingsBridge(ctx, settings);
-        if (typeof window !== 'undefined') window.__toolfoldBridge = bridge;
-        var timers = {
-          after: function (callback, delay) { return ctx.timeout(callback, delay); },
-          every: function (callback, delay) { return ctx.interval(callback, delay); },
-          cancel: function (handle) {
-            if (handle !== undefined && handle !== null) handle();
-          }
-        };
-        ctx.effect(function () {
-          var offEngine = installCollapseEngine(document, settings, timers);
-          return function () {
-            offEngine();
-            bridge.dispose();
-          };
-        });
-        // Probe the host-backed tiers once; the official scope subscribe
-        // above and this call both converge on the same adoptSection path.
-        void bridge.load();
-        if (React === null) return;
-        var slots = ctx.slots;
-        if (slots === undefined) return;
-        try {
-          // Generator form, exactly like the product's own entries; slots.inject
-          // waits for the declaration and re-runs on redeclaration, so the card
-          // appears whenever Settings → 插件 is open while this plugin runs.
-          slots.inject('settings.plugin.item', function* () {
-            yield slots.register(
-              {
-                name: 'settings.plugin.item',
-                key: 'toolfold',
-                id: 'toolfold',
-                order: 30,
-                label: '工具折叠',
-                inject: function () {
-                  return {
-                    hooks: { ccxSettings: settings },
-                    setDur: function (ms) { bridge.write('durMs', ms); },
-                    setKeepThink: function (on) { bridge.write('keepThink', on); },
-                    setSplitThink: function (on) { bridge.write('splitThink', on); },
-                    setStats: function (on) { bridge.write('stats', on); },
-                    stats: function () { return settings.stats; },
-                    bridgeStatus: function () { return bridge.status(); },
-                    tick: function (cb, ms) { return ctx.interval(cb, ms); },
-                    cancelTick: function (handle) {
-                      if (handle !== undefined && handle !== null) handle();
-                    }
-                  };
-                }
-              },
-              SettingsCard
-            );
-          });
-        } catch (err) {
-          // console.error mirrors into the load report, so a registration
-          // failure is visible instead of silently vanishing.
-          console.error('toolfold settings card failed to register:', err);
-        }
-      }
-    };
-
-    module.exports = plugin;
-    return module.exports;
-  }
+	id: "dsh-toolfold",
+	factory: (require) => {
+		var module = { exports: {} };
+		var __dshSeed = null;
+		try {
+			if (typeof require === "function") __dshSeed = require("react");
+		} catch (err) {
+			__dshSeed = null;
+		}
+		if (__dshSeed === null && typeof React !== "undefined") __dshSeed = React;
+		if (typeof globalThis !== "undefined") globalThis.__dshToolfoldReact = __dshSeed;
+		//#region \0rolldown/runtime.js
+		var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports);
+		//#endregion
+		//#region src/client/settings.js
+		var require_settings = /* @__PURE__ */ __commonJSMin(((exports, module) => {
+			var SETTINGS_KEY = "dsh-toolfold.settings.v1";
+			/** Pre-rename key; migrated once so existing preferences survive. */
+			var LEGACY_SETTINGS_KEY = "dsh-codex-collapse.settings.v1";
+			var DEFAULT_SETTINGS = {
+				enabled: true,
+				durMs: 240,
+				thinkMode: "auto",
+				splitThink: true,
+				stats: false
+			};
+			/**
+			* Resolve the canonical think mode for one raw section. An explicitly set,
+			* valid thinkMode wins; otherwise derive it from the deprecated thinkAuto /
+			* keepThink keys so pre-merge preferences survive the upgrade; default
+			* 'auto'. Total — never throws. (Host twin: resolveThinkMode in
+			* src/host/index.js.)
+			*/
+			function resolveThinkMode(section) {
+				var mode = section !== void 0 && section !== null ? section.thinkMode : void 0;
+				if (mode === "keep" || mode === "hide" || mode === "auto") return mode;
+				if (section !== void 0 && section !== null && section.thinkAuto === false) return section.keepThink === true ? "keep" : "hide";
+				return "auto";
+			}
+			/** Next canonical think mode for a patch: explicit valid value wins, else
+			* derive from legacy patch keys (old-host sections), else keep current so
+			* unrelated patches (e.g. {}) never reset it. */
+			function nextThinkMode(patch, current) {
+				if (patch.thinkMode === "keep" || patch.thinkMode === "hide" || patch.thinkMode === "auto") return patch.thinkMode;
+				if (patch.thinkAuto !== void 0 || patch.keepThink !== void 0) return resolveThinkMode({
+					thinkMode: void 0,
+					thinkAuto: patch.thinkAuto,
+					keepThink: patch.keepThink
+				});
+				return current;
+			}
+			function loadSettings() {
+				var base = {
+					enabled: true,
+					durMs: DEFAULT_SETTINGS.durMs,
+					thinkMode: DEFAULT_SETTINGS.thinkMode,
+					splitThink: DEFAULT_SETTINGS.splitThink,
+					stats: false
+				};
+				if (typeof localStorage === "undefined") return base;
+				var raw = null;
+				try {
+					raw = localStorage.getItem(SETTINGS_KEY);
+					if (raw === null) {
+						var legacy = localStorage.getItem(LEGACY_SETTINGS_KEY);
+						if (legacy !== null) {
+							raw = legacy;
+							localStorage.setItem(SETTINGS_KEY, legacy);
+							localStorage.removeItem(LEGACY_SETTINGS_KEY);
+						}
+					}
+				} catch (err) {
+					return base;
+				}
+				if (raw === null) return base;
+				try {
+					var parsed = JSON.parse(raw);
+					var dur = Number(parsed.durMs);
+					return {
+						enabled: parsed.enabled !== false,
+						durMs: Number.isFinite(dur) ? Math.max(0, Math.min(2e3, Math.round(dur))) : DEFAULT_SETTINGS.durMs,
+						thinkMode: resolveThinkMode(parsed),
+						splitThink: parsed.splitThink !== false,
+						stats: parsed.stats === true
+					};
+				} catch (err) {
+					return base;
+				}
+			}
+			/** Minimal SnapshotStore: stable getSnapshot until update replaces it. */
+			function createSettingsStore() {
+				var snapshot = loadSettings();
+				var listeners = [];
+				return {
+					getSnapshot: function() {
+						return snapshot;
+					},
+					subscribe: function(listener) {
+						listeners.push(listener);
+						return function() {
+							var index = listeners.indexOf(listener);
+							if (index !== -1) listeners.splice(index, 1);
+						};
+					},
+					update: function(patch) {
+						snapshot = {
+							enabled: patch.enabled === void 0 ? snapshot.enabled : patch.enabled === true,
+							durMs: patch.durMs === void 0 ? snapshot.durMs : patch.durMs,
+							thinkMode: nextThinkMode(patch, snapshot.thinkMode),
+							splitThink: patch.splitThink === void 0 ? snapshot.splitThink : patch.splitThink === true,
+							stats: patch.stats === void 0 ? snapshot.stats : patch.stats
+						};
+						if (typeof localStorage !== "undefined") try {
+							localStorage.setItem(SETTINGS_KEY, JSON.stringify(snapshot));
+						} catch (err) {}
+						for (var i = 0; i < listeners.length; i++) listeners[i]();
+					}
+				};
+			}
+			module.exports = {
+				createSettingsStore,
+				resolveThinkMode
+			};
+		}));
+		//#endregion
+		//#region src/client/bridge.js
+		var require_bridge = /* @__PURE__ */ __commonJSMin(((exports, module) => {
+			var DSH_API = "/api/dsh-toolfold/settings";
+			function clampDur(value) {
+				var dur = Number(value);
+				return Number.isFinite(dur) ? Math.max(0, Math.min(2e3, Math.round(dur))) : void 0;
+			}
+			/** Merge one fully-resolved DSH section into the local store. */
+			function adoptSection(store, section) {
+				store.update({
+					enabled: section.enabled === void 0 ? void 0 : section.enabled === true,
+					durMs: clampDur(section.durMs),
+					thinkMode: section.thinkMode === void 0 ? void 0 : section.thinkMode,
+					keepThink: section.keepThink === void 0 ? void 0 : section.keepThink === true,
+					thinkAuto: section.thinkAuto === void 0 ? void 0 : section.thinkAuto === true,
+					splitThink: section.splitThink === void 0 ? void 0 : section.splitThink === true,
+					stats: section.stats === void 0 ? void 0 : section.stats === true
+				});
+			}
+			function createSettingsBridge(ctx, store) {
+				var scope = null;
+				var scopeReady = false;
+				var routeOk = false;
+				var disposers = [];
+				var compatState = "unknown";
+				var compatVersion = null;
+				var compatWarned = false;
+				function setCompat(info) {
+					var state = info && (info.state === "ok" || info.state === "old" || info.state === "new") ? info.state : "unknown";
+					var version = info && typeof info.version === "string" ? info.version : null;
+					compatState = state;
+					compatVersion = version;
+					if (state !== "ok" && !compatWarned && typeof console !== "undefined" && typeof console.warn === "function") {
+						compatWarned = true;
+						console.warn("[dsh-toolfold] DSH 版本不匹配（当前 " + (version === null ? "未知" : version) + "）：本插件支持 DSH >=0.1.2-rc.1 <0.1.3，" + (state === "old" ? "当前版本过旧，请升级 DSH" : "当前版本过新，请等待插件更新") + "。");
+					}
+					store.update({});
+				}
+				var binder = null;
+				try {
+					if (typeof ctx.get === "function") binder = ctx.get("webUiSettings") || ctx.get("settingsScope") || null;
+				} catch (err) {
+					binder = null;
+				}
+				if (binder !== null && typeof binder.bind === "function") try {
+					scope = binder.bind({ namespace: "toolfold" });
+				} catch (err) {
+					scope = null;
+				}
+				if (scope !== null && typeof scope.subscribe === "function" && typeof scope.getSnapshot === "function") disposers.push(scope.subscribe(function() {
+					var snap = scope.getSnapshot();
+					if (snap === null || typeof snap !== "object") return;
+					if (snap.status === "ready" && snap.value !== null && typeof snap.value === "object") {
+						scopeReady = true;
+						routeOk = false;
+						adoptSection(store, snap.value);
+					} else if (snap.status === "unavailable") {
+						scopeReady = false;
+						routeLoad();
+					}
+				}));
+				function routeLoad() {
+					if (typeof fetch !== "function") return Promise.resolve(false);
+					return fetch(DSH_API, {
+						method: "GET",
+						cache: "no-store"
+					}).then(function(res) {
+						return res.ok ? res.json() : null;
+					}).then(function(body) {
+						if (body === null || body.ok !== true || body.value === null || typeof body.value !== "object") {
+							routeOk = false;
+							return false;
+						}
+						if (body.dsh !== null && typeof body.dsh === "object") setCompat(body.dsh);
+						if (scopeReady) return false;
+						routeOk = true;
+						adoptSection(store, body.value.value === void 0 ? body.value : body.value.value);
+						return true;
+					}).catch(function() {
+						routeOk = false;
+						return false;
+					});
+				}
+				function routeWrite(field, value, op) {
+					if (typeof fetch !== "function") return Promise.resolve(false);
+					return fetch(DSH_API, {
+						method: "POST",
+						cache: "no-store",
+						headers: { "content-type": "application/json" },
+						body: JSON.stringify(op === "unset" ? {
+							op: "unset",
+							field
+						} : {
+							op: "set",
+							field,
+							value
+						})
+					}).then(function(res) {
+						return res.ok ? res.json() : null;
+					}).then(function(body) {
+						if (body === null || body.ok !== true || body.value === null || typeof body.value !== "object") return false;
+						routeOk = true;
+						adoptSection(store, body.value.value === void 0 ? body.value : body.value.value);
+						return true;
+					}).catch(function() {
+						return false;
+					});
+				}
+				return {
+					/** Apply one field change: optimistic local update, then persist through the live tier. */
+					write: function(field, value) {
+						var patch = {};
+						patch[field] = value;
+						store.update(patch);
+						if (scopeReady && scope !== null && typeof scope.set === "function") scope.set(field, value).catch(function() {});
+						else routeWrite(field, value, "set");
+					},
+					unset: function(field) {
+						if (scopeReady && scope !== null && typeof scope.unset === "function") scope.unset(field).catch(function() {});
+						else routeWrite(field, void 0, "unset");
+					},
+					/** 'dsh' when a host-backed tier is live, 'local' otherwise. */
+					status: function() {
+						return scopeReady || routeOk ? "dsh" : "local";
+					},
+					/** Last host-reported DSH compatibility: { state, version }. */
+					compat: function() {
+						return {
+							state: compatState,
+							version: compatVersion
+						};
+					},
+					load: routeLoad,
+					dispose: function() {
+						for (var i = 0; i < disposers.length; i++) disposers[i]();
+					}
+				};
+			}
+			module.exports = { createSettingsBridge };
+		}));
+		//#endregion
+		//#region src/client/styles.js
+		var require_styles = /* @__PURE__ */ __commonJSMin(((exports, module) => {
+			module.exports = {
+				STYLE_ID: "dsh-toolfold/style",
+				CARD_STYLE_ID: "dsh-toolfold/card",
+				engineCss: [
+					"[data-chat-flow] [data-chat-flow-kind].ccxMerged{display:none}",
+					"[data-chat-flow] [data-chat-flow-kind=\"assistant-step\"].ccxEmpty{display:none}",
+					"[data-chat-flow]:not(.ccxKeepThink) [data-variant=\"think\"][data-state=\"ok\"]{display:none}",
+					"[data-chat-flow] .ccxWrapGone{display:none}",
+					"[data-chat-flow] .ccxBar{display:flex;align-items:center;gap:8px;box-sizing:border-box;width:100%;padding:0;color:var(--dsw-alias-label-secondary);font-family:inherit;font-size:13px;line-height:20px;cursor:pointer;text-align:left}",
+					"[data-chat-flow] .ccxBar:focus-visible{outline:2px solid var(--dsw-static-deepseek-500,#4d6bfe);outline-offset:1px}",
+					".ccxBarCall{flex:1 1 auto;min-width:0;display:flex;align-items:center;pointer-events:none;max-width:1400px;overflow:hidden;transition:max-width var(--ccx-dur,260ms) ease,opacity calc(var(--ccx-dur,260ms)*0.77) ease}",
+					"[data-chat-flow] .ccxBar.ccxExpanded .ccxBarCall{max-width:0;opacity:0}",
+					".ccxBarCall > *{flex:1 1 auto;min-width:0;width:100%}",
+					".ccxBarIcon{flex:none;font-size:10px;line-height:20px;opacity:.75;transition:transform var(--ccx-dur,240ms) ease}",
+					".ccxBarLabel{flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:transform var(--ccx-dur,240ms) ease}",
+					"@keyframes ccxFall{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}",
+					"[data-chat-flow] [data-chat-flow-kind].ccxFalling{animation:ccxFall var(--ccx-dur,240ms) cubic-bezier(0.34,1.56,0.64,1) both;animation-delay:calc(var(--ccx-i,0)*var(--ccx-step,45ms))}",
+					"@keyframes ccxRise{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}",
+					"[data-chat-flow] [data-chat-flow-kind].ccxCollapsing{animation:ccxRise var(--ccx-dur,240ms) cubic-bezier(0,0,0.58,1) both;animation-delay:calc(var(--ccx-i,0)*var(--ccx-step,45ms))}",
+					"@media (prefers-reduced-motion:reduce){[data-chat-flow] [data-chat-flow-kind].ccxFalling,[data-chat-flow] [data-chat-flow-kind].ccxCollapsing{animation:none}.ccxBarCall,.ccxBarIcon,.ccxBarLabel{transition:none}}"
+				].join(""),
+				cardCss: [
+					".ccxCard{list-style:none;border:1px solid var(--dsw-alias-border-l2,#e4e4e7);border-radius:12px;background:var(--dsw-alias-bg-layer-3,#fff);transition:border-color .16s,background .16s}",
+					".ccxCard:hover{border-color:var(--dsw-alias-label-dimmed,#a1a1aa)}",
+					".ccxCardOpen{background:var(--dsw-alias-bg-layer-2,#fafafa);border-color:var(--dsw-alias-label-dimmed,#a1a1aa)}",
+					".ccxHeader{width:100%;appearance:none;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px}",
+					".ccxHeader:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#4d6bfe);outline-offset:-2px}",
+					".ccxHeadText{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}",
+					".ccxName{font-size:15px;font-weight:600;line-height:1.4;color:var(--dsw-alias-label-primary,#222)}",
+					".ccxDescription{font-size:13px;line-height:1.5;color:var(--dsw-alias-label-tertiary,#888)}",
+					".ccxChevron{flex:none;font-size:14px;line-height:1;color:var(--dsw-alias-label-tertiary,#888);transition:transform .16s}",
+					".ccxChevronOpen{transform:rotate(180deg)}",
+					".ccxBody{border-top:1px solid var(--dsw-alias-border-l2,#e4e4e7);margin:0 16px;padding:4px 0 8px}",
+					".ccxField{display:flex;flex-direction:column;gap:6px;padding:12px 0}",
+					".ccxField + .ccxField{border-top:1px solid var(--dsw-alias-border-l2,#e4e4e7)}",
+					".ccxFieldHead{display:flex;align-items:center;gap:8px}",
+					".ccxFieldLabel{flex:1;min-width:0;font-size:13px;font-weight:500;line-height:1.5;color:var(--dsw-alias-label-primary,#222)}",
+					".ccxFieldHint{margin:0;font-size:12px;line-height:1.5;color:var(--dsw-alias-label-tertiary,#888)}",
+					".ccxBadge{flex:none;border-radius:999px;padding:1px 8px;font-size:11px;line-height:17px;white-space:nowrap;font-weight:500;background:var(--dsw-alias-bg-module-platform,#f0f0f2);color:var(--dsw-alias-label-secondary,#666)}",
+					".ccxRange{width:100%;height:34px;margin:0;accent-color:var(--dsw-alias-brand-primary,#4d6bfe);cursor:pointer}",
+					".ccxToggle{width:16px;height:16px;margin:0;flex:none;accent-color:var(--dsw-alias-brand-primary,#4d6bfe);cursor:pointer}",
+					".ccxSelect{flex:none;max-width:60%;font:inherit;font-size:13px;color:var(--dsw-alias-label-primary,#222);background:var(--dsw-alias-bg-layer-3,#fff);border:1px solid var(--dsw-alias-border-l2,#e4e4e7);border-radius:8px;padding:5px 8px;cursor:pointer}",
+					".ccxSelect:disabled{opacity:.5;cursor:default}",
+					".ccxSelect:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#4d6bfe);outline-offset:1px}",
+					".ccxStatRow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;font-size:12px;line-height:1.5}",
+					".ccxStatValue{flex:none;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-secondary,#666)}",
+					".ccxWarn{flex:none;position:relative;font-size:15px;line-height:1;cursor:help;color:#d97706}",
+					".ccxWarn::after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);right:-6px;width:250px;padding:8px 10px;border-radius:8px;background:var(--dsw-alias-bg-layer-3,#fff);border:1px solid var(--dsw-alias-border-l2,#e4e4e7);color:var(--dsw-alias-label-primary,#222);font-size:12px;font-weight:400;line-height:1.5;text-align:left;white-space:pre-line;box-shadow:0 4px 16px rgba(0,0,0,.14);opacity:0;visibility:hidden;pointer-events:none;z-index:60;transition:opacity .12s ease,visibility .12s ease}",
+					".ccxWarn:hover::after{opacity:1;visibility:visible}"
+				].join("")
+			};
+		}));
+		//#endregion
+		//#region src/client/engine.js
+		var require_engine = /* @__PURE__ */ __commonJSMin(((exports, module) => {
+			const { STYLE_ID, engineCss } = require_styles();
+			/**
+			* Install the folding engine on a document.
+			* @param doc - the browser document of the Web GUI page.
+			* @param settings - the shared settings store (getSnapshot/subscribe).
+			* @returns a disposer that removes every side effect.
+			*/
+			function installCollapseEngine(doc, settings, timers) {
+				var FLOW_SELECTOR = "[data-chat-flow]";
+				var BADGE_ATTR = "data-ccx-badge";
+				var MERGED_CLASS = "ccxMerged";
+				var EMPTY_CLASS = "ccxEmpty";
+				var FALLING_CLASS = "ccxFalling";
+				var COLLAPSING_CLASS = "ccxCollapsing";
+				var KEEP_CLASS = "ccxKeepThink";
+				/** Hidden settled-think WRAPPER: the product leaves the think's flex
+				* item in `.hWmORq_body` (a `gap:16px` column) even when the think root
+				* is display:none, so the wrapper must be hidden too or a 16px blank
+				* band survives under the folded think, above the row's answer text. */
+				var WRAP_GONE_CLASS = "ccxWrapGone";
+				var styleTag = null;
+				var adoptedStyle = false;
+				/** flow element -> observation mode ('light' | 'full') */
+				var flows = /* @__PURE__ */ new Map();
+				/** flow element -> its attached MutationObserver (absent while hidden) */
+				var flowObservers = /* @__PURE__ */ new Map();
+				/** parent element -> childList-only observer (flow mounts/unmounts) */
+				var parentObservers = /* @__PURE__ */ new Map();
+				/** flow element -> Set of expanded run node keys */
+				var expanded = /* @__PURE__ */ new Map();
+				/** flow element -> Map<run head key, bar element> */
+				var barsByFlow = /* @__PURE__ */ new Map();
+				/** flow element -> Set of run head keys mid collapse animation */
+				var collapsing = /* @__PURE__ */ new Map();
+				/** flows whose DOM changed since the last pass (pending re-pass) */
+				var dirtyFlows = /* @__PURE__ */ new Set();
+				/** per-flow reason for the pending pass: content | think | rows */
+				var flowReasons = /* @__PURE__ */ new Map();
+				/** flow element -> Set of tool rows touched by content mutations */
+				var contentRowsByFlow = /* @__PURE__ */ new Map();
+				/** per-flow counter for synthetic run keys (rows lacking a node key) */
+				var syntheticKeys = /* @__PURE__ */ new Map();
+				/** flows may have appeared or disappeared since the last pass */
+				var structureDirty = true;
+				/** observers live only while the tab is visible */
+				var active = true;
+				/** slow safety rescan while visible (catches remounted flows) */
+				var rescanTimer = null;
+				/** rescan delay, backing off while nothing changes (3s..10s) */
+				var rescanDelay = 3e3;
+				var rafId = 0;
+				var pending = false;
+				var disposed = false;
+				var offSettings = null;
+				/** deferred boot init (one frame after activation) */
+				var booted = false;
+				var bootRaf = 0;
+				/** cached MediaQueryList for prefers-reduced-motion */
+				var motionMql = null;
+				/** cache of confirmed tool-call rows (closestToolCall positive hits) */
+				var toolRowCache = /* @__PURE__ */ new WeakMap();
+				/**
+				* Assistant rows currently hidden as emptied think rows (carry
+				* EMPTY_CLASS). Kept so the single-text-node streaming fast path can
+				* notice answer text arriving inside one without walking the DOM on
+				* every ordinary streamed token.
+				*/
+				var hiddenRows = /* @__PURE__ */ new WeakSet();
+				/** Count of rows in `hiddenRows` (a WeakSet exposes no size). */
+				var hiddenCount = 0;
+				/** opt-in live cost stats (settings card); created at engine init */
+				var statsObj = null;
+				function statsBegin() {
+					if (statsObj === null || !statsObj.enabled) return null;
+					return performance.now();
+				}
+				function statsEnd(key, count, t0) {
+					if (t0 === null) return;
+					statsObj[key] += count;
+					statsObj[key + "Ms"] += performance.now() - t0;
+				}
+				function ensureStats() {
+					if (statsObj !== null) return statsObj;
+					statsObj = {
+						enabled: settings.getSnapshot().stats === true,
+						start: Date.now(),
+						obs: 0,
+						obsMs: 0,
+						refresh: 0,
+						refreshMs: 0,
+						pass: 0,
+						passMs: 0,
+						scan: 0,
+						scanMs: 0,
+						clone: 0,
+						cloneMs: 0,
+						skip: 0
+					};
+					return statsObj;
+				}
+				function reducedMotion() {
+					if (motionMql === null) motionMql = typeof matchMedia === "function" ? matchMedia("(prefers-reduced-motion: reduce)") : null;
+					return motionMql !== null && motionMql.matches;
+				}
+				function durMs() {
+					var value = settings.getSnapshot().durMs;
+					return reducedMotion() ? 0 : value;
+				}
+				function stepMs() {
+					var value = settings.getSnapshot().durMs;
+					return reducedMotion() ? 0 : Math.max(0, Math.min(60, Math.round(value * 45 / 240)));
+				}
+				/** Push the current durations into --ccx-dur / --ccx-step. */
+				function applySettings() {
+					var style = doc.documentElement.style;
+					style.setProperty("--ccx-dur", durMs() + "ms");
+					style.setProperty("--ccx-step", stepMs() + "ms");
+				}
+				function insertStyle() {
+					var existing = doc.querySelector("style[data-plugin-css=\"" + STYLE_ID + "\"]");
+					if (existing !== null) {
+						styleTag = existing;
+						adoptedStyle = true;
+						return;
+					}
+					var tag = doc.createElement("style");
+					tag.setAttribute("data-plugin", "dsh-toolfold");
+					tag.setAttribute("data-plugin-css", STYLE_ID);
+					tag.textContent = engineCss;
+					doc.head.appendChild(tag);
+					styleTag = tag;
+					adoptedStyle = false;
+				}
+				var REASON_RANK = {
+					content: 1,
+					think: 2,
+					rows: 3
+				};
+				function markDirty(flow, reason) {
+					if (disposed) return;
+					var prev = flowReasons.get(flow);
+					if (prev === void 0 || REASON_RANK[prev] < REASON_RANK[reason]) flowReasons.set(flow, reason);
+					dirtyFlows.add(flow);
+					if (rescanDelay > 3e3) {
+						rescanDelay = 3e3;
+						if (rescanTimer !== null) {
+							timers.cancel(rescanTimer);
+							rescanTimer = null;
+							scheduleNextRescan();
+						}
+					}
+					schedule();
+				}
+				function schedule() {
+					if (pending || disposed) return;
+					pending = true;
+					if (typeof requestAnimationFrame === "function") rafId = requestAnimationFrame(function() {
+						pending = false;
+						refresh();
+					});
+					else {
+						pending = false;
+						refresh();
+					}
+				}
+				/**
+				* Whether an added/removed node can change folding outcomes: a row
+				* (`[data-chat-flow-kind]`) or a think block (`[data-variant="think"]`).
+				*/
+				function nodeHasMarker(node) {
+					if (node.nodeType !== 1) return false;
+					if (typeof node.matches === "function" && node.matches("[data-chat-flow-kind],[data-variant=\"think\"]")) return true;
+					if (typeof node.querySelector === "function" && node.querySelector("[data-chat-flow-kind],[data-variant=\"think\"]") !== null) return true;
+					return false;
+				}
+				/**
+				* Nearest ancestor (or self) that is a tool-call row. Plain attribute
+				* walk — the MutationObserver hot path never invokes the selector
+				* engine. The RESULT is cached on the start element (both positive and
+				* negative), so streaming — which keeps mutating the same containers —
+				* amortizes the walk to O(1) per container after the first event.
+				* Staleness would require reparenting a container into a tool row,
+				* which the product never does; worst case one missed content refresh.
+				*/
+				function closestToolCall(el) {
+					var start = el.nodeType === 1 ? el : el.parentElement;
+					if (start === null) return null;
+					var hit = toolRowCache.get(start);
+					if (hit !== void 0) return hit;
+					var node = start;
+					while (node !== null && node.nodeType === 1) {
+						var cached = toolRowCache.get(node);
+						if (cached !== void 0) {
+							node = cached;
+							break;
+						}
+						if (node.getAttribute("data-chat-flow-kind") === "tool-call") break;
+						node = node.parentElement;
+					}
+					toolRowCache.set(start, node);
+					return node;
+				}
+				/**
+				* Nearest flow row whose content just changed while the row itself is
+				* hidden (EMPTY_CLASS), or null. Mutations inside a think block never
+				* count: the product may keep writing reasoning tokens into a
+				* just-settled, display:none think, and those must not resurrect the
+				* row. Plain attribute walk — no selector engine on the hot path.
+				*/
+				function hiddenEmptyRow(el) {
+					var node = el.nodeType === 1 ? el : el.parentElement;
+					while (node !== null && node.nodeType === 1) {
+						if (node.getAttribute("data-variant") === "think") return null;
+						if (node.hasAttribute("data-chat-flow-kind")) return node.classList.contains(EMPTY_CLASS) ? node : null;
+						node = node.parentElement;
+					}
+					return null;
+				}
+				/**
+				* Classify a mutation batch by what it can change:
+				*  - 'rows': row-level add/remove/reorder, or added/removed nodes that
+				*    are or contain rows / think blocks — the merge must be rebuilt;
+				*  - 'think': a `data-state` flip on a think element (settled thinking
+				*    starts hiding, empties its assistant row, and in merge mode stops
+				*    separating runs) — the merge must be rebuilt;
+				*  - 'content': a mutation inside a tool-call row (result streaming) —
+				*    only that run's bar clone can be stale, no merge rebuild needed;
+				*  - null: content streaming inside any other row (think text tokens,
+				*    markdown spans) — cannot change any folding outcome.
+				* The single appended-text-node case short-circuits with zero DOM
+				* walks, so agent/think streaming costs nothing at all. Content
+				* mutations report the affected tool row(s) through `collect`, so the
+				* refresh touches only the bar of the run whose LAST row changed.
+				*/
+				function mutationReason(records, flow, collect) {
+					if (records.length === 1) {
+						var only = records[0];
+						if (only.type === "childList" && only.removedNodes.length === 0 && only.addedNodes.length === 1 && only.addedNodes[0].nodeType === 3) {
+							if (hiddenCount > 0) {
+								var resurrect = hiddenEmptyRow(only.addedNodes[0]);
+								if (resurrect !== null) {
+									rowInfo.delete(resurrect);
+									return "rows";
+								}
+							}
+							return null;
+						}
+					}
+					var best = 0;
+					for (var i = 0; i < records.length; i++) {
+						var record = records[i];
+						if (record.type === "attributes") {
+							if (record.attributeName === "hidden" || record.attributeName !== null && record.attributeName.indexOf("data-turn-process-") === 0) {
+								if (best < 3) best = 3;
+							} else if (record.attributeName === "data-state" && record.target !== null && record.target.nodeType === 1 && typeof record.target.matches === "function" && record.target.matches("[data-variant=\"think\"]")) {
+								if (best < 2) best = 2;
+							}
+							continue;
+						}
+						if (record.type === "characterData") {
+							var toolRow = closestToolCall(record.target);
+							if (toolRow !== null) {
+								if (collect !== void 0) collect(toolRow);
+								if (best < 1) best = 1;
+							} else {
+								var hiddenRow = hiddenEmptyRow(record.target);
+								if (hiddenRow !== null) {
+									rowInfo.delete(hiddenRow);
+									if (best < 3) best = 3;
+								}
+							}
+							continue;
+						}
+						if (record.type !== "childList") continue;
+						var target = record.target;
+						if (target === flow) {
+							best = 3;
+							continue;
+						}
+						if (target !== null && target.nodeType === 1) {
+							var row = closestToolCall(target);
+							if (row !== null) {
+								if (collect !== void 0) collect(row);
+								if (best < 1) best = 1;
+								continue;
+							}
+							var hiddenRow = hiddenEmptyRow(target);
+							if (hiddenRow !== null) {
+								rowInfo.delete(hiddenRow);
+								if (best < 3) best = 3;
+							}
+						}
+						var lists = [record.addedNodes, record.removedNodes];
+						for (var l = 0; l < lists.length && best < 3; l++) {
+							var nodes = lists[l];
+							for (var j = 0; j < nodes.length; j++) if (nodeHasMarker(nodes[j])) {
+								best = 3;
+								break;
+							}
+						}
+					}
+					if (best === 0) return null;
+					if (best === 1) return "content";
+					if (best === 2) return "think";
+					return "rows";
+				}
+				/**
+				* Attach (or replace) the per-flow observer for a mode. 'light' is a
+				* childList-only observer on the flow's direct children — the only
+				* events that can change folding are row adds/removes/reorders, so a
+				* pure-chat flow costs nothing while text streams inside its rows.
+				* 'full' adds subtree childList and `data-state` attribute coverage,
+				* which foldable content (tool cards, think blocks) actually needs.
+				*/
+				function attachFlowObserver(flow, mode) {
+					var existing = flowObservers.get(flow);
+					if (existing !== null && existing !== void 0) existing.disconnect();
+					if (typeof MutationObserver !== "function") {
+						flowObservers.set(flow, null);
+						return;
+					}
+					var observer;
+					if (mode === "light") {
+						observer = new MutationObserver(function() {
+							var t0 = statsBegin();
+							markDirty(flow, "rows");
+							statsEnd("obs", 1, t0);
+						});
+						observer.observe(flow, { childList: true });
+					} else {
+						observer = new MutationObserver(function(records) {
+							var t0 = statsBegin();
+							var contentSet = void 0;
+							var reason = mutationReason(records, flow, function(row) {
+								if (contentSet === void 0) {
+									contentSet = contentRowsByFlow.get(flow);
+									if (contentSet === void 0) {
+										contentSet = /* @__PURE__ */ new Set();
+										contentRowsByFlow.set(flow, contentSet);
+									}
+								}
+								contentSet.add(row);
+							});
+							if (reason !== null) markDirty(flow, reason);
+							else if (statsObj !== null && statsObj.enabled) statsObj.skip += 1;
+							statsEnd("obs", 1, t0);
+						});
+						observer.observe(flow, {
+							childList: true,
+							subtree: true,
+							attributes: true,
+							attributeFilter: [
+								"data-state",
+								"hidden",
+								"data-turn-process-hidden",
+								"data-turn-process-member",
+								"data-turn-process-answer"
+							]
+						});
+					}
+					flowObservers.set(flow, observer);
+				}
+				/** Switch a flow's observation mode (attaches only while visible). */
+				function setFlowMode(flow, mode) {
+					if (flows.get(flow) === mode) return;
+					flows.set(flow, mode);
+					if (active) attachFlowObserver(flow, mode);
+				}
+				function discover() {
+					var list = doc.querySelectorAll(FLOW_SELECTOR);
+					for (var i = 0; i < list.length; i++) {
+						var flow = list[i];
+						if (flows.has(flow)) continue;
+						var needFull = typeof flow.querySelector === "function" && flow.querySelector("[data-chat-flow-kind=\"tool-call\"],[data-variant=\"think\"]") !== null;
+						flows.set(flow, needFull ? "full" : "light");
+						expanded.set(flow, /* @__PURE__ */ new Set());
+						barsByFlow.set(flow, /* @__PURE__ */ new Map());
+						collapsing.set(flow, /* @__PURE__ */ new Set());
+						if (active) attachFlowObserver(flow, needFull ? "full" : "light");
+						markDirty(flow, "rows");
+					}
+				}
+				/**
+				* Flow mount/unmount detection WITHOUT a page-wide observer: each
+				* known flow's parent gets a childList-only observer (direct children
+				* only, no subtree), so it fires only when a sibling flow appears or
+				* disappears — never on chat churn. Parents that appeared while the
+				* engine was idle are covered by the slow visible-only rescan.
+				*/
+				function observeParents() {
+					if (!active || typeof MutationObserver !== "function") return;
+					flows.forEach(function(mode, flow) {
+						var parent = flow.parentElement;
+						if (parent === null || parentObservers.has(parent)) return;
+						var observer = new MutationObserver(function(records) {
+							var t0 = statsBegin();
+							var relevant = false;
+							for (var i = 0; i < records.length && !relevant; i++) {
+								var record = records[i];
+								if (record.type !== "childList") continue;
+								var lists = [record.addedNodes, record.removedNodes];
+								for (var l = 0; l < lists.length && !relevant; l++) {
+									var nodes = lists[l];
+									for (var j = 0; j < nodes.length; j++) {
+										var node = nodes[j];
+										if (node.nodeType !== 1 || typeof node.matches !== "function") continue;
+										if (node.matches(FLOW_SELECTOR) || typeof node.querySelector === "function" && node.querySelector(FLOW_SELECTOR) !== null) {
+											relevant = true;
+											break;
+										}
+									}
+								}
+							}
+							if (relevant) {
+								structureDirty = true;
+								schedule();
+							}
+							statsEnd("obs", 1, t0);
+						});
+						observer.observe(parent, { childList: true });
+						parentObservers.set(parent, observer);
+					});
+				}
+				function rescanTick() {
+					rescanTimer = null;
+					if (disposed || !active || doc.hidden) return;
+					var t0 = statsBegin();
+					var before = flows.size;
+					discover();
+					pruneFlows();
+					observeParents();
+					if (flows.size === before) {
+						if (flows.size > 0) rescanDelay = Math.min(rescanDelay * 2, 1e4);
+					} else rescanDelay = 3e3;
+					statsEnd("scan", 1, t0);
+					scheduleNextRescan();
+				}
+				function scheduleNextRescan() {
+					if (rescanTimer !== null) return;
+					rescanTimer = timers.after(rescanTick, rescanDelay);
+				}
+				function startRescan() {
+					rescanDelay = 3e3;
+					scheduleNextRescan();
+				}
+				function stopRescan() {
+					if (rescanTimer !== null) {
+						timers.cancel(rescanTimer);
+						rescanTimer = null;
+					}
+				}
+				function disconnectObservers() {
+					flowObservers.forEach(function(observer) {
+						if (observer !== null && observer !== void 0) observer.disconnect();
+					});
+					flowObservers.clear();
+					parentObservers.forEach(function(observer) {
+						observer.disconnect();
+					});
+					parentObservers.clear();
+				}
+				function onVisibility() {
+					setActive(!doc.hidden);
+				}
+				function setActive(on) {
+					if (on === active) return;
+					active = on;
+					if (on) {
+						if (!booted) {
+							bootInit();
+							return;
+						}
+						flows.forEach(function(mode, flow) {
+							if (doc.contains(flow)) attachFlowObserver(flow, mode);
+						});
+						observeParents();
+						startRescan();
+						structureDirty = true;
+						schedule();
+					} else {
+						stopRescan();
+						disconnectObservers();
+					}
+				}
+				function rowList(flow) {
+					var rows = [];
+					var children = flow.children;
+					for (var i = 0; i < children.length; i++) {
+						var el = children[i];
+						if (el.nodeType === 1 && el.hasAttribute("data-chat-flow-kind") && !productHiddenRow(el)) rows.push(el);
+					}
+					return rows;
+				}
+				/**
+				* Whether the product itself currently hides this flow row. DSH's
+				* completed-Turn transcript view "Compact" (对话信息折叠) keeps every row
+				* of a folded process window in the DOM but marks it `hidden` (the
+				* searchable-hidden attribute, so browser find can still reveal it).
+				* Rows the product hides must be invisible to folding — no runs, no
+				* bars, no empty-row work — so nothing of ours can survive as an
+				* orphaned element "outside" the product's own fold.
+				*/
+				function productHiddenRow(el) {
+					return el !== null && el.nodeType === 1 && el.hasAttribute("hidden");
+				}
+				/**
+				* Whether the product's official completed-Turn fold (transcript view
+				* "Compact") is active for this flow: any row tagged as a process
+				* member or compacted answer, or a turn-process chip carrying text.
+				* The engine uses it for the "思考自动跟随官方折叠" rule: with the
+				* official fold active, the whole big block is already collapsed, so
+				* thinking content is preserved by default (it should not silently
+				* vanish under the fold); without the official fold, thinking takes
+				* space and the legacy default hides settled thinking.
+				*/
+				function flowHasOfficialFold(flow) {
+					if (flow === null || typeof flow.querySelector !== "function") return false;
+					if (flow.querySelector("[data-turn-process-member],[data-turn-process-answer]") !== null) return true;
+					var chips = flow.querySelectorAll("[data-chat-flow-kind=\"turn-process\"]");
+					for (var i = 0; i < chips.length; i++) if (chips[i].textContent.trim() !== "") return true;
+					return false;
+				}
+				/**
+				* Resolve the canonical think mode for a snapshot. An explicitly set,
+				* valid thinkMode wins; otherwise derive it from the deprecated
+				* thinkAuto / keepThink keys so pre-merge preferences survive; default
+				* 'auto'. Total — never throws. (Host twin: resolveThinkMode in
+				* src/host/index.js. Snapshots from the store are already normalized,
+				* so the legacy branch is belt-and-braces only.)
+				*/
+				function resolveThinkMode(snap) {
+					var mode = snap !== void 0 && snap !== null ? snap.thinkMode : void 0;
+					if (mode === "keep" || mode === "hide" || mode === "auto") return mode;
+					if (snap !== void 0 && snap !== null && snap.thinkAuto === false) return snap.keepThink === true ? "keep" : "hide";
+					return "auto";
+				}
+				/** Effective keep-think flag for one flow (see flowHasOfficialFold). */
+				function effectiveKeepThink(flow) {
+					var mode = resolveThinkMode(settings.getSnapshot());
+					if (mode === "keep") return true;
+					if (mode === "hide") return false;
+					return flowHasOfficialFold(flow);
+				}
+				/**
+				* Per-row assessment of think-only content, cached by a signature of
+				* the row's think blocks (count + data-states + keepThink + splitThink
+				* flags). Reassessed only when the signature changes; the check is
+				* purely structural, so steady-state passes perform zero layout reads.
+				*
+				* In split mode (default) a row that only settled Think rows occupy
+				* ENDS the run it follows — completed thinking separates runs, it
+				* never merges across them. In merge mode it is transparent: it folds
+				* WITH the surrounding tool calls. Either way it is empty (hidden)
+				* when think is not preserved; with "保留思考" on it stays visible —
+				* between the bars in split mode, inside the run on expand in merge
+				* mode.
+				*/
+				var rowInfo = /* @__PURE__ */ new WeakMap();
+				var NEUTRAL_ASSESSMENT = {
+					sig: "",
+					thinks: [],
+					transparent: false,
+					empty: false
+				};
+				function thinkSig(thinks, keepThink, splitThink) {
+					var sig = (keepThink ? "1" : "0") + (splitThink ? "1" : "0");
+					for (var i = 0; i < thinks.length; i++) sig += ":" + (thinks[i].getAttribute("data-state") || "");
+					return sig;
+				}
+				/**
+				* Whether an element contains nothing but think blocks and empty
+				* wrappers: every text leaf outside a think block is whitespace-only
+				* and every non-think element recurses. Structural — no layout reads,
+				* immune to wrapper padding/margins that a height check would mistake
+				* for content.
+				*/
+				function thinkOnlyContent(el) {
+					var nodes = el.childNodes;
+					for (var i = 0; i < nodes.length; i++) {
+						var node = nodes[i];
+						if (node.nodeType === 3) {
+							if (node.textContent.trim() !== "") return false;
+						} else if (node.nodeType === 1) {
+							if (node.matches("[data-variant=\"think\"]")) continue;
+							if (!thinkOnlyContent(node)) return false;
+						}
+					}
+					return true;
+				}
+				function assessRow(row, keepThink, splitThink) {
+					if (row.getAttribute("data-chat-flow-kind") !== "assistant-step") return NEUTRAL_ASSESSMENT;
+					var cached = rowInfo.get(row);
+					if (cached !== void 0 && cached.sig === thinkSig(cached.thinks, keepThink, splitThink)) return cached;
+					var thinks = row.querySelectorAll("[data-variant=\"think\"]");
+					var assessment = {
+						sig: thinkSig(thinks, keepThink, splitThink),
+						thinks,
+						transparent: false,
+						empty: false
+					};
+					if (thinks.length > 0 && thinkOnlyContent(row)) {
+						var allOk = true;
+						for (var i = 0; i < thinks.length; i++) if (thinks[i].getAttribute("data-state") !== "ok") {
+							allOk = false;
+							break;
+						}
+						if (allOk) {
+							assessment.transparent = !splitThink;
+							assessment.empty = !keepThink;
+						}
+					}
+					rowInfo.set(row, assessment);
+					return assessment;
+				}
+				/**
+				* Mirror the think-hiding CSS on the think's PARENT wrapper. The
+				* assistant body is a `gap:16px` flex column whose items are the think
+				* wrapper and the answer block; display:none on the think root alone
+				* leaves a 0-height wrapper item that still pins the answer 16px below
+				* the row top — the "blank band under the folded think". Hiding that
+				* wrapper (ccxWrapGone) restores the row to its true height. Guarded:
+				* only a wrapper whose sole element child is the think is hidden, so a
+				* layout that genuinely shares the container is never harmed. With
+				* 保留思考 on, or while the think is still streaming (state != ok),
+				* the wrapper must stay visible — remove any stale marker.
+				*/
+				function syncThinkWrappers(row, keepThink) {
+					var thinks = row.querySelectorAll("[data-variant=\"think\"]");
+					for (var i = 0; i < thinks.length; i++) {
+						var think = thinks[i];
+						var wrap = think.parentElement;
+						if (wrap === null || wrap === row) continue;
+						if (!keepThink && think.getAttribute("data-state") === "ok" && wrap.childElementCount === 1 && wrap.firstElementChild === think) {
+							if (!wrap.classList.contains(WRAP_GONE_CLASS)) wrap.classList.add(WRAP_GONE_CLASS);
+						} else if (wrap.classList.contains(WRAP_GONE_CLASS)) wrap.classList.remove(WRAP_GONE_CLASS);
+					}
+				}
+				/** Strip interactivity from a card-row clone so it is display-only. */
+				function sanitizeClone(node) {
+					node.removeAttribute("role");
+					node.removeAttribute("tabindex");
+					node.removeAttribute("aria-expanded");
+					node.removeAttribute("data-expandable");
+					var buttons = node.querySelectorAll("button");
+					for (var i = 0; i < buttons.length; i++) {
+						var button = buttons[i];
+						var span = doc.createElement("span");
+						span.className = button.className;
+						span.textContent = button.textContent;
+						button.replaceWith(span);
+					}
+					return node;
+				}
+				function createBar(flow, run) {
+					var bar = doc.createElement("div");
+					bar.className = "ccxBar";
+					bar.setAttribute(BADGE_ATTR, "");
+					bar.setAttribute("role", "button");
+					bar.setAttribute("tabindex", "0");
+					var call = doc.createElement("span");
+					call.className = "ccxBarCall";
+					call.setAttribute("aria-hidden", "true");
+					var icon = doc.createElement("span");
+					icon.className = "ccxBarIcon";
+					var label = doc.createElement("span");
+					label.className = "ccxBarLabel";
+					bar.appendChild(call);
+					bar.appendChild(icon);
+					bar.appendChild(label);
+					bar._ccxIcon = icon;
+					bar._ccxLabel = label;
+					bar._ccxCall = call;
+					var toggle = function() {
+						var set = expanded.get(flow);
+						if (set === void 0 || disposed) return;
+						var current = bar._ccxRun !== void 0 ? bar._ccxRun : run;
+						if (set.has(current.headKey)) startCollapse(flow, current, bar);
+						else {
+							set.add(current.headKey);
+							cancelCollapse(flow, current, bar);
+							pass(flow);
+							pinBar(bar, current);
+						}
+					};
+					bar.addEventListener("click", toggle);
+					bar.addEventListener("keydown", function(event) {
+						if (event.key !== "Enter" && event.key !== " ") return;
+						event.preventDefault();
+						toggle();
+					});
+					return bar;
+				}
+				/** Waterfall entrance: the run's rows cascade in top-down on expand. */
+				function animateFall(bar, run) {
+					var rows = run.rows;
+					var dur = durMs();
+					var step = stepMs();
+					for (var i = 0; i < rows.length; i++) {
+						rows[i].classList.remove(FALLING_CLASS, COLLAPSING_CLASS);
+						rows[i].style.setProperty("--ccx-i", String(i));
+					}
+					for (var j = 0; j < rows.length; j++) rows[j].classList.add(FALLING_CLASS);
+					if (bar._ccxFallTimer !== void 0) timers.cancel(bar._ccxFallTimer);
+					bar._ccxFallTimer = timers.after(function() {
+						bar._ccxFallTimer = void 0;
+						if (disposed || !bar.isConnected) return;
+						for (var k = 0; k < rows.length; k++) rows[k].classList.remove(FALLING_CLASS);
+					}, Math.max(0, rows.length - 1) * step + dur + 60);
+				}
+				/**
+				* Collapse each card's ROW in place: freeze the current height, then
+				* transition height to 0 with the same stagger as the rise animation.
+				* The measured trailing gap to the next visible row is cancelled via
+				* margin-bottom, so everything below the run follows upward
+				* continuously — no blank hole while the cards fade, no snap when the
+				* merge finally applies. Styles are cleared on completion (and on
+				* cancel/dispose) so rows return to auto layout.
+				*/
+				function animateRowShrink(rows, dur, step) {
+					if (dur <= 0 || rows.length === 0) return;
+					for (var i = 0; i < rows.length; i++) {
+						var row = rows[i];
+						var h = row.offsetHeight;
+						if (h <= 0) continue;
+						var gap = 0;
+						var next = row.nextElementSibling;
+						while (next !== null && next.offsetHeight === 0) next = next.nextElementSibling;
+						if (next !== null) gap = Math.max(0, next.getBoundingClientRect().top - row.getBoundingClientRect().bottom);
+						row.style.height = h + "px";
+						row.style.overflow = "hidden";
+						row.style.marginBottom = "0px";
+						row.style.transition = "height " + dur + "ms cubic-bezier(0,0,0.58,1),margin-bottom " + dur + "ms cubic-bezier(0,0,0.58,1)";
+						row.style.transitionDelay = i * step + "ms";
+						row.offsetHeight;
+						row.style.height = "0px";
+						row.style.marginBottom = -gap + "px";
+					}
+				}
+				/** Remove the shrink animation's inline styles (restores auto layout). */
+				function clearRowShrink(row) {
+					row.style.removeProperty("height");
+					row.style.removeProperty("overflow");
+					row.style.removeProperty("margin-bottom");
+					row.style.removeProperty("transition");
+					row.style.removeProperty("transition-delay");
+				}
+				/** Rise-out exit: cards cascade back up, then the run collapses. */
+				function startCollapse(flow, run, bar) {
+					var set = expanded.get(flow);
+					if (set === void 0 || !set.has(run.headKey)) return;
+					set.delete(run.headKey);
+					var per = collapsing.get(flow);
+					if (per === void 0) {
+						per = /* @__PURE__ */ new Set();
+						collapsing.set(flow, per);
+					}
+					per.add(run.headKey);
+					var rows = run.rows;
+					var dur = durMs();
+					var step = stepMs();
+					for (var i = 0; i < rows.length; i++) {
+						rows[i].classList.remove(FALLING_CLASS, COLLAPSING_CLASS);
+						rows[i].style.setProperty("--ccx-i", String(i));
+					}
+					for (var j = 0; j < rows.length; j++) rows[j].classList.add(COLLAPSING_CLASS);
+					animateRowShrink(rows, dur, step);
+					bar._ccxCollapseRows = rows;
+					pass(flow);
+					armCollapseFinish(flow, run, bar);
+				}
+				/**
+				* Arm (or re-arm) the collapse-finish timer. The delay covers one
+				* full cascade — last row's stagger + rise + margin — measured from
+				* the arm moment. `cascadeCount` defaults to the full covered row
+				* set; extendCollapse passes only the NEW rows it just added, since
+				* the already-covered rows have finished animating.
+				*/
+				function armCollapseFinish(flow, run, bar, cascadeCount) {
+					if (bar._ccxCollapseTimer !== void 0) timers.cancel(bar._ccxCollapseTimer);
+					var rows = bar._ccxCollapseRows;
+					var dur = durMs();
+					var step = stepMs();
+					var n = cascadeCount !== void 0 ? cascadeCount : rows.length;
+					var delay = Math.max(0, n - 1) * step + dur + 60;
+					bar._ccxCollapseTimer = timers.after(function() {
+						bar._ccxCollapseTimer = void 0;
+						if (disposed || !flow.isConnected) return;
+						var perNow = collapsing.get(flow);
+						if (perNow !== void 0) {
+							perNow.delete(run.headKey);
+							if (perNow.size === 0) collapsing.delete(flow);
+						}
+						var all = bar._ccxCollapseRows;
+						for (var k = 0; k < all.length; k++) {
+							all[k].classList.remove(COLLAPSING_CLASS);
+							clearRowShrink(all[k]);
+						}
+						bar._ccxCollapseRows = void 0;
+						pass(flow);
+					}, delay);
+				}
+				/**
+				* A run that is mid-collapse and still GROWING (the model streams the
+				* newest tool calls into it) folds the newly added rows into the same
+				* rise/shrink cascade — with their own relative stagger, starting
+				* immediately — and re-arms the finish timer so the last new row's
+				* animation completes before the merge applies. Without this the new
+				* rows sit at full height and then snap shut with the merge.
+				*/
+				function extendCollapse(flow, run, bar) {
+					var oldRows = bar._ccxCollapseRows;
+					var rows = run.rows;
+					if (oldRows === void 0 || rows.length <= oldRows.length) return;
+					var dur = durMs();
+					var step = stepMs();
+					var added = [];
+					for (var i = 0; i < rows.length; i++) if (oldRows.indexOf(rows[i]) === -1) added.push(rows[i]);
+					if (added.length === 0) return;
+					for (var j = 0; j < added.length; j++) {
+						var row = added[j];
+						row.classList.remove(FALLING_CLASS, COLLAPSING_CLASS);
+						row.style.setProperty("--ccx-i", String(j));
+						row.classList.add(COLLAPSING_CLASS);
+					}
+					animateRowShrink(added, dur, step);
+					bar._ccxCollapseRows = rows;
+					armCollapseFinish(flow, run, bar, added.length);
+				}
+				/** Abort a pending collapse (the user re-expanded mid-animation). */
+				function cancelCollapse(flow, run, bar) {
+					var per = collapsing.get(flow);
+					if (per !== void 0) {
+						per.delete(run.headKey);
+						if (per.size === 0) collapsing.delete(flow);
+					}
+					if (bar !== void 0 && bar._ccxCollapseTimer !== void 0) {
+						timers.cancel(bar._ccxCollapseTimer);
+						bar._ccxCollapseTimer = void 0;
+					}
+					if (bar !== void 0) bar._ccxCollapseRows = void 0;
+					var rows = run.rows;
+					for (var i = 0; i < rows.length; i++) {
+						rows[i].classList.remove(COLLAPSING_CLASS);
+						clearRowShrink(rows[i]);
+					}
+				}
+				function findScrollport(el) {
+					var host = el.closest("[data-conversation-scroll]");
+					if (host !== null) return host;
+					var node = el.parentElement;
+					while (node !== null) {
+						var style = getComputedStyle(node);
+						if ((style.overflowY === "auto" || style.overflowY === "scroll") && node.scrollHeight > node.clientHeight) return node;
+						node = node.parentElement;
+					}
+					return null;
+				}
+				function pinBar(bar, run) {
+					if (typeof requestAnimationFrame !== "function") return;
+					var sp = findScrollport(bar);
+					if (sp === null) return;
+					var savedTop = sp.scrollTop;
+					var targetTop = bar.getBoundingClientRect().top - sp.getBoundingClientRect().top;
+					sp.scrollTop = savedTop;
+					var dur = durMs();
+					var step = stepMs();
+					var until = Date.now() + Math.max(0, run.rows.length - 1) * step + dur + 260;
+					var stopped = false;
+					var cancel = function() {
+						stopped = true;
+						sp.removeEventListener("wheel", cancel);
+						sp.removeEventListener("touchstart", cancel);
+					};
+					sp.addEventListener("wheel", cancel, { passive: true });
+					sp.addEventListener("touchstart", cancel, { passive: true });
+					var frame = function() {
+						if (stopped || disposed || !bar.isConnected) {
+							cancel();
+							return;
+						}
+						var delta = bar.getBoundingClientRect().top - sp.getBoundingClientRect().top - targetTop;
+						if (Math.abs(delta) > .5) sp.scrollTop += delta;
+						if (Date.now() < until) requestAnimationFrame(frame);
+						else cancel();
+					};
+					requestAnimationFrame(frame);
+				}
+				/** Refresh the bar for one run: copy, aria, and the last-call clone. */
+				function updateBar(bar, run) {
+					bar._ccxRun = run;
+					var total = run.toolRows.length;
+					bar.setAttribute("aria-expanded", run.expanded ? "true" : "false");
+					bar.setAttribute("aria-label", (run.expanded ? "收起" : "展开") + " " + total + " 个工具调用");
+					bar.title = run.expanded ? "点击收起" : "点击展开";
+					bar._ccxIcon.textContent = run.expanded ? "▾" : "▸";
+					bar._ccxLabel.textContent = run.expanded ? "已展开 " + total + " 个工具调用 · 点击收起" : "已折叠 " + total + " 个工具调用 · 点击展开";
+					var wasExpanded = bar._ccxPrevExpanded === true;
+					bar.classList.toggle("ccxExpanded", run.expanded);
+					if (run.expanded && !wasExpanded) animateFall(bar, run);
+					bar._ccxPrevExpanded = run.expanded;
+					if (!run.expanded) updateBarClone(bar);
+				}
+				/** Replace the bar's clone contents; counted as one clone op. */
+				function replaceClone(call, node) {
+					var t0 = statsBegin();
+					while (call.firstChild !== null) call.removeChild(call.firstChild);
+					call.appendChild(node);
+					statsEnd("clone", 1, t0);
+				}
+				/**
+				* Clone the last call's collapsed one-line row (product chrome) so
+				* the bar itself displays the last tool call. Re-clone only when the
+				* source row's markup changed (e.g. a tool result just arrived), and
+				* at most every 120ms while a result streams in — the clone's
+				* freshness is invisible beyond that, but serialization plus clone
+				* DOM work would otherwise run on every frame of the stream.
+				*/
+				function updateBarClone(bar) {
+					var run = bar._ccxRun;
+					if (run === void 0) return;
+					var call = bar._ccxCall;
+					var source = run.lastRow.querySelector("[data-disclosure-row]");
+					if (source !== null) {
+						var sig = source.innerHTML;
+						if (bar._ccxSig === sig) return;
+						var now = Date.now();
+						if (bar._ccxCloneAt !== void 0 && now - bar._ccxCloneAt < 120) return;
+						bar._ccxCloneAt = now;
+						bar._ccxSig = sig;
+						replaceClone(call, sanitizeClone(source.cloneNode(true)));
+						return;
+					}
+					var bashSource = run.lastRow.querySelector("[data-sample=\"bash\"]");
+					if (bashSource !== null) {
+						var bsig = bashSource.innerHTML;
+						if (bar._ccxSig === bsig) return;
+						var bnow = Date.now();
+						if (bar._ccxCloneAt !== void 0 && bnow - bar._ccxCloneAt < 120) return;
+						bar._ccxCloneAt = bnow;
+						bar._ccxSig = bsig;
+						replaceClone(call, sanitizeClone(bashSource.cloneNode(true)));
+						return;
+					}
+					var card = run.lastRow.querySelector("[data-tool]");
+					var head = card !== null && card.firstElementChild !== null ? card.firstElementChild : null;
+					if (head !== null) {
+						var hsig = head.innerHTML;
+						if (bar._ccxSig !== hsig) {
+							var now2 = Date.now();
+							if (bar._ccxCloneAt === void 0 || now2 - bar._ccxCloneAt >= 120) {
+								bar._ccxCloneAt = now2;
+								bar._ccxSig = hsig;
+								replaceClone(call, sanitizeClone(head.cloneNode(true)));
+							}
+						}
+						return;
+					}
+					var fallback = run.lastRow.firstElementChild;
+					if (fallback !== null) {
+						var fsig = fallback.innerHTML;
+						if (bar._ccxSig !== fsig) {
+							var fnow = Date.now();
+							if (bar._ccxCloneAt === void 0 || fnow - bar._ccxCloneAt >= 120) {
+								bar._ccxCloneAt = fnow;
+								bar._ccxSig = fsig;
+								replaceClone(call, sanitizeClone(fallback.cloneNode(true)));
+							}
+						}
+						return;
+					}
+					if (bar._ccxSig !== "") {
+						bar._ccxSig = "";
+						while (call.firstChild !== null) call.removeChild(call.firstChild);
+					}
+				}
+				/** Create/update/remove the flow-level bars for the merged runs. */
+				function syncBars(flow, runs) {
+					var registry = barsByFlow.get(flow);
+					if (registry === void 0) {
+						registry = /* @__PURE__ */ new Map();
+						barsByFlow.set(flow, registry);
+					}
+					var wanted = /* @__PURE__ */ new Set();
+					for (var r = 0; r < runs.length; r++) {
+						var run = runs[r];
+						if (run.headKey === null) continue;
+						wanted.add(run.headKey);
+						var bar = registry.get(run.headKey);
+						if (bar === void 0 || !flow.contains(bar)) {
+							bar = createBar(flow, run);
+							registry.set(run.headKey, bar);
+						}
+						updateBar(bar, run);
+						if (bar._ccxCollapseRows !== void 0 && run.rows.length > bar._ccxCollapseRows.length) extendCollapse(flow, run, bar);
+						var anchor = run.toolRows[0];
+						if (bar.nextSibling !== anchor) flow.insertBefore(bar, anchor);
+					}
+					registry.forEach(function(bar, key) {
+						if (!wanted.has(key)) {
+							bar.remove();
+							registry.delete(key);
+						}
+					});
+				}
+				/**
+				* Light pass for 'content'-dirty flows: the merge structure is
+				* unchanged, so only bar clones can be stale. Touches ONLY the bars
+				* of runs whose LAST row was mutated and which are collapsed — an
+				* expanded run shows its own cards (no clone needed) and earlier
+				* cards of a run are hidden (their content never reaches a bar).
+				* No run rebuild, no class toggles, no layout.
+				*/
+				function barRefresh(flow, contentRows) {
+					var registry = barsByFlow.get(flow);
+					if (registry === void 0 || contentRows === void 0) return;
+					registry.forEach(function(bar) {
+						var run = bar._ccxRun;
+						if (run === void 0 || run.expanded || !bar.isConnected) return;
+						if (contentRows.has(run.lastRow)) updateBarClone(bar);
+					});
+				}
+				function pass(flow) {
+					var t0 = statsBegin();
+					var rows = rowList(flow);
+					var set = expanded.get(flow);
+					var per = collapsing.get(flow);
+					var keepThink = effectiveKeepThink(flow);
+					var splitThink = settings.getSnapshot().splitThink;
+					if (set !== void 0 && set.size > 0) {
+						var stale = [];
+						set.forEach(function(key) {
+							if (key.indexOf("ccx-run-") === 0) return;
+							var found = false;
+							for (var i = 0; i < rows.length; i++) if (rows[i].getAttribute("data-chat-flow-key") === key) {
+								found = true;
+								break;
+							}
+							if (!found) stale.push(key);
+						});
+						for (var s = 0; s < stale.length; s++) set.delete(stale[s]);
+					}
+					var runs = [];
+					var current = [];
+					var sawTool = false;
+					var sawThink = false;
+					var sawProcess = false;
+					for (var i = 0; i < rows.length; i++) {
+						var row = rows[i];
+						var kind = row.getAttribute("data-chat-flow-kind");
+						if (kind === "tool-call") {
+							sawTool = true;
+							current.push(row);
+						} else if (kind === "assistant-step") {
+							var assessment = assessRow(row, keepThink, splitThink);
+							if (assessment.thinks.length > 0) sawThink = true;
+							if (current.length > 0 && assessment.transparent) current.push(row);
+							else {
+								if (current.length > 0) runs.push(current);
+								current = [];
+							}
+						} else {
+							if (current.length > 0) runs.push(current);
+							current = [];
+						}
+					}
+					if (current.length > 0) runs.push(current);
+					if (!sawTool && !sawThink) {
+						for (var pc = 0; pc < rows.length; pc++) if (rows[pc].getAttribute("data-chat-flow-kind") === "turn-process" && rows[pc].textContent.trim() !== "") {
+							sawProcess = true;
+							break;
+						}
+					}
+					var mergedRows = /* @__PURE__ */ new Set();
+					var mergedRuns = [];
+					for (var r = 0; r < runs.length; r++) {
+						var run = runs[r];
+						var toolRows = [];
+						var thinkRows = [];
+						for (var t = 0; t < run.length; t++) if (run[t].getAttribute("data-chat-flow-kind") === "tool-call") toolRows.push(run[t]);
+						else thinkRows.push(run[t]);
+						if (toolRows.length < 2) continue;
+						var headKey = toolRows[0].getAttribute("data-chat-flow-key");
+						if (headKey === null || headKey === "") {
+							var synth = syntheticKeys.get(flow);
+							if (synth === void 0) synth = 0;
+							syntheticKeys.set(flow, synth + 1);
+							headKey = "ccx-run-" + synth;
+						}
+						var expandedRun = set !== void 0 && headKey !== null && set.has(headKey);
+						var collapsingRun = per !== void 0 && headKey !== null && per.has(headKey);
+						var hide = !expandedRun && !collapsingRun;
+						for (var k = 0; k < toolRows.length; k++) {
+							toolRows[k].classList.toggle(MERGED_CLASS, hide);
+							if (hide) toolRows[k].classList.remove(FALLING_CLASS, COLLAPSING_CLASS);
+							mergedRows.add(toolRows[k]);
+						}
+						for (var w = 0; w < thinkRows.length; w++) {
+							thinkRows[w].classList.toggle(MERGED_CLASS, hide);
+							if (hide) thinkRows[w].classList.remove(FALLING_CLASS, COLLAPSING_CLASS);
+							mergedRows.add(thinkRows[w]);
+						}
+						mergedRuns.push({
+							headKey,
+							toolRows,
+							thinkRows,
+							rows: run,
+							lastRow: toolRows[toolRows.length - 1],
+							expanded: expandedRun
+						});
+					}
+					for (var m = 0; m < rows.length; m++) if (!mergedRows.has(rows[m])) rows[m].classList.remove(MERGED_CLASS, FALLING_CLASS, COLLAPSING_CLASS);
+					if (per !== void 0 && per.size > 0) {
+						var keys = [];
+						per.forEach(function(key) {
+							keys.push(key);
+						});
+						for (var p = 0; p < keys.length; p++) {
+							var still = false;
+							for (var q = 0; q < mergedRuns.length; q++) if (mergedRuns[q].headKey === keys[p]) {
+								still = true;
+								break;
+							}
+							if (!still) per.delete(keys[p]);
+						}
+						if (per.size === 0) collapsing.delete(flow);
+					}
+					syncBars(flow, mergedRuns);
+					for (var x = 0; x < rows.length; x++) {
+						var candidate = rows[x];
+						if (candidate.getAttribute("data-chat-flow-kind") !== "assistant-step") continue;
+						syncThinkWrappers(candidate, keepThink);
+						if (keepThink) {
+							if (candidate.classList.remove(EMPTY_CLASS)) {
+								if (hiddenRows.delete(candidate)) hiddenCount -= 1;
+							}
+							continue;
+						}
+						var assessment = assessRow(candidate, keepThink, splitThink);
+						if (assessment.empty) {
+							candidate.classList.add(EMPTY_CLASS);
+							if (!hiddenRows.has(candidate)) {
+								hiddenRows.add(candidate);
+								hiddenCount += 1;
+							}
+						} else if (candidate.classList.remove(EMPTY_CLASS)) {
+							if (hiddenRows.delete(candidate)) hiddenCount -= 1;
+						}
+					}
+					statsEnd("pass", 1, t0);
+					return {
+						sawTool,
+						sawThink,
+						sawProcess
+					};
+				}
+				/** Drop observers/registries for flows no longer in the document. */
+				function pruneFlows() {
+					var flowsNow = [];
+					flows.forEach(function(mode, flow) {
+						flowsNow.push(flow);
+					});
+					for (var i = 0; i < flowsNow.length; i++) {
+						var flow = flowsNow[i];
+						if (doc.contains(flow)) continue;
+						var observer = flowObservers.get(flow);
+						if (observer !== null && observer !== void 0) observer.disconnect();
+						flowObservers.delete(flow);
+						flows.delete(flow);
+						expanded.delete(flow);
+						barsByFlow.delete(flow);
+						collapsing.delete(flow);
+						dirtyFlows.delete(flow);
+						flowReasons.delete(flow);
+						contentRowsByFlow.delete(flow);
+						syntheticKeys.delete(flow);
+					}
+					parentObservers.forEach(function(observer, parent) {
+						if (!doc.contains(parent)) {
+							observer.disconnect();
+							parentObservers.delete(parent);
+							return;
+						}
+						var used = false;
+						flows.forEach(function(mode, flow) {
+							if (flow.parentElement === parent) used = true;
+						});
+						if (!used) {
+							observer.disconnect();
+							parentObservers.delete(parent);
+						}
+					});
+				}
+				function refresh() {
+					if (disposed || !active) return;
+					var t0 = statsBegin();
+					if (structureDirty) {
+						structureDirty = false;
+						discover();
+						pruneFlows();
+						observeParents();
+					}
+					var pending = [];
+					dirtyFlows.forEach(function(flow) {
+						pending.push(flow);
+					});
+					dirtyFlows.clear();
+					for (var i = 0; i < pending.length; i++) {
+						var flow = pending[i];
+						if (!flows.has(flow) || !doc.contains(flow)) continue;
+						var keep = effectiveKeepThink(flow);
+						flow.classList.toggle(KEEP_CLASS, keep);
+						var reason = flowReasons.get(flow);
+						flowReasons.delete(flow);
+						var contentRows = contentRowsByFlow.get(flow);
+						if (contentRows !== void 0) contentRowsByFlow.delete(flow);
+						if (reason === "content") {
+							if (contentRows !== void 0) barRefresh(flow, contentRows);
+						} else {
+							var outcome = pass(flow);
+							if (flows.get(flow) === "light" && (outcome.sawTool || outcome.sawThink || outcome.sawProcess)) setFlowMode(flow, "full");
+						}
+					}
+					statsEnd("refresh", 1, t0);
+				}
+				function dispose() {
+					if (disposed) return;
+					disposed = true;
+					stopRescan();
+					if (typeof doc.removeEventListener === "function") doc.removeEventListener("visibilitychange", onVisibility);
+					if (offSettings !== null) offSettings();
+					if (rafId !== 0 && typeof cancelAnimationFrame === "function") cancelAnimationFrame(rafId);
+					if (bootRaf !== 0 && typeof cancelAnimationFrame === "function") cancelAnimationFrame(bootRaf);
+					disconnectObservers();
+					barsByFlow.forEach(function(registry) {
+						registry.forEach(function(bar) {
+							if (bar._ccxFallTimer !== void 0) timers.cancel(bar._ccxFallTimer);
+							if (bar._ccxCollapseTimer !== void 0) timers.cancel(bar._ccxCollapseTimer);
+						});
+					});
+					flows.clear();
+					flowObservers.clear();
+					parentObservers.clear();
+					expanded.clear();
+					barsByFlow.clear();
+					collapsing.clear();
+					dirtyFlows.clear();
+					flowReasons.clear();
+					contentRowsByFlow.clear();
+					syntheticKeys.clear();
+					var flowsNow = doc.querySelectorAll(FLOW_SELECTOR);
+					for (var f = 0; f < flowsNow.length; f++) {
+						flowsNow[f].classList.remove(KEEP_CLASS);
+						var bars = flowsNow[f].querySelectorAll("[data-ccx-badge]");
+						for (var b = 0; b < bars.length; b++) bars[b].remove();
+						var tagged = flowsNow[f].querySelectorAll(".ccxMerged,.ccxEmpty,.ccxFalling,.ccxCollapsing,.ccxWrapGone");
+						for (var t = 0; t < tagged.length; t++) tagged[t].classList.remove(MERGED_CLASS, EMPTY_CLASS, FALLING_CLASS, COLLAPSING_CLASS, WRAP_GONE_CLASS);
+					}
+					var allToolRows = doc.querySelectorAll("[data-chat-flow-kind=\"tool-call\"]");
+					for (var tr = 0; tr < allToolRows.length; tr++) clearRowShrink(allToolRows[tr]);
+					if (styleTag !== null && !adoptedStyle) styleTag.remove();
+					styleTag = null;
+					doc.documentElement.style.removeProperty("--ccx-dur");
+					doc.documentElement.style.removeProperty("--ccx-step");
+				}
+				function bootInit() {
+					if (booted || disposed) return;
+					booted = true;
+					applySettings();
+					settings.stats = ensureStats();
+					insertStyle();
+					discover();
+					observeParents();
+					startRescan();
+					structureDirty = true;
+					schedule();
+				}
+				if (typeof doc.addEventListener === "function") doc.addEventListener("visibilitychange", onVisibility);
+				if (doc.hidden) setActive(false);
+				offSettings = settings.subscribe(function() {
+					applySettings();
+					if (statsObj !== null) {
+						var statsOn = settings.getSnapshot().stats === true;
+						if (statsOn && !statsObj.enabled) {
+							statsObj.obs = 0;
+							statsObj.obsMs = 0;
+							statsObj.refresh = 0;
+							statsObj.refreshMs = 0;
+							statsObj.pass = 0;
+							statsObj.passMs = 0;
+							statsObj.scan = 0;
+							statsObj.scanMs = 0;
+							statsObj.clone = 0;
+							statsObj.cloneMs = 0;
+							statsObj.skip = 0;
+							statsObj.start = Date.now();
+						}
+						statsObj.enabled = statsOn;
+					}
+					flows.forEach(function(mode, flow) {
+						markDirty(flow, "rows");
+					});
+					schedule();
+				});
+				if (typeof requestAnimationFrame === "function") bootRaf = requestAnimationFrame(bootInit);
+				else bootInit();
+				return dispose;
+			}
+			module.exports = { installCollapseEngine };
+		}));
+		//#endregion
+		//#region src/client/react-env.js
+		var require_react_env = /* @__PURE__ */ __commonJSMin(((exports, module) => {
+			/**
+			* React bridge between the two delivery channels.
+			*
+			* The source graph never imports React statically. Each channel provides its
+			* own React instance and the build wrapper (intro) stamps it here before the
+			* plugin's apply() runs:
+			*
+			*   - installed loader channel: the factory's `require('react')` resolves
+			*     through the web shell's module table (the product's real React — the
+			*     settings card uses hooks, so instance identity matters);
+			*   - dynamic-runner channel (code.client body in a live GUI session): React
+			*     arrives as the runner's closure parameter.
+			*
+			* Headless harnesses (engine-smoke, live-probe without a card) provide
+			* neither, stay null, and simply never register the settings card.
+			*/
+			function acquireReact() {
+				if (typeof globalThis !== "undefined" && globalThis !== null && globalThis.__dshToolfoldReact != null) return globalThis.__dshToolfoldReact;
+				return null;
+			}
+			module.exports = { acquireReact };
+		}));
+		//#endregion
+		//#region src/client/card.js
+		var require_card = /* @__PURE__ */ __commonJSMin(((exports, module) => {
+			const { acquireReact } = require_react_env();
+			/**
+			* One plugin card under Settings → 插件, owning the folding preferences.
+			* @param props - injected face: useCcxSettings snapshot hook, setDur,
+			*   setThinkMode; every change applies live through the shared store.
+			* @returns the card.
+			*/
+			function SettingsCard(props) {
+				var React = acquireReact();
+				var state = props.useCcxSettings(function(snapshot) {
+					return snapshot;
+				});
+				var openCell = React.useState(false);
+				var isOpen = openCell[0];
+				var setOpen = openCell[1];
+				var setNow = React.useState(0)[1];
+				React.useEffect(function() {
+					if (!state.stats) return;
+					var handle = props.tick(function() {
+						setNow(Date.now());
+					}, 1e3);
+					return function() {
+						props.cancelTick(handle);
+					};
+				}, [state.stats]);
+				var cardClass = isOpen ? "ccxCard ccxCardOpen" : "ccxCard";
+				var compat = props.compat();
+				var warnEl = null;
+				if (compat.state === "old" || compat.state === "new") warnEl = React.createElement("span", {
+					className: "ccxWarn",
+					"data-tip": compat.state === "old" ? "版本不匹配：当前 DSH 版本落后。\n本插件需要 DSH >= 0.1.2-rc.1，请升级 DSH。" : "版本不匹配：当前 DSH 版本过新。\n本插件尚未适配，请等待插件更新。",
+					"aria-label": "版本不匹配",
+					role: "img"
+				}, "⚠");
+				var header = React.createElement("button", {
+					type: "button",
+					className: "ccxHeader",
+					"aria-expanded": isOpen,
+					"aria-label": (isOpen ? "收起" : "展开") + ": 工具折叠",
+					onClick: function() {
+						setOpen(!isOpen);
+					}
+				}, React.createElement("span", { className: "ccxHeadText" }, React.createElement("span", { className: "ccxName" }, "工具折叠"), React.createElement("span", { className: "ccxDescription" }, "折叠工具调用与思考的显示设置")), warnEl, React.createElement("span", { className: isOpen ? "ccxChevron ccxChevronOpen" : "ccxChevron" }, "▾"));
+				if (!isOpen) return React.createElement("li", { className: cardClass }, header);
+				var enabledField = React.createElement("div", { className: "ccxField" }, React.createElement("div", { className: "ccxFieldHead" }, React.createElement("label", {
+					className: "ccxFieldLabel",
+					htmlFor: "ccx-enabled"
+				}, "启用插件"), React.createElement("input", {
+					id: "ccx-enabled",
+					type: "checkbox",
+					className: "ccxToggle",
+					checked: state.enabled,
+					onChange: function(event) {
+						props.setEnabled(event.target.checked);
+					}
+				})), React.createElement("p", { className: "ccxFieldHint" }, state.enabled ? "启用工具调用与思考的折叠显示（关闭后立即取消全部折叠、恢复默认显示）" : "已停用：不折叠、恢复产品默认显示；此卡片保留，随时可重新启用"));
+				var durField = React.createElement("div", { className: "ccxField" }, React.createElement("div", { className: "ccxFieldHead" }, React.createElement("label", {
+					className: "ccxFieldLabel",
+					htmlFor: "ccx-dur"
+				}, "展开动画时长"), React.createElement("span", { className: "ccxBadge" }, state.durMs + " ms")), React.createElement("input", {
+					id: "ccx-dur",
+					type: "range",
+					className: "ccxRange",
+					min: 0,
+					max: 1e3,
+					step: 10,
+					disabled: !state.enabled,
+					value: state.durMs,
+					onChange: function(event) {
+						props.setDur(Number(event.target.value));
+					}
+				}), React.createElement("p", { className: "ccxFieldHint" }, "折叠与展开的弹性动画时长，0 为瞬时切换"));
+				var thinkMode = state.thinkMode === "keep" || state.thinkMode === "hide" ? state.thinkMode : "auto";
+				var thinkField = React.createElement("div", { className: "ccxField" }, React.createElement("div", { className: "ccxFieldHead" }, React.createElement("label", {
+					className: "ccxFieldLabel",
+					htmlFor: "ccx-think-mode"
+				}, "思考显示"), React.createElement("select", {
+					id: "ccx-think-mode",
+					className: "ccxSelect",
+					disabled: !state.enabled,
+					value: thinkMode,
+					onChange: function(event) {
+						props.setThinkMode(event.target.value);
+					}
+				}, React.createElement("option", { value: "auto" }, "自动跟随官方折叠"), React.createElement("option", { value: "keep" }, "始终保留"), React.createElement("option", { value: "hide" }, "始终隐藏"))), React.createElement("p", { className: "ccxFieldHint" }, "已完成思考的显示方式。自动（默认）：官方「对话显示 = Compact」收起整块过程时保留思考，其余时候隐藏以节省空间；始终保留：思考一直可见（分隔模式下位于两条折叠条之间）；始终隐藏：已完成的思考一律不显示"));
+				var splitField = React.createElement("div", { className: "ccxField" }, React.createElement("div", { className: "ccxFieldHead" }, React.createElement("label", {
+					className: "ccxFieldLabel",
+					htmlFor: "ccx-split-think"
+				}, "思考分隔调用组"), React.createElement("input", {
+					id: "ccx-split-think",
+					type: "checkbox",
+					className: "ccxToggle",
+					disabled: !state.enabled,
+					checked: state.splitThink,
+					onChange: function(event) {
+						props.setSplitThink(event.target.checked);
+					}
+				})), React.createElement("p", { className: "ccxFieldHint" }, "开启（默认）：已完成的思考把前后两组工具调用隔开、各自独立折叠；关闭：思考并入所在工具组一起折叠"));
+				var statsField = React.createElement("div", { className: "ccxField" }, React.createElement("div", { className: "ccxFieldHead" }, React.createElement("label", {
+					className: "ccxFieldLabel",
+					htmlFor: "ccx-stats"
+				}, "性能统计"), React.createElement("input", {
+					id: "ccx-stats",
+					type: "checkbox",
+					className: "ccxToggle",
+					disabled: !state.enabled,
+					checked: state.stats,
+					onChange: function(event) {
+						props.setStats(event.target.checked);
+					}
+				})), React.createElement("p", { className: "ccxFieldHint" }, "统计插件自身耗时并实时显示在本卡片内（默认关；开启才产生极小的计时开销）"));
+				var storageHint = props.bridgeStatus === void 0 || props.bridgeStatus() === "dsh" ? "设置保存在 DSH 主机配置（~/.dsh/settings.yaml），由 DSH 设置服务持久化" : "未检测到 DSH 设置服务，设置仅保存在本浏览器（localStorage）";
+				var children = [header, React.createElement("div", { className: "ccxBody" }, enabledField, durField, thinkField, splitField, statsField, React.createElement("p", { className: "ccxFieldHint" }, storageHint))];
+				if (state.stats) {
+					var engineStats = props.stats();
+					if (engineStats !== void 0) {
+						var elapsed = Math.max(1, (Date.now() - engineStats.start) / 1e3);
+						var statRows = [
+							[
+								"观察回调",
+								"obs",
+								engineStats.obs,
+								engineStats.obsMs
+							],
+							[
+								"引擎刷新",
+								"refresh",
+								engineStats.refresh,
+								engineStats.refreshMs
+							],
+							[
+								"合并重算",
+								"pass",
+								engineStats.pass,
+								engineStats.passMs
+							],
+							[
+								"安全重扫",
+								"scan",
+								engineStats.scan,
+								engineStats.scanMs
+							],
+							[
+								"摘要克隆",
+								"clone",
+								engineStats.clone,
+								engineStats.cloneMs
+							]
+						].map(function(row) {
+							return React.createElement("div", {
+								className: "ccxStatRow",
+								key: row[1]
+							}, React.createElement("span", { className: "ccxFieldLabel" }, row[0]), React.createElement("span", { className: "ccxStatValue" }, row[2] + " 次 · " + row[3].toFixed(1) + " ms（" + (row[3] / elapsed).toFixed(2) + " ms/s）"));
+						});
+						children.push(React.createElement("div", { className: "ccxBody" }, statRows, React.createElement("p", { className: "ccxFieldHint" }, "流式变更直接忽略（零开销短路）：" + engineStats.skip + " 批次"), React.createElement("p", { className: "ccxFieldHint" }, "累计自开启统计起算；标签页隐藏时引擎全部暂停，不计入")));
+					}
+				}
+				return React.createElement("li", { className: cardClass }, children);
+			}
+			module.exports = { SettingsCard };
+		}));
+		//#endregion
+		//#region src/client/index.js
+		/**
+		* dsh-toolfold — CLIENT half (browser), entry module.
+		*
+		* Source layout mirrors the official client-modules architecture: modular
+		* sources under src/client/, bundled by tsdown into the loader artifact
+		* (lib/client.js) and the dynamic-runner body (lib/dynamic-body.js). See
+		* tsdown.config.mjs for the two wrapper faces; the plugin object below is
+		* shared verbatim by both.
+		*/
+		const { createSettingsStore } = require_settings();
+		const { createSettingsBridge } = require_bridge();
+		const { CARD_STYLE_ID, cardCss } = require_styles();
+		const { installCollapseEngine } = require_engine();
+		const { SettingsCard } = require_card();
+		const { acquireReact } = require_react_env();
+		module.exports = {
+			name: "toolfold",
+			inject: ["slots", "timer"],
+			apply: function(ctx) {
+				if (typeof document === "undefined") return;
+				var settings = createSettingsStore();
+				if (typeof window !== "undefined") window.__toolfoldSettings = settings;
+				var bridge = createSettingsBridge(ctx, settings);
+				if (typeof window !== "undefined") window.__toolfoldBridge = bridge;
+				var timers = {
+					after: function(callback, delay) {
+						return ctx.timeout(callback, delay);
+					},
+					every: function(callback, delay) {
+						return ctx.interval(callback, delay);
+					},
+					cancel: function(handle) {
+						if (handle !== void 0 && handle !== null) handle();
+					}
+				};
+				ctx.effect(function() {
+					var cardTag = null;
+					if (typeof document !== "undefined" && document.head !== null) {
+						cardTag = document.createElement("style");
+						cardTag.setAttribute("data-plugin", "dsh-toolfold");
+						cardTag.setAttribute("data-plugin-css", CARD_STYLE_ID);
+						cardTag.textContent = cardCss;
+						document.head.appendChild(cardTag);
+					}
+					var engineInstalled = false;
+					var offEngine = null;
+					function syncEngine() {
+						var on = settings.getSnapshot().enabled !== false;
+						if (on && !engineInstalled) {
+							offEngine = installCollapseEngine(document, settings, timers);
+							engineInstalled = true;
+						} else if (!on && engineInstalled) {
+							offEngine();
+							offEngine = null;
+							engineInstalled = false;
+						}
+					}
+					syncEngine();
+					var offSync = settings.subscribe(function() {
+						syncEngine();
+					});
+					return function() {
+						offSync();
+						if (engineInstalled) {
+							offEngine();
+							engineInstalled = false;
+							offEngine = null;
+						}
+						bridge.dispose();
+						if (cardTag !== null && cardTag.parentNode !== null) cardTag.parentNode.removeChild(cardTag);
+					};
+				});
+				bridge.load();
+				if (acquireReact() === null) return;
+				var slots = ctx.slots;
+				if (slots === void 0) return;
+				try {
+					slots.inject("settings.plugin.item", function* () {
+						yield slots.register({
+							name: "settings.plugin.item",
+							key: "toolfold",
+							id: "toolfold",
+							order: 30,
+							label: "工具折叠",
+							inject: function() {
+								return {
+									hooks: { ccxSettings: settings },
+									setEnabled: function(on) {
+										bridge.write("enabled", on);
+									},
+									setDur: function(ms) {
+										bridge.write("durMs", ms);
+									},
+									setThinkMode: function(mode) {
+										bridge.write("thinkMode", mode);
+									},
+									setSplitThink: function(on) {
+										bridge.write("splitThink", on);
+									},
+									setStats: function(on) {
+										bridge.write("stats", on);
+									},
+									stats: function() {
+										return settings.stats;
+									},
+									bridgeStatus: function() {
+										return bridge.status();
+									},
+									compat: function() {
+										return bridge.compat();
+									},
+									tick: function(cb, ms) {
+										return ctx.interval(cb, ms);
+									},
+									cancelTick: function(handle) {
+										if (handle !== void 0 && handle !== null) handle();
+									}
+								};
+							}
+						}, SettingsCard);
+					});
+				} catch (err) {
+					console.error("toolfold settings card failed to register:", err);
+				}
+			}
+		};
+		//#endregion
+		return module.exports;
+	}
 });
+
+//# sourceMappingURL=client.js.map