@linxin666/dsh-remote-web-ui 0.3.6 → 0.3.9

package/lib/client.js

@@ -32,7 +32,6 @@ window.__ModuleLoader__.load({
 		let react_dom = require("react-dom");
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		let react_jsx_runtime = require("react/jsx-runtime");
-		let _deepseek_ai_dsh_client_runtime_client = require("@deepseek-ai/dsh-client-runtime/client");
 		//#region ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 		function r(e) {
 			var t, f, n = "";
@@ -1241,7 +1240,6 @@ window.__ModuleLoader__.load({
 		/**
 		* Mint a fresh pairing token (one active token at a time — this invalidates
 		* any previous link).
-		* @param workspaceId - optional current workspace to deep-link the phone into.
 		* @param address - optional LAN IP literal the QR must be built from (the
 		* default is the first interface); unknown literals refuse with
 		* 'unknown-address'.
@@ -1249,14 +1247,11 @@ window.__ModuleLoader__.load({
 		* 0.0.0.0), or the forbidden refusal (the loopback-only fence rejected this
 		* origin — the panel is a desktop control endpoint).
 		*/
-		async function issuePair(workspaceId, address) {
+		async function issuePair(address) {
 			const response = await fetch("/api/pair/issue", {
 				method: "POST",
 				headers: { "content-type": "application/json" },
-				body: JSON.stringify({
-					...workspaceId !== void 0 ? { workspaceId } : {},
-					...address !== void 0 ? { address } : {}
-				})
+				body: JSON.stringify({ ...address !== void 0 ? { address } : {} })
 			});
 			if (!response.ok) {
 				if (response.status === 409) return {
@@ -1323,21 +1318,16 @@ window.__ModuleLoader__.load({
 		async function sendHeartbeat() {
 			await fetch("/api/pair/heartbeat", { method: "POST" });
 		}
-		/** Whether the current page URL carries a pairing token / workspace target. */
+		/** Whether the current page URL carries a pairing token. */
 		function readPairParams(search) {
-			const params = new URLSearchParams(search);
-			const pair = params.get("pair");
-			const workspace = params.get("workspace");
-			return {
-				...pair !== null && pair !== "" ? { pair } : {},
-				...workspace !== null && workspace !== "" ? { workspace } : {}
-			};
+			const pair = new URLSearchParams(search).get("pair");
+			return pair !== null && pair !== "" ? { pair } : {};
 		}
-		/** Convert an issued `/m/` link into the desktop pairing form. */
-		function desktopPairUrl(mobileUrl) {
-			const url = new URL(mobileUrl);
-			url.pathname = "/";
-			return url.href;
+		/** Read the LAN-bind facts (loopback-only endpoint). */
+		async function readLanBindStatus() {
+			const response = await fetch("/api/pair/lan-bind");
+			if (!response.ok) throw new Error(`remote-web-ui: lan-bind status failed with ${String(response.status)}`);
+			return await response.json();
 		}
 		/** Human-readable expiry clock, e.g. "10:35". */
 		function formatClock(epochMs) {
@@ -1632,15 +1622,15 @@ window.__ModuleLoader__.load({
 						className: remote_module_css_default.hint,
 						children: state.public ? t("pair.publicHint") : t("pair.hint")
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: remote_module_css_default.pairLinks,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: remote_module_css_default.pairLinkRow,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: remote_module_css_default.pairLinkText,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: remote_module_css_default.pairLinkLabel,
-									children: t("pair.phoneLabel")
+									children: t("pair.linkLabel")
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
 									className: remote_module_css_default.link,
 									title: state.url,
@@ -1649,28 +1639,10 @@ window.__ModuleLoader__.load({
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 								type: "button",
 								className: remote_module_css_default.copyLink,
-								onClick: () => onCopy("phone", state.url),
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCopyOutline16, { size: 14 }), copied === "phone" ? t("action.copied") : t("action.copyPhone")]
+								onClick: () => onCopy(state.url),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCopyOutline16, { size: 14 }), copied ? t("action.copied") : t("action.copyLink")]
 							})]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: remote_module_css_default.pairLinkRow,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: remote_module_css_default.pairLinkText,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: remote_module_css_default.pairLinkLabel,
-									children: t("pair.desktopLabel")
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
-									className: remote_module_css_default.link,
-									title: desktopPairUrl(state.url),
-									children: desktopPairUrl(state.url)
-								})]
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-								type: "button",
-								className: remote_module_css_default.copyLink,
-								onClick: () => onCopy("desktop", desktopPairUrl(state.url)),
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCopyOutline16, { size: 14 }), copied === "desktop" ? t("action.copied") : t("action.copyDesktop")]
-							})]
-						})]
+						})
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: remote_module_css_default.oneTimeHint,
@@ -2311,17 +2283,16 @@ window.__ModuleLoader__.load({
 		* @param props - composed slot props (contract in this package).
 		* @returns the entry element tree.
 		*/
-		function RemoteEntry({ wide, useWorkspaces, t }) {
+		function RemoteEntry({ wide, t }) {
 			const [open, setOpen] = (0, react.useState)(false);
 			const [state, setState] = (0, react.useState)({ kind: "lan-required" });
 			const stateRef = (0, react.useRef)(state);
 			(0, react.useEffect)(() => {
 				stateRef.current = state;
 			}, [state]);
-			const [copied, setCopied] = (0, react.useState)(void 0);
+			const [copied, setCopied] = (0, react.useState)(false);
 			const eventSource = (0, react.useRef)(void 0);
 			const openSeq = (0, react.useRef)(0);
-			const workspaceId = useWorkspaces((s) => s.recentWorkspaceId);
 			const closeEventSource = (0, react.useCallback)(() => {
 				eventSource.current?.close();
 				eventSource.current = void 0;
@@ -2329,7 +2300,7 @@ window.__ModuleLoader__.load({
 			const mint = (0, react.useCallback)(async (address) => {
 				let result;
 				try {
-					result = await issuePair(workspaceId, address);
+					result = await issuePair(address);
 				} catch {
 					return { kind: "unreachable" };
 				}
@@ -2353,7 +2324,7 @@ window.__ModuleLoader__.load({
 					address: address ?? result.lanAddresses[0] ?? "",
 					lanAddresses: result.lanAddresses
 				};
-			}, [workspaceId]);
+			}, []);
 			const openPanel = (0, react.useCallback)(async () => {
 				const seq = ++openSeq.current;
 				setOpen(true);
@@ -2429,12 +2400,12 @@ window.__ModuleLoader__.load({
 			const handlePickPublic = (0, react.useCallback)(() => {
 				mint().then(setState);
 			}, [mint]);
-			const handleCopy = (0, react.useCallback)((target, url) => {
+			const handleCopy = (0, react.useCallback)((url) => {
 				copyText(url).then((ok) => {
 					if (!ok) return;
-					setCopied(target);
+					setCopied(true);
 					window.setTimeout(() => {
-						setCopied(void 0);
+						setCopied(false);
 					}, 1500);
 				});
 			}, []);
@@ -2494,8 +2465,6 @@ window.__ModuleLoader__.load({
 		function FooterRemoteEntry(props) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RemoteEntry, {
 				wide: props.wide,
-				useWorkspaces: () => void 0,
-				useSessions: () => void 0,
 				t: props.t
 			});
 		}
@@ -2987,6 +2956,19 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region \0dsh-store-engine
+		const platform = ["@deepseek-ai/dsh-client", "-store"].join("");
+		const legacy = ["@deepseek-ai/dsh-client-runtime", "/client"].join("");
+		let engine;
+		try {
+			engine = require(platform);
+		} catch {
+			engine = require(legacy);
+		}
+		const createSnapshotStore = engine.createSnapshotStore;
+		engine.defineStore;
+		engine.shallowEqual;
+		//#endregion
 		//#region src/client/settings-form.ts
 		/** A whole- or decimal-number field. An empty draft clears the field; any other draft that is not a finite number within the constraints blocks the save. */
 		function numberField(field, constraints = {}) {
@@ -3080,7 +3062,7 @@ window.__ModuleLoader__.load({
 			}
 			/** Publish a projection of this form, rebuilt whenever the scope or a draft changes. */
 			bind(project) {
-				const store = (0, _deepseek_ai_dsh_client_runtime_client.createSnapshotStore)(project());
+				const store = createSnapshotStore(project());
 				this.listeners.add(() => {
 					store.set(project());
 				});
@@ -3095,7 +3077,7 @@ window.__ModuleLoader__.load({
 					exposed: snapshot.status === "ready",
 					writable: snapshot.writable,
 					dirty: plan.length > 0,
-					invalid: plan.some((item) => item.run === void 0),
+					invalid: plan.some((item) => item.judge === void 0),
 					saving: this.saving,
 					failed: this.failed,
 					...this.failedReason === void 0 ? {} : { failedReason: this.failedReason }
@@ -3145,45 +3127,52 @@ window.__ModuleLoader__.load({
 				};
 			}
 			/**
-			* Write every staged edit, then re-seed from what the Host accepted.
+			* Write every staged edit in one atomic scope mutation, then re-seed from
+			* what the Host accepted.
 			*
-			* When the scope carries the optional batch surface (the dsh-web
-			* bridge scope), every planned write rides one mutation so cross-field
-			* validate hooks (baseURL+model) judge the batch as a unit instead of
-			* deadlocking on per-field writes. Otherwise the per-field loop runs.
-			* A field lands only when the Host reports it held the staged value; a
-			* landed field's draft is dropped, a failed one stays staged for the user.
-			* @returns settlement after every write and the read-back.
+			* The whole batch rides one mutate, so cross-field validate hooks
+			* (baseURL+model) judge it as a unit: the Host either applies every write
+			* or refuses the batch. The 0.1.2 scope contract never rejects a refused
+			* mutation — the scope recovers with a fresh Host view and resolves — so
+			* resolution alone proves nothing: the outcome is judged by reading the
+			* settled snapshot back, one planned write at a time, and one missed write
+			* fails the whole save. A scope that still rejects on refusal (the dsh-web
+			* bridge scope) reports through the same failure path with its rejection
+			* message. A save that did not land keeps its drafts, so the user can
+			* correct them instead of retyping.
+			* @returns settlement after the mutation and the read-back.
 			*/
 			async save() {
 				const plan = this.plan();
-				const valid = plan.filter((item) => item.run !== void 0);
+				const valid = plan.filter((item) => item.judge !== void 0);
 				if (plan.length === 0 || this.saving || valid.length !== plan.length) return;
-				const plannedWrites = valid.map((item) => item.op);
 				const pending = /* @__PURE__ */ new Map();
 				for (const item of plan) pending.set(item.field, this.staged.get(item.field));
 				this.saving = true;
 				this.failed = false;
 				this.failedReason = void 0;
 				this.publish();
-				const landed = /* @__PURE__ */ new Set();
-				const batch = this.batchedScope();
-				if (batch !== void 0) {
-					const result = await batch.mutate(plannedWrites);
-					if (result.ok) {
-						for (const field of result.fields) if (field.landed) landed.add(field.field);
-					} else this.failedReason = result.message;
-				} else for (const item of valid) if (await item.run()) landed.add(item.field);
-				for (const [field, before] of pending) if (landed.has(field) && this.staged.get(field) === before) this.staged.delete(field);
+				const ops = valid.map((item) => item.op.op === "set" ? {
+					op: "set",
+					path: [item.field],
+					value: item.op.value
+				} : {
+					op: "unset",
+					path: [item.field]
+				});
+				let failedReason;
+				try {
+					await this.scope.mutate(ops);
+				} catch (error) {
+					failedReason = error instanceof Error ? error.message : String(error);
+				}
+				const landed = failedReason === void 0 && valid.every((item) => item.judge());
+				for (const [field, before] of pending) if (landed && this.staged.get(field) === before) this.staged.delete(field);
 				this.saving = false;
-				this.failed = landed.size !== pending.size;
+				this.failed = !landed;
+				this.failedReason = failedReason;
 				this.publish();
 			}
-			/** The scope's batch surface when it supports one; undefined conservatively otherwise. */
-			batchedScope() {
-				const candidate = this.scope;
-				return typeof candidate?.mutate === "function" ? candidate : void 0;
-			}
 			/**
 			* Every staged edit a save would write. An entry whose draft is not a value
 			* its field accepts carries no write: the form is still dirty, and the save
@@ -3202,7 +3191,7 @@ window.__ModuleLoader__.load({
 								field,
 								op: "unset"
 							},
-							run: () => this.clear(field)
+							judge: () => this.landedUnset(field)
 						});
 						continue;
 					}
@@ -3214,7 +3203,7 @@ window.__ModuleLoader__.load({
 							field,
 							op: "unset"
 						},
-						run: void 0
+						judge: void 0
 					});
 					else if (write.kind === "clear") plan.push({
 						field,
@@ -3222,7 +3211,7 @@ window.__ModuleLoader__.load({
 							field,
 							op: "unset"
 						},
-						run: () => this.clear(field)
+						judge: () => this.landedUnset(field)
 					});
 					else plan.push({
 						field,
@@ -3231,20 +3220,26 @@ window.__ModuleLoader__.load({
 							op: "set",
 							value: write.value
 						},
-						run: () => this.store(field, write.value)
+						judge: () => this.landedSet(field, write.value)
 					});
 				}
 				return plan;
 			}
-			async clear(field) {
-				await this.scope.unset(field);
-				return !this.stored(field);
-			}
-			async store(field, value) {
-				await this.scope.set(field, value);
+			/**
+			* Read-back judgment for a planned set: the user layer must hold the
+			* intended value once the mutation has settled.
+			*/
+			landedSet(field, value) {
 				if (this.specOf(field).secret) return true;
 				return this.userLayer()?.[field] === value;
 			}
+			/**
+			* Read-back judgment for a planned unset: the field must be gone from the
+			* user layer once the mutation has settled.
+			*/
+			landedUnset(field) {
+				return !this.stored(field);
+			}
 			stage(field, edit) {
 				this.staged.set(field, edit);
 				this.failed = false;
@@ -3278,6 +3273,11 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region src/client/RemoteSettingsCard.tsx
+		/**
+		* The remote-control settings card: pairing security and device limits.
+		* Registers into the `web-ui.plugin.item` child slot the Web UI plugin group
+		* renders, bound to the `remote-web-ui` settings namespace.
+		*/
 		/** Bridges the `remote-web-ui` scope onto the card's staged form. */
 		var RemoteSettingsCardController = class {
 			form;
@@ -3294,7 +3294,7 @@ window.__ModuleLoader__.load({
 					booleanField("requirePairingForLan"),
 					textField("publicBaseUrl"),
 					booleanField("autoTunnel"),
-					booleanField("mobileEnterToSend")
+					booleanField("lanBind")
 				]);
 				this.store = this.form.bind(() => this.projection());
 			}
@@ -3310,7 +3310,7 @@ window.__ModuleLoader__.load({
 					requirePairingForLan: this.form.field("requirePairingForLan"),
 					publicBaseUrl: this.form.field("publicBaseUrl"),
 					autoTunnel: this.form.field("autoTunnel"),
-					mobileEnterToSend: this.form.field("mobileEnterToSend")
+					lanBind: this.form.field("lanBind")
 				};
 			}
 			/**
@@ -3486,25 +3486,74 @@ window.__ModuleLoader__.load({
 							props.resetField("autoTunnel");
 						}
 					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LanBindStatus, { t }),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BooleanField, {
-						id: "settings-remote-mobile-enter",
-						label: t("settings.mobileEnterToSend"),
-						hint: t("settings.mobileEnterToSendHint"),
+						id: "settings-remote-lan-bind",
+						label: t("settings.lanBind"),
+						hint: t("settings.lanBindHint"),
 						inheritLabel: t("settings.inherit"),
 						onLabel: t("settings.on"),
 						offLabel: t("settings.off"),
 						...fieldProps,
-						...state.mobileEnterToSend,
+						...state.lanBind,
 						onEdit: (text) => {
-							props.edit("mobileEnterToSend", text);
+							props.edit("lanBind", text);
 						},
 						onReset: () => {
-							props.resetField("mobileEnterToSend");
+							props.resetField("lanBind");
 						}
 					})
 				]
 			});
 		}
+		/**
+		* Live LAN-bind facts above the toggle: the managed block's host, the live
+		* bind, the firewall summary, and the reachable LAN URLs. Polls the
+		* loopback-only status endpoint; a failure (non-loopback origin) renders
+		* nothing — the pairing panel carries the loopback banner instead.
+		*/
+		function LanBindStatus({ t }) {
+			const [frame, setFrame] = (0, react.useState)(void 0);
+			(0, react.useEffect)(() => {
+				let alive = true;
+				const read = () => {
+					readLanBindStatus().then((value) => {
+						if (alive) setFrame(value);
+					}).catch(() => {});
+				};
+				read();
+				const timer = window.setInterval(read, 1e4);
+				return () => {
+					alive = false;
+					window.clearInterval(timer);
+				};
+			}, []);
+			if (frame === void 0) return null;
+			const lanOn = frame.blockHost === "0.0.0.0";
+			const firewallText = frame.firewall.managed ? t(frame.firewall.ok ? "lan.firewall.ok" : "lan.firewall.bad") : t("lan.firewall.unmanaged");
+			const lines = [t("lan.bind", {
+				host: frame.bindHost,
+				port: String(frame.port)
+			}) + " · " + firewallText];
+			if (lanOn && frame.lanUrls.length > 0) lines.push(t("lan.urls", { urls: frame.lanUrls.join("  ") }));
+			if (!lanOn) lines.push(t("lan.off"));
+			if (frame.setting === null) lines.push(t("lan.untouched"));
+			if (frame.pendingRestart === true) lines.push(t("lan.pendingRestart"));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 2,
+					fontSize: 12,
+					lineHeight: "18px",
+					opacity: .85
+				},
+				children: lines.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					style: { wordBreak: "break-all" },
+					children: line
+				}, index))
+			});
+		}
 		//#endregion
 		//#region src/client/locales.ts
 		/** `remote` namespace dictionaries: the remote-access surface copy. */
@@ -3512,15 +3561,15 @@ window.__ModuleLoader__.load({
 		const zh = {
 			"entry.label": "远程访问",
 			"title": "远程访问",
-			"subtitle": "通过手机或另一台电脑配对，远程访问当前工作区",
+			"subtitle": "通过手机或另一台电脑配对，远程使用同一份 Web 界面（官方界面 + 移动端适配）",
 			"card.title": "设备配对",
 			"public.badge": "公网",
 			"status.waiting": "等待设备连接",
 			"status.connected": "已连接 {n} 台设备",
 			"status.disconnected": "已配对设备离线",
 			"status.stopped": "已停止远程访问",
-			"status.lanRequired": "此功能需要以 --host 0.0.0.0 启动 dsh web，或配置公网地址才能使用",
-			"status.lanRequiredHint": "当前服务仅绑定在 127.0.0.1 且未配置公网地址，手机无法访问。请用 dsh web --host 0.0.0.0 重新启动，或在设置中填写内网穿透的公网地址。",
+			"status.lanRequired": "此功能需要局域网绑定或公网地址才能使用",
+			"status.lanRequiredHint": "当前服务仅绑定在 127.0.0.1 且未配置公网地址，手机无法访问。可在下方设置卡片打开“局域网访问”，或用 dsh web --host 0.0.0.0 重新启动，或填写内网穿透的公网地址。",
 			"status.loopbackRequired": "配对面板仅限本机使用",
 			"status.loopbackRequiredHint": "请通过 http://127.0.0.1 打开此页面后重试；手机请使用配对链接访问。",
 			"status.unreachable": "无法连接配对服务",
@@ -3533,9 +3582,8 @@ window.__ModuleLoader__.load({
 			"address.hint": "远程设备不在同一网络时请使用公网地址；局域网地址仅限同一网络内使用。",
 			"pair.expires": "二维码有效至 {time}",
 			"pair.expired": "二维码已过期，请刷新",
-			"pair.phoneLabel": "手机配对链接",
-			"pair.desktopLabel": "电脑配对链接",
-			"pair.oneTimeHint": "两条链接共用同一枚一次性令牌；任意设备配对成功后，另一条链接立即失效。",
+			"pair.linkLabel": "配对链接",
+			"pair.oneTimeHint": "链接含一次性令牌；任一设备配对成功后立即失效，配对下一台设备请刷新二维码。",
 			"pair.failed.title": "配对失败",
 			"pair.failed.detail": "链接无效或已使用，请回到电脑端刷新二维码后重新扫码。",
 			"fence.unpaired.title": "此设备未配对，无法访问工作区数据",
@@ -3557,8 +3605,7 @@ window.__ModuleLoader__.load({
 			"action.stop": "停止",
 			"action.refresh": "刷新二维码",
 			"action.copy": "复制链接",
-			"action.copyPhone": "复制手机链接",
-			"action.copyDesktop": "复制电脑链接",
+			"action.copyLink": "复制链接",
 			"action.copied": "已复制",
 			"devices.title": "已授权设备",
 			"devices.empty": "还没有已配对的设备。扫码或打开链接后会出现在这里。",
@@ -3593,14 +3640,23 @@ window.__ModuleLoader__.load({
 			"settings.publicBaseUrlHint": "内网穿透的公网地址，如 Cloudflare Tunnel：https://xxx.trycloudflare.com。填写后二维码将生成公网链接，手机不在同一网络也能配对；留空则仅局域网可用。",
 			"settings.autoTunnel": "自动公网隧道",
 			"settings.autoTunnelHint": "开启后插件自动启动 Cloudflare quick tunnel（无需安装任何工具），并自动更新公网地址与信任配置，手机随时可用公网配对；关闭时使用上方手动填写的公网地址。",
-			"settings.mobileEnterToSend": "移动端回车发送",
-			"settings.mobileEnterToSendHint": "开启：移动端输入框按 Enter 直接发送，Shift+Enter 换行；关闭：Enter 换行，仅点发送按钮发送。",
+			"settings.lanBind": "局域网访问（绑定 0.0.0.0）",
+			"settings.lanBindHint": "开启后插件把绑定默认改写为 0.0.0.0 并写入 profile 补丁（显式 --host 仍优先），同时维护主机防火墙放行（Windows/Linux；macOS 无需管理）；关闭回退 127.0.0.1。绑定变化通常在重启 dsh web 后生效。",
+			"lan.cardTitle": "局域网访问",
+			"lan.bind": "绑定：{host}:{port}",
+			"lan.off": "当前仅本机可访问。",
+			"lan.urls": "局域网地址：{urls}",
+			"lan.firewall.ok": "防火墙已放行",
+			"lan.firewall.bad": "防火墙未放行（需管理员权限）",
+			"lan.firewall.unmanaged": "防火墙不由插件管理（未检测到受支持的防火墙）",
+			"lan.untouched": "开关尚未使用：打开后插件才会改写 profile 补丁。",
+			"lan.pendingRestart": "绑定将在重启 dsh web 后生效。",
 			"settings.inherit": "继承",
 			"settings.on": "开",
 			"settings.off": "关",
 			"settings.overridden": "已覆盖",
 			"settings.reset": "恢复默认",
-			"settings.notExposed": "当前 DSH 版本未向设置页暴露本插件的配置命名空间，表单不可用。可编辑 ~/.dsh/settings.yaml 直接配置，或为 dsh-host-apiproxy 的 WEB_SETTINGS_NAMESPACES 白名单补充本命名空间后重启。",
+			"settings.notExposed": "当前 DSH 版本未向设置页暴露本插件的配置命名空间，表单不可用。可编辑 $DSH_HOME/settings.yaml 直接配置，或确认提供该命名空间的插件已挂载其设置域并重启。",
 			"settings.readOnly": "当前部署的设置只读。",
 			"settings.expand": "展开设置",
 			"settings.collapse": "收起设置",
@@ -3656,15 +3712,15 @@ window.__ModuleLoader__.load({
 		const en = {
 			"entry.label": "Remote access",
 			"title": "Remote access",
-			"subtitle": "Pair a phone or another computer to access this workspace remotely",
+			"subtitle": "Pair a phone or another computer to share the same Web GUI (official UI + mobile adaptation)",
 			"card.title": "Pair a device",
 			"public.badge": "Public",
 			"status.waiting": "Waiting for a device",
 			"status.connected": "{n} device(s) connected",
 			"status.disconnected": "Paired devices offline",
 			"status.stopped": "Remote access stopped",
-			"status.lanRequired": "This feature needs dsh web started with --host 0.0.0.0, or a configured public address",
-			"status.lanRequiredHint": "The server is bound to 127.0.0.1 and no public address is configured, so a phone cannot reach it. Restart with dsh web --host 0.0.0.0, or set the tunneled public address in settings.",
+			"status.lanRequired": "This feature needs a LAN bind or a public address",
+			"status.lanRequiredHint": "The server is bound to 127.0.0.1 and no public address is configured, so a phone cannot reach it. Turn on LAN access in the settings card below, restart with dsh web --host 0.0.0.0, or set the tunneled public address in settings.",
 			"status.loopbackRequired": "The pairing panel works on this machine only",
 			"status.loopbackRequiredHint": "Open this page at http://127.0.0.1 to mint a QR code; phones use the paired link.",
 			"status.unreachable": "Cannot reach the pairing service",
@@ -3677,9 +3733,8 @@ window.__ModuleLoader__.load({
 			"address.hint": "Use the public address when the remote device is on another network; LAN addresses only work on the same network.",
 			"pair.expires": "QR code valid until {time}",
 			"pair.expired": "QR code expired — refresh it",
-			"pair.phoneLabel": "Phone pairing link",
-			"pair.desktopLabel": "Computer pairing link",
-			"pair.oneTimeHint": "Both links share one single-use token. Pairing either device invalidates the other link immediately.",
+			"pair.linkLabel": "Pairing link",
+			"pair.oneTimeHint": "The link carries one single-use token; it dies as soon as any device pairs. Refresh the QR to pair the next device.",
 			"pair.failed.title": "Pairing failed",
 			"pair.failed.detail": "The link is invalid or was already used. Refresh the QR code on your computer and scan again.",
 			"fence.unpaired.title": "This device is not paired and cannot reach workspace data",
@@ -3701,8 +3756,7 @@ window.__ModuleLoader__.load({
 			"action.stop": "Stop",
 			"action.refresh": "Refresh QR",
 			"action.copy": "Copy link",
-			"action.copyPhone": "Copy phone link",
-			"action.copyDesktop": "Copy computer link",
+			"action.copyLink": "Copy link",
 			"action.copied": "Copied",
 			"devices.title": "Authorized devices",
 			"devices.empty": "No paired devices yet. Scan the QR or open the link to add one.",
@@ -3737,14 +3791,23 @@ window.__ModuleLoader__.load({
 			"settings.publicBaseUrlHint": "The public URL of a tunnel in front of this server, e.g. a Cloudflare Tunnel: https://xxx.trycloudflare.com. When set, the QR link is built from it so a phone anywhere can pair; leave blank for LAN-only usage.",
 			"settings.autoTunnel": "Auto public tunnel",
 			"settings.autoTunnelHint": "When on, the plugin runs its own Cloudflare quick tunnel (no tool installation needed) and keeps the public address and trust config in sync automatically, so a phone anywhere can pair at any time; when off, the manually entered public address above applies.",
-			"settings.mobileEnterToSend": "Enter to send on mobile",
-			"settings.mobileEnterToSendHint": "On: Enter in the mobile composer sends immediately and Shift+Enter inserts a newline. Off: Enter inserts a newline and only the send button sends.",
+			"settings.lanBind": "LAN access (bind 0.0.0.0)",
+			"settings.lanBindHint": "When on, the plugin writes a managed block into the profile patch defaulting the bind to 0.0.0.0 (an explicit --host flag still wins), and maintains the matching host firewall rule (Windows/Linux; other platforms need none). When off, the block pins 127.0.0.1. The bind change usually takes effect after dsh web restarts.",
+			"lan.cardTitle": "LAN access",
+			"lan.bind": "Bind: {host}:{port}",
+			"lan.off": "Currently localhost-only.",
+			"lan.urls": "LAN URLs: {urls}",
+			"lan.firewall.ok": "firewall open",
+			"lan.firewall.bad": "firewall blocked (needs admin)",
+			"lan.firewall.unmanaged": "firewall not managed (no supported firewall detected)",
+			"lan.untouched": "The toggle has never been used; the profile patch is only written once you flip it.",
+			"lan.pendingRestart": "The bind change takes effect after dsh web restarts.",
 			"settings.inherit": "Inherit",
 			"settings.on": "On",
 			"settings.off": "Off",
 			"settings.overridden": "Overridden",
 			"settings.reset": "Reset to default",
-			"settings.notExposed": "This DSH version does not expose this plugin's settings namespace to the configuration page, so the form is unavailable. Edit ~/.dsh/settings.yaml directly, or add the namespace to dsh-host-apiproxy's WEB_SETTINGS_NAMESPACES allowlist and restart.",
+			"settings.notExposed": "This DSH version does not expose this plugin's settings namespace to the configuration page, so the form is unavailable. Edit $DSH_HOME/settings.yaml directly, or confirm that the plugin owning the namespace is mounted with its settings domain and restart.",
 			"settings.readOnly": "This deployment stores settings read-only.",
 			"settings.expand": "Show settings",
 			"settings.collapse": "Hide settings",
@@ -3800,8 +3863,6 @@ window.__ModuleLoader__.load({
 		//#region src/client/deep-link.ts
 		/** sessionStorage key for the failed-pair notice. */
 		const PAIR_FAILED_MARKER = "dsh-remote-pair-failed";
-		/** Poll budget for the runtime services (activation order is unconstrained). */
-		const SERVICE_WAIT_MS = 1e4;
 		/** The browser implementation of {@link PageSurface}. */
 		const browserPage = {
 			get href() {
@@ -3817,26 +3878,18 @@ window.__ModuleLoader__.load({
 				window.location.reload();
 			}
 		};
-		/** Whether this browser looks like a phone/tablet (the simplified mobile surface). */
-		function isMobileSurface() {
-			if (typeof navigator === "undefined") return false;
-			return /Android|iPhone|iPad|iPod|Mobile|mobile/i.test(navigator.userAgent);
-		}
 		/**
-		* Run the pair/workspace boot flow for this page load.
-		* @param ctx - client root context (workspaces/sessions read at need time).
+		* Run the pair boot flow for this page load.
+		* @param ctx - client root context (unused since the deep-link retirement;
+		* kept for call-site stability).
 		* @param search - the current location.search.
 		* @param page - the page surface (defaults to the browser).
 		*/
 		function runPairBootFlow(ctx, search, page = browserPage) {
 			const params = readPairParams(search);
-			if (params.pair !== void 0) {
-				runAccept(params.pair, page);
-				return;
-			}
-			if (params.workspace !== void 0) runDeepLink(ctx, params.workspace, page);
+			if (params.pair !== void 0) runAccept(params.pair, page);
 		}
-		/** Accept the token, then enter the matching desktop/mobile surface. */
+		/** Accept the token, then reload into the paired official UI. */
 		async function runAccept(token, page) {
 			let ok = false;
 			try {
@@ -3848,42 +3901,22 @@ window.__ModuleLoader__.load({
 			const url = new URL(page.href);
 			url.searchParams.delete("pair");
 			page.replaceState(`${url.pathname}${url.search}${url.hash}`);
-			if (ok) if (isMobileSurface()) {
-				url.pathname = "/m/";
-				page.navigate(`${url.pathname}${url.search}${url.hash}`);
-			} else page.reload();
+			if (ok) page.reload();
 		}
+		/** Connection-plugin method prefix under the gated channel. */
+		const REMOTE_API_PREFIX$1 = `/remote/api`;
+		({ mux: `${REMOTE_API_PREFIX$1}/remote.mux` }).mux, `${REMOTE_API_PREFIX$1}`;
 		/**
-		* Connect the deep-linked workspace and open its session. Waits for the
-		* runtime services AND for the target workspace to appear in the workspace
-		* list (both are asynchronous after boot), then connects and opens; gives
-		* up silently within the budget — the workspace param is stripped either
-		* way, so a late failure cannot loop.
-		* @param ctx - client root context.
-		* @param workspaceId - the target workspace.
-		* @param page - the page surface.
+		* The cookieless device credential: the boot patch reads the device id from
+		* the /pair-app URL, keeps it in sessionStorage, and attaches it to every
+		* gated HTTP call as this header (and to WebSocket upgrades as the `device`
+		* query parameter - WS handshakes cannot carry headers from the Web API).
+		* The channel gate accepts it exactly like the device cookie, so the mobile
+		* flow works even with browser cookies fully blocked; the cookie remains the
+		* primary credential on normal browsers.
 		*/
-		async function runDeepLink(ctx, workspaceId, page) {
-			const target = workspaceId;
-			const deadline = Date.now() + SERVICE_WAIT_MS;
-			while (Date.now() < deadline) {
-				const workspaces = ctx.get("workspaces");
-				const sessions = ctx.get("sessions");
-				if (workspaces !== void 0 && sessions !== void 0) {
-					if (workspaces.list.getSnapshot().items.some((item) => item.workspaceId === target)) {
-						try {
-							const sessionId = await workspaces.connectWorkspace(target);
-							sessions.open(sessionId);
-						} catch {}
-						break;
-					}
-				}
-				await new Promise((resolve) => setTimeout(resolve, 200));
-			}
-			const url = new URL(page.href);
-			url.searchParams.delete("workspace");
-			page.replaceState(`${url.pathname}${url.search}${url.hash}`);
-		}
+		const REMOTE_DEVICE_HEADER = "x-dsh-remote-device";
+		const REMOTE_DEVICE_QUERY = "device";
 		//#endregion
 		//#region src/remote-channel-rules.ts
 		/**
@@ -3907,12 +3940,14 @@ window.__ModuleLoader__.load({
 			gitPrefix: "/git/",
 			petPrefix: "/pet/",
 			wsPaths: [
-				"/api/events.mux",
-				"/api/events.host",
+				"/api/remote.mux",
 				"/sidebar/ws/terminal",
 				"/sidebar/ws/agent-terminals",
 				"/api/dsh-ssh/terminal"
-			]
+			],
+			deviceHeader: REMOTE_DEVICE_HEADER,
+			deviceKey: "dsh-remote-device",
+			deviceQuery: REMOTE_DEVICE_QUERY
 		};
 		/** The window global the boot patch publishes its seat under. */
 		const REMOTE_CHANNEL_BOOT_GLOBAL = "__DSH_REMOTE_CHANNEL_BOOT__";
@@ -4065,13 +4100,42 @@ window.__ModuleLoader__.load({
 			const OriginalEventSource = window.EventSource;
 			const sameOrigin = (url) => url.origin === window.location.origin;
 			const rewrite = (raw) => rewriteRawUrl(raw, window.location.href, window.location.origin);
+			const device = (() => {
+				try {
+					return window.sessionStorage?.getItem(RULES.deviceKey) ?? null;
+				} catch {
+					return null;
+				}
+			})();
+			const attach = (init) => {
+				if (device === null) return init;
+				const headers = init?.headers;
+				if (typeof Headers !== "undefined" && headers instanceof Headers) {
+					try {
+						headers.set(RULES.deviceHeader, device);
+					} catch {}
+					return init;
+				}
+				if (typeof headers === "object" && headers !== null) return {
+					...init,
+					headers: {
+						...headers,
+						[RULES.deviceHeader]: device
+					}
+				};
+				return init;
+			};
+			const withDeviceQuery = (url) => {
+				if (device !== null) url.searchParams.set(RULES.deviceQuery, device);
+				return url;
+			};
 			const patchedFetch = (input, init) => {
 				const url = new URL(typeof input === "string" || input instanceof URL ? input.toString() : input.url, window.location.href);
 				if (sameOrigin(url) && shouldRewriteFetchPath(url.pathname)) {
 					const rewritten = new URL(url);
 					rewritten.pathname = rewritePath(url.pathname);
 					const next = typeof input === "string" || input instanceof URL ? rewritten.toString() : new Request(rewritten, input);
-					return Promise.resolve(originalFetch.call(window, next, init)).then(async (response) => {
+					return Promise.resolve(originalFetch.call(window, next, attach(init))).then(async (response) => {
 						if (await isUnpairedDenied(response.clone())) options.onUnpaired?.();
 						else options.onPaired?.();
 						return response;
@@ -4086,7 +4150,7 @@ window.__ModuleLoader__.load({
 					if (wsOrigin !== "" && wsOrigin === window.location.origin && shouldRewriteWsPath(parsed.pathname)) {
 						const rewritten = new URL(parsed);
 						rewritten.pathname = rewritePath(parsed.pathname);
-						super(rewritten, protocols);
+						super(withDeviceQuery(rewritten), protocols);
 						return;
 					}
 					super(url, protocols);
@@ -4106,7 +4170,7 @@ window.__ModuleLoader__.load({
 						if (sameOrigin(parsed) && shouldRewriteFetchPath(parsed.pathname)) {
 							const rewritten = new URL(parsed);
 							rewritten.pathname = rewritePath(parsed.pathname);
-							super(rewritten, eventSourceInitDict);
+							super(withDeviceQuery(rewritten), eventSourceInitDict);
 							return;
 						}
 						super(url, eventSourceInitDict);
@@ -4269,7 +4333,7 @@ window.__ModuleLoader__.load({
 		/** The building package's version, when the bundle carries it. */
 		function bakedVersion() {
 			try {
-				return "0.3.6";
+				return "0.3.9";
 			} catch {
 				return;
 			}
@@ -4332,15 +4396,698 @@ window.__ModuleLoader__.load({
 			} catch {}
 		}
 		//#endregion
+		//#region src/client/mobile-adapt.ts
+		/** Storage key for the manual desktop opt-out. */
+		const FORCE_DESKTOP_KEY = "dsh-remote-force-desktop";
+		/** Storage key for the dragged whale position. */
+		const WHALE_POS_KEY = "dsh-remote-whale-pos";
+		/** Injected stylesheet identity. */
+		const ADAPT_CSS_ID = "dsh-remote-web-ui/mobile-adapt.css";
+		/** Body class while the adaptation is active. */
+		const ACTIVE_CLASS = "dsh-remote-portrait";
+		/** Body class while the collapsed rail is hidden behind the whale. */
+		const RAIL_HIDDEN_CLASS = "dsh-remote-rail-hidden";
+		/** Whale button id. */
+		const WHALE_ID = "dshRemoteWhale";
+		/** Compact picker: synthesized model button id. */
+		const MODEL_BTN_ID = "dshRemoteModelPick";
+		/** Compact picker: synthesized effort button id. */
+		const EFFORT_BTN_ID = "dshRemoteEffortPick";
+		/** Body class while the compact picker buttons are wired. */
+		const COMPACT_CLASS = "dsh-remote-compact-picker";
+		/**
+		* Whether the current viewport is a portrait touch device small enough to
+		* need the adaptation.
+		*/
+		function isMobilePortrait() {
+			if (typeof window === "undefined") return false;
+			if (typeof window.matchMedia !== "function") return false;
+			if (!window.matchMedia("(orientation: portrait)").matches) return false;
+			if (!window.matchMedia("(pointer: coarse)").matches) return false;
+			if (window.innerWidth >= 1100) return false;
+			if (window.sessionStorage.getItem(FORCE_DESKTOP_KEY) === "1") return false;
+			return true;
+		}
+		/**
+		* The injected rules. Grouped by surface; version comments trace rules back
+		* to the dsh-LAN reference they were ported from.
+		*/
+		const ADAPT_CSS = [
+			"html,body{height:100%}",
+			"[class$=\"_frame\"]{width:100%;height:100dvh}",
+			"[class$=\"_railFish\"] button,[class$=\"_panelIcon\"],[class$=\"_newSession\"]{min-width:44px;min-height:44px}",
+			"[class$=\"_scroll\"]{padding:8px 10px}",
+			"[class$=\"_input\"],textarea,input{font-size:16px}",
+			"[class$=\"_composer\"]{padding-bottom:calc(4px + env(safe-area-inset-bottom))}",
+			"[class$=\"_scrollBody\"] [class$=\"_root\"]{font-size:14.5px}",
+			"[class$=\"_scrollBody\"] [class$=\"_bubble\"]{font-size:14.5px}",
+			"[class$=\"_titleRow\"] *{font-size:13px}",
+			"[class$=\"_sidebarCol\"] [class$=\"_root\"],[class$=\"_sidebarCol\"] [class$=\"_newSession\"],[class$=\"_sidebarCol\"] [class$=\"_trigger\"],[class$=\"_sidebarCol\"] [class$=\"_title\"]{font-size:13px}",
+			"[class$=\"_sidebarCol\"] [class$=\"_meta\"],[class$=\"_sidebarCol\"] [class$=\"_time\"]{font-size:11.5px}",
+			"[class$=\"_frame\"][data-sidebar-collapsed]{grid-template-columns:0 minmax(0,1fr) 0 !important}",
+			"[class$=\"_frame\"][data-sidebar-collapsed] [class$=\"_sidebarCol\"]{grid-column:1/2}",
+			"[class$=\"_frame\"][data-sidebar-collapsed] [class$=\"_centerCol\"]{grid-column:2/3}",
+			"[class$=\"_frame\"][data-sidebar-collapsed] [class$=\"_detailsCol\"]{grid-column:3/4}",
+			`body.${RAIL_HIDDEN_CLASS} [class$="_titleRow"]{padding-left:52px}`,
+			`#${WHALE_ID}{position:fixed;top:calc(4px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));z-index:2147482999;width:34px;height:34px;min-width:34px;padding:0;border-radius:10px;background:var(--dsw-alias-bg-module-platform);border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 6px rgba(0,0,0,.25)}`,
+			`#${WHALE_ID} svg{width:20px;height:15px;display:block}`,
+			`#${WHALE_ID}:active{opacity:.72}`,
+			`#${WHALE_ID}{touch-action:none}`,
+			"[class$=\"_sidebarCol\"] [class$=\"_logoRow\"] [class*=\"_iconButton\"]{width:18px;height:18px}",
+			"[class$=\"_sidebarCol\"] [class$=\"_logoRow\"] [class*=\"_iconButton\"] svg{width:13px;height:13px;min-width:0;min-height:0}",
+			"[class$=\"_sidebarCol\"] [class$=\"_projectRow\"] [class$=\"_rowActions\"]{display:inline-flex}",
+			"[class$=\"_sidebarCol\"] [class$=\"_sessionRow\"],[class$=\"_sidebarCol\"] [class$=\"_projectRow\"]{-webkit-user-drag:none;user-select:none}",
+			"[class$=\"_headerUtilities\"]{display:none}",
+			"[class$=\"_composerSeat\"] [class$=\"_card\"]{margin-bottom:1px}",
+			"[class$=\"_composerSeat\"] [class$=\"_row\"]{flex-wrap:wrap;row-gap:0;padding:2px 8px 1px;position:relative}",
+			"[class$=\"_composerSeat\"] [class$=\"_add\"]{position:absolute;left:8px;top:50%;transform:translateY(-50%)}",
+			"[class$=\"_composerSeat\"] [class$=\"_modes\"]{min-width:0;padding-left:38px}",
+			"[class$=\"_composerSeat\"] [class$=\"_trailing\"]{flex-basis:100%;position:relative;min-height:32px;justify-content:flex-start;padding-left:38px;padding-right:78px}",
+			"[class$=\"_composerSeat\"] [class$=\"_trailing\"] *{font-size:12px}",
+			"[class$=\"_composerSeat\"] [class$=\"_modes\"] [class$=\"_trigger\"]{height:24px;min-height:24px;font-size:12px}",
+			"[class$=\"_composerSeat\"] [class$=\"_trailing\"] [class$=\"_trigger\"]{height:24px;min-height:24px;font-size:11px}",
+			"[class$=\"_composerSeat\"] [class$=\"_trailing\"] > [class$=\"_root\"]:has([class$=\"_track\"]){position:absolute;right:52px;top:50%;transform:translateY(-50%)}",
+			"[class$=\"_composerSeat\"] [class$=\"_primary\"]{position:absolute;right:8px;top:50%;transform:translateY(-50%)}",
+			"[class$=\"_composerSeat\"]{transform:none !important}",
+			"[class$=\"_composerSeat\"] [class$=\"_menu\"]{position:fixed !important;left:8px !important;right:8px !important;top:auto !important;bottom:calc(8px + env(safe-area-inset-bottom)) !important;width:auto !important;max-width:none !important;max-height:70dvh !important;overflow-y:auto !important;z-index:2147482000}",
+			"[class$=\"_composerSeat\"] [class$=\"_menu\"] [class$=\"_cell\"]{height:44px;min-height:44px;font-size:13px}",
+			`body.${COMPACT_CLASS} [class$="_composerSeat"] [class$="_trailing"] [class$="_trigger"]:has([class$="_triggerEffort"]){display:none}`,
+			`body.${COMPACT_CLASS} [class$="_composerSeat"] [class$="_trailing"]{flex-basis:auto;position:static;min-height:0;padding:0;width:0}`,
+			`body.${COMPACT_CLASS} [class$="_composerSeat"] [class$="_trailing"] > [class$="_root"]:has([class$="_track"]){right:44px}`,
+			`#${MODEL_BTN_ID},#${EFFORT_BTN_ID}{width:26px;height:32px;min-width:26px;padding:0;border-radius:9px;background:var(--dsw-alias-bg-module-platform);border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;margin-left:4px}`,
+			`#${MODEL_BTN_ID} svg,#${EFFORT_BTN_ID} svg{width:16px;height:16px;display:block}`,
+			`#${MODEL_BTN_ID}:active,#${EFFORT_BTN_ID}:active{opacity:.7}`,
+			"[class$=\"_composerSeat\"] [data-slot=\"conversation.composer.dock\"] [class$=\"_root\"]{font-size:10px;white-space:normal;word-break:break-word;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left;line-height:13px;letter-spacing:-0.2px;padding-left:0;padding-right:0}",
+			"[class$=\"_scrollBody\"] [class$=\"_root\"]{font-size:13px}",
+			"[class*=\"_bubble\"][role=\"tooltip\"]{display:none}",
+			"[class$=\"_composerSeat\"] [class$=\"_frame\"]{box-sizing:border-box;width:100%;max-width:100%;padding-left:12px;padding-right:12px;height:auto;max-height:calc(100dvh - 96px);align-items:flex-start;overflow-y:auto}",
+			"[class$=\"_composerSeat\"] [class$=\"_frame\"] [class$=\"_card\"]{max-width:none;width:100%}",
+			"[class$=\"_header\"] [class$=\"_titleCluster\"] [class$=\"_headerActions\"]{display:none}",
+			"[class$=\"_header\"] [class$=\"_tabs\"]{margin-right:-58px}",
+			"[class$=\"_header\"] [class$=\"_tabs\"] [class*=\"_tab\"]{font-size:12px;white-space:nowrap}",
+			"[class$=\"_header\"] [class$=\"_tabs\"] [class$=\"_headerActions\"]{margin-left:auto;display:flex;align-items:center;gap:6px;flex:none}",
+			`body.${ACTIVE_CLASS} [class$=\"_detailsCol\"]{display:none !important}`,
+			`body.${ACTIVE_CLASS} [data-dsh-plugin=\"ssh\"],`,
+			`body.${ACTIVE_CLASS} [data-dsh-plugin=\"skill-explorer\"],`,
+			`body.${ACTIVE_CLASS} [data-dsh-plugin=\"task-board\"],`,
+			`body.${ACTIVE_CLASS} [data-dsh-plugin=\"git-graph\"],`,
+			`body.${ACTIVE_CLASS} [data-dsh-plugin=\"pet\"],`,
+			`body.${ACTIVE_CLASS} [data-dsh-plugin=\"perf\"],`,
+			`body.${ACTIVE_CLASS} [data-dsh-plugin=\"usage\"]{display:none !important}`,
+			`body.${ACTIVE_CLASS} [class$=\"_overlayLayer\"] [class$=\"_workbench\"]{display:none !important}`,
+			"[class$=\"_overlay\"] [class$=\"_panel\"]{flex-direction:column;max-height:calc(100dvh - 32px)}",
+			"[class$=\"_overlay\"] [class$=\"_panel\"] [class$=\"_nav\"]{flex-direction:row;gap:4px;width:100%;padding:12px 12px 0;overflow-x:auto;overflow-y:hidden}",
+			"[class$=\"_overlay\"] [class$=\"_panel\"] [class$=\"_navTitle\"]{display:none}",
+			"[class$=\"_overlay\"] [class$=\"_panel\"] [class$=\"_navList\"]{flex-direction:row;gap:4px}",
+			"[class$=\"_overlay\"] [class$=\"_panel\"] [class$=\"_navCell\"]{height:34px;padding:0 12px;gap:6px;flex:none;border-radius:10px}",
+			"[class$=\"_overlay\"] [class$=\"_panel\"] [class$=\"_navLabel\"]{font-size:13px}",
+			"[class$=\"_overlay\"] [class$=\"_panel\"] [class$=\"_content\"]{flex:1;min-height:0}"
+		];
+		/** Cube glyph for the compact model button (a plain box outline). */
+		const CUBE_ICON = "<path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"/><path d=\"m3.3 7 8.7 5 8.7-5\"/><path d=\"M12 22V12\"/>";
+		/** Level glyph for the compact effort button (three rising bars). */
+		const LEVELS_ICON = "<path d=\"M4 6h16\"/><path d=\"M7 12h10\"/><path d=\"M10 18h4\"/>";
+		/** The DeepSeek fish glyph (the official brand mark path). */
+		const FISH_PATH = "M22.9168 1.43018C22.6713 1.31018 22.5658 1.53918 22.4223 1.65519C22.3733 1.69269 22.3318 1.74169 22.2903 1.78669C21.9317 2.1697 21.5127 2.42121 20.9657 2.39121C20.1657 2.34621 19.4827 2.59771 18.8787 3.20973C18.7502 2.45521 18.3236 2.0047 17.6746 1.71569C17.3351 1.56568 16.9916 1.41518 16.7536 1.08867C16.5876 0.856163 16.5421 0.597155 16.4591 0.341647C16.4061 0.187643 16.3536 0.0301382 16.1761 0.00363739C15.9836 -0.0263635 15.9081 0.135141 15.8326 0.270145C15.5306 0.822162 15.4136 1.43018 15.4251 2.0462C15.4516 3.43174 16.0366 4.53527 17.1991 5.3203C17.3311 5.4103 17.3651 5.5003 17.3236 5.63181C17.2441 5.90231 17.1501 6.16482 17.0671 6.43533C17.0141 6.60784 16.9351 6.64584 16.7501 6.57033C16.1121 6.30383 15.5611 5.90931 15.074 5.4328C14.2475 4.63328 13.5 3.75075 12.568 3.05973C12.349 2.89822 12.13 2.74822 11.9034 2.60522C10.9524 1.68169 12.028 0.923165 12.277 0.833162C12.5375 0.739159 12.3675 0.41615 11.5259 0.42015C10.6844 0.42365 9.91439 0.705658 8.93286 1.08117C8.78935 1.13767 8.63835 1.17867 8.48384 1.21267C7.59332 1.04367 6.66829 1.00617 5.70226 1.11517C3.88321 1.31768 2.43016 2.1777 1.36213 3.64575C0.0790928 5.4103 -0.222916 7.41536 0.146595 9.50642C0.535106 11.7105 1.66014 13.535 3.38869 14.9616C5.18125 16.4406 7.24581 17.1657 9.60138 17.0266C11.0319 16.9441 12.6245 16.7526 14.421 15.2321C14.874 15.4576 15.3496 15.5476 16.1381 15.6151C16.7456 15.6716 17.3306 15.5851 17.7836 15.4911C18.4931 15.3411 18.4441 14.6841 18.1876 14.5636C16.1081 13.595 16.5646 13.9891 16.1496 13.67C17.2061 12.42 18.8202 10.1979 19.3182 7.17235C19.3672 6.83834 19.4297 6.36783 19.4222 6.09732C19.4182 5.93231 19.4562 5.86831 19.6447 5.84931C20.1657 5.78931 20.6712 5.64681 21.1357 5.3913C22.4833 4.65528 23.0268 3.44624 23.1548 1.9972C23.1738 1.77569 23.1508 1.54668 22.9168 1.43018Z";
+		/**
+		* Install the adaptation layer. Runs once per page (idempotent); the
+		* evaluate loop re-applies on orientation/resize and reverts off-portrait.
+		*/
+		function startMobileAdapt() {
+			if (typeof window === "undefined" || typeof document === "undefined") return;
+			if (window.__dshRemoteAdaptInstalled === true) return;
+			window.__dshRemoteAdaptInstalled = true;
+			const w = window;
+			let active = false;
+			let savedViewportContent = null;
+			let whaleEl = null;
+			let whaleObserver = null;
+			let whaleTimer = null;
+			let whaleSuppressClick = false;
+			let whaleShown = false;
+			let drag = null;
+			let swipeTouch = null;
+			let lastComposerTap = 0;
+			let adaptEnabled = true;
+			/**
+			* Idempotently (re-)install the adaptation stylesheet. The rules live in
+			* one <style> tag keyed by data-plugin-css; the sync tick re-runs this so
+			* a tag lost to any external DOM cleanup is restored within one tick
+			* instead of silently dropping the suppressions (portrait pet hiding,
+			* rail compaction) while the body class stays.
+			*/
+			function ensureAdaptStyle() {
+				if (document.querySelector(`style[data-plugin-css="${ADAPT_CSS_ID}"]`) !== null) return;
+				const tag = document.createElement("style");
+				tag.dataset.plugin = "remote-web-ui";
+				tag.dataset.pluginCss = ADAPT_CSS_ID;
+				tag.textContent = ADAPT_CSS.join("");
+				document.head.appendChild(tag);
+			}
+			function apply() {
+				if (active) return;
+				active = true;
+				document.body.classList.add(ACTIVE_CLASS);
+				try {
+					w.__dshRemoteAdapt?.closeDetails?.();
+				} catch {}
+				ensureAdaptStyle();
+				const meta = document.querySelector("meta[name=viewport]");
+				if (meta instanceof HTMLMetaElement && meta.getAttribute("content") !== null && !(meta.getAttribute("content") ?? "").includes("viewport-fit")) {
+					savedViewportContent = meta.getAttribute("content");
+					meta.setAttribute("content", `${savedViewportContent}, viewport-fit=cover`);
+				}
+				ensureWhale();
+				syncWhale();
+				setWhaleTimer(true);
+				seatHeaderActions();
+			}
+			function revert() {
+				if (!active) return;
+				active = false;
+				unseatHeaderActions();
+				removeCompactPicker();
+				document.body.classList.remove(ACTIVE_CLASS);
+				document.body.classList.remove(RAIL_HIDDEN_CLASS);
+				document.querySelector(`style[data-plugin-css="${ADAPT_CSS_ID}"]`)?.remove();
+				const meta = document.querySelector("meta[name=viewport]");
+				if (meta instanceof HTMLMetaElement && savedViewportContent !== null) {
+					meta.setAttribute("content", savedViewportContent);
+					savedViewportContent = null;
+				}
+				if (whaleEl !== null) whaleEl.style.display = "none";
+				setWhaleTimer(false);
+			}
+			/** Start/stop the 600ms sync tick; a no-op when already in the asked state. */
+			function setWhaleTimer(on) {
+				if (on && whaleTimer === null && active) whaleTimer = window.setInterval(syncWhale, 600);
+				else if (!on && whaleTimer !== null) {
+					window.clearInterval(whaleTimer);
+					whaleTimer = null;
+				}
+			}
+			/**
+			* Compact picker (v79): a phone row cannot fit the desktop text triggers,
+			* so the model/effort entries become two icon buttons in the trailing
+			* row. Both forward to the official picker trigger (its menu renders as
+			* the bottom sheet) and then drill straight into the asked cell — model
+			* list or effort list — so one tap lands on the list, matching the
+			* cube-model / brain-effort mapping. The official context ring next to
+			* the send button keeps its own semantics untouched.
+			*/
+			function removeCompactPicker() {
+				document.body.classList.remove(COMPACT_CLASS);
+				document.getElementById(MODEL_BTN_ID)?.remove();
+				document.getElementById(EFFORT_BTN_ID)?.remove();
+			}
+			function drillIntoPicker(cellPattern) {
+				const trigger = document.querySelector("[class$=\"_composerSeat\"] [class$=\"_trailing\"] [class$=\"_trigger\"]:has([class$=\"_triggerEffort\"])");
+				if (trigger === null) return;
+				trigger.click();
+				let tries = 0;
+				const tapCell = () => {
+					tries += 1;
+					const cell = Array.from(document.querySelectorAll("[class$=\"_composerSeat\"] [class$=\"_menu\"] [class$=\"_cell\"]")).find((c) => cellPattern.test(c.textContent ?? ""));
+					if (cell !== void 0) {
+						cell.click();
+						return;
+					}
+					if (tries < 8) window.setTimeout(tapCell, 150);
+				};
+				window.setTimeout(tapCell, 150);
+			}
+			function makeCompactButton(id, title, icon, cellPattern) {
+				const btn = document.createElement("button");
+				btn.id = id;
+				btn.type = "button";
+				btn.dataset.dshPlugin = "remote-web-ui";
+				btn.title = title;
+				btn.setAttribute("aria-label", title);
+				btn.innerHTML = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${icon}</svg>`;
+				btn.addEventListener("click", () => {
+					drillIntoPicker(cellPattern);
+				});
+				return btn;
+			}
+			function syncCompactPicker() {
+				if (!active) return;
+				const tools = document.querySelector("[class$=\"_composerSeat\"] [class$=\"_tools\"]");
+				const trigger = tools?.parentElement?.querySelector("[class$=\"_triggerEffort\"]")?.parentElement;
+				if (tools === null || trigger === null) {
+					removeCompactPicker();
+					return;
+				}
+				const zh = (navigator.language ?? "").toLowerCase().startsWith("zh");
+				if (document.getElementById(MODEL_BTN_ID) === null) tools.appendChild(makeCompactButton(MODEL_BTN_ID, zh ? "选择模型" : "Pick model", CUBE_ICON, /模型|Model/));
+				if (document.getElementById(EFFORT_BTN_ID) === null) tools.appendChild(makeCompactButton(EFFORT_BTN_ID, zh ? "选择推理等级" : "Pick reasoning effort", LEVELS_ICON, /推理等级|Reasoning|Effort/i));
+				document.body.classList.add(COMPACT_CLASS);
+			}
+			/**
+			* Toggle the sidebar through the wired layout face, then verify the flip:
+			* the official LayoutController can be mounted yet inert (its bound store
+			* actions race the root entry on this cohort — observed on the running
+			* local build, where the face call silently did nothing and the whale
+			* was dead). When the frame state did not change shortly after the call,
+			* drive the official rail/logo toggle instead: that button owns its own
+			* store actions and flips the same state on every cohort we support.
+			*/
+			function toggleSidebarVerified() {
+				const frame = document.querySelector("[class$=\"_frame\"]");
+				const collapsedBefore = frame instanceof HTMLElement ? frame.hasAttribute("data-sidebar-collapsed") : null;
+				w.__dshRemoteAdapt?.toggleSidebar?.();
+				if (collapsedBefore === null) return;
+				window.setTimeout(() => {
+					if (!active) return;
+					const frameNow = document.querySelector("[class$=\"_frame\"]");
+					if (!(frameNow instanceof HTMLElement)) return;
+					if (frameNow.hasAttribute("data-sidebar-collapsed") !== collapsedBefore) return;
+					document.querySelector("[class$=\"_railFish\"] button, [class$=\"_logoRow\"] [class*=\"_iconButton\"]")?.click();
+				}, 150);
+			}
+			function ensureWhale() {
+				if (whaleEl !== null || !document.body) return;
+				const whale = document.createElement("button");
+				whale.id = WHALE_ID;
+				whale.type = "button";
+				whale.dataset.dshPlugin = "remote-web-ui";
+				const whaleLabel = (navigator.language ?? "").toLowerCase().startsWith("zh") ? "打开侧边栏" : "Open sidebar";
+				whale.title = whaleLabel;
+				whale.setAttribute("aria-label", whaleLabel);
+				whale.innerHTML = `<svg viewBox="0 0 23.16 17.04" fill="none" aria-hidden="true"><path d="${FISH_PATH}" fill="currentColor"/></svg>`;
+				whale.addEventListener("click", () => {
+					if (whaleSuppressClick) {
+						whaleSuppressClick = false;
+						return;
+					}
+					toggleSidebarVerified();
+				});
+				whale.addEventListener("pointerdown", (e) => {
+					if (whaleEl === null) return;
+					if (e.button !== 0 && e.pointerType === "mouse") return;
+					if (active) {
+						const ta = document.querySelector("[class$=\"_composerSeat\"] textarea, [class$=\"_composerSeat\"] input");
+						if (ta !== null && document.activeElement === ta) {
+							ta.blur();
+							lastComposerTap = 0;
+						}
+					}
+					drag = {
+						x: e.clientX,
+						y: e.clientY,
+						left: whale.offsetLeft,
+						top: whale.offsetTop,
+						moved: false
+					};
+					try {
+						whale.setPointerCapture(e.pointerId);
+					} catch {}
+					e.preventDefault();
+					e.stopPropagation();
+				});
+				whale.addEventListener("pointermove", (e) => {
+					if (whaleEl === null || drag === null) return;
+					const dx = e.clientX - drag.x;
+					const dy = e.clientY - drag.y;
+					drag.moved = drag.moved || Math.abs(dx) > 3 || Math.abs(dy) > 3;
+					whaleEl.style.left = `${Math.min(Math.max(4, drag.left + dx), window.innerWidth - 38)}px`;
+					whaleEl.style.top = `${Math.min(Math.max(4, drag.top + dy), window.innerHeight - 38)}px`;
+					e.preventDefault();
+					e.stopPropagation();
+				});
+				const endWhaleDrag = () => {
+					if (whaleEl === null || drag === null) return;
+					const moved = drag.moved;
+					drag = null;
+					whaleSuppressClick = moved;
+					try {
+						window.localStorage.setItem(WHALE_POS_KEY, JSON.stringify({
+							x: whaleEl.offsetLeft,
+							y: whaleEl.offsetTop
+						}));
+					} catch {}
+				};
+				whale.addEventListener("pointerup", endWhaleDrag);
+				whale.addEventListener("pointercancel", endWhaleDrag);
+				whaleEl = whale;
+				document.body.appendChild(whale);
+			}
+			/** Restore a dragged position when the whale becomes visible again. */
+			function applyWhalePos() {
+				if (whaleEl === null) return;
+				let pos = null;
+				try {
+					pos = JSON.parse(window.localStorage.getItem(WHALE_POS_KEY) ?? "null");
+				} catch {}
+				if (pos !== null && typeof pos.x === "number" && typeof pos.y === "number") {
+					const x = Math.min(Math.max(4, pos.x), window.innerWidth - 38);
+					const y = Math.min(Math.max(4, pos.y), window.innerHeight - 38);
+					whaleEl.style.left = `${x}px`;
+					whaleEl.style.top = `${y}px`;
+				}
+			}
+			function disableRowDrag() {
+				if (!active) return;
+				const rows = document.querySelectorAll("[class$=\"_sidebarCol\"] [class$=\"_sessionRow\"], [class$=\"_sidebarCol\"] [class$=\"_projectRow\"]");
+				for (const row of rows) if (row.getAttribute("draggable") !== "false") row.setAttribute("draggable", "false");
+			}
+			function syncWhale() {
+				if (active) ensureAdaptStyle();
+				if (whaleEl === null) return;
+				if (!active) {
+					whaleEl.style.display = "none";
+					return;
+				}
+				const collapsed = document.querySelector("[class$=\"_frame\"][data-sidebar-collapsed]") !== null;
+				const overlayUp = document.querySelector("[class$=\"_overlay\"]") !== null;
+				const show = collapsed && !overlayUp;
+				if (show && !whaleShown) applyWhalePos();
+				whaleEl.style.display = show ? "" : "none";
+				whaleShown = show;
+				document.body.classList.toggle(RAIL_HIDDEN_CLASS, collapsed);
+				disableRowDrag();
+				seatHeaderActions();
+				alignActionsText();
+				syncCompactPicker();
+			}
+			function seatHeaderActions() {
+				if (!active) return;
+				const tabs = document.querySelector("[class$=\"_header\"] [class$=\"_tabs\"]");
+				const fresh = document.querySelector("[class$=\"_titleCluster\"] [class$=\"_headerActions\"]");
+				const seated = tabs !== null ? tabs.querySelector(":scope > [class$=\"_headerActions\"]") : null;
+				if (fresh !== null && tabs !== null) {
+					seated?.remove();
+					tabs.appendChild(fresh);
+				}
+			}
+			function alignActionsText() {
+				if (!active) return;
+				const tabs = document.querySelector("[class$=\"_header\"] [class$=\"_tabs\"]");
+				if (tabs === null) return;
+				const actions = tabs.querySelector(":scope > [class$=\"_headerActions\"]");
+				const tabBtn = tabs.querySelector(":scope > [class*=\"_tab\"]");
+				if (actions === null || tabBtn === null) return;
+				const textBottom = (el) => {
+					if (el === null) return null;
+					const text = Array.from(el.childNodes).find((n) => n.nodeType === 3 && n.textContent !== null && n.textContent.trim() !== "");
+					if (text === void 0) return null;
+					try {
+						const range = document.createRange();
+						range.selectNode(text);
+						return range.getBoundingClientRect().bottom;
+					} catch {
+						return null;
+					}
+				};
+				const tabBottom = textBottom(tabBtn);
+				if (tabBottom === null) return;
+				const curMatch = /translateY\((-?[\d.]+)px\)/.exec(actions.style.transform ?? "");
+				const cur = curMatch !== null ? parseFloat(curMatch[1] ?? "0") : 0;
+				let maxBottom = null;
+				for (const sel of ["[class$=\"_label\"]", "[class$=\"_count\"]"]) {
+					const b = textBottom(actions.querySelector(sel));
+					if (b !== null && (maxBottom === null || b - cur > maxBottom)) maxBottom = b - cur;
+				}
+				if (maxBottom === null) return;
+				const delta = Math.round((tabBottom - maxBottom) * 10) / 10;
+				if (Math.abs(delta) < .5) {
+					if (actions.style.transform !== "") actions.style.transform = "";
+					return;
+				}
+				actions.style.transform = `translateY(${delta}px)`;
+			}
+			function unseatHeaderActions() {
+				const tabs = document.querySelector("[class$=\"_header\"] [class$=\"_tabs\"]");
+				const seated = tabs !== null ? tabs.querySelector(":scope > [class$=\"_headerActions\"]") : null;
+				const wrap = document.querySelector("[class$=\"_titleCluster\"] > div");
+				if (seated !== null) if (wrap !== null) wrap.appendChild(seated);
+				else seated.remove();
+			}
+			function ensureWhaleObserver() {
+				if (whaleObserver !== null || typeof MutationObserver === "undefined" || !document.body) return;
+				whaleObserver = new MutationObserver(() => {
+					syncWhale();
+				});
+				whaleObserver.observe(document.body, {
+					attributes: true,
+					attributeFilter: ["data-sidebar-collapsed"],
+					subtree: true
+				});
+			}
+			function evaluate() {
+				if (!adaptEnabled) {
+					revert();
+					return;
+				}
+				if (isMobilePortrait()) {
+					apply();
+					ensureWhaleObserver();
+				} else revert();
+			}
+			evaluate();
+			window.addEventListener("orientationchange", evaluate);
+			window.addEventListener("resize", evaluate);
+			document.addEventListener("visibilitychange", () => {
+				setWhaleTimer(document.visibilityState !== "hidden");
+			});
+			function onKeydownCapture(e) {
+				if (!active) return;
+				if (e.key !== "Enter" || e.shiftKey || e.ctrlKey || e.metaKey || e.altKey) return;
+				const t = e.target;
+				if (!(t instanceof HTMLElement)) return;
+				if (t.closest("[class$=\"_input\"]") === null) return;
+				if (e.isComposing || e.keyCode === 229) return;
+				e.preventDefault();
+				e.stopPropagation();
+				try {
+					document.execCommand("insertText", false, "\n");
+				} catch {}
+			}
+			document.addEventListener("keydown", onKeydownCapture, true);
+			function collapseSidebar() {
+				toggleSidebarVerified();
+			}
+			function onClickCapture(e) {
+				if (!active) return;
+				const frame = document.querySelector("[class$=\"_frame\"]");
+				if (frame === null || frame.hasAttribute("data-sidebar-collapsed")) return;
+				const t = e.target;
+				if (!(t instanceof Element)) return;
+				if (t.closest("[class$=\"_sidebarCol\"]") !== null) {
+					const topNewSessionClicked = t.closest("[class$=\"_newSession\"], [class$=\"_brand\"]") !== null;
+					let projectNewSessionClicked = false;
+					const projectActions = t.closest("[class$=\"_projectRow\"] [class$=\"_rowActions\"]");
+					if (projectActions !== null) {
+						const btn = t.closest("button");
+						const btns = projectActions.querySelectorAll("button");
+						projectNewSessionClicked = btn !== null && btns.length > 0 && btn === btns[btns.length - 1];
+					}
+					let shouldCollapse = false;
+					if (t.closest("[class$=\"_sessionRow\"]") !== null) shouldCollapse = t.closest("[class$=\"_rowActions\"]") === null;
+					else if (t.closest("[class$=\"_settingsArea\"]") !== null || topNewSessionClicked || projectNewSessionClicked) shouldCollapse = true;
+					if (shouldCollapse) collapseSidebar();
+					return;
+				}
+				if (t.closest("[class$=\"_overlay\"], [class$=\"_dialog\"], [class$=\"_menu\"], [class*=\"_portal\"], [id=\"dshRemoteWhale\"], [id=\"dshLanGate\"]") !== null) return;
+				collapseSidebar();
+			}
+			document.addEventListener("click", onClickCapture, true);
+			function insideHScrollable(el) {
+				let n = el;
+				while (n !== null && n !== document.body) {
+					const cs = getComputedStyle(n);
+					if ((cs.overflowX === "auto" || cs.overflowX === "scroll") && n.scrollWidth > n.clientWidth + 4) return true;
+					n = n.parentElement;
+				}
+				return false;
+			}
+			document.addEventListener("touchstart", (e) => {
+				if (!active) return;
+				const t = e.target;
+				if (t instanceof Element && (t.tagName === "TEXTAREA" || t.tagName === "INPUT" || t.closest(`#${WHALE_ID}`) !== null || insideHScrollable(t) || t.closest("table, [class$=\"_table\"], [class$=\"_tablePane\"]") !== null)) {
+					swipeTouch = null;
+					return;
+				}
+				const ct = e.changedTouches[0];
+				if (ct === void 0) return;
+				swipeTouch = {
+					x: ct.clientX,
+					y: ct.clientY,
+					id: ct.identifier
+				};
+			}, {
+				capture: true,
+				passive: true
+			});
+			document.addEventListener("touchend", (e) => {
+				if (swipeTouch === null) return;
+				const ct = e.changedTouches[0];
+				if (ct === void 0 || ct.identifier !== swipeTouch.id) return;
+				const dx = ct.clientX - swipeTouch.x;
+				const dy = ct.clientY - swipeTouch.y;
+				swipeTouch = null;
+				if (!active) return;
+				if (Math.abs(dx) < 60 || Math.abs(dx) < Math.abs(dy) * 1.5) return;
+				const frame = document.querySelector("[class$=\"_frame\"]");
+				if (frame === null) return;
+				if (document.querySelector("[class$=\"_overlay\"], [class$=\"_dialog\"], [class$=\"_menu\"], [class*=\"_portal\"]") !== null) return;
+				const collapsed = frame.hasAttribute("data-sidebar-collapsed");
+				if (dx < 0 && !collapsed) collapseSidebar();
+				else if (dx > 0 && collapsed) toggleSidebarVerified();
+			}, {
+				capture: true,
+				passive: true
+			});
+			document.addEventListener("touchcancel", () => {
+				swipeTouch = null;
+			}, true);
+			const LONG_PRESS_MS = 500;
+			const LONG_PRESS_MOVE = 10;
+			let longPress = null;
+			let suppressSessionClickUntil = 0;
+			let suppressSessionClickRow = null;
+			let longPressMenuGuardUntil = 0;
+			function clearLongPress() {
+				if (longPress !== null) {
+					if (longPress.timer !== null) window.clearTimeout(longPress.timer);
+					longPress = null;
+				}
+			}
+			function openSessionMenu(row) {
+				const actions = row.querySelector("[class$=\"_rowActions\"]");
+				const btn = actions?.querySelector("button");
+				if (actions === null || btn === null) return;
+				longPressMenuGuardUntil = Date.now() + 1200;
+				actions.style.display = "inline-flex";
+				try {
+					btn.click();
+				} finally {
+					window.setTimeout(() => {
+						actions.style.display = "";
+					}, 50);
+				}
+			}
+			document.addEventListener("touchstart", (e) => {
+				if (!active) return;
+				const t = e.target;
+				if (!(t instanceof Element)) {
+					clearLongPress();
+					return;
+				}
+				const row = t.closest("[class$=\"_sessionRow\"]");
+				if (row === null || t.closest("[class$=\"_rowActions\"]") !== null) {
+					clearLongPress();
+					return;
+				}
+				const ct = e.changedTouches[0];
+				if (ct === void 0) return;
+				clearLongPress();
+				const lp = {
+					row,
+					x: ct.clientX,
+					y: ct.clientY,
+					timer: null,
+					triggered: false
+				};
+				lp.timer = window.setTimeout(() => {
+					if (longPress !== lp) return;
+					lp.triggered = true;
+					openSessionMenu(lp.row);
+					try {
+						navigator.vibrate?.(10);
+					} catch {}
+				}, LONG_PRESS_MS);
+				longPress = lp;
+			}, {
+				capture: true,
+				passive: true
+			});
+			document.addEventListener("touchmove", (e) => {
+				if (!active || longPress === null) return;
+				const ct = e.changedTouches[0];
+				if (ct === void 0) return;
+				if (Math.abs(ct.clientX - longPress.x) > LONG_PRESS_MOVE || Math.abs(ct.clientY - longPress.y) > LONG_PRESS_MOVE) clearLongPress();
+			}, {
+				capture: true,
+				passive: true
+			});
+			document.addEventListener("touchend", (e) => {
+				if (!active || longPress === null) return;
+				if (e.changedTouches[0] === void 0) return;
+				const lp = longPress;
+				clearLongPress();
+				if (lp.triggered) {
+					e.preventDefault();
+					suppressSessionClickUntil = Date.now() + 800;
+					suppressSessionClickRow = lp.row;
+				}
+			}, {
+				capture: true,
+				passive: false
+			});
+			document.addEventListener("touchcancel", () => {
+				clearLongPress();
+			}, true);
+			window.addEventListener("click", (e) => {
+				if (!active || Date.now() > suppressSessionClickUntil) return;
+				const t = e.target;
+				if (t instanceof Element && suppressSessionClickRow !== null && (t === suppressSessionClickRow || suppressSessionClickRow.contains(t))) {
+					e.stopPropagation();
+					e.preventDefault();
+					suppressSessionClickUntil = 0;
+					suppressSessionClickRow = null;
+				}
+			}, true);
+			document.addEventListener("contextmenu", (e) => {
+				if (!active) return;
+				const t = e.target;
+				if (!(t instanceof Element)) return;
+				if (t.closest("[class$=\"_sessionRow\"]") !== null && (longPress !== null && longPress.triggered || Date.now() <= suppressSessionClickUntil)) e.preventDefault();
+			}, true);
+			document.addEventListener("pointerleave", (e) => {
+				if (!active || Date.now() > longPressMenuGuardUntil) return;
+				const t = e.target;
+				if (t instanceof Element && (t.closest("[class$=\"_rowActions\"]") !== null || t.closest("[class$=\"_sessionRow\"]") !== null || t.closest("[class$=\"_projectRow\"]") !== null)) e.stopPropagation();
+			}, true);
+			const lanOrigFocus = HTMLElement.prototype.focus;
+			HTMLElement.prototype.focus = function(options) {
+				if (active && (this.tagName === "TEXTAREA" || this.tagName === "INPUT") && this.closest("[class$=\"_composerSeat\"]") !== null && Date.now() - lastComposerTap >= 800) return;
+				lanOrigFocus.call(this, options);
+			};
+			let lastComposerTapRegistered = false;
+			if (!lastComposerTapRegistered) {
+				lastComposerTapRegistered = true;
+				document.addEventListener("pointerdown", (e) => {
+					if (!active) return;
+					const t = e.target;
+					if (t instanceof Element && (t.tagName === "TEXTAREA" || t.tagName === "INPUT") && t.closest("[class$=\"_composerSeat\"]") !== null) lastComposerTap = Date.now();
+				}, true);
+			}
+			w.__dshRemoteAdapt = {
+				evaluate,
+				toggleSidebar: null,
+				closeDetails: null,
+				setEnabled(on) {
+					adaptEnabled = on;
+					if (on) evaluate();
+					else revert();
+				},
+				flushCloseDetails() {
+					if (active) w.__dshRemoteAdapt?.closeDetails?.();
+				}
+			};
+		}
+		//#endregion
 		//#region src/client/index.ts
 		/**
-		* Mobile remote control — browser half. Registers the `remote` dictionaries,
-		* the sidebar-foot entry (phone trigger + pairing panel) into the
-		* ui-sidebar-declared `sidebar.remote` seat, and runs the phone-side boot
-		* flow (pair accept + workspace deep-link + presence heartbeats) plus the
-		* one-time failed-pair notice. Export discipline: packages/client/AGENTS.md
-		* — the /client surface carries only what cordis loading needs plus types.
+		* Remote control — browser half. Registers the `remote` dictionaries, the
+		* sidebar-foot entry (phone trigger + pairing panel + update trigger), and
+		* the pair boot flow (accept + presence heartbeats) plus the one-time
+		* failed-pair notice. The portrait-touch adaptation of the official UI
+		* starts at module scope (startMobileAdapt) so its focus guard is installed
+		* before the app boots. Export discipline: packages/client/AGENTS.md — the
+		* /client surface carries only what cordis loading needs plus types.
 		*/
+		startMobileAdapt();
 		/** Dictionary namespace owned by this plugin. */
 		const NS = "remote";
 		/** Settings namespace the remote-control card edits (the Host plugin registers it). */
@@ -4371,33 +5118,38 @@ window.__ModuleLoader__.load({
 					return () => {};
 				}
 			}, "remote-web-ui: dictionaries");
+			const layout = ctx.get("layout");
+			const adapt = window.__dshRemoteAdapt;
+			const layoutCall = (call) => {
+				try {
+					call?.();
+				} catch {}
+			};
+			if (layout !== void 0 && adapt !== void 0) {
+				if (typeof layout.toggleSidebar === "function") adapt.toggleSidebar = () => {
+					layoutCall(layout.toggleSidebar);
+				};
+				if (typeof layout.closeDetails === "function") adapt.closeDetails = () => {
+					layoutCall(layout.closeDetails);
+				};
+			}
+			if (adapt !== void 0 && adapt.toggleSidebar === null) adapt.toggleSidebar = () => {
+				document.querySelector("[class$=\"_railFish\"] button, [class$=\"_logoRow\"] [class*=\"_iconButton\"]")?.click();
+			};
 			const t = ctx.locale.bind(NS);
 			const settingsScope = (ctx.get("webUiSettings") ?? ctx.settingsScope).bind({ namespace: REMOTE_WEB_UI_NS });
 			const enabled = () => {
 				const snapshot = settingsScope.getSnapshot();
 				return snapshot.status === "ready" ? snapshot.value?.enabled ?? true : snapshot.status === "unavailable";
 			};
-			ctx.slots.inject("sidebar.remote", () => {
-				let disposeEntry;
-				const syncEntry = () => {
-					if (enabled() && disposeEntry === void 0) try {
-						disposeEntry = ctx.slots.register({
-							name: "sidebar.remote",
-							locale: NS
-						}, RemoteEntry);
-					} catch {}
-					else if (!enabled() && disposeEntry !== void 0) {
-						disposeEntry();
-						disposeEntry = void 0;
-					}
-				};
-				const unsubscribe = settingsScope.subscribe(syncEntry);
-				syncEntry();
-				return () => {
-					unsubscribe();
-					disposeEntry?.();
-				};
-			});
+			const syncAdaptEnabled = () => {
+				window.__dshRemoteAdapt?.setEnabled?.(enabled());
+			};
+			settingsScope.subscribe(syncAdaptEnabled);
+			syncAdaptEnabled();
+			try {
+				adapt?.flushCloseDetails?.();
+			} catch {}
 			ctx.slots.inject("sidebar.footer.action", () => {
 				let disposeEntry;
 				const syncEntry = () => {