dsh-zen-remote 1.1.4 → 1.1.5

package/README.md

@@ -3,7 +3,7 @@
 
 <p align="center">
 <a href="LICENSE"><img src="https://img.shields.io/badge/license-MIT-0B7285?style=flat-square" alt="MIT"></a>
-<img src="https://img.shields.io/badge/release-v1.1.4-5B4CF0?style=flat-square" alt="v1.1.4">
+<img src="https://img.shields.io/badge/release-v1.1.5-5B4CF0?style=flat-square" alt="v1.1.5">
 <img src="https://img.shields.io/badge/DSH-Web%20Profile-5B4CF0?style=flat-square" alt="DSH Web Profile">
 </p>
 
@@ -39,7 +39,7 @@ dsh plugin add dsh-zen-remote
 ```jsonc
 {
   "dependencies": {
-    "dsh-zen-remote": "^1.1.4"        // 本地开发换成 "link:/path/to/dsh-zen-remote"
+    "dsh-zen-remote": "^1.1.5"        // 本地开发换成 "link:/path/to/dsh-zen-remote"
   },
   "dsh": { "profile": { "bundles": [
     "@deepseek-ai/dsh-base",

package/docs/interface.md

@@ -115,6 +115,21 @@ composer 最左的回形针打开的是**手机本地**的文件选择器（iOS
 > `v2.0.0` 及更早的小节标题用的是手机端界面的代次，与 npm 包版本号不是一条线；
 > 两套编号并行容易看混，从 `1.1.0` 起本表统一按 **npm 包版本**记录。
 
+### 未发布
+
+**修复**
+
+- 适配 DSH `0.1.1`：活动 chip 点击失效（点了退回信息卡）。三处上游变化同时命中
+  旧方案——子代理入口从 `header.actions` 槽移进新的 `header.lineage` 槽（面包屑
+  内）；其根节点 class 变成 `"ZKlsPq_root "`（**带尾随空格**，`[class$="_root"]`
+  整串后缀匹配直接失配）；触发器**只认可信输入**，`.click()` 与合成
+  pointer/mouse 事件一律无效（真机逐项排除了插件样式的嫌疑后实测）。因此废弃
+  「转发点击」，改为 `effects/native-trigger-overlay.ts` 把**真实的官方触发器**
+  透明地铺在 pill 上——用户手指点到的就是官方元素，可信输入天然成立；弹层在
+  0.1.1 里 portal 到 body 自行定位（336px，屏内），旧的锚定/重锚 CSS 一并删除。
+  选择器统一改为按 header 定位、按 ARIA（`aria-haspopup="tree"`）区分，不再依赖
+  槽名与根节点类名。
+
 ### 1.1.0
 
 **新增**

package/lib/client.js

@@ -1094,30 +1094,42 @@ function IconTaskOutline14({ size = 14 }) {
     return ((0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "8", r: "6.1", stroke: "currentColor", strokeWidth: "1.3" }), (0, jsx_runtime_1.jsx)("path", { d: "M8 4.4V8l2.5 1.7", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" })] }));
 }
 /**
- * The official triggers our pills stand in for. Both are hidden and parked
- * as invisible anchors at the right end of the view-switch band
- * (styles/header.css.ts) so their own popovers still mount and position from
+ * The official triggers our pills stand in for. Both are hidden and parked as
+ * invisible anchors at the right end of the view-switch band
+ * (styles/header.css.ts) so their popovers still mount and position from
  * there; the pill is the visible control and forwards the tap.
  *
- * Told apart by `aria-haspopup`, not by class: the subagent entry declares
- * `tree` (its menu is a session tree) while the jobs entry declares none.
- * Both roots/triggers only expose build-hashed class names, so the ARIA
- * contract is the one stable discriminator between two otherwise identical
- * `[class$="_root"] > button[class$="_trigger"]` shapes.
+ * Told apart by `aria-haspopup`: the subagent entry declares `tree` (its menu
+ * is a session tree), the jobs entry declares none.
+ *
+ * Scoped to the HEADER, not to a slot (2026-08-21). DSH 0.1.1 moved the
+ * subagent entry out of `conversation.session.header.actions` into a new
+ * `conversation.session.header.lineage` slot inside the breadcrumb; every
+ * slot-scoped lookup here silently stopped matching and the pill fell back to
+ * opening the info card. The header is the stable boundary — which slot
+ * inside it owns the entry is the suite's business, and it has changed once.
+ *
+ * Also deliberately NOT keyed on the root's class. In 0.1.1 that attribute is
+ * `"ZKlsPq_root "` — with a TRAILING SPACE — so `[class$="_root"]` does not
+ * match it at all (`[class$=]` tests the whole attribute string). The
+ * trigger's own class has no such tail, so anchor on the trigger and reach
+ * the root through `:has()` instead of naming it.
  */
-const ACTIONS_SLOT = '[data-slot="conversation.session.header.actions"]';
-const SUBAGENT_TRIGGER = `${ACTIONS_SLOT} button[aria-haspopup="tree"]`;
-const JOBS_TRIGGER = `${ACTIONS_SLOT} > [class$="_root"] > button[class$="_trigger"]:not([aria-haspopup])`;
+const HEADER = '[data-phase] header';
+const SUBAGENT_TRIGGER = `${HEADER} button[aria-haspopup="tree"]`;
+const JOBS_TRIGGER = `${HEADER} button[class$="_trigger"]:not([aria-haspopup])`;
 /** One glanceable group: icon + count + state dot; opens the official popover. */
 function ActivityPill({ kind, count, state, label, trigger, onFallback, Icon }) {
     if (count === 0)
         return null;
-    return ((0, jsx_runtime_1.jsxs)("button", { type: "button", "data-mobile-nav": "activity-pill", "data-activity-kind": kind, "data-activity-state": state, "aria-label": label, title: label, onClick: () => {
-            const el = document.querySelector(trigger);
-            if (el === null)
+    return ((0, jsx_runtime_1.jsxs)("button", { type: "button", "data-mobile-nav": "activity-pill", "data-activity-kind": kind, "data-activity-state": state, "aria-label": label, title: label, 
+        /* Reached only when the official trigger is absent — when it exists,
+           effects/native-trigger-overlay.ts lays it transparently over this
+           pill and the tap never gets here. Scripting the official click is
+           not an option: 0.1.1 ignores synthetic events (see that file). */
+        onClick: () => {
+            if (document.querySelector(trigger) === null)
                 onFallback();
-            else
-                el.click();
         }, children: [(0, jsx_runtime_1.jsx)(Icon, {}), (0, jsx_runtime_1.jsx)("span", { "data-mobile-nav": "activity-count", children: count }), (0, jsx_runtime_1.jsx)("i", { "data-mobile-nav": "activity-dot", "aria-hidden": "true" })] }));
 }
 /**
@@ -4177,48 +4189,40 @@ exports.HEADER_CSS = `/* ---------- session header five-piece reflow (< 768px) -
   [data-phase] header [data-slot="conversation.session.header.utilities"] > * {
     display: none !important;
   }
-  /* Native background-task / subagent entries: kept mounted, but parked as
-     ZERO-WIDTH INVISIBLE ANCHORS at the right end of the view-switch band.
-     Our activity pill is the visible control and forwards the tap to the
-     official trigger, so the official popover — a child of this root — still
-     mounts and positions from here.
-
-     Why not just leave them visible in the header: each is ~103px wide while
-     headerActions' grid column is 92px, and flex children that cannot shrink
-     simply overflow — measured at 375px the subagent entry ran x=60..163
-     straight across the centred title at x=100..275.
-
-     Why not display:none them either: the menu lives inside the root, so
-     hiding the root takes the popover with it and the pill would have
-     nothing to open. Hide the TRIGGER (below) and keep the root as a box. */
-  [data-phase] header [data-slot="conversation.session.header.actions"] > [class$="_root"]:has(> button[class$="_trigger"]) {
-    display: block !important;
-    position: absolute !important;
-    right: 0 !important;
-    top: 100% !important;
-    width: 0 !important;
-    height: 28px !important;
-    overflow: visible !important;
-    order: 0 !important;
+  /* Native background-task / subagent entries (rewritten for DSH 0.1.1,
+     2026-08-21). Three upstream changes killed the old "park the root as a
+     zero-width anchor, hide the trigger, forward the tap" design at once:
+
+     - the subagent entry moved out of header.actions into the new
+       conversation.session.header.lineage slot (inside the breadcrumb);
+     - its root's class attribute is now "ZKlsPq_root " — with a TRAILING
+       SPACE — so a [class$="_root"] anchor matches nothing at all;
+     - the trigger only reacts to TRUSTED input: .click() and synthetic
+       pointer/mouse events leave aria-expanded untouched (measured on device
+       with every plugin override stripped), so forwarding a tap in JS can
+       never open it again.
+
+     The trigger's geometry is therefore owned at runtime by
+     effects/native-trigger-overlay.ts, which lays the REAL button
+     transparently over the activity pill — a genuine finger tap lands on the
+     official element. Nothing in this stylesheet may size, hide, or set
+     pointer-events on the trigger: that is exactly what would take the tap
+     target away again.
+
+     CSS keeps only two chores. Dissolve the root so its box (and its
+     stray separator, hidden below) stops occupying the breadcrumb, and let
+     the trigger participate from wherever the overlay pins it. And no menu
+     re-anchoring anymore: the 0.1.1 popover portals to <body> as
+     position:fixed and positions itself from the trigger's viewport rect
+     (measured 336px wide, fully on screen at 411px). */
+  [data-phase] header [data-slot="conversation.session.header.actions"] > *:has(> button[class$="_trigger"]),
+  [data-phase] header [data-slot="conversation.session.header.lineage"] > *:has(> button[class$="_trigger"]) {
+    display: contents !important;
   }
-  /* The official trigger never shows — the pill replaced it. Programmatic
-     .click() still reaches React's handler on a display:none button. */
-  [data-phase] header [data-slot="conversation.session.header.actions"] > [class$="_root"] > button[class$="_trigger"] {
+  [data-phase] header [data-slot="conversation.session.header.actions"] [class$="_separator"],
+  [data-phase] header [data-slot="conversation.session.header.lineage"] [class$="_separator"] {
     display: none !important;
   }
-  /* Anchor the popover to the RIGHT edge and clamp it to the viewport. The
-     root now sits at the right edge with zero width, so the official
-     \`left: 0\` would start the 336px panel off-screen; layout.css.ts's
-     \`left: 8px\` re-anchor was written for a viewport-width containing block
-     that this element is not. Right-anchoring is the one that holds for both
-     (2026-08-20: the old pairing put the panel 29px past the right edge). */
-  [data-phase] header [data-slot="conversation.session.header.actions"] [class$="_menu"] {
-    left: auto !important;
-    right: 0 !important;
-    width: min(336px, calc(100vw - 32px)) !important;
-    max-width: none !important;
-    max-height: min(420px, calc(100dvh - 140px)) !important;
-  }
   /* The agent-preset mode badge specifically survives the blanket hide
      above: layout.css.ts's shared <=1023px block targets it directly
      (header [class$="_label"]:has(> svg) { display: block !important }),
@@ -4343,7 +4347,11 @@ exports.HEADER_CSS = `/* ---------- session header five-piece reflow (< 768px) -
     touch-action: manipulation;
     -webkit-tap-highlight-color: transparent;
   }
+  /* pointer-events:none so the invisible official trigger laid over this pill
+     (effects/native-trigger-overlay.ts) is what a tap reaches. The pill is
+     visuals only. */
   [data-mobile-nav="activity-pill"] {
+    pointer-events: none;
     display: inline-flex;
     align-items: center;
     gap: 3px;
@@ -7483,6 +7491,108 @@ function installModalBack(ctx) {
     }, 'dsh-zen-remote: modal back gesture');
 }
 };
