dsh-zen-remote 1.0.2 → 1.1.0

package/lib/client.js

@@ -385,6 +385,122 @@ function createNavStore() {
     });
 }
 };
+__modules["history-nav.js"] = function (require, module, exports) {
+"use strict";
+/**
+ * Back-gesture plumbing: a stack of dismissible layers mirrored into
+ * `history`, so Android's system back gesture closes what is on top instead
+ * of leaving the PWA.
+ *
+ * Why this exists at all: the phone shell's page stack is pure store state
+ * (`nav-store.ts`), and nothing ever pushed a history entry. Android's edge
+ * swipe IS the browser's back, so with an empty history it exited the app and
+ * the next launch was a cold reload. The edge is also where the system
+ * gesture lives, which is why the plugin's own edge-swipe never fired on
+ * Android — those pixels never reach the page. `systemGestureExclusionRects`
+ * is a native-app API with no web equivalent, so the gesture cannot be
+ * blocked; it can only be *given something to do*. (An early version called
+ * `history.back()` from the custom gesture and was removed as "a no-op
+ * against an SPA" — the no-op was the missing history entry, not `back()`.)
+ *
+ * Contract, and the one rule that keeps this honest: **layers close in one
+ * direction only.** A surface never flips its own state to closed; it calls
+ * {@link popLayer}, which rewinds history, which fires `popstate`, which runs
+ * the layer's `close`. State driven from both ends drifts out of sync with
+ * the history stack, and the drift shows up as a back gesture that does
+ * nothing.
+ *
+ * Verified against the harness: DSH's own client never touches the History
+ * API (`pushState`/`popstate`/`replaceState` all absent from dsh-client-
+ * runtime, -ui-conversation and -ui-layout, 2026-08-20), so this is
+ * uncontested ground.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pushLayer = pushLayer;
+exports.popLayer = popLayer;
+exports.hasLayer = hasLayer;
+exports.layerDepth = layerDepth;
+exports.resetLayers = resetLayers;
+let stack = [];
+let wired = false;
+function depthOf(state) {
+    if (typeof state !== 'object' || state === null)
+        return 0;
+    const depth = state.dshNav;
+    return typeof depth === 'number' ? depth : 0;
+}
+/**
+ * Unwind to the depth the browser landed on, closing every layer above it.
+ * A single gesture can cross more than one entry (a long swipe, or a
+ * restored session), so this is a loop rather than one pop.
+ */
+function onPopState(event) {
+    const target = depthOf(event.state);
+    while (stack.length > target) {
+        const layer = stack.pop();
+        try {
+            layer?.close();
+        }
+        catch {
+            // A layer that throws must not strand the ones underneath it.
+        }
+    }
+}
+function wire() {
+    if (wired)
+        return;
+    wired = true;
+    window.addEventListener('popstate', onPopState);
+}
+/** Open a layer: remember how to close it, and give back one entry to spend. */
+function pushLayer(layer) {
+    wire();
+    if (stack.some((entry) => entry.id === layer.id))
+        return;
+    stack.push(layer);
+    // Same URL on purpose: these are view states, not addresses. A changed URL
+    // would show up in the PWA's address handling and survive a reload as a
+    // route this app cannot serve.
+    history.pushState({ dshNav: stack.length }, '', location.href);
+}
+/**
+ * Close a layer the app-side way (a close button, a nav action). Rewinds
+ * history instead of flipping state, so the two never diverge.
+ */
+function popLayer(id) {
+    const index = stack.findIndex((entry) => entry.id === id);
+    if (index < 0)
+        return;
+    if (index === stack.length - 1) {
+        // The common case: let popstate do the closing so there is exactly one
+        // code path that ever calls `close`.
+        history.back();
+        return;
+    }
+    // Closed out of order (a deeper layer is still open above it). Drop it from
+    // the stack and close it here — this is the one case where `close` runs
+    // outside popstate, because rewinding would take the deeper layer with it.
+    const [layer] = stack.splice(index, 1);
+    try {
+        layer?.close();
+    }
+    catch {
+        // Same containment as the popstate path.
+    }
+}
+/** Whether a layer is currently open. */
+function hasLayer(id) {
+    return stack.some((entry) => entry.id === id);
+}
+/** Test seam: current depth. */
+function layerDepth() {
+    return stack.length;
+}
+/** Test seam: drop everything without touching history. */
+function resetLayers() {
+    stack = [];
+}
+};
 __modules["session-dot.js"] = function (require, module, exports) {
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -762,6 +878,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const dsh_client_ui_primitives_1 = require("@deepseek-ai/dsh-client-ui-primitives");
 const nav_store_ts_1 = require("./nav-store.js");
+const history_nav_ts_1 = require("./history-nav.js");
+/** The phone shell's one page-stack step: session list -> session. */
+const SESSION_LAYER = 'session';
 const session_dot_ts_1 = require("./session-dot.js");
 const MobileHomeChips_tsx_1 = require("./MobileHomeChips.js");
 /** Phone breakpoint: below the tablet range, where the app-shell layout applies. */
@@ -881,8 +1000,21 @@ function MobileHome({ useSessions, useWorkspaces, useStore, actions, openSession
     // store directly — a handle mounts under exactly one scope, and this one
     // is already root-scoped here (see nav-store.ts) — so it dispatches
     // GO_HOME_EVENT instead and this, the store's actual owner, applies it.
+    //
+    // Both directions go through the history layer (history-nav.ts) so
+    // Android's system back gesture lands on the session→list step instead of
+    // exiting the PWA. GO_HOME_EVENT rewinds rather than setting the store: the
+    // store is only ever moved home by the layer's own close callback, so the
+    // history stack and the page stack cannot drift apart. The direct
+    // `show('home')` fallback covers a session view that was somehow entered
+    // without a layer (a restored session, a host that blocks pushState).
     (0, react_1.useEffect)(() => {
-        const onGoHome = () => actions.show('home');
+        const onGoHome = () => {
+            if ((0, history_nav_ts_1.hasLayer)(SESSION_LAYER))
+                (0, history_nav_ts_1.popLayer)(SESSION_LAYER);
+            else
+                actions.show('home');
+        };
         window.addEventListener(nav_store_ts_1.GO_HOME_EVENT, onGoHome);
         return () => window.removeEventListener(nav_store_ts_1.GO_HOME_EVENT, onGoHome);
     }, [actions]);
@@ -890,6 +1022,7 @@ function MobileHome({ useSessions, useWorkspaces, useStore, actions, openSession
         start();
         setSheet(null);
         actions.show('session');
+        (0, history_nav_ts_1.pushLayer)({ id: SESSION_LAYER, close: () => actions.show('home') });
     };
     // Opens the OFFICIAL settings modal (dsh-client-ui-settings-general's
     // SettingsRoot) by clicking its real trigger button — its "open" state is
@@ -946,6 +1079,47 @@ const nav_store_ts_1 = require("./nav-store.js");
 function IconInfoOutline16({ size = 16 }) {
     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.7", stroke: "currentColor", strokeWidth: "1.3" }), (0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "4.7", r: "0.95", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("rect", { x: "7.25", y: "6.9", width: "1.5", height: "4.7", rx: "0.75", fill: "currentColor" })] }));
 }
+/**
+ * Two more hand-built 14px glyphs, same reason as IconInfoOutline16 above:
+ * the primitives family has no subagent or background-task icon. Drawn on
+ * the same 16-box with the same 1.3 stroke so the activity chip reads as
+ * part of the header icon family.
+ */
+/** Three linked nodes — a parent delegating to children. */
+function IconSubagentOutline14({ 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: "3.2", r: "2", stroke: "currentColor", strokeWidth: "1.3" }), (0, jsx_runtime_1.jsx)("circle", { cx: "3.4", cy: "12.6", r: "2", stroke: "currentColor", strokeWidth: "1.3" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12.6", cy: "12.6", r: "2", stroke: "currentColor", strokeWidth: "1.3" }), (0, jsx_runtime_1.jsx)("path", { d: "M8 5.4v2.2M8 7.6H3.4v3M8 7.6h4.6v3", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+}
+/** A clock face — work still ticking in the background. */
+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
+ * 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.
+ */
+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])`;
+/** 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)
+                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" })] }));
+}
 /**
  * Reads the official session-header tablist by role/aria only (no hashed
  * classes) — the plan's one sanctioned official-DOM read: ChatStore's view
@@ -1002,10 +1176,28 @@ function useViewTabs() {
  * (styles/header.css.ts) keeps them hidden at >= 768px so the tablet drawer
  * and the desktop layout stay exactly as they were.
  */
-function MobileHeaderActions({ t }) {
+function MobileHeaderActions({ sessionId, useSessions, t }) {
     const tabs = useViewTabs();
     const active = tabs.find((tab) => tab.active) ?? tabs[0];
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { type: "button", "data-mobile-nav": "header-back", "aria-label": t('backToList'), title: t('backToList'), onClick: () => window.dispatchEvent(new CustomEvent(nav_store_ts_1.GO_HOME_EVENT)), children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.IconChevronLeftOutline14, { size: 20 }) }), tabs.length > 1 && active !== undefined && ((0, jsx_runtime_1.jsxs)("button", { type: "button", "data-mobile-nav": "header-viewrow", "aria-label": t('switchView'), onClick: () => tabs.find((tab) => !tab.active)?.el.click(), children: [(0, jsx_runtime_1.jsx)("span", { "data-mobile-nav": "header-viewrow-label", children: active.label }), (0, jsx_runtime_1.jsx)("span", { "data-mobile-nav": "header-viewrow-dots", "aria-hidden": "true", children: tabs.map((tab, index) => ((0, jsx_runtime_1.jsx)("i", { "data-active": tab.active ? '' : undefined }, index))) })] }))] }));
+    /* At-a-glance activity, right end of the view-switch row. The native
+       header entries these replace were hidden on phone: both are ~103px wide
+       and the header's left grid column is 92px, so they overflowed straight
+       across the centred session title. Reading the counts from the sessions
+       snapshot instead of re-homing the official DOM keeps React's ownership
+       of its own nodes intact — the detail lives one tap away in the info
+       card, which this chip opens. */
+    const subagents = useSessions((s) => s.subagentsByParent[sessionId]?.entries ?? []);
+    const jobs = useSessions((s) => s.jobsBySession[sessionId] ?? []);
+    const subagentRunning = subagents.some((e) => e.kind === 'child' && e.activity === 'running');
+    const jobRunning = jobs.some((j) => j.status === 'running' || j.status === 'stopping');
+    const jobBad = jobs.some((j) => j.status === 'failed' || j.status === 'killed');
+    const subagentState = subagentRunning ? 'running' : 'done';
+    const jobState = jobRunning ? 'running' : jobBad ? 'warning' : 'done';
+    const hasActivity = subagents.length > 0 || jobs.length > 0;
+    /* Only reached when the official entry is missing entirely — the info
+       card still carries both counts, so the tap explains something. */
+    const openInfoCard = () => { window.dispatchEvent(new CustomEvent(nav_store_ts_1.SESSION_INFO_EVENT)); };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { type: "button", "data-mobile-nav": "header-back", "aria-label": t('backToList'), title: t('backToList'), onClick: () => window.dispatchEvent(new CustomEvent(nav_store_ts_1.GO_HOME_EVENT)), children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.IconChevronLeftOutline14, { size: 20 }) }), tabs.length > 1 && active !== undefined && ((0, jsx_runtime_1.jsxs)("button", { type: "button", "data-mobile-nav": "header-viewrow", "aria-label": t('switchView'), onClick: () => tabs.find((tab) => !tab.active)?.el.click(), children: [(0, jsx_runtime_1.jsx)("span", { "data-mobile-nav": "header-viewrow-label", children: active.label }), (0, jsx_runtime_1.jsx)("span", { "data-mobile-nav": "header-viewrow-dots", "aria-hidden": "true", children: tabs.map((tab, index) => ((0, jsx_runtime_1.jsx)("i", { "data-active": tab.active ? '' : undefined }, index))) })] })), hasActivity && ((0, jsx_runtime_1.jsxs)("div", { "data-mobile-nav": "header-activity", children: [(0, jsx_runtime_1.jsx)(ActivityPill, { kind: "subagent", count: subagents.length, state: subagentState, label: t('infoSubagents', { count: subagents.length }), trigger: SUBAGENT_TRIGGER, onFallback: openInfoCard, Icon: IconSubagentOutline14 }), (0, jsx_runtime_1.jsx)(ActivityPill, { kind: "job", count: jobs.length, state: jobState, label: t('infoJobs', { count: jobs.length }), trigger: JOBS_TRIGGER, onFallback: openInfoCard, Icon: IconTaskOutline14 })] }))] }));
 }
 /**
  * Session header, right lane: the session-info entry (S4 owns the actual
@@ -1096,6 +1288,9 @@ const react_1 = require("react");
 const dsh_client_ui_primitives_1 = require("@deepseek-ai/dsh-client-ui-primitives");
 const client_1 = require("@deepseek-ai/dsh-client-runtime/client");
 const nav_store_ts_1 = require("./nav-store.js");
+const history_nav_ts_1 = require("./history-nav.js");
+/** Layer id for the info sheet, so Android back closes it before leaving the session. */
+const INFO_LAYER = 'session-info';
 const MobileSessionHeader_tsx_1 = require("./MobileSessionHeader.js");
 /* ---- StatsLine-identical formatting -------------------------------------
  * Ported (not imported — the source functions are module-private to
@@ -1123,10 +1318,14 @@ function formatDuration(ms) {
 function billedInputTokens(usage) {
     return usage.uncachedInputTokens + usage.cacheReadTokens + usage.cacheWriteTokens;
 }
-/** Cache-hit share of prompt-side input over the whole durable log; null when nothing was billed. */
+/**
+ * Cache-hit share of prompt-side input over the whole durable log; null when
+ * nothing was billed. Returned unrounded — the cell is the headline figure
+ * now and shows one decimal, so rounding here would throw that digit away.
+ */
 function cacheHitPercent(usage) {
     const denominator = billedInputTokens(usage);
-    return denominator === 0 ? null : Math.round((usage.cacheReadTokens / denominator) * 100);
+    return denominator === 0 ? null : (usage.cacheReadTokens / denominator) * 100;
 }
 /** Data-missing / not-yet-observed placeholder for a stat cell. */
 const NA = '—';
@@ -1161,6 +1360,9 @@ function MobileSessionInfo({ sessionId, useSessions, useProjection, forkSession,
         const onOpen = () => {
             setError(null);
             setOpen(true);
+            // Stack a history entry on top of the session's: Android back now
+            // closes this sheet first and only then leaves the session.
+            (0, history_nav_ts_1.pushLayer)({ id: INFO_LAYER, close: () => setOpen(false) });
         };
         window.addEventListener(nav_store_ts_1.SESSION_INFO_EVENT, onOpen);
         return () => window.removeEventListener(nav_store_ts_1.SESSION_INFO_EVENT, onOpen);
@@ -1168,11 +1370,20 @@ function MobileSessionInfo({ sessionId, useSessions, useProjection, forkSession,
     const tabs = (0, MobileSessionHeader_tsx_1.useViewTabs)();
     const row = useSessions((s) => s.byId[sessionId]);
     const subagentCount = useSessions((s) => s.subagentsByParent[sessionId]?.entries.length ?? 0);
+    const jobCount = useSessions((s) => s.jobsBySession[sessionId]?.length ?? 0);
     const stats = useProjection('sessionStats');
     const usage = useProjection('tokenUsage');
     if (!open)
         return null;
-    const close = () => setOpen(false);
+    // Rewind rather than flip the flag — see the one-direction rule in
+    // history-nav.ts. Falls back to a plain close if the layer is gone (the
+    // sheet was opened before this wiring existed, or pushState is unavailable).
+    const close = () => {
+        if ((0, history_nav_ts_1.hasLayer)(INFO_LAYER))
+            (0, history_nav_ts_1.popLayer)(INFO_LAYER);
+        else
+            setOpen(false);
+    };
     const run = async (action) => {
         setBusy(true);
         setError(null);
@@ -1241,19 +1452,26 @@ function MobileSessionInfo({ sessionId, useSessions, useProjection, forkSession,
             value: stats === undefined || stats.toolMs === 0 ? NA : formatDuration(stats.toolMs),
             sub: undefined,
         },
+        /* Cache hit is the headline, token flow the sub-line (2026-08-20): on a
+           long session the ratio is the number worth glancing at — it moves, and
+           it is what the bill turns on — while the absolute in→out figure is
+           reference detail. One decimal, because "100%" and "99.6%" are very
+           different answers and integer rounding hid that. */
         {
-            label: t('infoStatTokens'),
-            value: tokensEmpty || usage === undefined
-                ? NA
-                : `${formatTokens(billedInputTokens(usage))}→${formatTokens(usage.outputTokens)}`,
-            sub: cacheHit === null ? undefined : t('infoCacheHit', { percent: cacheHit }),
+            label: t('infoStatCacheHit'),
+            value: cacheHit === null ? NA : `${cacheHit.toFixed(1)}%`,
+            sub: tokensEmpty || usage === undefined
+                ? undefined
+                : t('infoTokenFlow', {
+                    io: `${formatTokens(billedInputTokens(usage))}→${formatTokens(usage.outputTokens)}`,
+                }),
         },
     ];
     return ((0, jsx_runtime_1.jsxs)("div", { "data-mobile-nav": "info-layer", children: [(0, jsx_runtime_1.jsx)("div", { "data-mobile-nav": "info-mask", role: "button", tabIndex: -1, "aria-label": t('infoClose'), onClick: close }), (0, jsx_runtime_1.jsxs)("div", { "data-mobile-nav": "info-sheet", role: "dialog", "aria-modal": "true", children: [(0, jsx_runtime_1.jsxs)("div", { "data-mobile-nav": "info-head", children: [tabs.length > 1 && ((0, jsx_runtime_1.jsx)("div", { "data-mobile-nav": "info-tabs", role: "group", "aria-label": t('switchView'), children: tabs.map((tab) => ((0, jsx_runtime_1.jsx)("button", { type: "button", "aria-pressed": tab.active, "data-mobile-nav": "info-tab", "data-selected": tab.active ? '' : undefined, onClick: () => {
                                         if (!tab.active)
                                             tab.el.click();
                                         close();
-                                    }, children: tab.label }, tab.label))) })), (0, jsx_runtime_1.jsx)("button", { type: "button", "data-mobile-nav": "info-close", "aria-label": t('infoClose'), onClick: close, children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.IconCloseOutline16, { size: 16 }) })] }), (0, jsx_runtime_1.jsxs)("div", { "data-mobile-nav": "info-badges", children: [row?.agentPreset !== undefined && (0, jsx_runtime_1.jsx)("span", { "data-mobile-nav": "info-badge", children: row.agentPreset }), subagentCount > 0 && ((0, jsx_runtime_1.jsx)("span", { "data-mobile-nav": "info-badge", children: t('infoSubagents', { count: subagentCount }) })), (0, jsx_runtime_1.jsx)("span", { "data-mobile-nav": "info-badge-cwd", children: cwd ?? t('infoCwdFallback') })] }), (0, jsx_runtime_1.jsx)("div", { "data-mobile-nav": "info-stats", children: cells.map((cell) => ((0, jsx_runtime_1.jsxs)("div", { "data-mobile-nav": "info-stat", children: [(0, jsx_runtime_1.jsx)("span", { "data-mobile-nav": "info-stat-value", children: cell.value }), (0, jsx_runtime_1.jsx)("span", { "data-mobile-nav": "info-stat-label", children: cell.label }), cell.sub !== undefined && (0, jsx_runtime_1.jsx)("span", { "data-mobile-nav": "info-stat-sub", children: cell.sub })] }, cell.label))) }), error !== null && (0, jsx_runtime_1.jsx)("div", { "data-mobile-nav": "info-error", children: t('infoActionError', { message: error }) }), (0, jsx_runtime_1.jsxs)("div", { "data-mobile-nav": "info-actions", children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", "data-mobile-nav": "info-action", disabled: busy, onClick: onExport, children: [(0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.IconDownloadOutline16, { size: 16 }), (0, jsx_runtime_1.jsx)("span", { children: t('infoExport') })] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", "data-mobile-nav": "info-action", disabled: busy, onClick: onRename, children: [(0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.IconEditOutline16, { size: 16 }), (0, jsx_runtime_1.jsx)("span", { children: t('infoRename') })] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", "data-mobile-nav": "info-action", disabled: busy, onClick: onFork, children: [(0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.IconBranchOutline16, { size: 16 }), (0, jsx_runtime_1.jsx)("span", { children: t('infoFork') })] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", "data-mobile-nav": "info-action", "data-mobile-nav-danger": "", disabled: busy, onClick: onArchive, children: [(0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.IconArchiveOutline20, { size: 20 }), (0, jsx_runtime_1.jsx)("span", { children: t('infoArchive') })] })] })] })] }));
+                                    }, children: tab.label }, tab.label))) })), (0, jsx_runtime_1.jsx)("button", { type: "button", "data-mobile-nav": "info-close", "aria-label": t('infoClose'), onClick: close, children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.IconCloseOutline16, { size: 16 }) })] }), (0, jsx_runtime_1.jsxs)("div", { "data-mobile-nav": "info-badges", children: [row?.agentPreset !== undefined && (0, jsx_runtime_1.jsx)("span", { "data-mobile-nav": "info-badge", children: row.agentPreset }), subagentCount > 0 && ((0, jsx_runtime_1.jsx)("span", { "data-mobile-nav": "info-badge", children: t('infoSubagents', { count: subagentCount }) })), jobCount > 0 && ((0, jsx_runtime_1.jsx)("span", { "data-mobile-nav": "info-badge", children: t('infoJobs', { count: jobCount }) })), (0, jsx_runtime_1.jsx)("span", { "data-mobile-nav": "info-badge-cwd", children: cwd ?? t('infoCwdFallback') })] }), (0, jsx_runtime_1.jsx)("div", { "data-mobile-nav": "info-stats", children: cells.map((cell) => ((0, jsx_runtime_1.jsxs)("div", { "data-mobile-nav": "info-stat", children: [(0, jsx_runtime_1.jsx)("span", { "data-mobile-nav": "info-stat-value", children: cell.value }), (0, jsx_runtime_1.jsx)("span", { "data-mobile-nav": "info-stat-label", children: cell.label }), cell.sub !== undefined && (0, jsx_runtime_1.jsx)("span", { "data-mobile-nav": "info-stat-sub", children: cell.sub })] }, cell.label))) }), error !== null && (0, jsx_runtime_1.jsx)("div", { "data-mobile-nav": "info-error", children: t('infoActionError', { message: error }) }), (0, jsx_runtime_1.jsxs)("div", { "data-mobile-nav": "info-actions", children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", "data-mobile-nav": "info-action", disabled: busy, onClick: onExport, children: [(0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.IconDownloadOutline16, { size: 16 }), (0, jsx_runtime_1.jsx)("span", { children: t('infoExport') })] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", "data-mobile-nav": "info-action", disabled: busy, onClick: onRename, children: [(0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.IconEditOutline16, { size: 16 }), (0, jsx_runtime_1.jsx)("span", { children: t('infoRename') })] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", "data-mobile-nav": "info-action", disabled: busy, onClick: onFork, children: [(0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.IconBranchOutline16, { size: 16 }), (0, jsx_runtime_1.jsx)("span", { children: t('infoFork') })] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", "data-mobile-nav": "info-action", "data-mobile-nav-danger": "", disabled: busy, onClick: onArchive, children: [(0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.IconArchiveOutline20, { size: 20 }), (0, jsx_runtime_1.jsx)("span", { children: t('infoArchive') })] })] })] })] }));
 }
 };
 __modules["attach-upload.js"] = function (require, module, exports) {
@@ -1712,6 +1930,12 @@ exports.BASE_CSS = `
   align-items: center;
   justify-content: center;
   height: 36px;
+  /* The notice's action row is a flex row and the official confirm button
+     takes the slack; without an explicit shrink guard this button collapsed
+     to about two characters wide on a phone. Content width, never squeezed. */
+  flex: 0 0 auto;
+  min-width: max-content;
+  white-space: nowrap;
   padding: 0 14px;
   margin-right: 8px;
   border: 1px solid var(--dsw-alias-border-l2, rgba(0, 0, 0, .15));
@@ -2898,7 +3122,14 @@ exports.COMPAT_CSS = `  /* ---------- dsh-web-ui family compatibility ----------
       border: none;
       border-radius: 999px;
       background: var(--dsw-alias-bg-base, #fff);
-      box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
+      /* Drop shadow alone does not draw an edge: the fill is bg-base, which in
+         dark theme is the same colour as the surface behind it, and a black
+         shadow on a dark ground is invisible — the pill read as floating text
+         with no boundary. The inset hairline is the edge; the drop shadow only
+         lifts it. Same token the session rows use for their dark-mode ring. */
+      box-shadow:
+        inset 0 0 0 1px var(--dsw-alias-border-l2, rgba(0, 0, 0, .14)),
+        0 4px 16px rgba(0, 0, 0, .2);
       color: var(--dsw-alias-label-primary, inherit);
       font-family: inherit;
       font-size: 14px;
@@ -3207,14 +3438,19 @@ exports.HOME_CSS = `/* ---------- phone app shell (< 768px) ---------- */
        values, not source-read guesses, are what actually matter here —
        --dsw-alias-bg-base/-layer-1/-layer-2 all resolve to the exact same
        color in the LIGHT theme (neutral-bluish-00, i.e. plain white); they
-       only diverge in dark mode. A layer-* token would have made the page
-       and its cards indistinguishable in light mode specifically — the
-       opposite of what was asked. --dsw-specific-sidebar-fill differs from
-       bg-base in BOTH themes (bluish-50 vs -00 light, bluish-900 vs -950
-       dark) and is the exact token dsh-better-sidebar's own panel already
-       uses for this same "secondary surface next to bg-base content"
-       role, so it is the correct reuse rather than a new hardcoded gray. */
-    background: var(--dsw-specific-sidebar-fill, #f5f5f5);
+       only diverge in dark mode.
+
+       2026-08-20: the page and the CARDS swapped tokens. This surface used
+       to be --dsw-specific-sidebar-fill, which made the list page a
+       different shade from the session page — measured on-device in dark
+       theme, rgb(27,27,28) here against rgb(21,21,23) there, a visible step
+       every time you opened a session. The page now takes bg-base, the same
+       token the session page and <body> resolve to, so the two screens are
+       literally the same colour; the cards took sidebar-fill in exchange, so
+       the contrast that separates a row from the page is preserved — it
+       just runs the other way (raised card on a base page, the more
+       conventional reading of the two anyway). */
+    background: var(--dsw-alias-bg-base, #ffffff);
     color: var(--dsw-alias-label-primary, inherit);
     padding-top: var(--mnav-sat);
     transform: translateX(0);
@@ -3332,7 +3568,10 @@ exports.HOME_CSS = `/* ---------- phone app shell (< 768px) ---------- */
     padding: 14px 16px;
     border: none;
     border-radius: 22px;
-    background: var(--dsw-alias-bg-base, #ffffff);
+    /* The page's old colour (see the swap note on [data-mobile-nav="home"]):
+       differs from bg-base in BOTH themes, and is the token
+       dsh-better-sidebar's panel already uses for a secondary surface. */
+    background: var(--dsw-specific-sidebar-fill, #f5f5f5);
     color: inherit;
     font-family: inherit;
     text-align: left;
@@ -3435,7 +3674,8 @@ exports.HOME_CSS = `/* ---------- phone app shell (< 768px) ---------- */
     margin: 12px 16px;
     padding: 48px 24px;
     border-radius: 22px;
-    background: var(--dsw-alias-bg-base, #ffffff);
+    /* Stands in for the rows, so it carries the rows' surface. */
+    background: var(--dsw-specific-sidebar-fill, #f5f5f5);
     color: var(--dsw-alias-label-secondary, rgba(0, 0, 0, .5));
     font-size: 15px;
     text-align: center;
@@ -3611,6 +3851,7 @@ exports.HEADER_CSS = `/* ---------- session header five-piece reflow (< 768px) -
    list in misc.css.ts. */
 [data-mobile-nav="header-back"],
 [data-mobile-nav="header-viewrow"],
+[data-mobile-nav="header-activity"],
 [data-mobile-nav="header-info"],
 [data-mobile-nav="header-workbench"],
 /* The workbench close pill's default-hidden used to live in compat.css.ts —
@@ -3853,6 +4094,48 @@ 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;
+  }
+  /* 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"] {
+    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 }),
@@ -3870,6 +4153,12 @@ exports.HEADER_CSS = `/* ---------- session header five-piece reflow (< 768px) -
   [data-phase] header [data-slot="conversation.session.header.actions"] > [data-mobile-nav="header-viewrow"] {
     display: flex !important;
   }
+  /* Our own chip lives in the same slot, so the blanket hide above swallows
+     it unless it is named here too (it was, on the first build: the chip
+     rendered with the right counts and painted nothing). */
+  [data-phase] header [data-slot="conversation.session.header.actions"] > [data-mobile-nav="header-activity"] {
+    display: inline-flex !important;
+  }
   [data-phase] header [data-slot="conversation.session.header.utilities"] > [data-mobile-nav="header-info"],
   [data-phase] header [data-slot="conversation.session.header.utilities"] > [data-mobile-nav="header-workbench"] {
     display: inline-flex !important;
@@ -3947,6 +4236,80 @@ exports.HEADER_CSS = `/* ---------- session header five-piece reflow (< 768px) -
      display:contents on titleCluster does not break that search — so
      top:100% sits directly under the title regardless of the title row's
      actual height, with no hardcoded offset to keep in sync. */
+  /* Activity chip (subagents / background tasks) rides the right end of the
+     same band. It is a SIBLING of the switch button, not a child — that
+     button spans the full row, so nesting would make every tap on the chip
+     switch views too — and it shares titleRow as its containing block, so
+     top:100% lands both on the same 28px line. z-index puts it above the
+     row it overlaps. */
+  [data-mobile-nav="header-activity"] {
+    position: absolute;
+    right: 0;
+    top: 100%;
+    z-index: 1;
+    display: inline-flex;
+    align-items: center;
+    gap: 9px;
+    height: 28px;
+    padding: 0 2px 0 10px;
+    border: none;
+    background: transparent;
+    color: var(--dsw-alias-label-secondary, rgba(0, 0, 0, .5));
+    font-family: inherit;
+    cursor: pointer;
+    touch-action: manipulation;
+    -webkit-tap-highlight-color: transparent;
+  }
+  [data-mobile-nav="activity-pill"] {
+    display: inline-flex;
+    align-items: center;
+    gap: 3px;
+    height: 28px;
+    padding: 0;
+    border: none;
+    background: transparent;
+    color: inherit;
+    font-family: inherit;
+    font-size: 12px;
+    line-height: 18px;
+    cursor: pointer;
+    touch-action: manipulation;
+    -webkit-tap-highlight-color: transparent;
+  }
+  [data-mobile-nav="activity-pill"]:active {
+    opacity: .55;
+  }
+  [data-mobile-nav="activity-count"] {
+    font-variant-numeric: tabular-nums;
+  }
+  /* Steady green = everything settled. */
+  [data-mobile-nav="activity-dot"] {
+    display: block;
+    width: 6px;
+    height: 6px;
+    margin-left: 1px;
+    border-radius: 50%;
+    background: var(--dsw-alias-state-success-primary, #16a34a);
+  }
+  /* A job that failed or was killed is not a success — never paint it green. */
+  [data-activity-state="warning"] [data-mobile-nav="activity-dot"] {
+    background: var(--dsw-alias-state-warn-primary, #d97706);
+  }
+  /* Pulsing blue = still running. Same state palette as the session dot. */
+  [data-activity-state="running"] [data-mobile-nav="activity-dot"] {
+    background: var(--dsw-alias-state-business-primary, #4f6ef7);
+    animation: dsh-zen-activity-pulse 1.4s ease-in-out infinite;
+  }
+  @keyframes dsh-zen-activity-pulse {
+    0%, 100% { opacity: 1; transform: scale(1); }
+    50% { opacity: .45; transform: scale(.72); }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    [data-activity-state="running"] [data-mobile-nav="activity-dot"] {
+      animation: none;
+    }
+  }
+
   [data-mobile-nav="header-viewrow"] {
     position: absolute;
     left: 0;
@@ -4278,6 +4641,31 @@ exports.COMPOSER_CSS = `/* ---------- phone composer (< 768px) ---------- */
     padding: 0 10px !important;
     font-size: 11.5px !important;
   }
+  /* --- 7a. the native to-do card opts OUT of the 26px pill cage ---
+     conversation.input.dock is not only a chip rail: DSH's own TodoPanel
+     (dsh-client-ui-conversation) registers here, and it is an expandable
+     card, not a pill — tapping its header renders the to-do list INSIDE
+     itself. The cage's max-height:26px + overflow:hidden left that list
+     rendered but clipped to nothing, so on a phone the bar looked dead:
+     aria-expanded flipped, 8 rows mounted at 216px, and the card still
+     painted 26px tall (measured live, 2026-08-20). Give it the official
+     geometry back — full row, natural height, 12px radius. Its list caps
+     itself at 180px with its own scroller, so this cannot run into the
+     composer. Anchored on the official data-testid, a stable contract
+     marker rather than a hashed class name. */
+  [data-slot="conversation.input.dock"] > [data-testid="todo-panel"] {
+    flex: 1 1 auto !important;
+    min-width: 0 !important;
+    max-width: none !important;
+    min-height: 0 !important;
+    max-height: none !important;
+    overflow: visible !important;
+    border-radius: 12px !important;
+    /* The cage shrinks dock text to 11.5px/18px; the card's rows inherit it
+       and turn cramped. Restore the official 13px body scale. */
+    font-size: 13px !important;
+    line-height: normal !important;
+  }
 
   /* --- 7b. attachment chips (S7.1) ---
      Our own dock entry opts OUT of the 26px pill cage above: an image chip is
@@ -4972,7 +5360,10 @@ exports.CHIPS_CSS = `/* ---------- chips row + settings entry (S5) ---------- */
     padding: 0 14px;
     border: none;
     border-radius: 17px;
-    background: var(--dsw-alias-bg-base, #ffffff);
+    /* Same surface as the list rows: the home page is bg-base since the
+       2026-08-20 swap (see home.css.ts), so a bg-base chip would disappear
+       into it. */
+    background: var(--dsw-specific-sidebar-fill, #f5f5f5);
     color: var(--dsw-alias-label-primary, inherit);
     font-family: inherit;
     font-size: 13px;
@@ -5112,6 +5503,30 @@ exports.CONTENT_CSS = `/* ---------- chat markdown content (< 768px) ----------
     overflow-wrap: anywhere;
   }
 
+  /* Transcript density (2026-08-20): the desktop prose rhythm is 28px of
+     leading on 15px text — a 1.87 ratio that reads generously on a wide
+     column but wastes a phone screen, where the same paragraph is three
+     times as many lines. Unitless 1.65 so nested blocks (code, quotes,
+     lists) recompute from their OWN font-size instead of inheriting a fixed
+     28px that is far too loose for 12-13px chrome text. 1.65 is the floor I
+     am willing to go to for mixed CJK/Latin: the glyphs are full-height with
+     no descender relief, so tighter starts to look stacked. Phone only —
+     the desktop column keeps the official rhythm. */
+  [class*="_markdown_"] {
+    line-height: 1.65;
+  }
+  /* Paragraph rhythm. Each paragraph is its own markdown block and the
+     separation comes from the flex container's row-gap, not from margins —
+     at the stock 16px the paragraph baseline step was 40.75px against a
+     24.75px line step, i.e. 1.65x, which is what reads as airy. 12px brings
+     the step to ~36.75px: still clearly more than one line so paragraphs
+     never run together, but noticeably denser. Scoped by :has() to
+     containers that actually hold prose blocks, so tool cards and other
+     flex bodies with the same hashed suffix keep their own spacing. */
+  [data-phase] [class$="_body"]:has(> [class*="_markdown_"]) {
+    row-gap: 12px !important;
+  }
+
   /* Markdown tables: the official _tableScroll_ wrapper is already a
      horizontal scroll viewport around a width:max-content table, but its
      cells are capped at min(30vw, 320px) — barely 120px on a phone, which
@@ -6274,13 +6689,15 @@ exports.zh = {
     'infoMode': '模式',
     'infoCwdFallback': '未知目录',
     'infoSubagents': '{count} 个子代理',
+    'infoJobs': '{count} 个后台任务',
+    'activityOpen': '查看子代理与后台任务',
     'infoStatTurns': '轮次',
     'infoStatSteps': '步骤',
     'infoStatTtft': '首字延迟',
     'infoStatLlm': '模型耗时',
     'infoStatTool': '工具耗时',
-    'infoStatTokens': 'Token',
-    'infoCacheHit': '缓存 {percent}%',
+    'infoStatCacheHit': '缓存命中',
+    'infoTokenFlow': 'Token {io}',
     'infoExport': '导出日志',
     'infoRename': '重命名',
     'infoRenamePrompt': '会话新名称',
@@ -6325,13 +6742,15 @@ exports.en = {
     'infoMode': 'Mode',
     'infoCwdFallback': 'Unknown directory',
     'infoSubagents': '{count} subagents',
+    'infoJobs': '{count} background tasks',
+    'activityOpen': 'View subagents and background tasks',
     'infoStatTurns': 'Turns',
     'infoStatSteps': 'Steps',
     'infoStatTtft': 'TTFT',
     'infoStatLlm': 'LLM time',
     'infoStatTool': 'Tool time',
-    'infoStatTokens': 'Tokens',
-    'infoCacheHit': 'Cache {percent}%',
+    'infoStatCacheHit': 'Cache hit',
+    'infoTokenFlow': 'Tokens {io}',
     'infoExport': 'Export log',
     'infoRename': 'Rename',
     'infoRenamePrompt': 'New session name',
@@ -6628,6 +7047,107 @@ function installTurnFold(ctx) {
     }, 'dsh-mobile-nav: turn process fold');
 }
 };
+__modules["effects/modal-back.js"] = function (require, module, exports) {
+"use strict";
+/**
+ * Give Android's back gesture something to close for modals this plugin does
+ * NOT own — the official settings/export dialogs, the composer's permission
+ * and model sheets, third-party panels like dsh-better-sidebar's workbench.
+ *
+ * Those all keep their open state in their own React components with no
+ * public setter, so there is nothing to call. What they do share is a
+ * contract the DOM exposes: while open they are `[aria-modal="true"]`, and
+ * they close on Escape (the standard dismissal every one of these primitives
+ * implements). So: watch for one appearing, stack a history layer, and close
+ * it by sending Escape.
+ *
+ * Anchored on the ARIA contract rather than on any hashed class or plugin
+ * name, so a modal from a plugin nobody has written compat for still gets a
+ * working back gesture.
+ *
+ * Phone only. On desktop the back gesture is not a thing and the official
+ * dialogs keep their own behaviour untouched (the repo's desktop no-op rule).
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.installModalBack = installModalBack;
+const history_nav_ts_1 = require("./history-nav.js");
+const PHONE = '(max-width: 767px)';
+/**
+ * Modals this plugin does NOT own. Every surface the plugin builds itself
+ * carries a `data-mobile-nav` marker and registers its own layer with a real
+ * close callback, so excluding them here is what keeps a sheet from being
+ * counted twice.
+ *
+ * It was counted twice once (2026-08-20, caught on-device): the info card
+ * pushed its own layer AND matched here, so one back press unwound two
+ * entries, the history landed at the root while the session view stayed on
+ * screen, and the next press did nothing at all.
+ */
+const MODAL = '[aria-modal="true"]:not([data-mobile-nav])';
+/** One id per open modal, so nesting (a dialog over a sheet) still stacks. */
+let seq = 0;
+function escapeTo(el) {
+    const init = { key: 'Escape', code: 'Escape', keyCode: 27, which: 27, bubbles: true, cancelable: true };
+    el.dispatchEvent(new KeyboardEvent('keydown', init));
+    el.dispatchEvent(new KeyboardEvent('keyup', init));
+}
+function installModalBack(ctx) {
+    ctx.effect(() => {
+        const phone = window.matchMedia(PHONE);
+        /** Modal element -> the layer id standing in for it. */
+        const tracked = new Map();
+        const sync = () => {
+            if (!phone.matches) {
+                // Leaving the phone breakpoint: drop the layers, keep the modals.
+                for (const id of tracked.values())
+                    if ((0, history_nav_ts_1.hasLayer)(id))
+                        (0, history_nav_ts_1.popLayer)(id);
+                tracked.clear();
+                return;
+            }
+            const open = new Set(document.querySelectorAll(MODAL));
+            for (const el of open) {
+                if (tracked.has(el))
+                    continue;
+                seq += 1;
+                const id = `modal-${seq}`;
+                tracked.set(el, id);
+                (0, history_nav_ts_1.pushLayer)({
+                    id,
+                    close: () => {
+                        tracked.delete(el);
+                        // Only meaningful while it is still mounted; a modal the user
+                        // already dismissed just consumes its entry silently.
+                        if (el.isConnected)
+                            escapeTo(el);
+                    },
+                });
+            }
+            for (const [el, id] of [...tracked]) {
+                if (open.has(el))
+                    continue;
+                // Closed by its own affordance (X, backdrop, Escape). Spend the entry
+                // so the next back press moves the page stack instead of no-opping.
+                tracked.delete(el);
+                if ((0, history_nav_ts_1.hasLayer)(id))
+                    (0, history_nav_ts_1.popLayer)(id);
+            }
+        };
+        const observer = new MutationObserver(sync);
+        observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['aria-modal'] });
+        phone.addEventListener('change', sync);
+        sync();
+        return () => {
+            observer.disconnect();
+            phone.removeEventListener('change', sync);
+            for (const id of tracked.values())
+                if ((0, history_nav_ts_1.hasLayer)(id))
+                    (0, history_nav_ts_1.popLayer)(id);
+            tracked.clear();
+        };
+    }, 'dsh-zen-remote: modal back gesture');
+}
+};
 __modules["effects/welcome-notice.js"] = function (require, module, exports) {
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -6841,6 +7361,7 @@ const aionui_compat_ts_1 = require("./effects/aionui-compat.js");
 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 welcome_notice_ts_1 = require("./effects/welcome-notice.js");
 const keyboard_guard_ts_1 = require("./effects/keyboard-guard.js");
 const locales_ts_1 = require("./locales.js");
@@ -6886,6 +7407,7 @@ function apply(ctx) {
     // effects/turn-fold.ts for why the keyed conversation.chat.node seat could
     // not carry this.
     (0, turn_fold_ts_1.installTurnFold)(ctx);
+    (0, modal_back_ts_1.installModalBack)(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.