@linxin666/dsh-remote-web-ui 0.1.20 → 0.2.1

package/lib/mobile.js

@@ -7578,6 +7578,10 @@ async function fetchMobilePreferences() {
 async function listSessions(cursor) {
 	return await callUnary("session.list", cursor === void 0 ? {} : { cursor });
 }
+/** Read the available agent compositions for a new session. */
+async function listAgentPresets() {
+	return await callUnary("agentPreset.list", {});
+}
 /**
 * Create a blank session (entity birth precedes the first message). Name a
 * workspace to attach it there, or a cwd; omitting both uses the host cwd.
@@ -11958,7 +11962,7 @@ function superRefine(fn, params) {
 	return /* @__PURE__ */ _superRefine(fn, params);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@deepseek-ai+dsh-host-apiproxy@0.1.0-rc.6_8335eca05d5647f26dcc0c8fd5a39ec0/node_modules/@deepseek-ai/dsh-host-apiproxy/lib/types/api/rpc.schema.js
+//#region ../../node_modules/.pnpm/@deepseek-ai+dsh-host-apiproxy@0.1.0-rc.7_36988429fa7c61ceeac966dddad3597f/node_modules/@deepseek-ai/dsh-host-apiproxy/lib/types/api/rpc.schema.js
 /**
 * Message-layer zod schemas: the four wire full forms + error body +
 * carrier receipt. The payload slot is unknown in the full-form schemas — business payloads
@@ -12139,11 +12143,6 @@ const rpcErrorSchema = discriminatedUnion("code", [
 		message: string(),
 		details: object({ ns: string() })
 	}),
-	object({
-		code: literal("settings-not-exposed"),
-		message: string(),
-		details: object({ ns: string() })
-	}),
 	object({
 		code: literal("settings-conflict"),
 		message: string(),
@@ -12272,7 +12271,7 @@ union([object({ accepted: literal(true) }), object({
 	reason: union([literal("not-pending"), literal("bad-response")])
 })]);
 //#endregion
-//#region ../../node_modules/.pnpm/@deepseek-ai+dsh-host-apiproxy@0.1.0-rc.6_8335eca05d5647f26dcc0c8fd5a39ec0/node_modules/@deepseek-ai/dsh-host-apiproxy/lib/types/api/session-search.js
+//#region ../../node_modules/.pnpm/@deepseek-ai+dsh-host-apiproxy@0.1.0-rc.7_36988429fa7c61ceeac966dddad3597f/node_modules/@deepseek-ai/dsh-host-apiproxy/lib/types/api/session-search.js
 /**
 * Return the longest prefix containing at most `maximum` Unicode code points.
 * @param value - text to bound.
@@ -12290,7 +12289,7 @@ function truncateUnicodeCodePoints(value, maximum) {
 	return value;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@deepseek-ai+dsh-host-apiproxy@0.1.0-rc.6_8335eca05d5647f26dcc0c8fd5a39ec0/node_modules/@deepseek-ai/dsh-host-apiproxy/lib/types/api/sessions.schema.js
+//#region ../../node_modules/.pnpm/@deepseek-ai+dsh-host-apiproxy@0.1.0-rc.7_36988429fa7c61ceeac966dddad3597f/node_modules/@deepseek-ai/dsh-host-apiproxy/lib/types/api/sessions.schema.js
 /**
 * sessions domain zod schemas (names derived from map keys: sessionListRequestSchema /
 * sessionListValueSchema). SessionEvent passthrough = strict envelope (type/seq/time) + wide
@@ -12526,7 +12525,7 @@ object({ accepted: literal(true) });
 object({ sessionId: sessionIdSchema });
 object({ accepted: literal(true) });
 //#endregion
-//#region ../../node_modules/.pnpm/@deepseek-ai+dsh-host-apiproxy@0.1.0-rc.6_8335eca05d5647f26dcc0c8fd5a39ec0/node_modules/@deepseek-ai/dsh-host-apiproxy/lib/types/api/approvals.schema.js
+//#region ../../node_modules/.pnpm/@deepseek-ai+dsh-host-apiproxy@0.1.0-rc.7_36988429fa7c61ceeac966dddad3597f/node_modules/@deepseek-ai/dsh-host-apiproxy/lib/types/api/approvals.schema.js
 /**
 * approvals domain zod schemas (respond is a client-response; the payload schema serves
 * the /api/respond endpoint's second parse after routing via the pending table).
@@ -12560,7 +12559,7 @@ const taskViewSchema = object({
 	finishedAt: number().int().nonnegative().optional()
 });
 //#endregion
-//#region ../../node_modules/.pnpm/@deepseek-ai+dsh-host-apiproxy@0.1.0-rc.6_8335eca05d5647f26dcc0c8fd5a39ec0/node_modules/@deepseek-ai/dsh-host-apiproxy/lib/types/api/workspace.schema.js
+//#region ../../node_modules/.pnpm/@deepseek-ai+dsh-host-apiproxy@0.1.0-rc.7_36988429fa7c61ceeac966dddad3597f/node_modules/@deepseek-ai/dsh-host-apiproxy/lib/types/api/workspace.schema.js
 /**
 * workspace domain zod schemas (names derived from map keys). The
 * WorkspaceId brand cast lives in sessions.schema (see the note there) and
@@ -12606,7 +12605,7 @@ object({ workspace: workspaceViewSchema });
 object({ sessionId: sessionIdSchema });
 object({ archivedSessionIds: array(sessionIdSchema) });
 //#endregion
-//#region ../../node_modules/.pnpm/@deepseek-ai+dsh-host-apiproxy@0.1.0-rc.6_8335eca05d5647f26dcc0c8fd5a39ec0/node_modules/@deepseek-ai/dsh-host-apiproxy/lib/types/api/events.schema.js
+//#region ../../node_modules/.pnpm/@deepseek-ai+dsh-host-apiproxy@0.1.0-rc.7_36988429fa7c61ceeac966dddad3597f/node_modules/@deepseek-ai/dsh-host-apiproxy/lib/types/api/events.schema.js
 /**
 * events domain zod schemas: MuxFrame / HostFrame unions (discriminatedUnion('type')).
 * A frame is the payload slot of the ServerRequest full form; the SessionEvent inside
@@ -13057,13 +13056,6 @@ function chunkTarget(data) {
 	if (step !== void 0) result.step = step;
 	return result;
 }
-/** Max message seq across an existing list, or -1 for an empty list. */
-function watermarkOf(existing) {
-	if (existing === void 0) return -1;
-	let maxSeq = -1;
-	for (const message of existing) if (message.seq > maxSeq) maxSeq = message.seq;
-	return maxSeq;
-}
 function createState(existing) {
 	const messages = existing === void 0 ? [] : [...existing];
 	const state = {
@@ -13072,9 +13064,11 @@ function createState(existing) {
 		pendingByTurnStep: /* @__PURE__ */ new Map(),
 		turnStepMessage: /* @__PURE__ */ new Map(),
 		messageTurn: /* @__PURE__ */ new Map(),
-		toolNames: /* @__PURE__ */ new Map()
+		toolNames: /* @__PURE__ */ new Map(),
+		maxSeq: -1
 	};
 	for (const message of messages) {
+		if (message.seq > state.maxSeq) state.maxSeq = message.seq;
 		state.byId.set(message.id, message);
 		if (message.kind !== "assistant") continue;
 		const decoded = decodePendingTurnStep(message.id);
@@ -13128,6 +13122,7 @@ function retargetTurnStep(state, key, oldMessage, next) {
 }
 /** Fold one event into the working state. Assumes the event passes the watermark. */
 function applyEvent(state, event) {
+	if (event.seq > state.maxSeq) state.maxSeq = event.seq;
 	switch (event.type) {
 		case "user/message":
 			applyUserMessage(state, event);
@@ -13422,14 +13417,58 @@ function applyTurnEnd(state, event) {
 * @returns messages sorted by seq.
 */
 function foldEvents(events, existing) {
-	const sorted = [...events].sort((a, b) => a.seq - b.seq);
-	const watermark = watermarkOf(existing);
-	const state = createState(existing);
-	for (const event of sorted) {
-		if (event.seq <= watermark) continue;
-		applyEvent(state, event);
-	}
-	const out = state.messages;
+	return new EventFolder(existing).fold(events);
+}
+/**
+* Incremental folder for one message stream. Live chat folds one event at a
+* time; rebuilding the five index maps by scanning every message per event
+* made that path O(n) per event (O(n * events) per turn). A folder keeps the
+* indexes alive across folds, applies each event in O(1) map operations, and
+* returns the previous snapshot identity unchanged when nothing applied, so
+* React skips the re-render entirely. Replayed events are no-ops: the maxSeq
+* watermark advanced by the first application skips them, which also makes a
+* double-invoked React state updater harmless.
+*/
+var EventFolder = class {
+	state;
+	snapshotList;
+	/** @param initial - seed rows (history tail load); omit for an empty stream. */
+	constructor(initial) {
+		this.state = createState(initial);
+	}
+	/** Fold one batch incrementally; returns the current snapshot list. */
+	fold(events) {
+		const sorted = [...events].sort((a, b) => a.seq - b.seq);
+		let applied = false;
+		for (const event of sorted) {
+			if (event.seq <= this.state.maxSeq) continue;
+			applyEvent(this.state, event);
+			applied = true;
+		}
+		if (!applied && this.snapshotList !== void 0) return this.snapshotList;
+		this.snapshotList = snapshotOf(this.state);
+		return this.snapshotList;
+	}
+	/** Replace the whole stream (history reload / session switch). */
+	seed(messages) {
+		this.state = createState(messages);
+		this.snapshotList = void 0;
+	}
+	/** Prepend an older history page (exact seam; no overlapping seqs). */
+	prepend(older) {
+		this.state = createState([...older, ...this.state.messages]);
+		this.snapshotList = void 0;
+	}
+	/** Current snapshot list; a fresh copy whenever the folder changed. */
+	snapshot() {
+		if (this.snapshotList !== void 0) return this.snapshotList;
+		this.snapshotList = snapshotOf(this.state);
+		return this.snapshotList;
+	}
+};
+/** Copy the folder's rows and keep them seq-ordered (skips re-sorting the common ordered case). */
+function snapshotOf(state) {
+	const out = [...state.messages];
 	let ordered = true;
 	for (let index = 1; index < out.length; index += 1) {
 		const prev = out[index - 1];
@@ -13439,7 +13478,7 @@ function foldEvents(events, existing) {
 			break;
 		}
 	}
-	return ordered ? out : [...out].sort((a, b) => a.seq - b.seq || (a.id < b.id ? -1 : 1));
+	return ordered ? out : out.sort((a, b) => a.seq - b.seq || (a.id < b.id ? -1 : 1));
 }
 //#endregion
 //#region src/mobile/markdown.ts
@@ -13916,6 +13955,8 @@ function ChatView({ session, mux, onBack }) {
 	const tailLoadingRef = (0, import_react.useRef)(true);
 	/** Live session events buffered while the initial tail page loads. */
 	const liveBufferRef = (0, import_react.useRef)([]);
+	/** Incremental folder for this session's stream (indexes stay hot across events). */
+	const folderRef = (0, import_react.useRef)(void 0);
 	/** True once the live buffer hit its cap (oldest events were dropped). */
 	const liveBufferOverflowRef = (0, import_react.useRef)(false);
 	/** The session's permission select (absent = capability not composed). */
@@ -13951,6 +13992,7 @@ function ChatView({ session, mux, onBack }) {
 		tailLoadingRef.current = true;
 		liveBufferRef.current = [];
 		liveBufferOverflowRef.current = false;
+		folderRef.current = void 0;
 		setLoading(true);
 		setError(void 0);
 		setMessages([]);
@@ -13959,14 +14001,18 @@ function ChatView({ session, mux, onBack }) {
 			const buffered = liveBufferRef.current;
 			liveBufferRef.current = [];
 			tailLoadingRef.current = false;
-			setMessages(foldEvents(buffered, foldEvents(page.events.map(eventOf))));
+			const folder = new EventFolder(foldEvents(page.events.map(eventOf)));
+			folderRef.current = folder;
+			setMessages(folder.fold(buffered));
 			setHasOlder(page.hasMore);
 			setLoading(false);
 			const projections = page.projections?.values;
 			setPermissions(parsePermissionSelect(projections?.["permissions"]));
 			if (liveBufferOverflowRef.current) loadHistory(session.sessionId, void 0, controller.signal).then((fresh) => {
 				if (cancelled) return;
-				setMessages((previous) => foldEvents(fresh.events.map(eventOf), previous));
+				const folder = folderRef.current;
+				const freshEvents = fresh.events.map(eventOf);
+				setMessages((previous) => folder === void 0 ? foldEvents(freshEvents, previous) : folder.fold(freshEvents));
 				liveBufferOverflowRef.current = false;
 			}, (reason) => {
 				if (cancelled) return;
@@ -13977,7 +14023,10 @@ function ChatView({ session, mux, onBack }) {
 			const buffered = liveBufferRef.current;
 			liveBufferRef.current = [];
 			tailLoadingRef.current = false;
-			if (buffered.length > 0) setMessages(foldEvents(buffered));
+			if (buffered.length > 0) {
+				const folder = folderRef.current;
+				setMessages(folder === void 0 ? foldEvents(buffered) : folder.fold(buffered));
+			}
 			setError(errorText(reason));
 			setLoading(false);
 		});
@@ -14007,7 +14056,10 @@ function ChatView({ session, mux, onBack }) {
 					liveBufferRef.current.push(event);
 					return;
 				}
-				setMessages((previous) => foldEvents([event], previous));
+				setMessages((previous) => {
+					const folder = folderRef.current;
+					return folder === void 0 ? foldEvents([event], previous) : folder.fold([event]);
+				});
 				return;
 			}
 			if (frame.type === "session/projection" && frame.sessionId === session.sessionId && frame.key === "permissions") setPermissions(parsePermissionSelect(frame.value));
@@ -14044,7 +14096,12 @@ function ChatView({ session, mux, onBack }) {
 			pendingRef.current = false;
 			setLoading(false);
 			const older = foldEvents(page.events.map(eventOf));
-			setMessages((previous) => [...older, ...previous]);
+			const folder = folderRef.current;
+			if (folder === void 0) setMessages((previous) => [...older, ...previous]);
+			else {
+				folder.prepend(older);
+				setMessages(folder.snapshot());
+			}
 			setHasOlder(page.hasMore);
 		}, (reason) => {
 			pendingRef.current = false;
@@ -14279,8 +14336,12 @@ function ChatView({ session, mux, onBack }) {
 		]
 	});
 }
-/** One rendered message row (user bubble or assistant bubble with folds). */
-function MessageRow({ message, showToolCalls, showSystemMessages }) {
+/**
+* One rendered message row (user bubble or assistant bubble with folds).
+* Memoized: live streaming updates exactly one message object per frame, so
+* unchanged rows skip re-rendering their markdown/sub-components.
+*/
+const MessageRow = (0, import_react.memo)(function MessageRow({ message, showToolCalls, showSystemMessages }) {
 	if (message.kind === "user" && message.sourceKind !== void 0 && message.sourceKind !== "user" && !showSystemMessages) return null;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: `chat-msg chat-msg-${message.kind}${message.pending === true ? " chat-msg-pending" : ""}${message.failed === true ? " chat-msg-failed" : ""}`,
@@ -14301,7 +14362,7 @@ function MessageRow({ message, showToolCalls, showSystemMessages }) {
 			})
 		]
 	});
-}
+});
 /** Collapsed-by-default reasoning disclosure (web-UI Think-row parity). */
 function ReasoningDisclosure({ text, pending }) {
 	const [open, setOpen] = (0, import_react.useState)(false);
@@ -14853,6 +14914,9 @@ function SessionListView({ workspace, onBack, onPick }) {
 	const [error, setError] = (0, import_react.useState)(void 0);
 	const [creating, setCreating] = (0, import_react.useState)(false);
 	const [createError, setCreateError] = (0, import_react.useState)(void 0);
+	const [presets, setPresets] = (0, import_react.useState)([]);
+	const [selectedPreset, setSelectedPreset] = (0, import_react.useState)(void 0);
+	const [presetsLoading, setPresetsLoading] = (0, import_react.useState)(true);
 	const cursorRef = (0, import_react.useRef)(void 0);
 	const busyRef = (0, import_react.useRef)(false);
 	(0, import_react.useEffect)(() => {
@@ -14875,6 +14939,25 @@ function SessionListView({ workspace, onBack, onPick }) {
 			cancelled = true;
 		};
 	}, [workspace]);
+	(0, import_react.useEffect)(() => {
+		let cancelled = false;
+		setPresets([]);
+		setSelectedPreset(void 0);
+		setPresetsLoading(true);
+		listAgentPresets().then((roster) => {
+			if (cancelled) return;
+			const usable = roster.presets.filter((preset) => preset.broken === void 0);
+			setPresets(roster.presets);
+			setSelectedPreset((usable.find((preset) => preset.isDefault) ?? usable[0])?.id);
+			setPresetsLoading(false);
+		}, () => {
+			if (cancelled) return;
+			setPresetsLoading(false);
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [workspace]);
 	/** Pull the next page and append the rows that belong to this workspace. */
 	const loadMore = (0, import_react.useCallback)(() => {
 		if (busyRef.current) return;
@@ -14899,7 +14982,10 @@ function SessionListView({ workspace, onBack, onPick }) {
 		if (creating) return;
 		setCreating(true);
 		setCreateError(void 0);
-		createSession({ workspaceId: workspace.workspaceId }).then((created) => {
+		createSession({
+			workspaceId: workspace.workspaceId,
+			...selectedPreset !== void 0 ? { agentPreset: selectedPreset } : {}
+		}).then((created) => {
 			setCreating(false);
 			const view = {
 				sessionId: created.sessionId,
@@ -14917,9 +15003,11 @@ function SessionListView({ workspace, onBack, onPick }) {
 	}, [
 		creating,
 		workspace,
-		onPick
+		onPick,
+		selectedPreset
 	]);
 	const createHint = createError !== void 0 ? staleHostHint(createError) : void 0;
+	const selectedPresetEntry = presets.find((preset) => preset.id === selectedPreset);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "mobile",
 		children: [
@@ -14944,17 +15032,50 @@ function SessionListView({ workspace, onBack, onPick }) {
 				className: "mobile-error mobile-pad",
 				children: error
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "mobile-pad",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-					type: "button",
-					className: "mobile-new",
-					disabled: creating,
-					onClick: () => {
-						handleCreate();
-					},
-					children: creating ? "创建中…" : "+ 新建会话"
-				})
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "mobile-create mobile-pad",
+				children: [
+					presets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", {
+						className: "mobile-preset",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "mobile-presetLabel",
+							children: "Agent 模式"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", {
+							className: "mobile-presetSelect",
+							value: selectedPreset ?? "",
+							disabled: selectedPreset === void 0,
+							onChange: (event) => {
+								setSelectedPreset(event.target.value);
+							},
+							children: [selectedPreset === void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+								value: "",
+								children: "无可用 Agent 模式"
+							}), presets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("option", {
+								value: preset.id,
+								disabled: preset.broken !== void 0,
+								children: [
+									preset.name ?? preset.id,
+									preset.isDefault ? "（默认）" : "",
+									preset.trust === "user" ? "（本地）" : "",
+									preset.broken !== void 0 ? "（不可用）" : ""
+								]
+							}, preset.id))]
+						})]
+					}),
+					selectedPresetEntry?.description !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "mobile-presetDescription",
+						children: selectedPresetEntry.description
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "mobile-new",
+						disabled: creating || presetsLoading,
+						onClick: () => {
+							handleCreate();
+						},
+						children: creating ? "创建中…" : "+ 新建会话"
+					})
+				]
 			}),
 			createError !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
 				className: "mobile-error mobile-pad",
@@ -15027,6 +15148,7 @@ function SessionListView({ workspace, onBack, onPick }) {
 function WorkspaceView({ initialWorkspaceId, onPick }) {
 	const [items, setItems] = (0, import_react.useState)(void 0);
 	const [error, setError] = (0, import_react.useState)(void 0);
+	const [reload, setReload] = (0, import_react.useState)(0);
 	(0, import_react.useEffect)(() => {
 		let cancelled = false;
 		listWorkspaces().then((rows) => {
@@ -15044,7 +15166,11 @@ function WorkspaceView({ initialWorkspaceId, onPick }) {
 		return () => {
 			cancelled = true;
 		};
-	}, [initialWorkspaceId, onPick]);
+	}, [
+		initialWorkspaceId,
+		onPick,
+		reload
+	]);
 	if (error !== void 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "mobile",
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
@@ -15064,6 +15190,7 @@ function WorkspaceView({ initialWorkspaceId, onPick }) {
 				onClick: () => {
 					setError(void 0);
 					setItems(void 0);
+					setReload((n) => n + 1);
 				},
 				children: "重试"
 			})]
@@ -15136,6 +15263,154 @@ function WorkspaceView({ initialWorkspaceId, onPick }) {
 	});
 }
 //#endregion
+//#region src/mobile/pairing.ts
+const MOBILE_ROOT = "/m/";
+/** Parse a pairing token or a copied pairing link without following its origin. */
+function parseMobilePairInput(value) {
+	const trimmed = value.trim();
+	if (trimmed === "") return void 0;
+	try {
+		const url = new URL(trimmed);
+		const token = url.searchParams.get("pair");
+		if (token === null || token === "") return void 0;
+		const workspaceId = url.searchParams.get("workspace");
+		return {
+			token,
+			...workspaceId !== null && workspaceId !== "" ? { workspaceId } : {}
+		};
+	} catch {
+		return { token: trimmed };
+	}
+}
+/** Build the safe, token-free mobile destination after successful pairing. */
+function mobilePairPath(workspaceId) {
+	return workspaceId === void 0 ? MOBILE_ROOT : "/m/?workspace=" + encodeURIComponent(workspaceId);
+}
+/** Accept one pairing token on this exact browser or installed-web-app context. */
+async function acceptMobilePair(token, fetcher = fetch) {
+	try {
+		const response = await fetcher("/api/pair/accept", {
+			method: "POST",
+			headers: { "content-type": "application/json" },
+			body: JSON.stringify({ token })
+		});
+		if (response.ok) return { ok: true };
+		if (response.status === 404) return {
+			ok: false,
+			message: "配对链接无效或已过期。"
+		};
+		if (response.status === 409) return {
+			ok: false,
+			message: "配对链接已被使用。"
+		};
+		return {
+			ok: false,
+			message: "此设备无法使用该配对链接。"
+		};
+	} catch {
+		return {
+			ok: false,
+			message: "无法连接到配对服务。"
+		};
+	}
+}
+/** Consume a QR pairing token before the mobile application starts making RPC calls. */
+async function consumeMobilePairUrl(href, fetcher = fetch) {
+	let url;
+	try {
+		url = new URL(href);
+	} catch {
+		return { kind: "none" };
+	}
+	const token = url.searchParams.get("pair");
+	if (token === null || token === "") return { kind: "none" };
+	const workspaceId = url.searchParams.get("workspace");
+	const path = mobilePairPath(workspaceId === null || workspaceId === "" ? void 0 : workspaceId);
+	const result = await acceptMobilePair(token, fetcher);
+	return result.ok ? {
+		kind: "accepted",
+		path
+	} : {
+		kind: "failed",
+		path,
+		message: result.message
+	};
+}
+//#endregion
+//#region src/mobile/PairRequiredView.tsx
+/** Device-pairing gate for installed mobile web-app contexts with isolated storage. */
+/** Collect a fresh desktop-issued pairing link when this client has no paired cookie. */
+function PairRequiredView({ initialError, onPaired }) {
+	const [value, setValue] = (0, import_react.useState)("");
+	const [error, setError] = (0, import_react.useState)(initialError);
+	const [submitting, setSubmitting] = (0, import_react.useState)(false);
+	const submit = async (event) => {
+		event.preventDefault();
+		const input = parseMobilePairInput(value);
+		if (input === void 0) {
+			setError("请输入有效的配对链接。");
+			return;
+		}
+		setSubmitting(true);
+		setError(void 0);
+		const result = await acceptMobilePair(input.token);
+		setSubmitting(false);
+		if (!result.ok) {
+			setError(result.message);
+			return;
+		}
+		onPaired(mobilePairPath(input.workspaceId));
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("main", {
+		className: "mobile mobile-pair",
+		"aria-labelledby": "mobile-pair-title",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", {
+			className: "mobile-pairCard",
+			onSubmit: (event) => {
+				submit(event);
+			},
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+					id: "mobile-pair-title",
+					className: "mobile-title",
+					children: "设备配对"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "mobile-muted",
+					children: "粘贴桌面端复制的配对链接以连接此设备。"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
+					className: "mobile-pairLabel",
+					htmlFor: "mobile-pair-link",
+					children: "配对链接"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+					id: "mobile-pair-link",
+					className: "mobile-pairInput",
+					value,
+					onChange: (event) => {
+						setValue(event.target.value);
+					},
+					autoComplete: "off",
+					autoCapitalize: "off",
+					spellCheck: false
+				}),
+				error === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "mobile-error",
+					role: "alert",
+					children: error
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					className: "mobile-new mobile-pairSubmit",
+					type: "submit",
+					disabled: submitting,
+					children: submitting ? "正在配对" : "配对"
+				})
+			]
+		})
+	});
+}
+//#endregion
 //#region src/mobile/views/App.tsx
 /**
 * Mobile surface root: the view state machine (workspaces → sessions →
@@ -15172,11 +15447,60 @@ function formatTime(epochMs) {
 	if (date.toDateString() === yesterday.toDateString()) return `昨天 ${clock}`;
 	return `${String(date.getMonth() + 1)}月${String(date.getDate())}日 ${clock}`;
 }
-/**
-* The surface root.
-* @returns the app tree.
-*/
-function App() {
+/** Whether the mobile gateway rejected this browser for lack of a paired cookie. */
+function isUnpairedMobileError(error) {
+	return error instanceof RpcTransportError && error.message === "HTTP 403";
+}
+/** Classify an initial mobile preference failure without treating outage as authorization. */
+function mobilePairStateForError(error) {
+	return isUnpairedMobileError(error) ? "unpaired" : "unavailable";
+}
+/** Gate the independent mobile bundle until its own browser context is paired. */
+function App({ initialPairError }) {
+	const [pairState, setPairState] = (0, import_react.useState)("checking");
+	(0, import_react.useEffect)(() => {
+		let current = true;
+		fetchMobilePreferences().then(() => {
+			if (current) setPairState("paired");
+		}, (error) => {
+			if (current) setPairState(mobilePairStateForError(error));
+		});
+		return () => {
+			current = false;
+		};
+	}, []);
+	if (pairState === "checking") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("main", {
+		className: "mobile mobile-empty",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+			className: "mobile-muted",
+			children: "正在连接..."
+		})
+	});
+	if (pairState === "unpaired") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PairRequiredView, {
+		initialError: initialPairError,
+		onPaired: (path) => {
+			window.location.replace(path);
+		}
+	});
+	if (pairState === "unavailable") return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("main", {
+		className: "mobile mobile-empty",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+			className: "mobile-error",
+			role: "alert",
+			children: "无法连接到运行中的 DSH host。"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+			className: "mobile-new",
+			type: "button",
+			onClick: () => {
+				window.location.reload();
+			},
+			children: "重试"
+		})]
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PairedApp, {});
+}
+/** The existing remote mobile surface, mounted only after device pairing succeeds. */
+function PairedApp() {
 	const [route, setRoute] = (0, import_react.useState)({ kind: "workspaces" });
 	const [initialWorkspaceId, setInitialWorkspaceId] = (0, import_react.useState)(() => mobileWorkspaceTarget(window.location.search));
 	const muxRef = (0, import_react.useRef)(void 0);
@@ -15515,6 +15839,43 @@ body {
   padding: 8px 16px;
 }
 
+.mobile-create {
+  display: grid;
+  gap: 8px;
+}
+
+.mobile-preset {
+  display: grid;
+  gap: 4px;
+}
+
+.mobile-presetLabel {
+  color: var(--m-text-secondary);
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.mobile-presetSelect {
+  width: 100%;
+  height: 40px;
+  padding: 0 36px 0 12px;
+  border: 1px solid var(--m-border);
+  border-radius: 10px;
+  background: var(--m-bg-input);
+  color: var(--m-text);
+  font: inherit;
+}
+
+.mobile-presetSelect:disabled {
+  opacity: 0.6;
+}
+
+.mobile-presetDescription {
+  margin: 0;
+  color: var(--m-text-tertiary);
+  font-size: 12px;
+}
+
 /* ── buttons ─────────────────────────────────────────────────────────── */
 
 .mobile-button {
@@ -16159,6 +16520,7 @@ body {
 .mobile-row:focus-visible,
 .mobile-button:focus-visible,
 .mobile-new:focus-visible,
+.mobile-presetSelect:focus-visible,
 .chat-send:focus-visible,
 .chat-chip:focus-visible,
 .chat-msg-toggle:focus-visible,
@@ -16283,7 +16645,66 @@ body {
     transition: none;
   }
 }
+
+/* ── installed-app pairing ───────────────────────────────────────────── */
+
+.mobile-pair {
+  min-height: 100dvh;
+  display: grid;
+  place-items: center;
+  padding: 24px;
+}
+
+.mobile-pairCard {
+  display: grid;
+  width: min(100%, 420px);
+  gap: 12px;
+  padding: 24px;
+  border: 1px solid var(--m-border);
+  border-radius: 12px;
+  background: var(--m-bg-raised);
+  box-shadow: var(--m-shadow-raise);
+}
+
+.mobile-pairLabel {
+  color: var(--m-text-secondary);
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.mobile-pairInput {
+  width: 100%;
+  min-height: 42px;
+  box-sizing: border-box;
+  padding: 9px 12px;
+  border: 1px solid var(--m-border);
+  border-radius: 8px;
+  background: var(--m-bg-input);
+  color: var(--m-text);
+  font: inherit;
+  outline: none;
+}
+
+.mobile-pairInput:focus-visible {
+  border-color: var(--m-accent);
+  box-shadow: 0 0 0 2px var(--m-bg), 0 0 0 4px var(--m-accent);
+}
+
+.mobile-pairSubmit {
+  width: 100%;
+}
 `;
+const MOBILE_SERVICE_WORKER_URL = "/m/service-worker.js";
+/** Register the mobile shell worker when the current browser supports it. */
+async function registerMobilePwa(serviceWorker = typeof navigator === "undefined" ? void 0 : navigator.serviceWorker) {
+	if (serviceWorker === void 0) return;
+	try {
+		await serviceWorker.register(MOBILE_SERVICE_WORKER_URL, {
+			scope: "/m/",
+			updateViaCache: "none"
+		});
+	} catch {}
+}
 //#endregion
 //#region src/mobile/index.tsx
 /**
@@ -16301,7 +16722,17 @@ style.textContent = mobileCss;
 document.head.appendChild(style);
 const root = document.getElementById("root");
 if (root === null) throw new Error("mobile: #root missing");
-(0, import_client.createRoot)(root).render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, {}));
+bootMobile(root);
+async function bootMobile(mount) {
+	const pair = await consumeMobilePairUrl(window.location.href);
+	if (pair.kind === "accepted") {
+		window.location.replace(pair.path);
+		return;
+	}
+	if (pair.kind === "failed") window.history.replaceState(null, "", pair.path);
+	registerMobilePwa();
+	(0, import_client.createRoot)(mount).render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, { initialPairError: pair.kind === "failed" ? pair.message : void 0 }));
+}
 //#endregion
 
 //# sourceMappingURL=mobile.js.map