+__modules["effects/native-trigger-overlay.js"] = function (require, module, exports) {
+"use strict";
+/**
+ * Lay each official header trigger transparently over the activity pill that
+ * stands in for it, so a real finger tap lands on the official element.
+ *
+ * Why not just forward the tap (what this replaced): DSH 0.1.1's subagent
+ * trigger only reacts to TRUSTED input. Measured on device 2026-08-21 —
+ * `.click()`, and synthetic `pointerdown`/`mousedown`/`pointerup`, all leave
+ * `aria-expanded` at "false"; a CDP-dispatched real touch at the same point
+ * opens it. That was verified with every plugin style override stripped off
+ * the trigger, so it is the event path, not our CSS. Any design that scripts
+ * the click is therefore dead, and this one moves the real control instead.
+ *
+ * Why this is now cheap: in 0.1.1 the popover portals to <body> as a
+ * `position: fixed` layer (`ZKlsPq_menu`, z-index 100) and positions itself
+ * from the trigger's viewport rect — measured 336px wide, fully on screen.
+ * So placing the trigger over the pill also lands the popover at the pill,
+ * and none of the old "park an anchor, re-anchor the menu" CSS is needed.
+ *
+ * The pill keeps the visuals (icon, count, state dot); the invisible official
+ * trigger on top keeps the behaviour. Pills are `pointer-events: none` so a
+ * tap can only ever reach the real thing — no double handling.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.installNativeTriggerOverlay = installNativeTriggerOverlay;
+const PHONE = '(max-width: 767px)';
+const HEADER = '[data-phase] header';
+/** Pill → the official trigger it fronts. Same ARIA split the pills use. */
+const PAIRS = [
+    { pill: '[data-activity-kind="subagent"]', trigger: `${HEADER} button[aria-haspopup="tree"]` },
+    { pill: '[data-activity-kind="job"]', trigger: `${HEADER} button[class$="_trigger"]:not([aria-haspopup])` },
+];
+/** Marks a trigger we have taken over, so cleanup can find it again. */
+const TAKEN = 'data-zen-overlay';
+function place(trigger, pill) {
+    const r = pill.getBoundingClientRect();
+    if (r.width === 0 || r.height === 0)
+        return;
+    trigger.setAttribute(TAKEN, '');
+    // Fixed, not absolute: the header's containing block is not the pill's, and
+    // fixed rects are exactly what the portalled popover measures against.
+    trigger.style.setProperty('position', 'fixed', 'important');
+    trigger.style.setProperty('left', `${r.left}px`, 'important');
+    trigger.style.setProperty('top', `${r.top}px`, 'important');
+    trigger.style.setProperty('width', `${r.width}px`, 'important');
+    trigger.style.setProperty('height', `${r.height}px`, 'important');
+    trigger.style.setProperty('margin', '0', 'important');
+    trigger.style.setProperty('padding', '0', 'important');
+    trigger.style.setProperty('border', '0', 'important');
+    trigger.style.setProperty('opacity', '0', 'important');
+    trigger.style.setProperty('overflow', 'hidden', 'important');
+    trigger.style.setProperty('pointer-events', 'auto', 'important');
+    trigger.style.setProperty('z-index', '3', 'important');
+}
+function release(trigger) {
+    trigger.removeAttribute(TAKEN);
+    trigger.style.cssText = '';
+}
+function installNativeTriggerOverlay(ctx) {
+    ctx.effect(() => {
+        const phone = window.matchMedia(PHONE);
+        let frame = 0;
+        const sync = () => {
+            for (const { pill, trigger } of PAIRS) {
+                const t = document.querySelector(trigger);
+                if (t === null)
+                    continue;
+                const p = document.querySelector(pill);
+                // No pill (count zero, or desktop): hand the trigger back untouched.
+                if (!phone.matches || p === null) {
+                    if (t.hasAttribute(TAKEN))
+                        release(t);
+                    continue;
+                }
+                place(t, p);
+            }
+        };
+        /* Layout settles a frame late after a re-render, and a stale rect would
+           leave the tap target next to the pill instead of on it. */
+        const schedule = () => {
+            if (frame !== 0)
+                return;
+            frame = requestAnimationFrame(() => { frame = 0; sync(); });
+        };
+        const observer = new MutationObserver(schedule);
+        observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['class', 'data-activity-state', 'data-phase'] });
+        window.addEventListener('resize', schedule);
+        phone.addEventListener('change', schedule);
+        schedule();
+        return () => {
+            if (frame !== 0)
+                cancelAnimationFrame(frame);
+            observer.disconnect();
+            window.removeEventListener('resize', schedule);
+            phone.removeEventListener('change', schedule);
+            for (const t of document.querySelectorAll(`[${TAKEN}]`))
+                release(t);
+        };
+    }, 'dsh-zen-remote: native trigger overlay');
+}
+};
 __modules["effects/welcome-notice.js"] = function (require, module, exports) {
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -8058,6 +8168,7 @@ const header_status_ts_1 = require("./effects/header-status.js");
 const gestures_ts_1 = require("./effects/gestures.js");
 const turn_fold_ts_1 = require("./effects/turn-fold.js");
 const modal_back_ts_1 = require("./effects/modal-back.js");
+const native_trigger_overlay_ts_1 = require("./effects/native-trigger-overlay.js");
 const welcome_notice_ts_1 = require("./effects/welcome-notice.js");
 const keyboard_guard_ts_1 = require("./effects/keyboard-guard.js");
 const keyboard_avoid_ts_1 = require("./effects/keyboard-avoid.js");
@@ -8105,6 +8216,7 @@ function apply(ctx) {
     // not carry this.
     (0, turn_fold_ts_1.installTurnFold)(ctx);
     (0, modal_back_ts_1.installModalBack)(ctx);
+    (0, native_trigger_overlay_ts_1.installNativeTriggerOverlay)(ctx);
     // "内测声明" first-run notice: keep it visible (CSS-hiding it leaked the
     // dialog's #root inert lock — see effects/welcome-notice.ts) and offer a
     // per-browser "不再弹出" opt-out instead.

package/lib/types/client/MobileSessionHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileSessionHeader.d.ts","sourceRoot":"","sources":["../../../src/client/MobileSessionHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAEjF,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AA6GjC,yEAAyE;AACzE,MAAM,MAAM,wBAAwB,GAChC,YAAY,CAAC,qCAAqC,CAAC,GACnD,WAAW,CAAC,OAAO,EAAE,CAAC,CAAA;AAE1B,mFAAmF;AACnF,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,OAAO,CAAA;IACf,EAAE,EAAE,iBAAiB,CAAA;CACtB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,IAAI,WAAW,EAAE,CAQ5C;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,IAAI,WAAW,EAAE,CAe3C;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,wBAAwB,+BA4E1F;AAED,sEAAsE;AACtE,MAAM,MAAM,0BAA0B,GAClC,YAAY,CAAC,uCAAuC,CAAC,GACrD,WAAW,CAAC,OAAO,EAAE,CAAC,CAAA;AAE1B;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,CAAC,EAAE,EAAE,0BAA0B,+BAkGtE"}
+{"version":3,"file":"MobileSessionHeader.d.ts","sourceRoot":"","sources":["../../../src/client/MobileSessionHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAEjF,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAyHjC,yEAAyE;AACzE,MAAM,MAAM,wBAAwB,GAChC,YAAY,CAAC,qCAAqC,CAAC,GACnD,WAAW,CAAC,OAAO,EAAE,CAAC,CAAA;AAE1B,mFAAmF;AACnF,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,OAAO,CAAA;IACf,EAAE,EAAE,iBAAiB,CAAA;CACtB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,IAAI,WAAW,EAAE,CAQ5C;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,IAAI,WAAW,EAAE,CAe3C;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,wBAAwB,+BA4E1F;AAED,sEAAsE;AACtE,MAAM,MAAM,0BAA0B,GAClC,YAAY,CAAC,uCAAuC,CAAC,GACrD,WAAW,CAAC,OAAO,EAAE,CAAC,CAAA;AAE1B;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,CAAC,EAAE,EAAE,0BAA0B,+BAkGtE"}

package/lib/types/client/effects/native-trigger-overlay.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Lay each official header trigger transparently over the activity pill that
+ * stands in for it, so a real finger tap lands on the official element.
+ *
+ * Why not just forward the tap (what this replaced): DSH 0.1.1's subagent
+ * trigger only reacts to TRUSTED input. Measured on device 2026-08-21 —
+ * `.click()`, and synthetic `pointerdown`/`mousedown`/`pointerup`, all leave
+ * `aria-expanded` at "false"; a CDP-dispatched real touch at the same point
+ * opens it. That was verified with every plugin style override stripped off
+ * the trigger, so it is the event path, not our CSS. Any design that scripts
+ * the click is therefore dead, and this one moves the real control instead.
+ *
+ * Why this is now cheap: in 0.1.1 the popover portals to <body> as a
+ * `position: fixed` layer (`ZKlsPq_menu`, z-index 100) and positions itself
+ * from the trigger's viewport rect — measured 336px wide, fully on screen.
+ * So placing the trigger over the pill also lands the popover at the pill,
+ * and none of the old "park an anchor, re-anchor the menu" CSS is needed.
+ *
+ * The pill keeps the visuals (icon, count, state dot); the invisible official
+ * trigger on top keeps the behaviour. Pills are `pointer-events: none` so a
+ * tap can only ever reach the real thing — no double handling.
+ */
+import type { ClientContext } from '@deepseek-ai/dsh-client-runtime/client';
+export declare function installNativeTriggerOverlay(ctx: ClientContext): void;
+//# sourceMappingURL=native-trigger-overlay.d.ts.map

package/lib/types/client/effects/native-trigger-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-trigger-overlay.d.ts","sourceRoot":"","sources":["../../../../src/client/effects/native-trigger-overlay.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAA;AAuC3E,wBAAgB,2BAA2B,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI,CAuCpE"}

package/lib/types/client/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAA0B,MAAM,wCAAwC,CAAA;AAsBnG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAEhD,OAAO,QAAQ,kCAAkC,CAAC;IAChD,UAAU,kBAAkB;QAC1B,sCAAsC;QACtC,WAAW,EAAE,YAAY,CAAA;KAC1B;CACF;AAED,0GAA0G;AAC1G,eAAO,MAAM,MAAM,UAAgF,CAAA;AAEnG;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI,CAqM9C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAA0B,MAAM,wCAAwC,CAAA;AAuBnG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAEhD,OAAO,QAAQ,kCAAkC,CAAC;IAChD,UAAU,kBAAkB;QAC1B,sCAAsC;QACtC,WAAW,EAAE,YAAY,CAAA;KAC1B;CACF;AAED,0GAA0G;AAC1G,eAAO,MAAM,MAAM,UAAgF,CAAA;AAEnG;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI,CAsM9C"}

package/lib/types/client/styles/header.css.d.ts

@@ -1,2 +1,2 @@
-export declare const HEADER_CSS = "/* ---------- session header five-piece reflow (< 768px) ---------- */\n\n/* New elements render unconditionally (React does not know about media\n   queries); default them to hidden so 768px+ never sees them, then\n   re-enable inside the phone block below. Belt-and-braces alongside the\n   scoped rules \u2014 mirrors the existing [data-mobile-nav=\"*\"] desktop no-op\n   list in misc.css.ts. */\n[data-mobile-nav=\"header-back\"],\n[data-mobile-nav=\"header-viewrow\"],\n[data-mobile-nav=\"header-activity\"],\n[data-mobile-nav=\"header-info\"],\n[data-mobile-nav=\"header-workbench\"],\n/* The workbench close pill's default-hidden used to live in compat.css.ts \u2014\n   but EVERYTHING in layout/compat/misc sits inside one shared\n   (max-width: 1023px) block (opened at the top of layout, closed at the end\n   of misc), so that \"top-level\" rule silently never applied at >=1024 and\n   the pill rendered as an unstyled button on desktop (2026-08-17 report).\n   This file is appended after the shared block closes, so here it is truly\n   global; the <=767px :has() show rule in compat overrides it with\n   !important. */\n[data-mobile-nav=\"better-sidebar-close\"] {\n  display: none;\n}\n\n@media (max-width: 767px) {\n  /* The Files action targeted the dsh-web-ui-all (aionui) explorer sheet \u2014\n     a different, unrelated suite from the workbench entry this slice adds\n     (dsh-better-sidebar). Hidden here only; 768-1023px keeps it exactly as\n     v1.0.0 shipped it. */\n  [data-mobile-nav=\"files\"] {\n    display: none !important;\n  }\n\n  /* --- three-column header: [back 92px] [title, truly centered] [utilities 92px] --- */\n  /* The bottom padding is the view-switch row's seat: that row is\n     position:absolute (see the bottom of this file \u2014 it renders two levels\n     deep inside headerActions and can never be a grid item of titleRow), so\n     without a reserve it would hang over the message list. 28px = its\n     height. Unconditional rather than header:has([data-mobile-nav=\n     \"header-viewrow\"]) on purpose: :has() is silently dropped by pre-105\n     WebViews (see AGENTS.md) and a 28px overlap on the first message is a\n     worse failure than 28px of empty band in the (never observed in\n     practice) single-view session. Total header chrome: 48 + 28 = 76px.\n     Left/right 8px (S2.1 report leftover, fixed in S4): the official header\n     had zero horizontal padding, so the utilities button cluster's right\n     edge sat flush against the screen edge (x=390 at 390px width, no\n     margin). The 92px grid columns absorb this fine \u2014 they're fixed track\n     widths, only the center 1fr column shrinks by 16px. */\n  [data-phase] header {\n    position: relative;\n    padding: 0 8px 28px !important;\n  }\n  /* No header bottom line \u2014 fade instead (real-device round 2, 2026-08-17).\n     The official header draws its border as a `::after` 1px bar (the\n     `border-bottom` on the header itself is transparent, just a layout\n     reserve \u2014 dsh-client-ui-conversation lib/client.js \".wSkVaW_header{\n     border-bottom:1px solid #0000}.wSkVaW_header:after{...height:1px;\n     position:absolute;bottom:1px...}\", verified live 2026-08-17), so\n     hiding the pseudo-element is enough; the header's own border-bottom\n     never had a visible color to begin with. The message scroller now\n     fades in from under the header instead (styles/composer.css.ts, \"no\n     divider above OR below the message list\" \u2014 the two edges share one\n     mask-image on [class$=\"_scrollBody\"]). */\n  [data-phase] header::after {\n    display: none !important;\n  }\n  /* grid-row: 1 on every item is load-bearing, not decoration (S2.1 fix for\n     the \"\u6807\u9898\u88AB\u6324\u4E0B\u53BB\" report). The three items are placed with explicit\n     grid-column but arrive in DOM order crumbs(2) \u2192 headerActions(1) \u2192\n     headerUtilities(3): sparse auto-placement never moves its cursor\n     backwards, so headerActions and headerUtilities were pushed onto an\n     implicit SECOND row. Measured at 390px: row1 = crumbs 28px, row2 =\n     back button 44px, titleRow = 72px with the title stuck at the top\n     instead of centered. Pinning the row makes it one 48px band again. */\n  [data-phase] header [class$=\"_titleRow\"] {\n    position: relative;\n    display: grid;\n    grid-template-columns: 92px 1fr 92px;\n    grid-template-rows: minmax(48px, auto);\n    align-items: center;\n    min-height: 48px;\n    padding: 0 !important;\n  }\n  /* Flatten the official cluster so its two children (crumbs, headerActions)\n     become direct grid items of titleRow instead of a nested flex box. */\n  [data-phase] header [class$=\"_titleCluster\"] {\n    display: contents;\n  }\n  /* margin-left: 0 cancels layout.css.ts's shared <=1023px\n     \"margin-left: auto !important\" on this exact selector (it pushed the\n     Files button to the row's right edge in the old non-grid header;\n     inside our grid column it instead shoves the back button 48px right of\n     the column's start \u2014 the auto margin absorbs the leftover space\n     between the button's content width and the 92px column). */\n  [data-phase] header [class$=\"_headerActions\"] {\n    grid-column: 1;\n    grid-row: 1;\n    justify-self: start;\n    margin-left: 0 !important;\n    display: flex;\n    align-items: center;\n    min-width: 0;\n  }\n  /* layout.css.ts's shared <=1023px block hides this element outright\n     (header > :first-child > :last-child { display: none !important },\n     specificity (0,3,1) \u2014 v1.0.0 relocated the desktop Session-log capsule\n     to the drawer footer on every narrow width). That selector is repeated\n     here at equal specificity so the later source order wins the display\n     property; the class-suffix selector alone (0,2,1) would silently lose. */\n  [data-phase] header [class$=\"_headerUtilities\"],\n  [data-phase] header > :first-child > :last-child {\n    grid-column: 3;\n    grid-row: 1;\n    justify-self: end;\n    display: flex !important;\n    align-items: center;\n    gap: 4px;\n    min-width: 0;\n  }\n  /* justify-self: stretch (the grid default) so this fills the whole 1fr\n     column as a definite-width box \u2014 center/center-content happens inside\n     it. justify-self: center (tried first) sizes the item to its content\n     with no automatic column cap, and the obvious fix \u2014 max-width: 100% \u2014\n     resolves against the WRONG box here (measured 93.6px at 390px, where\n     the column is ~206px): the item's DOM parent (titleCluster) is\n     display:contents, and percentage max-width does not reliably resolve\n     through a boxless ancestor to the grid track. Stretching sidesteps the\n     percentage entirely \u2014 but layout.css.ts's shared <=1023px block ALSO\n     caps this exact selector at max-width: 24vw !important (93.6px at\n     390px \u2014 the value this rule used to silently inherit once its own\n     max-width was dropped in favor of stretch), so that must be reset to\n     none here too. */\n  [data-phase] header [class$=\"_crumbs\"] {\n    grid-column: 2;\n    grid-row: 1;\n    justify-self: stretch;\n    max-width: none !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 0;\n    overflow: hidden;\n  }\n  /* Subagent sessions keep ONE ancestor crumb (2026-08-18): the PC header\n     lets you tap the parent session's title to switch back \u2014 that affordance\n     was lost on phone when the whole parent chain was hidden as \"\u591A\u4F59\u9879\".\n     Show only the immediate parent (for agent-teams member sessions that IS\n     the captain/main session; deeper ancestors stay hidden \u2014 a 3-level chain\n     cannot fit the ~206px center column at 390px). The parent crumb is the\n     official breadcrumb <button> (dsh-client-ui-conversation renders\n     open(parentId) as its onClick), so tapping needs no JS from this plugin,\n     and main sessions (chain length 1) have no :nth-last-child(2) seg at\n     all \u2014 the centered single title is pixel-identical to before. */\n  [data-phase] header [class$=\"_crumbSeg\"]:not(:nth-last-child(-n+2)) {\n    display: none !important;\n  }\n  [data-phase] header [class$=\"_crumbSeg\"]:nth-last-child(2) {\n    display: inline-flex;\n    align-items: center;\n    flex: none;\n    min-width: 0;\n    max-width: 38%;\n  }\n  /* Ancestors BEFORE the parent seg are hidden, which would leave the\n     parent seg's own leading \"/\" dangling at the start of the title. */\n  [data-phase] header [class$=\"_crumbSeg\"]:nth-last-child(2) [class$=\"_crumbSep\"] {\n    display: none !important;\n  }\n  /* Parent crumb: small tertiary text so the 19px current title stays the\n     visual anchor; min-height keeps a finger-sized target inside the 48px\n     row. Specificity (0,4,1) outranks the shared 19px _crumb rule below. */\n  [data-phase] header [class$=\"_crumbSeg\"]:nth-last-child(2) [class$=\"_crumb\"] {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--dsw-alias-label-tertiary, rgba(0, 0, 0, .45));\n    min-height: 44px;\n    display: inline-flex;\n    align-items: center;\n    padding: 0 2px 0 6px;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-phase] header [class$=\"_crumbSeg\"]:last-child {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n    max-width: 100%;\n  }\n  /* The last seg's own \"/\" is the divider between parent and current title \u2014\n     it only exists when there IS an ancestor (index > 0), so it can simply\n     stay visible now that the parent seg shows. (It used to be hidden here:\n     with the parent hidden it dangled before the title.) */\n  /* BOTH selectors are required: [class$=] matches the whole class\n     ATTRIBUTE's suffix, and the current-session title button's attribute is\n     \"wSkVaW_crumb wSkVaW_crumbCurrent\" \u2014 it ends in _crumbCurrent, so the _crumb\n     suffix selector alone silently missed the one element that matters\n     (measured live: the title stayed 14px while the rule sat in the bundle,\n     2026-08-17). */\n  [data-phase] header [class$=\"_crumb\"],\n  [data-phase] header [class$=\"_crumbCurrent\"] {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    min-width: 0;\n    max-width: 100%;\n    /* Real-device feedback (2026-08-17): the session title read too small\n       next to the enlarged header icons \u2014 19px sits just under the home\n       screen's 22px workspace title, keeping the two-level hierarchy. */\n    font-size: 19px;\n    font-weight: 600;\n  }\n\n  /* Running-status dot: no official element to reposition (the header\n     renders only the crumb title, the two action slots, and the tablist \u2014\n     no status indicator), so this is the plan's documented fallback \u2014\n     read the data ourselves and draw it (effects/header-status.ts stamps\n     data-mobile-nav-dot on the frame). A ::after on the title crumb keeps\n     it truly inline with the (centered, truncated) text instead of a\n     separately positioned box that would fight the centering math. */\n  [data-phase] header [class$=\"_crumbCurrent\"]::after {\n    content: '';\n    display: none;\n    width: 6px;\n    height: 6px;\n    margin-left: 6px;\n    border-radius: 50%;\n    vertical-align: middle;\n  }\n  [data-mobile-nav=\"frame\"][data-mobile-nav-dot] header [class$=\"_crumbCurrent\"]::after {\n    display: inline-block;\n  }\n  [data-mobile-nav=\"frame\"][data-mobile-nav-dot=\"ongoing\"] header [class$=\"_crumbCurrent\"]::after {\n    background: var(--dsw-alias-state-business-primary, #4f6ef7);\n  }\n  [data-mobile-nav=\"frame\"][data-mobile-nav-dot=\"warning\"] header [class$=\"_crumbCurrent\"]::after {\n    background: var(--dsw-alias-state-warn-primary, #d97706);\n  }\n  [data-mobile-nav=\"frame\"][data-mobile-nav-dot=\"done\"] header [class$=\"_crumbCurrent\"]::after {\n    background: var(--dsw-alias-state-success-primary, #16a34a);\n  }\n\n  /* Everything else the official header puts in these two list slots \u2014 the\n     agent-preset mode badge, the jobs/subagent trigger, the desktop\n     Session-log download capsule, and this plugin's own legacy directory\n     toggle \u2014 is the \"\u4E0D\u5E38\u9A7B\" set the design defers to the S4 info card.\n     Scoped by the slots' own [data-slot] wrapper (a stable, non-hashed\n     contract marker) rather than enumerating each registrant, so a future\n     third-party header action is hidden by default too. */\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] > *,\n  [data-phase] header [data-slot=\"conversation.session.header.utilities\"] > * {\n    display: none !important;\n  }\n  /* Native background-task / subagent entries: kept mounted, but parked as\n     ZERO-WIDTH INVISIBLE ANCHORS at the right end of the view-switch band.\n     Our activity pill is the visible control and forwards the tap to the\n     official trigger, so the official popover \u2014 a child of this root \u2014 still\n     mounts and positions from here.\n\n     Why not just leave them visible in the header: each is ~103px wide while\n     headerActions' grid column is 92px, and flex children that cannot shrink\n     simply overflow \u2014 measured at 375px the subagent entry ran x=60..163\n     straight across the centred title at x=100..275.\n\n     Why not display:none them either: the menu lives inside the root, so\n     hiding the root takes the popover with it and the pill would have\n     nothing to open. Hide the TRIGGER (below) and keep the root as a box. */\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] > [class$=\"_root\"]:has(> button[class$=\"_trigger\"]) {\n    display: block !important;\n    position: absolute !important;\n    right: 0 !important;\n    top: 100% !important;\n    width: 0 !important;\n    height: 28px !important;\n    overflow: visible !important;\n    order: 0 !important;\n  }\n  /* The official trigger never shows \u2014 the pill replaced it. Programmatic\n     .click() still reaches React's handler on a display:none button. */\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] > [class$=\"_root\"] > button[class$=\"_trigger\"] {\n    display: none !important;\n  }\n  /* Anchor the popover to the RIGHT edge and clamp it to the viewport. The\n     root now sits at the right edge with zero width, so the official\n     `left: 0` would start the 336px panel off-screen; layout.css.ts's\n     `left: 8px` re-anchor was written for a viewport-width containing block\n     that this element is not. Right-anchoring is the one that holds for both\n     (2026-08-20: the old pairing put the panel 29px past the right edge). */\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] [class$=\"_menu\"] {\n    left: auto !important;\n    right: 0 !important;\n    width: min(336px, calc(100vw - 32px)) !important;\n    max-width: none !important;\n    max-height: min(420px, calc(100dvh - 140px)) !important;\n  }\n  /* The agent-preset mode badge specifically survives the blanket hide\n     above: layout.css.ts's shared <=1023px block targets it directly\n     (header [class$=\"_label\"]:has(> svg) { display: block !important }),\n     specificity (0,3,1), higher than the [data-slot] wrapper rule (0,2,1) \u2014\n     display wins on specificity before source order, so a same-selector\n     override is needed here too. */\n  [data-phase] header [class$=\"_label\"]:has(> svg) {\n    display: none !important;\n  }\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] > [data-mobile-nav=\"header-back\"] {\n    display: inline-flex !important;\n  }\n  /* header-viewrow is position:absolute (see below), so its re-shown\n     display value must match the flex layout its own rule declares. */\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] > [data-mobile-nav=\"header-viewrow\"] {\n    display: flex !important;\n  }\n  /* Our own chip lives in the same slot, so the blanket hide above swallows\n     it unless it is named here too (it was, on the first build: the chip\n     rendered with the right counts and painted nothing). */\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] > [data-mobile-nav=\"header-activity\"] {\n    display: inline-flex !important;\n  }\n  [data-phase] header [data-slot=\"conversation.session.header.utilities\"] > [data-mobile-nav=\"header-info\"],\n  [data-phase] header [data-slot=\"conversation.session.header.utilities\"] > [data-mobile-nav=\"header-workbench\"] {\n    display: inline-flex !important;\n  }\n\n  /* Back button: 44pt touch target, leftmost column. */\n  [data-mobile-nav=\"header-back\"] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 44px;\n    height: 44px;\n    padding: 0;\n    border: none;\n    background: transparent;\n    color: var(--dsw-alias-label-primary, inherit);\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"header-back\"]:active {\n    opacity: .6;\n  }\n\n  /* Info + workbench utility buttons, rightmost column. */\n  [data-mobile-nav=\"header-info\"],\n  [data-mobile-nav=\"header-workbench\"] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 34px;\n    height: 34px;\n    padding: 0;\n    border: none;\n    border-radius: 50%;\n    background: transparent;\n    color: var(--dsw-alias-label-secondary, inherit);\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"header-info\"]:active,\n  [data-mobile-nav=\"header-workbench\"]:active {\n    background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n  }\n  /* Icon family unification (real-device round 2, 2026-08-17): the \u24D8 text\n     glyph is gone (MobileSessionHeader.tsx now renders IconInfoOutline16,\n     a local 16px SVG built to match the primitives icon family) and the\n     workbench button's IconPanelLeftOutline16 is mirrored into a\n     panel-RIGHT glyph \u2014 there's no IconPanelRightOutline16 in primitives\n     (checked lib/types/icons/index.d.ts), and the plugin's own right-side\n     panel semantics are exactly the left icon flipped. Both buttons now\n     carry a same-size (16px), same-stroke-weight icon. */\n  [data-mobile-nav=\"header-workbench\"] svg {\n    transform: scaleX(-1);\n  }\n\n  /* Official Chat/Trajectory tablist: removed from layout entirely (S2.1 \u2014\n     visibility:hidden still held a 27px row, so the header carried the\n     view-switch row's band TWICE: 72 + 27 + gap = 104px measured at 390px,\n     and a real iPhone added ~54px of notch on top of that). The header's own\n     padding-bottom above is now the row's seat.\n     display:none does NOT break the view switch: HTMLElement.click()\n     dispatches synthetically and fires React's handler regardless of\n     rendering \u2014 only real pointer hit-testing needs a box, and this plugin\n     never relies on it (MobileSessionHeader always calls .click()). */\n  [data-phase] header [class$=\"_tabs\"][role=\"tablist\"] {\n    display: none;\n  }\n\n  /* View-switch row: \"current view name + dots\", replacing the (still\n     present, still clickable) official tablist visually. It renders inside\n     headerActions/headerUtilities, but titleRow's own position:relative\n     (set above) makes IT the containing block for absolute descendants \u2014\n     display:contents on titleCluster does not break that search \u2014 so\n     top:100% sits directly under the title regardless of the title row's\n     actual height, with no hardcoded offset to keep in sync. */\n  /* Activity chip (subagents / background tasks) rides the right end of the\n     same band. It is a SIBLING of the switch button, not a child \u2014 that\n     button spans the full row, so nesting would make every tap on the chip\n     switch views too \u2014 and it shares titleRow as its containing block, so\n     top:100% lands both on the same 28px line. z-index puts it above the\n     row it overlaps. */\n  [data-mobile-nav=\"header-activity\"] {\n    position: absolute;\n    right: 0;\n    top: 100%;\n    z-index: 1;\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    height: 28px;\n    padding: 0 2px 0 10px;\n    border: none;\n    background: transparent;\n    color: var(--dsw-alias-label-secondary, rgba(0, 0, 0, .5));\n    font-family: inherit;\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"activity-pill\"] {\n    display: inline-flex;\n    align-items: center;\n    gap: 3px;\n    height: 28px;\n    padding: 0;\n    border: none;\n    background: transparent;\n    color: inherit;\n    font-family: inherit;\n    font-size: 12px;\n    line-height: 18px;\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"activity-pill\"]:active {\n    opacity: .55;\n  }\n  [data-mobile-nav=\"activity-count\"] {\n    font-variant-numeric: tabular-nums;\n  }\n  /* Steady green = everything settled. */\n  [data-mobile-nav=\"activity-dot\"] {\n    display: block;\n    width: 6px;\n    height: 6px;\n    margin-left: 1px;\n    border-radius: 50%;\n    background: var(--dsw-alias-state-success-primary, #16a34a);\n  }\n  /* A job that failed or was killed is not a success \u2014 never paint it green. */\n  [data-activity-state=\"warning\"] [data-mobile-nav=\"activity-dot\"] {\n    background: var(--dsw-alias-state-warn-primary, #d97706);\n  }\n  /* Pulsing blue = still running. Same state palette as the session dot. */\n  [data-activity-state=\"running\"] [data-mobile-nav=\"activity-dot\"] {\n    background: var(--dsw-alias-state-business-primary, #4f6ef7);\n    animation: dsh-zen-activity-pulse 1.4s ease-in-out infinite;\n  }\n  @keyframes dsh-zen-activity-pulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: .45; transform: scale(.72); }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    [data-activity-state=\"running\"] [data-mobile-nav=\"activity-dot\"] {\n      animation: none;\n    }\n  }\n\n  [data-mobile-nav=\"header-viewrow\"] {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    height: 28px;\n    padding: 0;\n    border: none;\n    background: transparent;\n    color: var(--dsw-alias-label-secondary, rgba(0, 0, 0, .5));\n    font-family: inherit;\n    font-size: 13px;\n    line-height: 18px;\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"header-viewrow-dots\"] {\n    display: inline-flex;\n    align-items: center;\n    gap: 3px;\n  }\n  [data-mobile-nav=\"header-viewrow-dots\"] > i {\n    display: block;\n    width: 4px;\n    height: 4px;\n    border-radius: 50%;\n    background: currentColor;\n    opacity: .35;\n    font-style: normal;\n  }\n  [data-mobile-nav=\"header-viewrow-dots\"] > i[data-active] {\n    opacity: 1;\n  }\n}\n";
+export declare const HEADER_CSS = "/* ---------- session header five-piece reflow (< 768px) ---------- */\n\n/* New elements render unconditionally (React does not know about media\n   queries); default them to hidden so 768px+ never sees them, then\n   re-enable inside the phone block below. Belt-and-braces alongside the\n   scoped rules \u2014 mirrors the existing [data-mobile-nav=\"*\"] desktop no-op\n   list in misc.css.ts. */\n[data-mobile-nav=\"header-back\"],\n[data-mobile-nav=\"header-viewrow\"],\n[data-mobile-nav=\"header-activity\"],\n[data-mobile-nav=\"header-info\"],\n[data-mobile-nav=\"header-workbench\"],\n/* The workbench close pill's default-hidden used to live in compat.css.ts \u2014\n   but EVERYTHING in layout/compat/misc sits inside one shared\n   (max-width: 1023px) block (opened at the top of layout, closed at the end\n   of misc), so that \"top-level\" rule silently never applied at >=1024 and\n   the pill rendered as an unstyled button on desktop (2026-08-17 report).\n   This file is appended after the shared block closes, so here it is truly\n   global; the <=767px :has() show rule in compat overrides it with\n   !important. */\n[data-mobile-nav=\"better-sidebar-close\"] {\n  display: none;\n}\n\n@media (max-width: 767px) {\n  /* The Files action targeted the dsh-web-ui-all (aionui) explorer sheet \u2014\n     a different, unrelated suite from the workbench entry this slice adds\n     (dsh-better-sidebar). Hidden here only; 768-1023px keeps it exactly as\n     v1.0.0 shipped it. */\n  [data-mobile-nav=\"files\"] {\n    display: none !important;\n  }\n\n  /* --- three-column header: [back 92px] [title, truly centered] [utilities 92px] --- */\n  /* The bottom padding is the view-switch row's seat: that row is\n     position:absolute (see the bottom of this file \u2014 it renders two levels\n     deep inside headerActions and can never be a grid item of titleRow), so\n     without a reserve it would hang over the message list. 28px = its\n     height. Unconditional rather than header:has([data-mobile-nav=\n     \"header-viewrow\"]) on purpose: :has() is silently dropped by pre-105\n     WebViews (see AGENTS.md) and a 28px overlap on the first message is a\n     worse failure than 28px of empty band in the (never observed in\n     practice) single-view session. Total header chrome: 48 + 28 = 76px.\n     Left/right 8px (S2.1 report leftover, fixed in S4): the official header\n     had zero horizontal padding, so the utilities button cluster's right\n     edge sat flush against the screen edge (x=390 at 390px width, no\n     margin). The 92px grid columns absorb this fine \u2014 they're fixed track\n     widths, only the center 1fr column shrinks by 16px. */\n  [data-phase] header {\n    position: relative;\n    padding: 0 8px 28px !important;\n  }\n  /* No header bottom line \u2014 fade instead (real-device round 2, 2026-08-17).\n     The official header draws its border as a `::after` 1px bar (the\n     `border-bottom` on the header itself is transparent, just a layout\n     reserve \u2014 dsh-client-ui-conversation lib/client.js \".wSkVaW_header{\n     border-bottom:1px solid #0000}.wSkVaW_header:after{...height:1px;\n     position:absolute;bottom:1px...}\", verified live 2026-08-17), so\n     hiding the pseudo-element is enough; the header's own border-bottom\n     never had a visible color to begin with. The message scroller now\n     fades in from under the header instead (styles/composer.css.ts, \"no\n     divider above OR below the message list\" \u2014 the two edges share one\n     mask-image on [class$=\"_scrollBody\"]). */\n  [data-phase] header::after {\n    display: none !important;\n  }\n  /* grid-row: 1 on every item is load-bearing, not decoration (S2.1 fix for\n     the \"\u6807\u9898\u88AB\u6324\u4E0B\u53BB\" report). The three items are placed with explicit\n     grid-column but arrive in DOM order crumbs(2) \u2192 headerActions(1) \u2192\n     headerUtilities(3): sparse auto-placement never moves its cursor\n     backwards, so headerActions and headerUtilities were pushed onto an\n     implicit SECOND row. Measured at 390px: row1 = crumbs 28px, row2 =\n     back button 44px, titleRow = 72px with the title stuck at the top\n     instead of centered. Pinning the row makes it one 48px band again. */\n  [data-phase] header [class$=\"_titleRow\"] {\n    position: relative;\n    display: grid;\n    grid-template-columns: 92px 1fr 92px;\n    grid-template-rows: minmax(48px, auto);\n    align-items: center;\n    min-height: 48px;\n    padding: 0 !important;\n  }\n  /* Flatten the official cluster so its two children (crumbs, headerActions)\n     become direct grid items of titleRow instead of a nested flex box. */\n  [data-phase] header [class$=\"_titleCluster\"] {\n    display: contents;\n  }\n  /* margin-left: 0 cancels layout.css.ts's shared <=1023px\n     \"margin-left: auto !important\" on this exact selector (it pushed the\n     Files button to the row's right edge in the old non-grid header;\n     inside our grid column it instead shoves the back button 48px right of\n     the column's start \u2014 the auto margin absorbs the leftover space\n     between the button's content width and the 92px column). */\n  [data-phase] header [class$=\"_headerActions\"] {\n    grid-column: 1;\n    grid-row: 1;\n    justify-self: start;\n    margin-left: 0 !important;\n    display: flex;\n    align-items: center;\n    min-width: 0;\n  }\n  /* layout.css.ts's shared <=1023px block hides this element outright\n     (header > :first-child > :last-child { display: none !important },\n     specificity (0,3,1) \u2014 v1.0.0 relocated the desktop Session-log capsule\n     to the drawer footer on every narrow width). That selector is repeated\n     here at equal specificity so the later source order wins the display\n     property; the class-suffix selector alone (0,2,1) would silently lose. */\n  [data-phase] header [class$=\"_headerUtilities\"],\n  [data-phase] header > :first-child > :last-child {\n    grid-column: 3;\n    grid-row: 1;\n    justify-self: end;\n    display: flex !important;\n    align-items: center;\n    gap: 4px;\n    min-width: 0;\n  }\n  /* justify-self: stretch (the grid default) so this fills the whole 1fr\n     column as a definite-width box \u2014 center/center-content happens inside\n     it. justify-self: center (tried first) sizes the item to its content\n     with no automatic column cap, and the obvious fix \u2014 max-width: 100% \u2014\n     resolves against the WRONG box here (measured 93.6px at 390px, where\n     the column is ~206px): the item's DOM parent (titleCluster) is\n     display:contents, and percentage max-width does not reliably resolve\n     through a boxless ancestor to the grid track. Stretching sidesteps the\n     percentage entirely \u2014 but layout.css.ts's shared <=1023px block ALSO\n     caps this exact selector at max-width: 24vw !important (93.6px at\n     390px \u2014 the value this rule used to silently inherit once its own\n     max-width was dropped in favor of stretch), so that must be reset to\n     none here too. */\n  [data-phase] header [class$=\"_crumbs\"] {\n    grid-column: 2;\n    grid-row: 1;\n    justify-self: stretch;\n    max-width: none !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 0;\n    overflow: hidden;\n  }\n  /* Subagent sessions keep ONE ancestor crumb (2026-08-18): the PC header\n     lets you tap the parent session's title to switch back \u2014 that affordance\n     was lost on phone when the whole parent chain was hidden as \"\u591A\u4F59\u9879\".\n     Show only the immediate parent (for agent-teams member sessions that IS\n     the captain/main session; deeper ancestors stay hidden \u2014 a 3-level chain\n     cannot fit the ~206px center column at 390px). The parent crumb is the\n     official breadcrumb <button> (dsh-client-ui-conversation renders\n     open(parentId) as its onClick), so tapping needs no JS from this plugin,\n     and main sessions (chain length 1) have no :nth-last-child(2) seg at\n     all \u2014 the centered single title is pixel-identical to before. */\n  [data-phase] header [class$=\"_crumbSeg\"]:not(:nth-last-child(-n+2)) {\n    display: none !important;\n  }\n  [data-phase] header [class$=\"_crumbSeg\"]:nth-last-child(2) {\n    display: inline-flex;\n    align-items: center;\n    flex: none;\n    min-width: 0;\n    max-width: 38%;\n  }\n  /* Ancestors BEFORE the parent seg are hidden, which would leave the\n     parent seg's own leading \"/\" dangling at the start of the title. */\n  [data-phase] header [class$=\"_crumbSeg\"]:nth-last-child(2) [class$=\"_crumbSep\"] {\n    display: none !important;\n  }\n  /* Parent crumb: small tertiary text so the 19px current title stays the\n     visual anchor; min-height keeps a finger-sized target inside the 48px\n     row. Specificity (0,4,1) outranks the shared 19px _crumb rule below. */\n  [data-phase] header [class$=\"_crumbSeg\"]:nth-last-child(2) [class$=\"_crumb\"] {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--dsw-alias-label-tertiary, rgba(0, 0, 0, .45));\n    min-height: 44px;\n    display: inline-flex;\n    align-items: center;\n    padding: 0 2px 0 6px;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-phase] header [class$=\"_crumbSeg\"]:last-child {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n    max-width: 100%;\n  }\n  /* The last seg's own \"/\" is the divider between parent and current title \u2014\n     it only exists when there IS an ancestor (index > 0), so it can simply\n     stay visible now that the parent seg shows. (It used to be hidden here:\n     with the parent hidden it dangled before the title.) */\n  /* BOTH selectors are required: [class$=] matches the whole class\n     ATTRIBUTE's suffix, and the current-session title button's attribute is\n     \"wSkVaW_crumb wSkVaW_crumbCurrent\" \u2014 it ends in _crumbCurrent, so the _crumb\n     suffix selector alone silently missed the one element that matters\n     (measured live: the title stayed 14px while the rule sat in the bundle,\n     2026-08-17). */\n  [data-phase] header [class$=\"_crumb\"],\n  [data-phase] header [class$=\"_crumbCurrent\"] {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    min-width: 0;\n    max-width: 100%;\n    /* Real-device feedback (2026-08-17): the session title read too small\n       next to the enlarged header icons \u2014 19px sits just under the home\n       screen's 22px workspace title, keeping the two-level hierarchy. */\n    font-size: 19px;\n    font-weight: 600;\n  }\n\n  /* Running-status dot: no official element to reposition (the header\n     renders only the crumb title, the two action slots, and the tablist \u2014\n     no status indicator), so this is the plan's documented fallback \u2014\n     read the data ourselves and draw it (effects/header-status.ts stamps\n     data-mobile-nav-dot on the frame). A ::after on the title crumb keeps\n     it truly inline with the (centered, truncated) text instead of a\n     separately positioned box that would fight the centering math. */\n  [data-phase] header [class$=\"_crumbCurrent\"]::after {\n    content: '';\n    display: none;\n    width: 6px;\n    height: 6px;\n    margin-left: 6px;\n    border-radius: 50%;\n    vertical-align: middle;\n  }\n  [data-mobile-nav=\"frame\"][data-mobile-nav-dot] header [class$=\"_crumbCurrent\"]::after {\n    display: inline-block;\n  }\n  [data-mobile-nav=\"frame\"][data-mobile-nav-dot=\"ongoing\"] header [class$=\"_crumbCurrent\"]::after {\n    background: var(--dsw-alias-state-business-primary, #4f6ef7);\n  }\n  [data-mobile-nav=\"frame\"][data-mobile-nav-dot=\"warning\"] header [class$=\"_crumbCurrent\"]::after {\n    background: var(--dsw-alias-state-warn-primary, #d97706);\n  }\n  [data-mobile-nav=\"frame\"][data-mobile-nav-dot=\"done\"] header [class$=\"_crumbCurrent\"]::after {\n    background: var(--dsw-alias-state-success-primary, #16a34a);\n  }\n\n  /* Everything else the official header puts in these two list slots \u2014 the\n     agent-preset mode badge, the jobs/subagent trigger, the desktop\n     Session-log download capsule, and this plugin's own legacy directory\n     toggle \u2014 is the \"\u4E0D\u5E38\u9A7B\" set the design defers to the S4 info card.\n     Scoped by the slots' own [data-slot] wrapper (a stable, non-hashed\n     contract marker) rather than enumerating each registrant, so a future\n     third-party header action is hidden by default too. */\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] > *,\n  [data-phase] header [data-slot=\"conversation.session.header.utilities\"] > * {\n    display: none !important;\n  }\n  /* Native background-task / subagent entries (rewritten for DSH 0.1.1,\n     2026-08-21). Three upstream changes killed the old \"park the root as a\n     zero-width anchor, hide the trigger, forward the tap\" design at once:\n\n     - the subagent entry moved out of header.actions into the new\n       conversation.session.header.lineage slot (inside the breadcrumb);\n     - its root's class attribute is now \"ZKlsPq_root \" \u2014 with a TRAILING\n       SPACE \u2014 so a [class$=\"_root\"] anchor matches nothing at all;\n     - the trigger only reacts to TRUSTED input: .click() and synthetic\n       pointer/mouse events leave aria-expanded untouched (measured on device\n       with every plugin override stripped), so forwarding a tap in JS can\n       never open it again.\n\n     The trigger's geometry is therefore owned at runtime by\n     effects/native-trigger-overlay.ts, which lays the REAL button\n     transparently over the activity pill \u2014 a genuine finger tap lands on the\n     official element. Nothing in this stylesheet may size, hide, or set\n     pointer-events on the trigger: that is exactly what would take the tap\n     target away again.\n\n     CSS keeps only two chores. Dissolve the root so its box (and its\n     stray separator, hidden below) stops occupying the breadcrumb, and let\n     the trigger participate from wherever the overlay pins it. And no menu\n     re-anchoring anymore: the 0.1.1 popover portals to <body> as\n     position:fixed and positions itself from the trigger's viewport rect\n     (measured 336px wide, fully on screen at 411px). */\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] > *:has(> button[class$=\"_trigger\"]),\n  [data-phase] header [data-slot=\"conversation.session.header.lineage\"] > *:has(> button[class$=\"_trigger\"]) {\n    display: contents !important;\n  }\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] [class$=\"_separator\"],\n  [data-phase] header [data-slot=\"conversation.session.header.lineage\"] [class$=\"_separator\"] {\n    display: none !important;\n  }\n  /* The agent-preset mode badge specifically survives the blanket hide\n     above: layout.css.ts's shared <=1023px block targets it directly\n     (header [class$=\"_label\"]:has(> svg) { display: block !important }),\n     specificity (0,3,1), higher than the [data-slot] wrapper rule (0,2,1) \u2014\n     display wins on specificity before source order, so a same-selector\n     override is needed here too. */\n  [data-phase] header [class$=\"_label\"]:has(> svg) {\n    display: none !important;\n  }\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] > [data-mobile-nav=\"header-back\"] {\n    display: inline-flex !important;\n  }\n  /* header-viewrow is position:absolute (see below), so its re-shown\n     display value must match the flex layout its own rule declares. */\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] > [data-mobile-nav=\"header-viewrow\"] {\n    display: flex !important;\n  }\n  /* Our own chip lives in the same slot, so the blanket hide above swallows\n     it unless it is named here too (it was, on the first build: the chip\n     rendered with the right counts and painted nothing). */\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] > [data-mobile-nav=\"header-activity\"] {\n    display: inline-flex !important;\n  }\n  [data-phase] header [data-slot=\"conversation.session.header.utilities\"] > [data-mobile-nav=\"header-info\"],\n  [data-phase] header [data-slot=\"conversation.session.header.utilities\"] > [data-mobile-nav=\"header-workbench\"] {\n    display: inline-flex !important;\n  }\n\n  /* Back button: 44pt touch target, leftmost column. */\n  [data-mobile-nav=\"header-back\"] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 44px;\n    height: 44px;\n    padding: 0;\n    border: none;\n    background: transparent;\n    color: var(--dsw-alias-label-primary, inherit);\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"header-back\"]:active {\n    opacity: .6;\n  }\n\n  /* Info + workbench utility buttons, rightmost column. */\n  [data-mobile-nav=\"header-info\"],\n  [data-mobile-nav=\"header-workbench\"] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 34px;\n    height: 34px;\n    padding: 0;\n    border: none;\n    border-radius: 50%;\n    background: transparent;\n    color: var(--dsw-alias-label-secondary, inherit);\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"header-info\"]:active,\n  [data-mobile-nav=\"header-workbench\"]:active {\n    background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n  }\n  /* Icon family unification (real-device round 2, 2026-08-17): the \u24D8 text\n     glyph is gone (MobileSessionHeader.tsx now renders IconInfoOutline16,\n     a local 16px SVG built to match the primitives icon family) and the\n     workbench button's IconPanelLeftOutline16 is mirrored into a\n     panel-RIGHT glyph \u2014 there's no IconPanelRightOutline16 in primitives\n     (checked lib/types/icons/index.d.ts), and the plugin's own right-side\n     panel semantics are exactly the left icon flipped. Both buttons now\n     carry a same-size (16px), same-stroke-weight icon. */\n  [data-mobile-nav=\"header-workbench\"] svg {\n    transform: scaleX(-1);\n  }\n\n  /* Official Chat/Trajectory tablist: removed from layout entirely (S2.1 \u2014\n     visibility:hidden still held a 27px row, so the header carried the\n     view-switch row's band TWICE: 72 + 27 + gap = 104px measured at 390px,\n     and a real iPhone added ~54px of notch on top of that). The header's own\n     padding-bottom above is now the row's seat.\n     display:none does NOT break the view switch: HTMLElement.click()\n     dispatches synthetically and fires React's handler regardless of\n     rendering \u2014 only real pointer hit-testing needs a box, and this plugin\n     never relies on it (MobileSessionHeader always calls .click()). */\n  [data-phase] header [class$=\"_tabs\"][role=\"tablist\"] {\n    display: none;\n  }\n\n  /* View-switch row: \"current view name + dots\", replacing the (still\n     present, still clickable) official tablist visually. It renders inside\n     headerActions/headerUtilities, but titleRow's own position:relative\n     (set above) makes IT the containing block for absolute descendants \u2014\n     display:contents on titleCluster does not break that search \u2014 so\n     top:100% sits directly under the title regardless of the title row's\n     actual height, with no hardcoded offset to keep in sync. */\n  /* Activity chip (subagents / background tasks) rides the right end of the\n     same band. It is a SIBLING of the switch button, not a child \u2014 that\n     button spans the full row, so nesting would make every tap on the chip\n     switch views too \u2014 and it shares titleRow as its containing block, so\n     top:100% lands both on the same 28px line. z-index puts it above the\n     row it overlaps. */\n  [data-mobile-nav=\"header-activity\"] {\n    position: absolute;\n    right: 0;\n    top: 100%;\n    z-index: 1;\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    height: 28px;\n    padding: 0 2px 0 10px;\n    border: none;\n    background: transparent;\n    color: var(--dsw-alias-label-secondary, rgba(0, 0, 0, .5));\n    font-family: inherit;\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  /* pointer-events:none so the invisible official trigger laid over this pill\n     (effects/native-trigger-overlay.ts) is what a tap reaches. The pill is\n     visuals only. */\n  [data-mobile-nav=\"activity-pill\"] {\n    pointer-events: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 3px;\n    height: 28px;\n    padding: 0;\n    border: none;\n    background: transparent;\n    color: inherit;\n    font-family: inherit;\n    font-size: 12px;\n    line-height: 18px;\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"activity-pill\"]:active {\n    opacity: .55;\n  }\n  [data-mobile-nav=\"activity-count\"] {\n    font-variant-numeric: tabular-nums;\n  }\n  /* Steady green = everything settled. */\n  [data-mobile-nav=\"activity-dot\"] {\n    display: block;\n    width: 6px;\n    height: 6px;\n    margin-left: 1px;\n    border-radius: 50%;\n    background: var(--dsw-alias-state-success-primary, #16a34a);\n  }\n  /* A job that failed or was killed is not a success \u2014 never paint it green. */\n  [data-activity-state=\"warning\"] [data-mobile-nav=\"activity-dot\"] {\n    background: var(--dsw-alias-state-warn-primary, #d97706);\n  }\n  /* Pulsing blue = still running. Same state palette as the session dot. */\n  [data-activity-state=\"running\"] [data-mobile-nav=\"activity-dot\"] {\n    background: var(--dsw-alias-state-business-primary, #4f6ef7);\n    animation: dsh-zen-activity-pulse 1.4s ease-in-out infinite;\n  }\n  @keyframes dsh-zen-activity-pulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: .45; transform: scale(.72); }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    [data-activity-state=\"running\"] [data-mobile-nav=\"activity-dot\"] {\n      animation: none;\n    }\n  }\n\n  [data-mobile-nav=\"header-viewrow\"] {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    height: 28px;\n    padding: 0;\n    border: none;\n    background: transparent;\n    color: var(--dsw-alias-label-secondary, rgba(0, 0, 0, .5));\n    font-family: inherit;\n    font-size: 13px;\n    line-height: 18px;\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"header-viewrow-dots\"] {\n    display: inline-flex;\n    align-items: center;\n    gap: 3px;\n  }\n  [data-mobile-nav=\"header-viewrow-dots\"] > i {\n    display: block;\n    width: 4px;\n    height: 4px;\n    border-radius: 50%;\n    background: currentColor;\n    opacity: .35;\n    font-style: normal;\n  }\n  [data-mobile-nav=\"header-viewrow-dots\"] > i[data-active] {\n    opacity: 1;\n  }\n}\n";
 //# sourceMappingURL=header.css.d.ts.map

package/lib/types/client/styles/header.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.css.d.ts","sourceRoot":"","sources":["../../../../src/client/styles/header.css.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,UAAU,+2tBA2ftB,CAAA"}
+{"version":3,"file":"header.css.d.ts","sourceRoot":"","sources":["../../../../src/client/styles/header.css.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,UAAU,k2tBAuftB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-zen-remote",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "把 DeepSeek Harness 变成手机 App：移动端界面重排（两级页面栈、会话列表主屏、composer 重排、手势、附件上传）+ 配对码认证网关 + PWA 安装 + 真 Web Push。Complete mobile plugin for DeepSeek Harness (DSH): app-shell mobile UI, pairing-code gateway for public-internet access behind your own reverse proxy, installable PWA, offline service worker, and real Web Push agent-done notifications.",
   "license": "MIT",
   "type": "module",
@@ -106,18 +106,18 @@
     }
   },
   "devDependencies": {
-    "@deepseek-ai/dsh-api-remotes": "0.1.0-rc.7",
-    "@deepseek-ai/dsh-client-connection": "0.1.0-rc.7",
-    "@deepseek-ai/dsh-host-apiproxy": "0.1.0-rc.7",
-    "@deepseek-ai/dsh-host-webserver": "0.1.0-rc.7",
-    "@deepseek-ai/dsh-session": "0.1.0-rc.7",
-    "@deepseek-ai/dsh-session-stats": "0.1.0-rc.7",
-    "@deepseek-ai/dsh-token-meter": "0.1.0-rc.7",
+    "@deepseek-ai/dsh-api-remotes": "0.1.1-rc.2",
+    "@deepseek-ai/dsh-client-connection": "0.1.1-rc.2",
+    "@deepseek-ai/dsh-host-apiproxy": "0.1.1-rc.2",
+    "@deepseek-ai/dsh-host-webserver": "0.1.1-rc.2",
+    "@deepseek-ai/dsh-session": "0.1.1-rc.2",
+    "@deepseek-ai/dsh-session-stats": "0.1.1-rc.2",
+    "@deepseek-ai/dsh-token-meter": "0.1.1-rc.2",
     "@types/node": "^26.2.0",
     "@types/react": "~18.3.1",
     "@types/react-dom": "~18.3.0",
     "typescript": "^6.0.3",
-    "@deepseek-ai/dsh-tools": "0.1.0-rc.7"
+    "@deepseek-ai/dsh-tools": "0.1.1-rc.2"
   },
   "scripts": {
     "build": "tsc -p tsconfig.json && tsc -p tsconfig.client.json && node scripts/build-client.mjs",

package/src/client/MobileSessionHeader.tsx

@@ -60,20 +60,30 @@ function IconTaskOutline14({ size = 14 }: { size?: number }) {
 type ActivityState = 'running' | 'done' | 'warning'
 
 /**
- * The official triggers our pills stand in for. Both are hidden and parked
- * as invisible anchors at the right end of the view-switch band
- * (styles/header.css.ts) so their own popovers still mount and position from
+ * The official triggers our pills stand in for. Both are hidden and parked as
+ * invisible anchors at the right end of the view-switch band
+ * (styles/header.css.ts) so their popovers still mount and position from
  * there; the pill is the visible control and forwards the tap.
  *
- * Told apart by `aria-haspopup`, not by class: the subagent entry declares
- * `tree` (its menu is a session tree) while the jobs entry declares none.
- * Both roots/triggers only expose build-hashed class names, so the ARIA
- * contract is the one stable discriminator between two otherwise identical
- * `[class$="_root"] > button[class$="_trigger"]` shapes.
+ * Told apart by `aria-haspopup`: the subagent entry declares `tree` (its menu
+ * is a session tree), the jobs entry declares none.
+ *
+ * Scoped to the HEADER, not to a slot (2026-08-21). DSH 0.1.1 moved the
+ * subagent entry out of `conversation.session.header.actions` into a new
+ * `conversation.session.header.lineage` slot inside the breadcrumb; every
+ * slot-scoped lookup here silently stopped matching and the pill fell back to
+ * opening the info card. The header is the stable boundary — which slot
+ * inside it owns the entry is the suite's business, and it has changed once.
+ *
+ * Also deliberately NOT keyed on the root's class. In 0.1.1 that attribute is
+ * `"ZKlsPq_root "` — with a TRAILING SPACE — so `[class$="_root"]` does not
+ * match it at all (`[class$=]` tests the whole attribute string). The
+ * trigger's own class has no such tail, so anchor on the trigger and reach
+ * the root through `:has()` instead of naming it.
  */
-const ACTIONS_SLOT = '[data-slot="conversation.session.header.actions"]'
-const SUBAGENT_TRIGGER = `${ACTIONS_SLOT} button[aria-haspopup="tree"]`
-const JOBS_TRIGGER = `${ACTIONS_SLOT} > [class$="_root"] > button[class$="_trigger"]:not([aria-haspopup])`
+const HEADER = '[data-phase] header'
+const SUBAGENT_TRIGGER = `${HEADER} button[aria-haspopup="tree"]`
+const JOBS_TRIGGER = `${HEADER} button[class$="_trigger"]:not([aria-haspopup])`
 
 /** One glanceable group: icon + count + state dot; opens the official popover. */
 function ActivityPill(
@@ -98,10 +108,12 @@ function ActivityPill(
       data-activity-state={state}
       aria-label={label}
       title={label}
+      /* Reached only when the official trigger is absent — when it exists,
+         effects/native-trigger-overlay.ts lays it transparently over this
+         pill and the tap never gets here. Scripting the official click is
+         not an option: 0.1.1 ignores synthetic events (see that file). */
       onClick={() => {
-        const el = document.querySelector<HTMLButtonElement>(trigger)
-        if (el === null) onFallback()
-        else el.click()
+        if (document.querySelector(trigger) === null) onFallback()
       }}
     >
       <Icon />

package/src/client/effects/native-trigger-overlay.ts

@@ -0,0 +1,102 @@
+/**
+ * Lay each official header trigger transparently over the activity pill that
+ * stands in for it, so a real finger tap lands on the official element.
+ *
+ * Why not just forward the tap (what this replaced): DSH 0.1.1's subagent
+ * trigger only reacts to TRUSTED input. Measured on device 2026-08-21 —
+ * `.click()`, and synthetic `pointerdown`/`mousedown`/`pointerup`, all leave
+ * `aria-expanded` at "false"; a CDP-dispatched real touch at the same point
+ * opens it. That was verified with every plugin style override stripped off
+ * the trigger, so it is the event path, not our CSS. Any design that scripts
+ * the click is therefore dead, and this one moves the real control instead.
+ *
+ * Why this is now cheap: in 0.1.1 the popover portals to <body> as a
+ * `position: fixed` layer (`ZKlsPq_menu`, z-index 100) and positions itself
+ * from the trigger's viewport rect — measured 336px wide, fully on screen.
+ * So placing the trigger over the pill also lands the popover at the pill,
+ * and none of the old "park an anchor, re-anchor the menu" CSS is needed.
+ *
+ * The pill keeps the visuals (icon, count, state dot); the invisible official
+ * trigger on top keeps the behaviour. Pills are `pointer-events: none` so a
+ * tap can only ever reach the real thing — no double handling.
+ */
+
+import type { ClientContext } from '@deepseek-ai/dsh-client-runtime/client'
+
+const PHONE = '(max-width: 767px)'
+const HEADER = '[data-phase] header'
+
+/** Pill → the official trigger it fronts. Same ARIA split the pills use. */
+const PAIRS: ReadonlyArray<{ pill: string, trigger: string }> = [
+  { pill: '[data-activity-kind="subagent"]', trigger: `${HEADER} button[aria-haspopup="tree"]` },
+  { pill: '[data-activity-kind="job"]', trigger: `${HEADER} button[class$="_trigger"]:not([aria-haspopup])` },
+]
+
+/** Marks a trigger we have taken over, so cleanup can find it again. */
+const TAKEN = 'data-zen-overlay'
+
+function place(trigger: HTMLElement, pill: Element): void {
+  const r = pill.getBoundingClientRect()
+  if (r.width === 0 || r.height === 0) return
+  trigger.setAttribute(TAKEN, '')
+  // Fixed, not absolute: the header's containing block is not the pill's, and
+  // fixed rects are exactly what the portalled popover measures against.
+  trigger.style.setProperty('position', 'fixed', 'important')
+  trigger.style.setProperty('left', `${r.left}px`, 'important')
+  trigger.style.setProperty('top', `${r.top}px`, 'important')
+  trigger.style.setProperty('width', `${r.width}px`, 'important')
+  trigger.style.setProperty('height', `${r.height}px`, 'important')
+  trigger.style.setProperty('margin', '0', 'important')
+  trigger.style.setProperty('padding', '0', 'important')
+  trigger.style.setProperty('border', '0', 'important')
+  trigger.style.setProperty('opacity', '0', 'important')
+  trigger.style.setProperty('overflow', 'hidden', 'important')
+  trigger.style.setProperty('pointer-events', 'auto', 'important')
+  trigger.style.setProperty('z-index', '3', 'important')
+}
+
+function release(trigger: HTMLElement): void {
+  trigger.removeAttribute(TAKEN)
+  trigger.style.cssText = ''
+}
+
+export function installNativeTriggerOverlay(ctx: ClientContext): void {
+  ctx.effect(() => {
+    const phone = window.matchMedia(PHONE)
+    let frame = 0
+
+    const sync = (): void => {
+      for (const { pill, trigger } of PAIRS) {
+        const t = document.querySelector<HTMLElement>(trigger)
+        if (t === null) continue
+        const p = document.querySelector(pill)
+        // No pill (count zero, or desktop): hand the trigger back untouched.
+        if (!phone.matches || p === null) {
+          if (t.hasAttribute(TAKEN)) release(t)
+          continue
+        }
+        place(t, p)
+      }
+    }
+    /* Layout settles a frame late after a re-render, and a stale rect would
+       leave the tap target next to the pill instead of on it. */
+    const schedule = (): void => {
+      if (frame !== 0) return
+      frame = requestAnimationFrame(() => { frame = 0; sync() })
+    }
+
+    const observer = new MutationObserver(schedule)
+    observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['class', 'data-activity-state', 'data-phase'] })
+    window.addEventListener('resize', schedule)
+    phone.addEventListener('change', schedule)
+    schedule()
+
+    return () => {
+      if (frame !== 0) cancelAnimationFrame(frame)
+      observer.disconnect()
+      window.removeEventListener('resize', schedule)
+      phone.removeEventListener('change', schedule)
+      for (const t of document.querySelectorAll<HTMLElement>(`[${TAKEN}]`)) release(t)
+    }
+  }, 'dsh-zen-remote: native trigger overlay')
+}

package/src/client/index.tsx

@@ -16,6 +16,7 @@ import { installHeaderStatusDot } from './effects/header-status.ts'
 import { installGestures } from './effects/gestures.ts'
 import { installTurnFold } from './effects/turn-fold.ts'
 import { installModalBack } from './effects/modal-back.ts'
+import { installNativeTriggerOverlay } from './effects/native-trigger-overlay.ts'
 import { installWelcomeNoticeOptOut } from './effects/welcome-notice.ts'
 import { installKeyboardGuard } from './effects/keyboard-guard.ts'
 import { installKeyboardAvoid } from './effects/keyboard-avoid.ts'
@@ -82,6 +83,7 @@ export function apply(ctx: ClientContext): void {
   // not carry this.
   installTurnFold(ctx)
   installModalBack(ctx)
+  installNativeTriggerOverlay(ctx)
 
   // "内测声明" first-run notice: keep it visible (CSS-hiding it leaked the
   // dialog's #root inert lock — see effects/welcome-notice.ts) and offer a

package/src/client/styles/header.css.ts

@@ -267,48 +267,40 @@ export const HEADER_CSS = `/* ---------- session header five-piece reflow (< 768
   [data-phase] header [data-slot="conversation.session.header.utilities"] > * {
     display: none !important;
   }
-  /* Native background-task / subagent entries: kept mounted, but parked as
-     ZERO-WIDTH INVISIBLE ANCHORS at the right end of the view-switch band.
-     Our activity pill is the visible control and forwards the tap to the
-     official trigger, so the official popover — a child of this root — still
-     mounts and positions from here.
+  /* Native background-task / subagent entries (rewritten for DSH 0.1.1,
+     2026-08-21). Three upstream changes killed the old "park the root as a
+     zero-width anchor, hide the trigger, forward the tap" design at once:
 
-     Why not just leave them visible in the header: each is ~103px wide while
-     headerActions' grid column is 92px, and flex children that cannot shrink
-     simply overflow — measured at 375px the subagent entry ran x=60..163
-     straight across the centred title at x=100..275.
+     - the subagent entry moved out of header.actions into the new
+       conversation.session.header.lineage slot (inside the breadcrumb);
+     - its root's class attribute is now "ZKlsPq_root " — with a TRAILING
+       SPACE — so a [class$="_root"] anchor matches nothing at all;
+     - the trigger only reacts to TRUSTED input: .click() and synthetic
+       pointer/mouse events leave aria-expanded untouched (measured on device
+       with every plugin override stripped), so forwarding a tap in JS can
+       never open it again.
 
-     Why not display:none them either: the menu lives inside the root, so
-     hiding the root takes the popover with it and the pill would have
-     nothing to open. Hide the TRIGGER (below) and keep the root as a box. */
-  [data-phase] header [data-slot="conversation.session.header.actions"] > [class$="_root"]:has(> button[class$="_trigger"]) {
-    display: block !important;
-    position: absolute !important;
-    right: 0 !important;
-    top: 100% !important;
-    width: 0 !important;
-    height: 28px !important;
-    overflow: visible !important;
-    order: 0 !important;
-  }
-  /* The official trigger never shows — the pill replaced it. Programmatic
-     .click() still reaches React's handler on a display:none button. */
-  [data-phase] header [data-slot="conversation.session.header.actions"] > [class$="_root"] > button[class$="_trigger"] {
+     The trigger's geometry is therefore owned at runtime by
+     effects/native-trigger-overlay.ts, which lays the REAL button
+     transparently over the activity pill — a genuine finger tap lands on the
+     official element. Nothing in this stylesheet may size, hide, or set
+     pointer-events on the trigger: that is exactly what would take the tap
+     target away again.
+
+     CSS keeps only two chores. Dissolve the root so its box (and its
+     stray separator, hidden below) stops occupying the breadcrumb, and let
+     the trigger participate from wherever the overlay pins it. And no menu
+     re-anchoring anymore: the 0.1.1 popover portals to <body> as
+     position:fixed and positions itself from the trigger's viewport rect
+     (measured 336px wide, fully on screen at 411px). */
+  [data-phase] header [data-slot="conversation.session.header.actions"] > *:has(> button[class$="_trigger"]),
+  [data-phase] header [data-slot="conversation.session.header.lineage"] > *:has(> button[class$="_trigger"]) {
+    display: contents !important;
+  }
+  [data-phase] header [data-slot="conversation.session.header.actions"] [class$="_separator"],
+  [data-phase] header [data-slot="conversation.session.header.lineage"] [class$="_separator"] {
     display: none !important;
   }
-  /* Anchor the popover to the RIGHT edge and clamp it to the viewport. The
-     root now sits at the right edge with zero width, so the official
-     \`left: 0\` would start the 336px panel off-screen; layout.css.ts's
-     \`left: 8px\` re-anchor was written for a viewport-width containing block
-     that this element is not. Right-anchoring is the one that holds for both
-     (2026-08-20: the old pairing put the panel 29px past the right edge). */
-  [data-phase] header [data-slot="conversation.session.header.actions"] [class$="_menu"] {
-    left: auto !important;
-    right: 0 !important;
-    width: min(336px, calc(100vw - 32px)) !important;
-    max-width: none !important;
-    max-height: min(420px, calc(100dvh - 140px)) !important;
-  }
   /* The agent-preset mode badge specifically survives the blanket hide
      above: layout.css.ts's shared <=1023px block targets it directly
      (header [class$="_label"]:has(> svg) { display: block !important }),
@@ -433,7 +425,11 @@ export const HEADER_CSS = `/* ---------- session header five-piece reflow (< 768
     touch-action: manipulation;
     -webkit-tap-highlight-color: transparent;
   }
+  /* pointer-events:none so the invisible official trigger laid over this pill
+     (effects/native-trigger-overlay.ts) is what a tap reaches. The pill is
+     visuals only. */
   [data-mobile-nav="activity-pill"] {
+    pointer-events: none;
     display: inline-flex;
     align-items: center;
     gap: 3px;