dsh-zen-remote 1.1.11 → 1.1.13

package/lib/client.js

@@ -316,12 +316,188 @@ function MobileDrawerFooter({ useSessions, downloadSessionLog, toggleSidebar, t
                 }, children: [(0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.IconDownloadOutline16, { size: 14 }), (0, jsx_runtime_1.jsx)("span", { children: t('sessionLog') })] })] }));
 }
 };
+__modules["compat/types.js"] = function (require, module, exports) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.agentPresetOf = agentPresetOf;
+exports.hasPendingInteraction = hasPendingInteraction;
+/**
+ * 0.1.1's session row carries `agentPreset`; 0.1.2 dropped it. Reading it
+ * must not depend on which version's types are in scope in the current
+ * file, so narrow through unknown.
+ * @param row - a session row of either version.
+ * @returns the agent preset name, or undefined when absent.
+ */
+function agentPresetOf(row) {
+    const agentPreset = row?.agentPreset;
+    return typeof agentPreset === 'string' ? agentPreset : undefined;
+}
+/**
+ * 0.1.1's session row carries `pendingInteraction` (the pending-interaction
+ * state behind the sidebar's yellow dot); 0.1.2 serves it from the
+ * uiSession service instead. This answers only "does this row carry a
+ * pending interaction".
+ * @param row - a session row of either version.
+ * @returns true when the row has a pending interaction.
+ */
+function hasPendingInteraction(row) {
+    const pending = row?.pendingInteraction;
+    return pending !== undefined && pending !== null;
+}
+};
+__modules["compat/store.js"] = function (require, module, exports) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createSnapshotStore = createSnapshotStore;
+exports.defineStore = defineStore;
+exports.workspaceTitleOf = workspaceTitleOf;
+/**
+ * Create a snapshot store with optional whole-value localStorage persistence.
+ * The 0.1.1 `opts.flush: 'raf' | 'sync'` mode is deliberately not
+ * implemented: this plugin never used it (chips-store.ts persists
+ * synchronously and React reads via useSyncExternalStore).
+ * @param init - initial state.
+ * @param opts - optional persistence key.
+ * @returns the store.
+ */
+function createSnapshotStore(init, opts) {
+    let state = init;
+    const listeners = new Set();
+    const persistName = opts?.persist?.name;
+    // Rehydrate once at construction: a persisted whole value replaces the
+    // initial state wholesale. Failures (quota, private mode, corrupted JSON)
+    // only log — a broken persisted value must not take the store down, and a
+    // store that cannot persist must still work in memory.
+    if (persistName !== undefined && typeof localStorage !== 'undefined') {
+        try {
+            const raw = localStorage.getItem(persistName);
+            if (raw !== null)
+                state = JSON.parse(raw);
+        }
+        catch (error) {
+            console.error(`snapshot store '${persistName}' rehydration failed:`, error);
+        }
+    }
+    const persist = () => {
+        if (persistName === undefined || typeof localStorage === 'undefined')
+            return;
+        try {
+            localStorage.setItem(persistName, JSON.stringify(state));
+        }
+        catch (error) {
+            console.error(`snapshot store '${persistName}' persistence failed:`, error);
+        }
+    };
+    const notify = () => {
+        // Iterate a snapshot of the set so a callback that unsubscribes cannot
+        // make the loop skip listeners registered after it.
+        for (const fn of [...listeners])
+            fn();
+    };
+    return {
+        getSnapshot: () => state,
+        subscribe: (fn) => {
+            listeners.add(fn);
+            return () => {
+                listeners.delete(fn);
+            };
+        },
+        update: (mutator) => {
+            // ponytail: official uses immer's structural sharing; here we copy one
+            // level shallowly (array spread / object spread) and let the mutator
+            // edit that copy before swapping it in wholesale. That only supports
+            // one-level-deep draft writes — fine while both plugin stores stay
+            // flat ({view, workspace}, Record<string, boolean>); if a state ever
+            // nests, switch this to immer instead of deepening the copy.
+            const draft = (Array.isArray(state) ? [...state] : { ...state });
+            mutator(draft);
+            state = draft;
+            notify();
+            persist();
+        },
+        set: (next) => {
+            state = next;
+            notify();
+            persist();
+        },
+    };
+}
+/**
+ * Declare a store: an init lambda (fresh state per instance), an optional
+ * persistence key, and the full write set as pure draft mutators. Returns
+ * the registration currency of the slot system's store seat.
+ *
+ * The `A & ActionsDecl<T>` actions position is load-bearing: T resolves from
+ * `init` in the first inference round, and the intersection then
+ * contextually types each mutator's draft parameter, so call sites write
+ * `(draft, view: MobileView) => { … }` without annotating the draft. Keep
+ * the intersection — dropping it makes nav-store.ts fail to typecheck.
+ *
+ * Persist-key rules mirror the official defineStore: `decl.persist` alone at
+ * root scope, suffixed with `.{scopeKey}` per session scope, none when
+ * `decl.persist` is absent.
+ * @param decl - init/persist/actions declaration.
+ * @returns the store handle.
+ */
+function defineStore(decl) {
+    return {
+        spec: decl,
+        create(scopeKey) {
+            const persistKey = decl.persist === undefined
+                ? undefined
+                : scopeKey === undefined
+                    ? decl.persist
+                    : `${decl.persist}.${scopeKey}`;
+            const store = createSnapshotStore(decl.init(), persistKey !== undefined ? { persist: { name: persistKey } } : undefined);
+            // TS cannot verify an object that is filled key-by-key from
+            // Object.keys(decl.actions) satisfies the BakedActions mapped type, so
+            // the map is built loosely and narrowed once at the contract boundary;
+            // at runtime every declared action key is present (the declaration's
+            // own keys are the ones iterated).
+            const actions = {};
+            for (const [key, mutate] of Object.entries(decl.actions)) {
+                actions[key] = (...params) => {
+                    store.update((draft) => {
+                        mutate(draft, ...params);
+                    });
+                };
+            }
+            return {
+                actions: actions,
+                getSnapshot: () => store.getSnapshot(),
+                subscribe: (fn) => store.subscribe(fn),
+                store,
+                clearPersisted: () => {
+                    if (persistKey === undefined || typeof localStorage === 'undefined')
+                        return;
+                    try {
+                        localStorage.removeItem(persistKey);
+                    }
+                    catch {
+                        // Storage gone or denied: nothing to clean up anyway.
+                    }
+                },
+            };
+        },
+    };
+}
+/**
+ * Last path segment of a workspace directory, for showing "which workspace
+ * is this session in" on the mobile info card. 0.1.1's one-line
+ * implementation, kept verbatim.
+ * @param cwd - a workspace path (posix or windows separators).
+ * @returns the trailing name, or '' when no non-empty segment exists.
+ */
+function workspaceTitleOf(cwd) {
+    return cwd.replace(/[/\\]+$/, '').split(/[/\\]/).pop() ?? '';
+}
+};
 __modules["nav-store.js"] = function (require, module, exports) {
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SESSION_INFO_EVENT = exports.GO_HOME_EVENT = void 0;
 exports.createNavStore = createNavStore;
-const client_1 = require("@deepseek-ai/dsh-client-runtime/client");
+const store_ts_1 = require("./compat/store.js");
 /**
  * `window` event a `conversation.session.header.*` slot (session scope)
  * fires to move the ROOT-scope nav store back to `home` — see
@@ -362,7 +538,7 @@ exports.SESSION_INFO_EVENT = 'dsh-mobile-nav:session-info';
  * one apply().
  */
 function createNavStore() {
-    return (0, client_1.defineStore)({
+    return (0, store_ts_1.defineStore)({
         init: () => ({ view: 'home', workspace: null }),
         actions: {
             /**
@@ -505,16 +681,25 @@ __modules["session-dot.js"] = function (require, module, exports) {
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.dotState = dotState;
+const types_ts_1 = require("./compat/types.js");
 /**
  * Status dot state of one session, matching the official sidebar semantics.
  * Shared by the home-screen row dots (MobileHome.tsx) and the session
  * header's running indicator (effects/header-status.ts), which reads it
  * outside React — see that module for why.
- * @param row - session summary.
+ *
+ * Pending interaction has two version-specific sources: `pending` is the
+ * 0.1.2 source (the uiSession service / useSessionPendingInteraction map,
+ * which this dot's caller resolves), and `hasPendingInteraction(row)` is the
+ * 0.1.1 source (the row's own field). Each version hits exactly one of the
+ * two: on 0.1.2 the row field is gone so the row check is always false, and
+ * on 0.1.1 `pending` is always false because the caller has no uiSession.
+ * @param row - session row.
+ * @param pending - whether the uiSession pending map has this row (0.1.2).
  * @returns the dot state, or undefined when the row needs no dot.
  */
-function dotState(row) {
-    if (row.pendingInteraction !== undefined)
+function dotState(row, pending) {
+    if (pending === true || (0, types_ts_1.hasPendingInteraction)(row))
         return 'warning';
     if (row.running)
         return 'ongoing';
@@ -529,7 +714,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.isChipEnabled = isChipEnabled;
 exports.toggleChip = toggleChip;
 exports.useChipsPrefs = useChipsPrefs;
-const client_1 = require("@deepseek-ai/dsh-client-runtime/client");
+const store_ts_1 = require("./compat/store.js");
 const react_1 = require("react");
 /**
  * Plain `createSnapshotStore` (runtime contract/store.d.ts), not a
@@ -544,7 +729,7 @@ const react_1 = require("react");
  * localStorage-backed identity, so re-importing the module always reaches
  * the same store.
  */
-const store = (0, client_1.createSnapshotStore)({}, { persist: { name: 'dsh-mobile-nav.chips' } });
+const store = (0, store_ts_1.createSnapshotStore)({}, { persist: { name: 'dsh-mobile-nav.chips' } });
 /** @param prefs - current snapshot. @param id - chip id. @returns whether the chip should render (default true). */
 function isChipEnabled(prefs, id) {
     return prefs[id] !== false;
@@ -877,6 +1062,7 @@ exports.MobileHome = MobileHome;
 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 types_ts_1 = require("./compat/types.js");
 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. */
@@ -885,6 +1071,16 @@ 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. */
 const PHONE_QUERY = '(max-width: 767px)';
+/**
+ * Empty pending-interaction map singleton: when the 0.1.2 source is absent
+ * the fallback hook returns THIS map, so the selector sees one stable
+ * reference across renders — a fresh Map per render would make every
+ * selector result a new reference and loop the list into infinite
+ * re-renders. Module-level on purpose.
+ */
+const EMPTY_PENDING_MAP = new Map();
+/** 0.1.1 兜底：恒返回空 Map 的替身 hook（见组件里 useSessionPendingInteraction ?? EMPTY_PENDING_HOOK）。 */
+const EMPTY_PENDING_HOOK = (sel) => sel(EMPTY_PENDING_MAP);
 /** Swipe geometry: reveal width of the archive action / settle threshold. */
 const SWIPE_REVEAL = 88;
 const SWIPE_SETTLE = 44;
@@ -1029,19 +1225,20 @@ function relativeTime(at) {
 /**
  * Card status subline (real-device round 2 follow-up, 2026-08-17): reuses
  * `dotState`'s own state read (the same ongoing/warning/done semantics the
- * dot already encodes) plus `agentPreset` from the same `SessionSummary`
- * row — no new data source. Returns undefined when there is neither a
+ * dot already encodes) plus `agentPreset` from the same session row — no
+ * new data source. Returns undefined when there is neither a
  * state nor a preset to show, so the caller can skip the subline entirely
  * rather than render an empty row.
  */
 function statusLine(row, dot, t) {
+    const preset = (0, types_ts_1.agentPresetOf)(row);
     const state = dot === 'ongoing' ? t('homeStatusOngoing')
         : dot === 'warning' ? t('homeStatusWarning')
             : dot === 'done' ? t('homeStatusDone')
                 : undefined;
-    if (state !== undefined && row.agentPreset !== undefined)
-        return `${state} · ${row.agentPreset}`;
-    return state ?? row.agentPreset;
+    if (state !== undefined && preset !== undefined)
+        return `${state} · ${preset}`;
+    return state ?? preset;
 }
 /**
  * Phone home screen: the full-screen session list that owns the first level
@@ -1052,7 +1249,7 @@ function statusLine(row, dot, t) {
  * all navigation from the injected official actions; nothing here reads the
  * official DOM.
  */
-function MobileHome({ useSessions, useWorkspaces, useStore, actions, openSession, startSession, downloadSessionLog, archiveSession, t, }) {
+function MobileHome({ useSessions, useWorkspaces, useSessionPendingInteraction, useStore, actions, openSession, startSession, downloadSessionLog, archiveSession, t, }) {
     const phone = usePhone();
     const iconHref = useSiteIconHref();
     const [iconBroken, setIconBroken] = (0, react_1.useState)(false);
@@ -1065,6 +1262,11 @@ function MobileHome({ useSessions, useWorkspaces, useStore, actions, openSession
     const [sheet, setSheet] = (0, react_1.useState)(null);
     /** The one row whose archive action is swiped open (null = none). */
     const [swipeOpen, setSwipeOpen] = (0, react_1.useState)(null);
+    // 0.1.2 的待处理交互来源；0.1.1 没有这个标准 prop，读到 undefined 时用一个
+    // 恒返回空 Map 的替身，保证 hook 调用次数与顺序在两版之间一致（hooks 规则：
+    // 真实 hook 只在 0.1.2 被调用，且每次渲染同一位置无条件调用一次）。
+    const pendingHook = useSessionPendingInteraction ?? EMPTY_PENDING_HOOK;
+    const pending = pendingHook((m) => m);
     /** Archive with the same confirm gate the session-info card uses. */
     const onArchiveRow = (id) => {
         if (!window.confirm(t('infoArchiveConfirm'))) {
@@ -1164,7 +1366,7 @@ function MobileHome({ useSessions, useWorkspaces, useStore, actions, openSession
         return null;
     const title = selectedWorkspace?.title ?? t('allWorkspaces');
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [view === 'session' && ((0, jsx_runtime_1.jsx)("button", { type: "button", "data-mobile-nav": "hero-back", "aria-label": t('backToList'), onClick: () => actions.show('home'), children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.IconChevronLeftOutline14, { size: 20 }) })), (0, jsx_runtime_1.jsxs)("div", { "data-mobile-nav": "home", "data-view": view, "aria-hidden": view === 'session', children: [(0, jsx_runtime_1.jsxs)("div", { "data-mobile-nav": "home-top", children: [iconHref !== undefined && !iconBroken && ((0, jsx_runtime_1.jsx)("img", { src: iconHref, alt: "", "aria-hidden": "true", "data-mobile-nav": "home-logo", onError: () => setIconBroken(true) })), (0, jsx_runtime_1.jsxs)("button", { type: "button", "data-mobile-nav": "ws-switch", "aria-haspopup": "menu", onClick: () => setSheet('filter'), children: [(0, jsx_runtime_1.jsx)("span", { children: title }), (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.IconChevronDownOutline14, { size: 14 })] }), (0, jsx_runtime_1.jsx)("button", { type: "button", "data-mobile-nav": "home-settings", "aria-label": t('settings'), title: t('settings'), onClick: openSettings, children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.IconSettingsOutline16, { size: 18 }) })] }), (0, jsx_runtime_1.jsx)(MobileHomeChips_tsx_1.MobileHomeChips, { t: t, sessionId: sessions.current, downloadSessionLog: (id) => downloadSessionLog(id), onCustomize: () => setSheet('chips') }), (0, jsx_runtime_1.jsxs)("ul", { "data-mobile-nav": "home-list", children: [rows.map((row) => {
-                                const dot = (0, session_dot_ts_1.dotState)(row);
+                                const dot = (0, session_dot_ts_1.dotState)(row, pending.has(row.id));
                                 const status = statusLine(row, dot, t);
                                 const initial = row.displayTitle.trim().charAt(0).toUpperCase();
                                 return ((0, jsx_runtime_1.jsx)(SwipeRow, { open: swipeOpen === row.id, onOpenChange: (open) => setSwipeOpen(open ? row.id : null), onArchive: () => onArchiveRow(row.id), archiveLabel: t('infoArchive'), children: (guardClick) => ((0, jsx_runtime_1.jsxs)("button", { type: "button", "data-mobile-nav": "home-row", "data-current": row.id === sessions.current ? '' : undefined, onClick: () => guardClick(() => enter(() => openSession(row.id))), children: [(0, jsx_runtime_1.jsx)("span", { "data-mobile-nav": "home-row-avatar", "aria-hidden": "true", children: dot !== undefined ? (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.StateDot, { state: dot, size: 10 }) : initial }), (0, jsx_runtime_1.jsxs)("span", { "data-mobile-nav": "home-row-body", children: [(0, jsx_runtime_1.jsx)("span", { "data-mobile-nav": "home-row-title", children: row.displayTitle }), status !== undefined && ((0, jsx_runtime_1.jsx)("span", { "data-mobile-nav": "home-row-status", children: status }))] }), (0, jsx_runtime_1.jsx)("time", { "data-mobile-nav": "home-row-time", dateTime: new Date(row.updatedAt).toISOString(), children: relativeTime(row.updatedAt) })] })) }, row.id));
@@ -1419,7 +1621,8 @@ exports.MobileSessionInfo = MobileSessionInfo;
 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 client_1 = require("@deepseek-ai/dsh-client-runtime/client");
+const store_ts_1 = require("./compat/store.js");
+const types_ts_1 = require("./compat/types.js");
 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. */
@@ -1566,7 +1769,8 @@ function MobileSessionInfo({ sessionId, useSessions, useProjection, forkSession,
     };
     const cacheHit = usage === undefined ? null : cacheHitPercent(usage);
     const tokensEmpty = usage === undefined || (billedInputTokens(usage) === 0 && usage.outputTokens === 0);
-    const cwd = row?.cwd === undefined || row.cwd === '' ? undefined : (0, client_1.workspaceTitleOf)(row.cwd);
+    const cwd = row?.cwd === undefined || row.cwd === '' ? undefined : (0, store_ts_1.workspaceTitleOf)(row.cwd);
+    const preset = (0, types_ts_1.agentPresetOf)(row);
     const cells = [
         { label: t('infoStatTurns'), value: stats === undefined ? NA : String(stats.turns), sub: undefined },
         { label: t('infoStatSteps'), value: stats === undefined ? NA : String(stats.steps), sub: undefined },
@@ -1604,7 +1808,7 @@ function MobileSessionInfo({ sessionId, useSessions, useProjection, forkSession,
                                         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 }) })), 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') })] })] })] })] }));
+                                    }, 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: [preset !== undefined && (0, jsx_runtime_1.jsx)("span", { "data-mobile-nav": "info-badge", children: preset }), 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) {
@@ -3470,22 +3674,39 @@ exports.COMPAT_CSS = `  /* ---------- dsh-web-ui family compatibility ----------
 
   /* ---------- dsh-vision-router: composer vision toggle (2026-08-26) ----------
      THIRD-PARTY COMPAT RULE — dsh-vision-router registers a Vision mode
-     toggle into conversation.input.right (lib/client-presentation-boundary-
-     main.js, slot id "vision-router-mode-toggle"): a bordered pill with
-     THREE text spans (an eye emoji, the localized label, and a check mark
-     while active) sized by INLINE styles — minHeight 28, padding 4px 8px,
-     fontSize 12, white-space nowrap — roughly 90px of unshrinkable width.
+     toggle into conversation.input.right (slot id
+     "vision-router-mode-toggle"): a bordered pill sized by INLINE styles —
+     minHeight 28, padding 4px 8px, fontSize 12, white-space nowrap —
+     roughly 90px of unshrinkable width.
+
+     Its children changed shape in 2.1.x (re-measured on the real UI
+     2026-09-04, plugin 2.1.1). Both forms are handled:
+       - text form (<= 2.0.x): <span>👁</span><span>label</span> plus a
+         <span>✓</span> while active;
+       - svg form (2.1.x, lib/client-presentation-boundary.js): a 14px eye
+         <svg>, <span>label</span>, plus a SECOND 12px check <svg> while
+         active.
+     The 2.1.1 update is what the user hit: the label span was still hidden
+     but the new eye svg was not, so it rendered NEXT TO our ::before eye —
+     two eyes in a 28px button — and the active check svg had nothing hiding
+     it at all, eating width the phone row does not have.
 
      The phone composer row is nowrap by design (composer.css.ts section 1)
      and the model seat is its only shrinkable item, so that pill squeezes
      the model name out of the row (user report, 2026-08-26).
 
      Phone treatment: a 28x28 round icon button in the attach button's
-     language (same size, same neutral fill). All three spans are hidden and
-     ONE 16px eye is drawn by a CSS mask on ::before with currentColor — the
-     same survives-React-re-render reasoning as the auto-approve shield
-     below: the button re-renders on every state flip, so a DOM-injected
-     icon would need an observer while generated content does not. The
+     language (same size, same neutral fill), showing exactly ONE 16px eye
+     and nothing else. Every span is hidden (label, and the text form's
+     emoji and check); of the svg form's icons only the first survives, the
+     trailing check svg is hidden by a sibling combinator so the count is
+     never assumed. Our own ::before eye is now a FALLBACK, gated on
+     :has(svg) so it draws only for the text form — the plugin ships its own
+     icon from 2.1.x on, and drawing over it is what produced the double
+     eye. Generated content rather than a DOM-injected icon, for the same
+     survives-React-re-render reason as the auto-approve shield below: the
+     button re-renders on every state flip, so an injected node would need
+     an observer while ::before does not. The
      accessible name is unaffected: the button ships aria-label + title with
      the full enable/disable copy, and aria-pressed keeps conveying the
      state; visually the plugin's own inline styles still flip border +
@@ -3528,12 +3749,27 @@ exports.COMPAT_CSS = `  /* ---------- dsh-web-ui family compatibility ----------
       background: var(--dsw-specific-selector, rgba(127, 127, 127, .12)) !important;
       box-shadow: none !important;
     }
-    /* Eye emoji + label + active check: all three spans out. */
+    /* Text form: emoji + label + active check are all spans — all out. */
     [data-slot="conversation.composer.bar"] [data-vision-router-mode-toggle] > span {
       display: none !important;
     }
+    /* Svg form (2.1.x): the first svg IS the eye, so keep it and match the
+       row's other icons at 16px. */
+    [data-slot="conversation.composer.bar"] [data-vision-router-mode-toggle] > svg:first-of-type {
+      width: 16px !important;
+      height: 16px !important;
+    }
+    /* ...and drop every svg after it — today that is the active-state check
+       mark. A sibling combinator rather than :nth-child(2): the count is the
+       plugin's business, this only says "one icon, the first one". */
+    [data-slot="conversation.composer.bar"] [data-vision-router-mode-toggle] > svg ~ svg {
+      display: none !important;
+    }
     /* The one svg: eye outline + iris as a currentColor mask — brand while
        active, dimmed with the button by the plugin's own disabled opacity. */
+    [data-slot="conversation.composer.bar"] [data-vision-router-mode-toggle]:has(svg)::before {
+      content: none !important;
+    }
     [data-slot="conversation.composer.bar"] [data-vision-router-mode-toggle]::before {
       content: '';
       width: 16px;
@@ -4847,12 +5083,28 @@ exports.COMPOSER_CSS = `/* ---------- phone composer (< 768px) ---------- */
   }
   ${ROW} > [class$="_tools"] > [class$="_modes"] {
     order: 3 !important;
-    flex: 0 1 auto !important;
-    min-width: 0 !important;
+    /* Rigid on purpose. This seat holds the permission chip, whose own
+       wrapper (the plugin's element inside _modes) is \`flex: 0 0 auto\` and
+       will NOT follow the seat down — so a shrinkable seat does not make the
+       chip narrower, it just slices the seat out from under a chip that
+       stays 44px wide, and the overflow lands on top of the model pill.
+       Measured 2026-09-04 on DSH 0.1.2 at 390px: seat 90-120 (29.7px) with
+       the chip still 90-134, model starting at 125 — a 9px overlap, exactly
+       the "the two chips touch" report. With the seat rigid: seat 90-134,
+       model 139-246, overlap 0; and at 320px the model pill shrinks to 52px
+       and still nothing overlaps.
+       This also restores what section 1 says out loud — the model pill is
+       the ONLY shrinkable item in the row. \`min-width: 0\` is gone with the
+       shrink: it only ever mattered as the companion of \`flex: 0 1\`. */
+    flex: 0 0 auto !important;
     gap: 6px !important;
   }
-  /* The model seat carries the elastic gap: everything after it is pushed to
-     the right edge, so no spacer element is needed. */
+  /* The elastic gap used to live here as \`margin-right: auto\`, which broke
+     the moment a session had no model pill: a subagent session has none, so
+     the gap vanished and the stop / send buttons bunched up in the middle of
+     the row instead of sitting at the right edge (reported 2026-09-06). The
+     gap belongs to the RIGHT group, not to the last item of the left one —
+     see the two rules below the order list. */
   ${MODEL} {
     order: 4 !important;
     /* A definite flex-basis (not auto) breaks the circular sizing between
@@ -4863,7 +5115,6 @@ exports.COMPOSER_CSS = `/* ---------- phone composer (< 768px) ---------- */
     flex: 0 1 min(48vw, 200px) !important;
     min-width: 0 !important;
     max-width: min(48vw, 200px) !important;
-    margin-right: auto !important;
   }
   /* Third-party input.right entries park next to the ring rather than
      landing at order 0 (= far left) once the groups are flattened. */
@@ -4878,6 +5129,22 @@ exports.COMPOSER_CSS = `/* ---------- phone composer (< 768px) ---------- */
   ${ROW} > [class$="_trailing"] > [class$="_primary"] {
     order: 7 !important;
   }
+  /* The elastic gap. It sits in front of whichever of the two right-hand
+     items comes first, so the group hugs the right edge no matter what the
+     left side happens to contain — with a model pill, without one (subagent
+     sessions), with or without the third-party entries at order 5.
+     Both get \`margin-left: auto\` and the last rule takes it back off the
+     send button whenever a ring precedes it: two auto margins would SHARE
+     the free space and open a second gap between the ring and send. A
+     sibling combinator answers "is there a ring before me" without assuming
+     anything about the host's nesting. */
+  ${ROW} > [class$="_trailing"] > span[class$="_root"],
+  ${ROW} > [class$="_trailing"] > [class$="_primary"] {
+    margin-left: auto !important;
+  }
+  ${ROW} > [class$="_trailing"] > span[class$="_root"] ~ [class$="_primary"] {
+    margin-left: 0 !important;
+  }
 
   /* --- 3. permission as icon-only pill; model as name+effort pill ---
      (real-device round 2, 2026-08-17; model pill reworked 2026-08-25:
@@ -4998,6 +5265,115 @@ exports.COMPOSER_CSS = `/* ---------- phone composer (< 768px) ---------- */
     border-radius: 12px !important;
     font-size: 15px !important;
   }
+  /* --- 4a. third-party composer entries live in the model sheet ---
+     effects/model-sheet-extras.ts parks the \`conversation.input.right\`
+     container inside the model menu while that menu is open and puts it back
+     when it closes; these rules are the two halves of that trip.
+
+     In the row: hidden, but ONLY once the effect has marked the container as
+     one it manages. Keying the hide off the marker rather than off "not
+     currently parked" is what makes the failure direction safe — if the
+     effect declines to act (nothing in the slot but the vision toggle, so
+     nothing worth moving) or never runs at all, the marker is absent, this
+     rule does not match, and the controls stay exactly where the host put
+     them. The inverse spelling hid them in the row whenever they were not in
+     the sheet, which in those same cases left them reachable from neither
+     place (caught in review, 2026-09-06).
+     Hiding by ancestor rather than by a display rule on the container itself
+     is what lets the parked copy style itself freely — same element, two
+     homes, two rule sets. \`!important\` because the slot container carries an
+     inline \`display: contents\`. */
+  ${ROW} > [class$="_trailing"] > [data-slot="conversation.input.right"][data-zen-sheet-extras] {
+    display: none !important;
+  }
+  /* Parked in the sheet: a column of full-width rows in the sheet's own
+     language, so a relocated control reads as a sibling of 模型 and 推理等级
+     rather than a chip that wandered in. */
+  ${MODEL} > [class$="_menu"] > [data-zen-sheet-extras] {
+    display: flex !important;
+    flex-direction: column !important;
+    gap: 2px !important;
+    width: 100% !important;
+  }
+  /* Undo the row's compaction on every parked control: back to full width and
+     the 48px the sheet's own cells use. \`> * > *\` reaches both shapes without
+     naming either plugin — subscriptions wraps its trigger in a positioning
+     div, vision-router puts its button straight in the slot. */
+  ${MODEL} > [class$="_menu"] > [data-zen-sheet-extras] > *,
+  ${MODEL} > [class$="_menu"] > [data-zen-sheet-extras] > * > button {
+    width: 100% !important;
+    max-width: none !important;
+    min-width: 0 !important;
+    justify-content: flex-start !important;
+  }
+  ${MODEL} > [class$="_menu"] > [data-zen-sheet-extras] button {
+    box-sizing: border-box !important;
+    min-height: 48px !important;
+    height: auto !important;
+    padding: 0 12px !important;
+    gap: 10px !important;
+    border-radius: 12px !important;
+    border: none !important;
+    background: transparent !important;
+    font-size: 15px !important;
+    /* Both plugins center their chip label, which is right for a pill in the
+       row and wrong for a full-width row: the sheet's own cells start their
+       label at the left edge. justify-content covers the flex triggers,
+       text-align the ones that are not flex containers. */
+    text-align: left !important;
+    justify-content: flex-start !important;
+  }
+  /* Order comes from the row (compat.css.ts puts the vision toggle at 5 so it
+     parks beside the context ring), and that rule still matches in here — the
+     sheet is a DOM descendant of the composer bar even though it paints as a
+     fixed layer. Reset it so the sheet follows DOM order instead of
+     inheriting a decision that was about a different layout. */
+  ${MODEL} > [class$="_menu"] > [data-zen-sheet-extras] > * {
+    order: 0 !important;
+  }
+  /* The vision toggle is squeezed to a 28px icon in the row (compat.css.ts);
+     in the sheet it is a row, so its label comes back and the icon leads. */
+  ${MODEL} > [class$="_menu"] > [data-zen-sheet-extras] [data-vision-router-mode-toggle] > span {
+    display: inline !important;
+  }
+  ${MODEL} > [class$="_menu"] > [data-zen-sheet-extras] [data-vision-router-mode-toggle] > svg:first-of-type {
+    width: 18px !important;
+    height: 18px !important;
+  }
+  /* The speed chip opens a menu of its own, anchored \`bottom: 100%\` to its
+     trigger. Inside the sheet — which is \`overflow: hidden\` so its rounded
+     top clips its content — that menu would be cut off. Same escape section 4
+     uses for the host's two menus: position: fixed leaves the clip behind
+     (the sheet sets \`transform: none\`, so nothing between here and the
+     viewport captures fixed positioning) and it lands as its own sheet on top
+     of this one. */
+  ${MODEL} > [class$="_menu"] > [data-zen-sheet-extras] [role="menu"] {
+    position: fixed !important;
+    left: 0 !important;
+    right: 0 !important;
+    bottom: 0 !important;
+    top: auto !important;
+    margin: 0 !important;
+    width: 100% !important;
+    min-width: 0 !important;
+    max-width: none !important;
+    max-height: min(70dvh, 520px) !important;
+    box-sizing: border-box !important;
+    border-radius: 16px 16px 0 0 !important;
+    border-bottom: none !important;
+    padding: 8px 8px calc(8px + var(--mnav-sab)) !important;
+    /* Above the model sheet it sits on (60, section 4), below the session-info
+       sheet's 70 (info.css.ts) — it is a child of the model sheet, not a peer
+       of the page's own layers. */
+    z-index: 61 !important;
+    box-shadow: 0 -8px 32px rgba(0, 0, 0, .18) !important;
+  }
+  ${MODEL} > [class$="_menu"] > [data-zen-sheet-extras] [role="menu"] [role="menuitemradio"] {
+    min-height: 48px !important;
+    border-radius: 12px !important;
+    font-size: 15px !important;
+  }
+
   /* --- 4b. the official scroll-to-bottom button must not poke through the
      sheet (real-device follow-up, 2026-08-17) ---
      ChatView's own "jump to latest" button (aria-label t("chat.toBottom"))
@@ -5032,6 +5408,17 @@ exports.COMPOSER_CSS = `/* ---------- phone composer (< 768px) ---------- */
   [class$="_composerSeat"] {
     --dsh-composer-text-max-height: 124px;
   }
+  /* Pull the text in from the card's left border. Upstream insets the editing
+     host by 16px while the control row below it starts 8px in (row padding,
+     section 1), so the placeholder sat noticeably further out than the
+     buttons under it and the field read as over-padded on a phone (reported
+     2026-09-06). 12px squares it with the 12px of clear space on the right,
+     giving the text a symmetric box, and closes most of the gap with the
+     button row. Anchored on the editing host's own contract attribute rather
+     than a hashed class. */
+  [data-slot="conversation.composer.bar"] [data-composer-input] {
+    padding-left: 12px !important;
+  }
 
   /* --- 6. no divider above OR below the message list ---
      Instead of a rule the messages butt against, they fade near both edges.
@@ -5123,7 +5510,13 @@ exports.COMPOSER_CSS = `/* ---------- phone composer (< 768px) ---------- */
      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;
+    /* A whole line to itself. It shared line 0 with the pills until the goal
+       bar turned up (2026-09-06): two full-width things on one nowrap line
+       meant the to-do header shrank to a stub and the goal bar ran off the
+       right edge. Both are status strips you read at a glance, so they stack
+       — see the line policy in 7c. */
+    flex: 1 0 100% !important;
+    order: 1 !important;
     min-width: 0 !important;
     max-width: none !important;
     min-height: 0 !important;
@@ -5150,7 +5543,7 @@ exports.COMPOSER_CSS = `/* ---------- phone composer (< 768px) ---------- */
     display: flex !important;
     flex: 1 0 100% !important;
     flex-wrap: wrap !important;
-    order: 2 !important;
+    order: 4 !important;
     align-items: center !important;
     gap: 6px !important;
     max-width: none !important;
@@ -5185,12 +5578,12 @@ exports.COMPOSER_CSS = `/* ---------- phone composer (< 768px) ---------- */
      sits closest to the input it will be sent from. The rail only wraps
      while one of the two full-width entries exists, so a session with
      neither keeps the original single scrolling chip line. */
-  [data-slot="conversation.input.dock"]:has(> [data-queue-dock], > [data-mobile-nav="attach-chips"]) {
+  [data-slot="conversation.input.dock"]:has(> [data-queue-dock], > [data-mobile-nav="attach-chips"], > [data-testid="todo-panel"], > [data-goal-bar]) {
     flex-wrap: wrap !important;
   }
   [data-slot="conversation.input.dock"] > [data-queue-dock] {
     flex: 1 0 100% !important;
-    order: 1 !important;
+    order: 3 !important;
     max-width: none !important;
     min-height: 0 !important;
     max-height: none !important;
@@ -5201,6 +5594,24 @@ exports.COMPOSER_CSS = `/* ---------- phone composer (< 768px) ---------- */
     font-size: 13px !important;
     line-height: normal !important;
   }
+  /* dsh-client-ui-goal's status strip (its own \`data-goal-bar\` marker; it
+     registers into this dock at order 10). Fourth thing here that is not a
+     pill: a row carrying the objective text plus pause / edit / delete
+     buttons, so the 26px cage clipped its buttons off the right edge and the
+     nowrap line pushed what was left off screen (reported 2026-09-06). Same
+     treatment the queue gets — a line of its own, official geometry back. */
+  [data-slot="conversation.input.dock"] > [data-goal-bar] {
+    flex: 1 0 100% !important;
+    order: 2 !important;
+    max-width: none !important;
+    min-height: 0 !important;
+    max-height: none !important;
+    border-radius: 12px !important;
+    overflow: visible !important;
+    font-size: 13px !important;
+    line-height: normal !important;
+  }
+
   /* The panel is the dock's only child; upstream rounds its top corners only
      and drops the bottom border, because there it is half-hidden behind the
      card. On its own line it is a free-standing strip, so close it up. */
@@ -5466,6 +5877,27 @@ exports.INFO_CSS = `/* ---------- session-info sheet (< 768px) ---------- */
     display: block !important;
   }
 
+  /* The sheet renders inside the header, and \`[data-phase] header\` is a
+     stacking context of its own (position: relative + z-index: 2, set in
+     header.css.ts so the header's fade strip paints over the scroller). A
+     child's z-index is scoped to that context, so the z:70 below competes not
+     with the page but with the header's own 2 — and the host's composer seat
+     (.wSkVaW_composerSeat, z:7, from dsh-client-ui-conversation) outranks
+     it. Measured live on DSH 0.1.2, 2026-09-04: with the sheet open, the
+     topmost element over the composer band was the composer's own trigger
+     button, i.e. the input row painted THROUGH the card.
+     Promote the header itself for exactly as long as the sheet is mounted —
+     MobileSessionInfo returns null when closed (\`if (!open) return null\`),
+     so the header drops back to 2 on close (verified: 70 while open, 2
+     after). Descendant :has(), never \`>\`: the utilities slot wrapper is
+     \`display: contents\` and the host owns the depth (AGENTS.md — do not
+     encode host DOM depth in a selector).
+     Not raising the seat's own z-index instead: it belongs to the host and
+     is shared with the scroll-to-bottom button and the composer sheets. */
+  [data-phase] header:has([data-mobile-nav="info-layer"]) {
+    z-index: 70;
+  }
+
   [data-mobile-nav="info-layer"] {
     position: fixed;
     inset: 0;
@@ -7677,14 +8109,35 @@ function installHeaderStatusDot(ctx) {
                 return;
             const { current, byId } = ctx.sessions.list.getSnapshot();
             const row = current === undefined ? undefined : byId[current];
-            const state = row === undefined ? undefined : (0, session_dot_ts_1.dotState)(row);
+            // 0.1.2 的待处理交互来源，每次现查：本插件的 inject 不含 uiSession（加了
+            // 0.1.1 就不激活），apply 此刻服务未必注册好；每次算 dot 时现查，注册顺序
+            // 就不再是问题。0.1.1 上没有这个服务，这里恒 undefined，黄点只由行字段决定。
+            const uiSession = ctx.get('uiSession');
+            const pending = current === undefined ? false
+                : uiSession?.pendingInteractions.getSnapshot().has(current) === true;
+            const state = row === undefined ? undefined : (0, session_dot_ts_1.dotState)(row, pending);
             if (state === undefined)
                 frame.removeAttribute('data-mobile-nav-dot');
             else
                 frame.setAttribute('data-mobile-nav-dot', state);
         };
         apply();
-        return ctx.sessions.list.subscribe(apply);
+        // Two sources can push the dot now (session list + the 0.1.2 pending
+        // map); probe uiSession once more right here and subscribe to whichever
+        // exist. 0.1.1 only ever has the first. Degradation note: if uiSession
+        // has not registered by this moment (this plugin ran before it), only
+        // the list subscription is attached — the dot stays correct because
+        // every later list change re-runs apply(), whose fresh probe then sees
+        // the service; a pending-only change before any list change would be
+        // missed until then.
+        const unsubscribes = [ctx.sessions.list.subscribe(apply)];
+        const pendingSource = ctx.get('uiSession')?.pendingInteractions;
+        if (pendingSource !== undefined)
+            unsubscribes.push(pendingSource.subscribe(apply));
+        return () => {
+            for (const off of unsubscribes)
+                off();
+        };
     }, 'dsh-mobile-nav: header status dot');
 }
 };
@@ -8049,6 +8502,166 @@ function installModalBack(ctx) {
     }, 'dsh-zen-remote: modal back gesture');
 }
 };
+__modules["effects/model-sheet-extras.js"] = function (require, module, exports) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.installModelSheetExtras = installModelSheetExtras;
+/** Phone breakpoint — same query every phone-only effect in this plugin uses. */
+const PHONE_QUERY = '(max-width: 767px)';
+/** The model pill itself. Absent in a subagent session — see `sync`. */
+const MODEL_SEAT_SELECTOR = '[data-slot="conversation.input.model"]';
+/** The model pill's own popup, which section 4 of composer.css.ts turns into a bottom sheet. */
+const MENU_SELECTOR = '[data-slot="conversation.input.model"] [class$="_menu"]';
+/**
+ * The third-party composer controls this effect relocates. Both register into
+ * `conversation.input.right`; moving the slot container rather than its
+ * children keeps them together and leaves exactly one node to put back.
+ */
+const EXTRAS_SELECTOR = '[data-slot="conversation.input.right"]';
+/**
+ * dsh-vision-router's own mount marker. Used here only to answer "is there
+ * anything in this slot BESIDES the vision toggle" — see `worthMoving`.
+ */
+const VISION_SELECTOR = '[data-vision-router-mode-toggle]';
+/**
+ * Set on the container while this effect manages it, in the row and in the
+ * sheet alike. It is the styling hook for both halves in composer.css.ts, and
+ * it is deliberately what the row's `display: none` keys off: without the
+ * marker the controls stay exactly where the host put them, so a version of
+ * this file that declines to act — or never runs at all — cannot leave them
+ * hidden in the row and absent from the sheet, i.e. unreachable.
+ */
+const MANAGED = 'data-zen-sheet-extras';
+/**
+ * Is the slot holding anything that actually costs the row width?
+ *
+ * The row is one nowrap flex line whose only elastic item is the model pill
+ * (composer.css.ts section 1), so entries here are paid for out of the model
+ * name. But that is only a problem once something WIDE lands in the slot —
+ * today dsh-plugin-subscriptions' speed chip, which renders "速度 · 标准" and
+ * eats ~70px. dsh-vision-router's toggle alone is a 28px icon that the row
+ * accommodates fine, and moving it on its own would cost a tap (it becomes
+ * two: open the sheet, then toggle) to buy width nobody needed.
+ *
+ * So: relocate only when the slot holds an entry that is not the vision
+ * toggle. With no such entry — subscriptions not installed, or installed but
+ * not contributing on this model — nothing moves and the row keeps its one
+ * icon, which is the behaviour asked for (user review, 2026-09-06).
+ *
+ * Why this rather than sniffing for subscriptions by name: the slot system
+ * adds no per-registration marker (measured — entries render straight into the
+ * container) and subscriptions marks nothing of its own, so naming it would
+ * mean adding a marker to our fork of that plugin and anchoring on it. That
+ * marker dies the day the fork is dropped, and the feature would go quiet
+ * with nothing to catch it. The width question is the real question anyway,
+ * and this asks it directly.
+ */
+function worthMoving(extras) {
+    return [...extras.children].some(child => !child.matches(VISION_SELECTOR));
+}
+/**
+ * Phone: park the composer row's third-party controls inside the model sheet.
+ *
+ * With the speed chip and the vision toggle both present on a GPT model the
+ * row runs out of width. Both are model-scoped settings, so the model sheet —
+ * which already holds 模型 and 推理等级 — is where they belong (user request,
+ * 2026-09-06).
+ *
+ * Why move the real controls instead of drawing our own rows that drive them:
+ * the same reason native-trigger-overlay.ts moves the real trigger. A stand-in
+ * has to script the original, which is a road this plugin does not go down —
+ * beyond the trusted-input wall that effect documents, our own rows would have
+ * to mirror every piece of state (speed tier, disabled, aria-pressed, whether
+ * a vision twin exists for the current model) and would rot on the next
+ * upstream restyle. Moving the node keeps one source of truth: their React
+ * roots go on owning and updating these elements, we only change where they
+ * hang.
+ *
+ * Measured 2026-09-06 (DSH 0.1.2, 390px) before writing this — the two things
+ * that would have killed the approach both hold: a relocated control survives
+ * host re-renders (typing into the composer re-renders the row and does not
+ * yank it back) and stays hit-testable at its new position.
+ *
+ * Restoring on close is not cosmetic. The sheet unmounts when it closes and
+ * anything still inside goes with it, so the controls would vanish from the
+ * page while their React roots kept updating detached nodes. The observer
+ * therefore watches the menu leaving too, and the parked node is held as a
+ * reference rather than looked up — once the menu is detached a document
+ * query can no longer find it.
+ */
+function installModelSheetExtras(ctx) {
+    ctx.effect(() => {
+        const phone = window.matchMedia(PHONE_QUERY);
+        /** The container while parked in the sheet, plus where to put it back. */
+        let parked = null;
+        const park = (node, menu) => {
+            if (parked !== null || node.parentElement === null)
+                return;
+            parked = { node, parent: node.parentElement, next: node.nextSibling };
+            menu.appendChild(node);
+        };
+        const unpark = () => {
+            if (parked === null)
+                return;
+            const { node, parent, next } = parked;
+            parked = null;
+            // The menu may already be detached, having taken the container with it.
+            // The node itself is still live either way; re-home it only if its old
+            // parent is still on the page (when the whole composer went away, the
+            // owning React roots rebuild the slot on the next mount).
+            if (parent.isConnected)
+                parent.insertBefore(node, next);
+        };
+        /** Hand the container back to the host, marker and all. */
+        const release = (node) => {
+            unpark();
+            node?.removeAttribute(MANAGED);
+        };
+        const sync = () => {
+            const extras = document.querySelector(EXTRAS_SELECTOR);
+            if (extras === null) {
+                unpark();
+                return;
+            }
+            // No model pill, no sheet to park into — a subagent session has none.
+            // Claiming the slot there would hide the controls from the row with
+            // nowhere to show them instead, which is the unreachable state the
+            // marker is meant to prevent.
+            const seat = document.querySelector(MODEL_SEAT_SELECTOR);
+            if (!phone.matches || seat === null || !worthMoving(extras)) {
+                release(extras);
+                return;
+            }
+            extras.setAttribute(MANAGED, '');
+            const menu = document.querySelector(MENU_SELECTOR);
+            if (menu === null)
+                unpark();
+            else
+                park(extras, menu);
+        };
+        // Synchronous in the observer callback, never behind rAF: the callback is
+        // a microtask and runs before this frame paints, so the controls are in
+        // the sheet the first time it is drawn. A rAF would land a frame late and
+        // show one frame of the sheet without them (AGENTS.md's "晚一帧" rule).
+        // Body-level childList is the same shape modal-back.ts uses; aria-expanded
+        // is watched too so a close that reuses the node still re-syncs.
+        const observer = new MutationObserver(sync);
+        observer.observe(document.body, {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            attributeFilter: ['aria-expanded'],
+        });
+        phone.addEventListener('change', sync);
+        sync();
+        return () => {
+            observer.disconnect();
+            phone.removeEventListener('change', sync);
+            release(document.querySelector(EXTRAS_SELECTOR));
+        };
+    }, 'dsh-mobile-nav: model sheet extras');
+}
+};
 __modules["effects/native-trigger-overlay.js"] = function (require, module, exports) {
 "use strict";
 /**
@@ -8727,6 +9340,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 model_sheet_extras_ts_1 = require("./effects/model-sheet-extras.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");
@@ -8779,6 +9393,9 @@ function apply(ctx) {
     (0, turn_fold_ts_1.installTurnFold)(ctx);
     (0, modal_back_ts_1.installModalBack)(ctx);
     (0, native_trigger_overlay_ts_1.installNativeTriggerOverlay)(ctx);
+    // Third-party composer entries (speed chip, vision toggle) move into the
+    // model sheet — the row has no width to spare and both are model settings.
+    (0, model_sheet_extras_ts_1.installModelSheetExtras)(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.
@@ -8845,7 +9462,13 @@ function apply(ctx) {
             forkSession: (id) => ctx.sessions.fork({ sessionId: id }),
             openSession: (id) => ctx.sessions.open(id),
             renameSession: (id, title) => ctx.sessions.binding(id)?.session.rename(title),
-            archiveSession: (id) => ctx.workspaces.archiveSession(id),
+            // 0.1.2 的界面级归档在 uiWorkspace（顺带清当前选中）；懒查——回调是用户
+            // 点击才跑，那时服务必已注册。本插件的 inject 不包含 uiWorkspace（0.1.1
+            // 没有它），所以启动时不能查一次就用：可能早于它注册。
+            archiveSession: (id) => {
+                const ui = ctx.get('uiWorkspace');
+                return ui === undefined ? ctx.workspaces.archiveSession(id) : ui.archiveSession(id);
+            },
             downloadSessionLog: (id) => ctx.sessionLogDownload.download(id),
         }),
     }, MobileSessionInfo_tsx_1.MobileSessionInfo));
@@ -8893,11 +9516,26 @@ function apply(ctx) {
         store: nav,
         inject: () => ({
             openSession: (id) => ctx.sessions.open(id),
-            startSession: (workspaceId) => ctx.workspaces.startSession(workspaceId),
+            // uiWorkspace 懒查：回调是用户点击才跑，服务那时必已注册（inject 不含
+            // uiWorkspace，启动时可能先于它注册，不能启动查一次就用）。0.1.1 上恒
+            // undefined，退回 ctx.workspaces.startSession——0.1.1 专用分支，0.1.2 的
+            // 类型里该方法已不存在，故对类型做 LegacyWorkspacesLike cast，运行时走不到。
+            startSession: (workspaceId) => {
+                const ui = ctx.get('uiWorkspace');
+                return ui === undefined
+                    ? ctx.workspaces.startSession(workspaceId)
+                    : ui.startSession(workspaceId);
+            },
             // S5 session-log chip — the same service call MobileDrawerFooter uses.
             downloadSessionLog: (id) => ctx.sessionLogDownload.download(id),
-            // Row swipe action — the same binding MobileSessionInfo archives with.
-            archiveSession: (id) => ctx.workspaces.archiveSession(id),
+            // Row swipe action — the same binding MobileSessionInfo archives with;
+            // on 0.1.2 the uiWorkspace variant also clears the current selection
+            // when the archived session is the one selected. Same lazy lookup as
+            // the session-info sheet's archive binding above.
+            archiveSession: (id) => {
+                const ui = ctx.get('uiWorkspace');
+                return ui === undefined ? ctx.workspaces.archiveSession(id) : ui.archiveSession(id);
+            },
         }),
     }, MobileHome_tsx_1.MobileHome));
     // Session log download, relocated from the session header to the drawer
@@ -8917,6 +9555,9 @@ function apply(ctx) {
         order: 5,
         locale: locales_ts_1.NS,
         inject: () => ({
+            // The footer slot contract hands the id over as a loose string;
+            // download() wants the branded SessionId — pure type-layer narrowing
+            // (runtime value is a session id either way, same as MobileHome.tsx).
             downloadSessionLog: (sessionId) => ctx.sessionLogDownload.download(sessionId),
             toggleSidebar: () => ctx.layout.toggleSidebar(),
         }),