@linxin666/dsh-remote-web-ui 0.3.14 → 0.3.15

package/README.i18n.yaml

@@ -2,5 +2,5 @@
 # side as of the last confirmed-consistent state. Both languages carry equal authority;
 # after editing either side, bring the other along and re-record with:
 #   node scripts/verify-docs.mjs --write <dir>
-README.md: 62dd01494df6877b90725715495c39f115dd1e5a
-README.zh.md: 0e1ce635be94a16bfe14bd2ced9a26c8df140e21
+README.md: 8e93c9e36c4c1cb042df29d494419347181142b0
+README.zh.md: fb6955a0be096fe3d04cff2600484409c8b62df9

package/README.md

@@ -24,7 +24,7 @@ The official desktop layout already auto-collapses the sidebar below 1024px. On
 - a **draggable whale button** as the entry to the collapsed sidebar (position persisted; wired to the official `ctx.layout.toggleSidebar()`), hidden while the sidebar is expanded;
 - **gestures**: left-swipe collapses the sidebar, right-swipe in the conversation opens it; long-pressing a session row opens the same action menu as the desktop ellipsis; tapping a session row or anywhere outside the sidebar collapses it again;
 - **input behavior for touch**: Enter only inserts a newline (send goes through the send button), programmatic composer focus is suppressed (no spurious keyboards), and official tooltip bubbles are hidden because taps leave them stuck;
-- **mobile plugin scope**: while the layer is active, the right-hand details column and the desktop-oriented tool surfaces (SSH terminal, skill explorer, task board, git graph, pet, perf, usage) are hidden - keyed on the L2 semantic roots (`data-dsh-plugin`), so ownership stays with the declaring plugin and class churn cannot resurrect them. These are render suppressions; the client bundles still load. Activation also closes the details panel through the official `ctx.layout.closeDetails()`.
+- **mobile plugin scope**: while the layer is active, the right-hand details column and the desktop-oriented tool surfaces (SSH terminal, skill explorer, task board, git graph, pet, usage) are hidden - keyed on the L2 semantic roots (`data-dsh-plugin`), so ownership stays with the declaring plugin and class churn cannot resurrect them. These are render suppressions; the client bundles still load. Activation also closes the details panel through the official `ctx.layout.closeDetails()`.
 - a **manual opt-out**: `sessionStorage.dsh-remote-force-desktop = 1` disables the whole layer; landscape, desktop, and wide viewports are never touched.
 
 The paired remote desktop also runs in **host mode**: on this harness line the "configuration plane is local" behavior is a client-side branch on `connection.isLoopback`, and the channel boot script installs the transport hook (`__DSH_TRANSPORT__.ownsHost = true`) on non-loopback origins before any boot entry. Settings, credentials, agent presets, and deliverables therefore work on the phone exactly as on the desktop — every call still rides the gated `/remote` channel. Three control planes stay physically local: `/api/pair/*`, `/api/update/*`, and `/api/plugin-manager/*`.

package/README.zh.md

@@ -24,7 +24,7 @@
 - **可拖拽小鲸鱼按钮**作为折叠侧栏的展开入口（位置记忆；接到官方 `ctx.layout.toggleSidebar()`），侧栏展开时隐藏；
 - **手势**：左滑收起侧栏、会话区右滑展开；长按会话行打开与桌面省略号相同的操作菜单；点会话行或侧栏外任意位置再次收起；
 - **触控输入行为**：Enter 只换行（发送走发送按钮）、抑制程序化 composer 聚焦（不乱弹键盘）、隐藏官方 tooltip 气泡（触屏上会残留）；
-- **移动端插件范围**：适配层激活时，右侧详情列与面向桌面的工具界面（SSH 终端、技能中心、任务看板、git graph、宠物、性能引擎、使用统计）一律隐藏——以 L2 语义根（`data-dsh-plugin`）为键，归属由声明方插件负责，官方类名变动也不会复活它们。这些是渲染抑制；客户端 bundle 仍会加载。激活时还会经官方 `ctx.layout.closeDetails()` 真正关闭详情面板。
+- **移动端插件范围**：适配层激活时，右侧详情列与面向桌面的工具界面（SSH 终端、技能中心、任务看板、git graph、宠物、使用统计）一律隐藏——以 L2 语义根（`data-dsh-plugin`）为键，归属由声明方插件负责，官方类名变动也不会复活它们。这些是渲染抑制；客户端 bundle 仍会加载。激活时还会经官方 `ctx.layout.closeDetails()` 真正关闭详情面板。
 - **手动退出**：`sessionStorage.dsh-remote-force-desktop = 1` 关闭整个适配层；横屏、桌面与宽视口永不触碰。
 
 配对远程桌面同时运行在 **host 模式**：在本 harness 线上，「配置面仅限本机」的行为是客户端分支（`connection.isLoopback`），通道 boot 脚本在一切 boot entry 之前对非回环源安装传输钩子（`__DSH_TRANSPORT__.ownsHost = true`）。设置、凭据、Agent 预设与产出物在手机上与桌面完全一致——所有调用仍走门控 `/remote` 通道。三个控制面保持物理本地：`/api/pair/*`、`/api/update/*` 与 `/api/plugin-manager/*`。

package/lib/client.js

@@ -1514,7 +1514,7 @@ window.__ModuleLoader__.load({
 		* @param props - copy, state, and actions.
 		* @returns the panel element tree.
 		*/
-		function RemotePanel({ t, state, copied, onClose, onStop, onRefresh, onCopy, onPickAddress, onPickPublic, onRevoke }) {
+		function RemotePanel({ t, state, copied, copiedToken, onClose, onStop, onRefresh, onCopy, onCopyToken, onPickAddress, onPickPublic, onRevoke }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: remote_module_css_default.panel,
 				role: "dialog",
@@ -1623,9 +1623,9 @@ window.__ModuleLoader__.load({
 						className: remote_module_css_default.hint,
 						children: state.public ? t("pair.publicHint") : t("pair.hint")
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("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,
@@ -1643,11 +1643,33 @@ window.__ModuleLoader__.load({
 								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")]
 							})]
-						})
+						}), state.token !== void 0 && state.token !== "" && /* @__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.tokenLabel")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+									className: remote_module_css_default.link,
+									title: state.token,
+									children: state.token
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: remote_module_css_default.copyLink,
+								onClick: () => onCopyToken ? onCopyToken(state.token) : onCopy(state.token),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCopyOutline16, { size: 14 }), copiedToken ? t("action.copiedToken") : t("action.copyToken")]
+							})]
+						})]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
 						className: remote_module_css_default.oneTimeHint,
-						children: t("pair.oneTimeHint")
+						children: [
+							t("pair.oneTimeHint"),
+							" ",
+							t("pair.dockerHint")
+						]
 					}),
 					state.phase === "stopped" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: remote_module_css_default.stoppedHint,
@@ -2306,6 +2328,7 @@ window.__ModuleLoader__.load({
 				stateRef.current = state;
 			}, [state]);
 			const [copied, setCopied] = (0, react.useState)(false);
+			const [copiedToken, setCopiedToken] = (0, react.useState)(false);
 			const eventSource = (0, react.useRef)(void 0);
 			const openSeq = (0, react.useRef)(0);
 			const closeEventSource = (0, react.useCallback)(() => {
@@ -2328,6 +2351,7 @@ window.__ModuleLoader__.load({
 				return {
 					kind: "ready",
 					url: result.url,
+					token: result.token,
 					expiresAt: result.expiresAt,
 					expired: Date.now() > result.expiresAt,
 					phase: "waiting",
@@ -2424,6 +2448,15 @@ window.__ModuleLoader__.load({
 					}, 1500);
 				});
 			}, []);
+			const handleCopyToken = (0, react.useCallback)((token) => {
+				copyText(token).then((ok) => {
+					if (!ok) return;
+					setCopiedToken(true);
+					window.setTimeout(() => {
+						setCopiedToken(false);
+					}, 1500);
+				});
+			}, []);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: remote_module_css_default.entryRow,
 				"data-rail": wide ? void 0 : "rail",
@@ -2447,10 +2480,12 @@ window.__ModuleLoader__.load({
 					t,
 					state,
 					copied,
+					copiedToken,
 					onClose: closePanel,
 					onStop: handleStop,
 					onRefresh: handleRefresh,
 					onCopy: handleCopy,
+					onCopyToken: handleCopyToken,
 					onPickAddress: handlePickAddress,
 					onPickPublic: handlePickPublic,
 					onRevoke: handleRevoke
@@ -3647,6 +3682,8 @@ window.__ModuleLoader__.load({
 			"pair.expires": "二维码有效至 {time}",
 			"pair.expired": "二维码已过期，请刷新",
 			"pair.linkLabel": "配对链接",
+			"pair.tokenLabel": "配对令牌",
+			"pair.dockerHint": "Docker 或反向代理环境下，可直接复制此令牌并在目标设备配对页面输入。",
 			"pair.oneTimeHint": "链接含一次性令牌；任一设备配对成功后立即失效，配对下一台设备请刷新二维码。",
 			"pair.failed.title": "配对失败",
 			"pair.failed.detail": "链接无效或已使用，请回到电脑端刷新二维码后重新扫码。",
@@ -3670,7 +3707,9 @@ window.__ModuleLoader__.load({
 			"action.refresh": "刷新二维码",
 			"action.copy": "复制链接",
 			"action.copyLink": "复制链接",
+			"action.copyToken": "复制令牌",
 			"action.copied": "已复制",
+			"action.copiedToken": "已复制令牌",
 			"devices.title": "已授权设备",
 			"devices.empty": "还没有已配对的设备。扫码或打开链接后会出现在这里。",
 			"devices.unknown": "未知设备",
@@ -3808,6 +3847,8 @@ window.__ModuleLoader__.load({
 			"pair.expires": "QR code valid until {time}",
 			"pair.expired": "QR code expired — refresh it",
 			"pair.linkLabel": "Pairing link",
+			"pair.tokenLabel": "Pairing token",
+			"pair.dockerHint": "In Docker or reverse proxy environments, copy this token to pair directly on the target device.",
 			"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.",
@@ -3831,7 +3872,9 @@ window.__ModuleLoader__.load({
 			"action.refresh": "Refresh QR",
 			"action.copy": "Copy link",
 			"action.copyLink": "Copy link",
+			"action.copyToken": "Copy token",
 			"action.copied": "Copied",
+			"action.copiedToken": "Token copied",
 			"devices.title": "Authorized devices",
 			"devices.empty": "No paired devices yet. Scan the QR or open the link to add one.",
 			"devices.unknown": "Unknown device",
@@ -4410,7 +4453,7 @@ window.__ModuleLoader__.load({
 		/** The building package's version, when the bundle carries it. */
 		function bakedVersion() {
 			try {
-				return "0.3.14";
+				return "0.3.15";
 			} catch {
 				return;
 			}
@@ -4569,7 +4612,6 @@ window.__ModuleLoader__.load({
 			`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)}",
@@ -5160,15 +5202,11 @@ window.__ModuleLoader__.load({
 				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);
-			}
+			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,