dsh-mobile 0.6.15 → 0.6.17

package/lib/client.js

@@ -6,6 +6,44 @@ window.__ModuleLoader__.load({
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 		let react = require("react");
 		//#region src/client-messages.ts
+		const frpFormMessages = {
+			en: {
+				frpServerAddressInvalid: "Enter the frps IP address or full hostname only, without https://, a port, or a path.",
+				frpServerPortInvalid: "Enter the frps control port as a whole number from 1 to 65535.",
+				frpTokenInvalid: "Enter a shared token of 16–512 characters without spaces or line breaks. Re-enter it when changing saved connection settings.",
+				frpPublicOriginInvalid: "Enter an HTTPS address such as https://phone.example.com or https://1.2.3.4, without a path, credentials, or a non-standard port. An IPv4 address must be publicly routable.",
+				frpPublicOriginHint: "Include https://. Do not include a path or non-standard port. For self-signed ingress, enter https://PUBLIC_IP here and set its port separately below.",
+				frpModeInvalid: "Choose either managed deployment or an existing frps.",
+				frpVhostPortInvalid: "Enter the real frps vhostHTTPPort as a whole number from 1 to 65535.",
+				frpPublicPortInvalid: "Enter the public ingress port as a whole number from 1 to 65535, excluding 3080, 3443, and 3444. Keep this port out of the HTTPS address above.",
+				frpActionBusy: "Another remote operation is in progress. Wait for it to finish before saving.",
+				frpInstallBeforeConnect: "Install the local frpc component in step 3 before saving and verifying the connection."
+			},
+			it: {
+				frpServerAddressInvalid: "Inserisci solo l’indirizzo IP o il nome host completo di frps, senza https://, porta o percorso.",
+				frpServerPortInvalid: "Inserisci la porta di controllo frps come numero intero da 1 a 65535.",
+				frpTokenInvalid: "Inserisci un token condiviso di 16–512 caratteri senza spazi o ritorni a capo. Reinseriscilo quando modifichi una connessione salvata.",
+				frpPublicOriginInvalid: "Inserisci un indirizzo HTTPS come https://phone.example.com o https://1.2.3.4, senza percorso, credenziali o porta non standard. Un indirizzo IPv4 deve essere pubblico e instradabile.",
+				frpPublicOriginHint: "Includi https://, senza percorso o porta non standard. Per l’ingresso autofirmato usa https://IP_PUBBLICO e indica la porta separatamente qui sotto.",
+				frpModeInvalid: "Scegli la distribuzione gestita oppure un frps esistente.",
+				frpVhostPortInvalid: "Inserisci il vero vhostHTTPPort di frps come numero intero da 1 a 65535.",
+				frpPublicPortInvalid: "Inserisci una porta pubblica intera da 1 a 65535, esclusi 3080, 3443 e 3444. Non aggiungerla all’indirizzo HTTPS sopra.",
+				frpActionBusy: "È in corso un’altra operazione remota. Attendi prima di salvare.",
+				frpInstallBeforeConnect: "Installa il componente frpc locale al punto 3 prima di salvare e verificare la connessione."
+			},
+			zh: {
+				frpServerAddressInvalid: "请只填写 frps 的 IP 或完整域名，不要包含 https://、端口或路径。",
+				frpServerPortInvalid: "请填写 1–65535 的整数，作为 frps 控制端口。",
+				frpTokenInvalid: "共享 Token 必须为 16–512 个字符，不能包含空格或换行。修改已保存的连接信息时，请重新输入 Token。",
+				frpPublicOriginInvalid: "请填写 https://phone.example.com 或 https://1.2.3.4 形式的 HTTPS 地址，不含路径、账号密码或非标准端口；IPv4 必须为可路由的公网地址。",
+				frpPublicOriginHint: "必须包含 https://，不要带路径或非标准端口。自签入口在此填 https://公网IP，端口在下方单独填写。",
+				frpModeInvalid: "请选择“由插件部署 frps”或“接入我已有的 frps”。",
+				frpVhostPortInvalid: "请填写你 frps 真实的 vhostHTTPPort，必须为 1–65535 的整数。",
+				frpPublicPortInvalid: "公网入口端口必须为 1–65535 的整数，不能使用 3080、3443、3444；不要把它加到上方 HTTPS 地址中。",
+				frpActionBusy: "另一项远程操作正在进行，请等待完成后再保存。",
+				frpInstallBeforeConnect: "请先在第 3 步安装本机 frpc 组件，再保存并验证连接。"
+			}
+		};
 		const storageMessages = {
 			en: {
 				funnelStateInvalid: "The private Tailscale state folder cannot be accessed safely. Check its permissions or directory links; reinstalling the component is not required.",
@@ -61,6 +99,7 @@ window.__ModuleLoader__.load({
 		};
 		const MOBILE_CONTROL_MESSAGES = {
 			en: {
+				...frpFormMessages.en,
 				mobileAccess: "Mobile access",
 				collapseMobileAccess: "Collapse Mobile access",
 				downloadAndroid: "Download latest Android app",
@@ -229,6 +268,7 @@ window.__ModuleLoader__.load({
 				wsPathsAdvancedHint: "Manual entries are rarely necessary: use the buttons above. Only fill this in when you know the exact path."
 			},
 			it: {
+				...frpFormMessages.it,
 				mobileAccess: "Accesso mobile",
 				collapseMobileAccess: "Riduci Accesso mobile",
 				downloadAndroid: "Scarica l’ultima app Android",
@@ -396,7 +436,7 @@ window.__ModuleLoader__.load({
 				wsPathsAnnounce: "{n} connessioni di plugin in attesa di approvazione",
 				wsPathsAdvancedHint: "Le voci manuali servono raramente: usa i pulsanti qui sopra. Compila solo se conosci il percorso esatto."
 			},
-			zh: {}
+			zh: { ...frpFormMessages.zh }
 		};
 		for (const locale of [
 			"en",
@@ -2494,6 +2534,85 @@ window.__ModuleLoader__.load({
 			return createFrpAttachTemplateParts(settings, options).text;
 		}
 		//#endregion
+		//#region src/frp-form-validation.ts
+		/** Field ownership for errors returned by the Host parser. */
+		const FRP_FORM_ERRORS = {
+			frp_server_address_invalid: {
+				field: "serverAddress",
+				code: "frp_server_address_invalid",
+				messageKey: "frpServerAddressInvalid"
+			},
+			frp_server_port_invalid: {
+				field: "serverPort",
+				code: "frp_server_port_invalid",
+				messageKey: "frpServerPortInvalid"
+			},
+			frp_token_invalid: {
+				field: "token",
+				code: "frp_token_invalid",
+				messageKey: "frpTokenInvalid"
+			},
+			frp_public_origin_invalid: {
+				field: "publicOrigin",
+				code: "frp_public_origin_invalid",
+				messageKey: "frpPublicOriginInvalid"
+			},
+			frp_attach_mode_requires_vhost_port: {
+				field: "vhostHttpPort",
+				code: "frp_attach_mode_requires_vhost_port",
+				messageKey: "frpAttachModeRequiresVhostPort"
+			},
+			frp_entry_tls_invalid: {
+				field: "entryTls",
+				code: "frp_entry_tls_invalid",
+				messageKey: "frpEntryTlsInvalid"
+			},
+			frp_self_signed_requires_public_ipv4: {
+				field: "publicOrigin",
+				code: "frp_self_signed_requires_public_ipv4",
+				messageKey: "frpSelfSignedRequiresPublicIpv4"
+			}
+		};
+		/** Collect field errors using the Host validators; token omission is permitted only for saved configuration. */
+		function validateFrpForm(form, allowSavedToken = false) {
+			const issues = [];
+			const check = (field, messageKey, validate) => {
+				try {
+					validate();
+				} catch (error) {
+					issues.push({
+						field,
+						messageKey,
+						code: error instanceof Error ? error.message : "frp_settings_invalid"
+					});
+				}
+			};
+			check("serverAddress", "frpServerAddressInvalid", () => validateFrpServerAddress(form.serverAddress));
+			check("serverPort", "frpServerPortInvalid", () => validateFrpServerPort(form.serverPort));
+			if (form.token !== "" || !allowSavedToken) check("token", "frpTokenInvalid", () => validateFrpToken(form.token));
+			check("publicOrigin", "frpPublicOriginInvalid", () => validateFrpPublicOrigin(form.publicOrigin));
+			check("mode", "frpModeInvalid", () => validateFrpMode(form.mode));
+			check("entryTls", "frpEntryTlsInvalid", () => validateFrpEntryTls(form.entryTls));
+			if (form.entryTls === "self-signed" && form.mode !== "attach") issues.push(FRP_FORM_ERRORS.frp_entry_tls_invalid);
+			if (form.entryTls !== "self-signed" && form.vhostHttpPort !== void 0) check("vhostHttpPort", "frpVhostPortInvalid", () => validateFrpVhostHttpPort(form.vhostHttpPort));
+			else if (form.entryTls !== "self-signed" && form.mode === "attach") issues.push(FRP_FORM_ERRORS.frp_attach_mode_requires_vhost_port);
+			if (form.publicPort !== void 0 || form.entryTls === "self-signed") check("publicPort", "frpPublicPortInvalid", () => validateFrpPublicPort(form.publicPort));
+			if (issues.length === 0) try {
+				parseFrpSettings({
+					...form,
+					token: form.token === "" && allowSavedToken ? "0123456789abcdef" : form.token
+				});
+			} catch (error) {
+				const code = error instanceof Error ? error.message : "frp_settings_invalid";
+				issues.push(FRP_FORM_ERRORS[code] ?? {
+					field: "mode",
+					code,
+					messageKey: "frpInputInvalid"
+				});
+			}
+			return issues;
+		}
+		//#endregion
 		//#region node_modules/@noble/hashes/esm/utils.js
 		/*! noble-hashes - MIT License (c) 2022 Paul Miller (paulmillr.com) */
 		/** Checks if something is Uint8Array. Be careful: nodejs Buffer will return true. */
@@ -4362,14 +4481,27 @@ window.__ModuleLoader__.load({
 				icon.append(body, lens);
 				return icon;
 			};
-			const createMediaAction = (text) => {
+			const createMediaAction = (text, kind = "camera") => {
 				const button = document.createElement("button");
 				button.type = "button";
 				button.className = "dsh-mobile-media-action";
 				button.lang = language;
-				button.dataset.dshMobileMediaAction = "camera";
+				button.dataset.dshMobileMediaAction = kind;
+				button.setAttribute("role", "option");
+				button.setAttribute("aria-selected", "false");
+				button.setAttribute("aria-label", text);
 				const icon = document.createElement("span");
-				icon.append(mediaIcon());
+				const graphic = mediaIcon();
+				if (kind === "gallery") {
+					graphic.replaceChildren();
+					const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+					path.setAttribute("d", "M2 2h12v12H2z M2 11l4-4 3 3 2-2 3 3 M10 5h.01");
+					path.setAttribute("stroke", "currentColor");
+					path.setAttribute("stroke-width", "1.3");
+					path.setAttribute("stroke-linejoin", "round");
+					graphic.append(path);
+				}
+				icon.append(graphic);
 				button.append(icon);
 				const caption = document.createElement("span");
 				caption.textContent = text;
@@ -4462,6 +4594,9 @@ window.__ModuleLoader__.load({
 			document.body.append(mediaToast);
 			const cameraButton = createMediaAction(label("Scatta foto", "Take photo", "拍照"));
 			cameraButton.disabled = true;
+			const galleryButton = createMediaAction(label("Galleria", "Gallery", "相册"), "gallery");
+			galleryButton.disabled = true;
+			let galleryBusy = false;
 			let branchToastTimer = 0;
 			let mediaToastTimer = 0;
 			const showMediaToast = (message) => {
@@ -4549,40 +4684,48 @@ window.__ModuleLoader__.load({
 				const sectionTitle = Array.from(commandMenu.querySelectorAll("[role=\"listbox\"] [role=\"presentation\"]")).find((candidate) => !candidate.hasAttribute("data-source") && candidate.textContent?.trim() === addGroupLabel);
 				if (sectionTitle === void 0) {
 					cameraButton.remove();
+					galleryButton.remove();
 					return false;
 				}
-				cameraButton.className = "dsh-mobile-media-action";
 				const nativeItem = (() => {
 					let sibling = sectionTitle.nextElementSibling;
 					while (sibling instanceof HTMLElement && sibling.getAttribute("role") !== "presentation") {
-						if (sibling.matches("button[role=\"option\"]:not([aria-selected=\"true\"])")) return sibling;
+						if (!sibling.hasAttribute("data-dsh-mobile-media-action") && sibling.matches("button[role=\"option\"]:not([aria-selected=\"true\"])")) return sibling;
 						sibling = sibling.nextElementSibling;
 					}
 				})();
-				if (nativeItem !== void 0) {
-					cameraButton.className = nativeItem.className;
-					const cameraIcon = cameraButton.firstElementChild;
-					const cameraLabel = cameraButton.lastElementChild;
-					const nativeIcon = firstByClassSuffix(nativeItem, "_itemIcon");
-					const nativeLabel = firstByClassSuffix(nativeItem, "_itemName");
-					if (cameraIcon instanceof HTMLElement && nativeIcon !== void 0) cameraIcon.className = nativeIcon.className;
-					if (cameraLabel instanceof HTMLElement && nativeLabel !== void 0) cameraLabel.className = nativeLabel.className;
-				}
-				cameraButton.setAttribute("role", "option");
-				cameraButton.setAttribute("aria-selected", "false");
-				cameraButton.setAttribute("aria-label", label("Scatta foto", "Take photo", "拍照"));
+				for (const button of [cameraButton, galleryButton]) {
+					const className = nativeItem?.className ?? "dsh-mobile-media-action";
+					if (button.className !== className) button.className = className;
+					const icon = button.firstElementChild;
+					const caption = button.lastElementChild;
+					const nativeIcon = nativeItem === void 0 ? void 0 : firstByClassSuffix(nativeItem, "_itemIcon");
+					const nativeLabel = nativeItem === void 0 ? void 0 : firstByClassSuffix(nativeItem, "_itemName");
+					if (icon instanceof HTMLElement && nativeIcon !== void 0 && icon.className !== nativeIcon.className) icon.className = nativeIcon.className;
+					if (caption instanceof HTMLElement && nativeLabel !== void 0 && caption.className !== nativeLabel.className) caption.className = nativeLabel.className;
+				}
 				let lastItem = sectionTitle;
 				let sibling = sectionTitle.nextElementSibling;
 				while (sibling instanceof HTMLElement && sibling.getAttribute("role") !== "presentation") {
-					if (sibling !== cameraButton) lastItem = sibling;
+					if (sibling !== cameraButton && sibling !== galleryButton) lastItem = sibling;
 					sibling = sibling.nextElementSibling;
 				}
-				if (cameraButton.parentElement !== sectionTitle.parentElement || cameraButton.previousElementSibling !== lastItem) lastItem.after(cameraButton);
+				if (boundComposer?.closest(".dshm-main") !== null && boundComposer !== null) {
+					if (galleryButton.parentElement !== sectionTitle.parentElement || galleryButton.previousElementSibling !== sectionTitle) sectionTitle.after(galleryButton);
+					if (cameraButton.parentElement !== galleryButton.parentElement || cameraButton.previousElementSibling !== galleryButton) galleryButton.after(cameraButton);
+				} else {
+					galleryButton.remove();
+					if (cameraButton.parentElement !== sectionTitle.parentElement || cameraButton.previousElementSibling !== lastItem) lastItem.after(cameraButton);
+				}
 				return true;
 			};
 			const setCameraActionDisabled = (disabled, title) => {
 				if (cameraButton.disabled !== disabled) cameraButton.disabled = disabled;
 				if (cameraButton.title !== title) cameraButton.title = title;
+				const galleryDisabled = disabled || galleryBusy;
+				if (galleryButton.disabled !== galleryDisabled) galleryButton.disabled = galleryDisabled;
+				const galleryTitle = disabled ? title : label("Scegli immagini da allegare", "Choose images to attach", "选择图片并附加到当前消息");
+				if (galleryButton.title !== galleryTitle) galleryButton.title = galleryTitle;
 			};
 			const quietMediaPointer = (event) => {
 				event.preventDefault();
@@ -4614,6 +4757,34 @@ window.__ModuleLoader__.load({
 					showMediaToast(code === "payload_too_large" ? label("La foto supera il limite di 8 MiB", "The photo exceeds the 8 MiB limit", "照片超过 8 MiB 限制") : label("Impossibile aggiungere la foto", "Could not attach the photo", "无法附加照片"));
 				});
 			};
+			const chooseGallery = () => {
+				if (disposed || galleryBusy || galleryButton.disabled || boundComposer?.closest(".dshm-main") == null) return;
+				if (!canAcceptComposerDrop()) {
+					setCameraActionDisabled(true, label("Allegati immagine non disponibili", "Image attachments are unavailable", "图片附件不可用"));
+					dismissCommandMenu();
+					return;
+				}
+				const context = mediaRequestContext();
+				galleryBusy = true;
+				galleryButton.disabled = true;
+				galleryButton.setAttribute("aria-busy", "true");
+				dismissCommandMenu();
+				pickBrowserFiles({
+					accept: "image/*",
+					multiple: true,
+					signal: mediaPickerAbortController.signal
+				}).then((files) => {
+					if (files !== void 0) deliverImages(files, context);
+				}).catch((_error) => {
+					if (mediaRequestIsCurrent(context)) showMediaToast(label("Impossibile aggiungere le immagini", "Could not attach the images", "无法附加图片"));
+				}).finally(() => {
+					galleryBusy = false;
+					galleryButton.removeAttribute("aria-busy");
+					if (!disposed) schedule();
+				});
+			};
+			galleryButton.addEventListener("pointerdown", quietMediaPointer);
+			galleryButton.addEventListener("click", chooseGallery);
 			cameraButton.addEventListener("pointerdown", quietMediaPointer);
 			cameraButton.addEventListener("click", takePhoto);
 			const showBranchToast = () => {
@@ -4878,6 +5049,7 @@ window.__ModuleLoader__.load({
 					syncMediaBinding(null);
 					setCameraActionDisabled(true, label("Apri prima una sessione", "Open a session first", "请先打开会话"));
 					cameraButton.remove();
+					galleryButton.remove();
 					return;
 				}
 				if (center !== void 0) {
@@ -4917,6 +5089,7 @@ window.__ModuleLoader__.load({
 						syncMediaBinding(null);
 						setCameraActionDisabled(true, label("Apri prima una sessione", "Open a session first", "请先打开会话"));
 						cameraButton.remove();
+						galleryButton.remove();
 					}
 					if (composerRow instanceof HTMLElement) {
 						composerRow.dataset.dshMobileComposerRow = "true";
@@ -4936,7 +5109,10 @@ window.__ModuleLoader__.load({
 							setCameraActionDisabled(mediaDisabled, mediaTitle);
 							const commandMenu = composerCard?.querySelector("[data-trigger-menu]") ?? null;
 							if (commandMenu !== null) placeCameraAction(commandMenu);
-							else cameraButton.remove();
+							else {
+								cameraButton.remove();
+								galleryButton.remove();
+							}
 						} else syncComposerEnterNewline(null);
 						if (composerTrailing !== void 0 && composerTrailing !== composerTools) {
 							composerTrailing.dataset.dshMobileComposerTrailing = "true";
@@ -5052,6 +5228,9 @@ window.__ModuleLoader__.load({
 				applyStrip(0);
 				cameraButton.removeEventListener("pointerdown", quietMediaPointer);
 				cameraButton.removeEventListener("click", takePhoto);
+				galleryButton.removeEventListener("pointerdown", quietMediaPointer);
+				galleryButton.removeEventListener("click", chooseGallery);
+				galleryButton.remove();
 				if (branchToastTimer !== 0) window.clearTimeout(branchToastTimer);
 				if (mediaToastTimer !== 0) window.clearTimeout(mediaToastTimer);
 				branchToast.remove();
@@ -5184,6 +5363,363 @@ window.__ModuleLoader__.load({
 				release();
 			};
 		}
+		const LEASE_MS = 3e4;
+		function transferableText(text) {
+			return !/[\uE100-\uE11D\uFFFC]/u.test(text) && new TextEncoder().encode(text).length <= 262144;
+		}
+		function snapshotShape(value) {
+			if (value === null || typeof value !== "object") return false;
+			const s = value;
+			return s.version === 1 && typeof s.token === "string" && /^[a-f0-9]{48}$/u.test(s.token) && typeof s.href === "string" && s.href.length <= 8192 && typeof s.sessionId === "string" && s.sessionId.length > 0 && s.sessionId.length <= 1024 && typeof s.text === "string" && transferableText(s.text) && Number.isSafeInteger(s.revision) && (s.revision ?? -1) >= 0;
+		}
+		function plain(s) {
+			return typeof s.draft === "string" && Number.isSafeInteger(s.draftRev) && s.draftRev >= 0 && s.phase === "plain" && s.claim === void 0 && Array.isArray(s.attachmentIds) && s.attachmentIds.length === 0 && Array.isArray(s.occurrences) && s.occurrences.length === 0 && Array.isArray(s.queue) && s.queue.length === 0;
+		}
+		/** Public state subscriptions are kept for the lifetime of each observed composer,
+		* not just the lease: attachment/submit uncertainty stays sticky until reload. */
+		function createDraftTransfer(view, page) {
+			const observed = /* @__PURE__ */ new Map();
+			const subscriptions = /* @__PURE__ */ new Set();
+			let epoch = 0, risky = false, disposed = false, composing = false;
+			let lease;
+			let timer;
+			let imported;
+			let importTimer;
+			let importClosed = false;
+			const clearImport = () => {
+				if (imported !== void 0) importClosed = true;
+				imported = void 0;
+				if (importTimer !== void 0) view.clearTimeout(importTimer);
+				importTimer = void 0;
+			};
+			const invalidate = () => {
+				epoch += 1;
+			};
+			const clearLease = () => {
+				lease = void 0;
+				if (timer !== void 0) view.clearTimeout(timer);
+				timer = void 0;
+			};
+			const risk = () => {
+				risky = true;
+				invalidate();
+			};
+			const onActivity = (event) => {
+				const inComposer = Boolean(event.target?.closest?.("[data-composer-card]"));
+				if ([
+					"input",
+					"beforeinput",
+					"paste",
+					"compositionstart",
+					"compositionend"
+				].includes(event.type) && !inComposer) {
+					risk();
+					return;
+				}
+				if (event.type === "compositionstart" || event.type === "compositionend") {
+					composing = event.type === "compositionstart";
+					invalidate();
+					return;
+				}
+				if (event.type === "change" && event.target?.type !== "file") return;
+				if (event.type === "paste") {
+					const clipboard = event.clipboardData;
+					if (clipboard !== null && clipboard !== void 0 && clipboard.files.length === 0 && clipboard.types.length === 1 && clipboard.types[0] === "text/plain" && Array.from(clipboard.items).every((item) => item.kind === "string" && item.type === "text/plain")) {
+						invalidate();
+						return;
+					}
+				}
+				if (event.type === "input" || event.type === "beforeinput") invalidate();
+				else risk();
+			};
+			const onClick = (event) => {
+				if (event.target?.closest?.("[data-composer-card] button, [data-dsh-mobile-media-action], [data-voice-activity]")) risk();
+			};
+			const checkVoice = () => {
+				if (page.querySelector("[data-voice-activity=\"requesting\"], [data-voice-activity=\"recording\"], [data-voice-activity=\"transcribing\"]") !== null) risk();
+			};
+			const voiceObserver = new MutationObserver(checkVoice);
+			voiceObserver.observe(page.documentElement, {
+				subtree: true,
+				childList: true,
+				attributes: true,
+				attributeFilter: ["data-voice-activity"]
+			});
+			checkVoice();
+			page.addEventListener("click", onClick, true);
+			const events = [
+				"compositionstart",
+				"compositionend",
+				"drop",
+				"paste",
+				"change",
+				"submit",
+				"input",
+				"beforeinput",
+				"dsh-mobile:voice-start",
+				"dsh-mobile:voice-stop"
+			];
+			for (const name of events) page.addEventListener(name, onActivity, true);
+			const current = () => {
+				if (disposed || risky || composing || observed.size !== 1) return void 0;
+				for (const modal of page.querySelectorAll("[role=\"dialog\"][aria-modal=\"true\"]")) if (!modal.hidden && !modal.closest("[hidden], [inert], [aria-hidden=\"true\"]") && modal.getClientRects().length > 0) {
+					const style = view.getComputedStyle(modal);
+					if (style.display !== "none" && style.visibility !== "hidden") return void 0;
+				}
+				const entry = observed.values().next().value;
+				if (entry === void 0 || !plain(entry.input.state.getSnapshot())) return void 0;
+				return entry;
+			};
+			const api = {
+				capture() {
+					if (lease !== void 0) return null;
+					const entry = current();
+					if (entry === void 0) return null;
+					const state = entry.input.state.getSnapshot();
+					if (!transferableText(state.draft)) return null;
+					const bytes = /* @__PURE__ */ new Uint8Array(24);
+					try {
+						view.crypto.getRandomValues(bytes);
+					} catch {
+						return null;
+					}
+					lease = {
+						version: 1,
+						token: Array.from(bytes, (n) => n.toString(16).padStart(2, "0")).join(""),
+						href: view.location.href,
+						sessionId: entry.sessionId,
+						text: state.draft,
+						revision: epoch
+					};
+					timer = view.setTimeout(clearLease, LEASE_MS);
+					return { ...lease };
+				},
+				validate(value) {
+					if (!snapshotShape(value) || lease === void 0) return false;
+					const entry = current();
+					return entry !== void 0 && value.token === lease.token && value.href === lease.href && value.href === view.location.href && value.sessionId === lease.sessionId && value.sessionId === entry.sessionId && value.revision === lease.revision && value.revision === epoch && value.text === lease.text && value.text === entry.input.state.getSnapshot().draft;
+				},
+				restore(value) {
+					if (!snapshotShape(value)) return false;
+					if (imported !== void 0) return api.verify(value);
+					if (importClosed) return false;
+					const entry = current();
+					if (entry === void 0 || entry.sessionId !== value.sessionId) return false;
+					const state = entry.input.state.getSnapshot();
+					if (state.draft !== "" && state.draft !== value.text) return false;
+					const wrote = state.draft !== value.text;
+					imported = {
+						snapshot: { ...value },
+						entry,
+						epoch,
+						href: view.location.href,
+						wrote,
+						actualText: state.draft,
+						successful: false
+					};
+					importTimer = view.setTimeout(clearImport, LEASE_MS);
+					let writeFailed = false;
+					if (wrote) try {
+						entry.input.setDraft(value.text);
+					} catch {
+						writeFailed = true;
+					}
+					const actual = entry.input.state.getSnapshot();
+					if (current() !== entry || !plain(actual)) return false;
+					imported.epoch = epoch;
+					imported.actualText = actual.draft;
+					imported.successful = !writeFailed && actual.draft === value.text;
+					return imported.successful;
+				},
+				verify(value) {
+					if (!snapshotShape(value) || imported === void 0) return false;
+					const saved = imported.snapshot;
+					return imported.successful && value.token === saved.token && value.href === saved.href && value.sessionId === saved.sessionId && value.text === saved.text && value.revision === saved.revision && current() === imported.entry && epoch === imported.epoch && view.location.href === imported.href && imported.entry.input.state.getSnapshot().draft === saved.text;
+				},
+				rollback(value) {
+					if (!snapshotShape(value) || imported === void 0) return false;
+					const record = imported;
+					const saved = record.snapshot;
+					if (value.token !== saved.token || value.href !== saved.href || value.sessionId !== saved.sessionId || value.text !== saved.text || value.revision !== saved.revision || current() !== record.entry || epoch !== record.epoch || view.location.href !== record.href || record.entry.input.state.getSnapshot().draft !== record.actualText) return false;
+					if (record.wrote) record.entry.input.setDraft("");
+					const restored = !record.wrote || record.entry.input.state.getSnapshot().draft === "";
+					clearImport();
+					return restored;
+				},
+				release(value) {
+					if (!snapshotShape(value)) return;
+					if (value.token === lease?.token) clearLease();
+					if (value.token === imported?.snapshot.token) clearImport();
+				}
+			};
+			return {
+				api: {
+					capture() {
+						try {
+							return api.capture();
+						} catch {
+							risk();
+							clearLease();
+							return null;
+						}
+					},
+					validate(value) {
+						try {
+							return api.validate(value);
+						} catch {
+							risk();
+							return false;
+						}
+					},
+					restore(value) {
+						try {
+							return api.restore(value);
+						} catch {
+							risk();
+							return false;
+						}
+					},
+					verify(value) {
+						try {
+							return api.verify(value);
+						} catch {
+							risk();
+							return false;
+						}
+					},
+					rollback(value) {
+						try {
+							return api.rollback(value);
+						} catch {
+							risk();
+							return false;
+						}
+					},
+					release(value) {
+						try {
+							api.release(value);
+						} catch {}
+					}
+				},
+				observe(sessionId, input) {
+					if (disposed) return () => void 0;
+					const key = {}, entry = {
+						sessionId,
+						input
+					};
+					observed.set(key, entry);
+					invalidate();
+					const changed = () => {
+						invalidate();
+						try {
+							if (!plain(input.state.getSnapshot())) risky = true;
+						} catch {
+							risky = true;
+						}
+					};
+					changed();
+					const unsubscribe = input.state.subscribe(changed);
+					const remove = () => {
+						if (!subscriptions.delete(remove)) return;
+						unsubscribe();
+						observed.delete(key);
+						invalidate();
+					};
+					subscriptions.add(remove);
+					return remove;
+				},
+				dispose() {
+					if (disposed) return;
+					disposed = true;
+					voiceObserver.disconnect();
+					page.removeEventListener("click", onClick, true);
+					clearLease();
+					clearImport();
+					for (const remove of subscriptions) remove();
+					subscriptions.clear();
+					observed.clear();
+					for (const name of events) page.removeEventListener(name, onActivity, true);
+				}
+			};
+		}
+		/** Install only on the authenticated Mobile frontend; identity comes from the
+		* real public session-scoped composer slot, state/writes from the public facade. */
+		function installDraftTransfer(ctx, view, page) {
+			const controller = createDraftTransfer(view, page);
+			const previous = Object.getOwnPropertyDescriptor(view, "__dshMobileDraftTransfer");
+			const mounted = /* @__PURE__ */ new Map();
+			let active = true;
+			let requestedSession;
+			let importedToken;
+			const api = {
+				...controller.api,
+				restore(value) {
+					if (!active || !snapshotShape(value)) return false;
+					if (importedToken !== void 0) return controller.api.restore(value);
+					if (mounted.size === 0 || mounted.size === 1 && ![...mounted.values()].includes(value.sessionId)) {
+						if (ctx.get("sessions")?.list?.getSnapshot?.().byId[value.sessionId] === void 0) return false;
+						if (requestedSession !== value.sessionId) {
+							const navigation = ctx.get("uiWorkspace");
+							if (typeof navigation?.openSession !== "function") return false;
+							try {
+								navigation.openSession(value.sessionId);
+							} catch {
+								return false;
+							}
+							requestedSession = value.sessionId;
+						}
+						return false;
+					}
+					const restored = controller.api.restore(value);
+					if (restored) importedToken = value.token;
+					return restored;
+				},
+				release(value) {
+					controller.api.release(value);
+					if (snapshotShape(value) && value.token === importedToken) importedToken = void 0;
+				}
+			};
+			Object.defineProperty(view, "__dshMobileDraftTransfer", {
+				configurable: true,
+				value: api
+			});
+			function Observer({ sessionId }) {
+				(0, react.useEffect)(() => {
+					if (!active) return;
+					const sessions = ctx.get("sessions");
+					const conversation = ctx.get("conversation");
+					if (typeof sessions?.scope !== "function" || typeof conversation?.input?.for !== "function") return;
+					const scope = sessions.scope(sessionId);
+					if (scope === void 0) return;
+					const key = {};
+					mounted.set(key, sessionId);
+					const remove = controller.observe(sessionId, conversation.input.for(scope));
+					return () => {
+						mounted.delete(key);
+						remove();
+					};
+				}, [sessionId]);
+				return (0, react.createElement)("span", {
+					hidden: true,
+					"data-dsh-mobile-draft-observer": sessionId
+				});
+			}
+			const removeSlot = ctx.slots.inject("conversation.input.overlay", () => ctx.slots.register({
+				name: "conversation.input.overlay",
+				id: "dsh-mobile-draft-transfer"
+			}, Observer));
+			return () => {
+				if (!active) return;
+				active = false;
+				removeSlot();
+				mounted.clear();
+				controller.dispose();
+				if (view.__dshMobileDraftTransfer === api) {
+					if (previous === void 0) delete view.__dshMobileDraftTransfer;
+					else Object.defineProperty(view, "__dshMobileDraftTransfer", previous);
+				}
+			};
+		}
 		//#endregion
 		//#region src/mobile-font-capabilities.ts
 		const NO_ADVANCED_MOBILE_TYPOGRAPHY = Object.freeze({
@@ -6094,18 +6630,67 @@ window.__ModuleLoader__.load({
 			const omitted = !entry.required && excluded.has(entry.id);
 			return matchesQuery(entry.id, query) && (filter === "all" || (filter === "excluded" ? omitted : !omitted));
 		}
+		/** Format a module's measured transfer size for the settings panel.
+		* @param entry - Catalog row with optional measured sizes.
+		* @returns A short size label, or `undefined` when nothing was measured.
+		*/
+		function formatClientModuleSize(entry) {
+			const value = entry.gzipBytes ?? entry.bytes;
+			if (value === void 0 || !Number.isFinite(value) || value < 0) return void 0;
+			if (value === 0) return "0 KB";
+			const kilobytes = value / 1024;
+			return kilobytes >= 1024 ? `${(kilobytes / 1024).toFixed(1)} MB` : `${String(Math.max(1, Math.round(kilobytes)))} KB`;
+		}
+		/** Sort measured modules largest first, keeping unknown sizes last and ties stable by ID. */
+		function sortClientModulesBySize(entries) {
+			return [...entries].sort((left, right) => {
+				const leftBytes = left.gzipBytes ?? left.bytes;
+				const rightBytes = right.gzipBytes ?? right.bytes;
+				if (leftBytes === void 0 && rightBytes !== void 0) return 1;
+				if (rightBytes === void 0 && leftBytes !== void 0) return -1;
+				return (rightBytes ?? 0) - (leftBytes ?? 0) || (left.id < right.id ? -1 : left.id > right.id ? 1 : 0);
+			});
+		}
+		/**
+		* Choose the smallest loadable set: required entries plus everything they depend on.
+		*
+		* Excluding every optional entry naively would keep a required module pointing at
+		* an excluded dependency, which the Gateway rejects on save. The closure keeps
+		* those dependencies loaded instead.
+		* @param entries - Full catalog with declared dependencies.
+		* @returns IDs to exclude, in catalog order.
+		*/
+		function clientModuleMinimalExclusion(entries) {
+			const byId = new Map(entries.map((entry) => [entry.id, entry]));
+			const keep = new Set(entries.filter((entry) => entry.required).map((entry) => entry.id));
+			const pending = [...keep];
+			while (pending.length > 0) {
+				const entry = byId.get(pending.pop());
+				if (entry === void 0) continue;
+				for (const dependency of entry.dependencies) {
+					if (keep.has(dependency)) continue;
+					keep.add(dependency);
+					pending.push(dependency);
+				}
+			}
+			return entries.filter((entry) => !keep.has(entry.id)).map((entry) => entry.id);
+		}
 		/** Editable selections retain unknown server exclusions and never cascade dependencies. */
 		var ClientModuleDraft = class {
-			entries;
 			initial;
 			excluded;
 			entriesById;
+			catalogEntries;
 			constructor(entries, excludedIds) {
-				this.entries = entries;
+				this.catalogEntries = entries;
 				this.initial = new Set(excludedIds);
 				this.excluded = new Set(excludedIds);
 				this.entriesById = new Map(entries.map((entry) => [entry.id, entry]));
 			}
+			/** @returns The original catalog with its most recently measured metadata. */
+			get entries() {
+				return this.catalogEntries;
+			}
 			/** @returns Number of changed loading choices, including hidden filtered rows. */
 			get changeCount() {
 				let count = 0;
@@ -6153,13 +6738,60 @@ window.__ModuleLoader__.load({
 				if (loaded) this.excluded.delete(id);
 				else this.excluded.add(id);
 			}
+			/** @returns Bytes the current selection still downloads, when sizes were measured. */
+			loadedTransferBytes() {
+				let total = 0;
+				for (const entry of this.entries) {
+					if (!this.isLoaded(entry.id)) continue;
+					total += entry.gzipBytes ?? entry.bytes ?? 0;
+				}
+				return total;
+			}
+			/** @returns Number of selected modules whose transfer size is still unknown. */
+			loadedUnknownSizeCount() {
+				return this.entries.filter((entry) => this.isLoaded(entry.id) && entry.gzipBytes === void 0 && entry.bytes === void 0).length;
+			}
+			/** Refresh metadata without replacing saved or unsaved loading choices. */
+			updateMeasurements(entries) {
+				const measured = new Map(entries.map((entry) => [entry.id, entry]));
+				for (const entry of this.entries) {
+					const next = measured.get(entry.id);
+					if (next === void 0) continue;
+					const refreshed = { ...entry };
+					delete refreshed.bytes;
+					delete refreshed.gzipBytes;
+					delete refreshed.description;
+					this.entriesById.set(entry.id, {
+						...refreshed,
+						...next.bytes === void 0 ? {} : { bytes: next.bytes },
+						...next.gzipBytes === void 0 ? {} : { gzipBytes: next.gzipBytes },
+						...next.description === void 0 ? {} : { description: next.description }
+					});
+				}
+				this.catalogEntries = this.entries.map((entry) => this.entriesById.get(entry.id));
+			}
+			/** Exclude every optional entry except dependencies a required entry still needs.
+			* @returns Whether this draft changed; saving remains a separate action.
+			*/
+			applyMinimalSelection() {
+				const target = new Set(clientModuleMinimalExclusion(this.entries));
+				let changed = false;
+				for (const entry of this.entries) {
+					if (entry.required) continue;
+					const shouldExclude = target.has(entry.id);
+					if (shouldExclude !== this.excluded.has(entry.id)) changed = true;
+					if (shouldExclude) this.excluded.add(entry.id);
+					else this.excluded.delete(entry.id);
+				}
+				return changed;
+			}
 			/** Filter a draft without changing hidden choices.
 			* @param query - Search input.
 			* @param filter - Requested loading selection.
 			* @returns Catalog entries in their original stable order.
 			*/
 			matchingEntries(query, filter) {
-				return this.entries.filter((entry) => clientModuleMatches(entry, this.excluded, query, filter));
+				return this.entries.map((entry) => this.entriesById.get(entry.id)).filter((entry) => clientModuleMatches(entry, this.excluded, query, filter));
 			}
 			/** Find invalid old exclusions by name or ID, independently from the protected catalog row.
 			* @param query - Search input.
@@ -6175,6 +6807,12 @@ window.__ModuleLoader__.load({
 		/** Device-local module selection and the computer's defaults share a read-only catalog. */
 		const CLIENT_MODULE_COPY = {
 			zh: {
+				measure: "测量体积",
+				measuring: "正在测量…",
+				cancelMeasure: "取消测量",
+				measured: "测量结束，未测到的项目保持未知。你的模块选择未变。",
+				measureFailed: "测量未完成，已保留模块选择和已有体积。",
+				totalPartial: "已测合计约 {size}；另有 {count} 项未知",
 				title: "移动页面模块",
 				computer: "设置此电脑的移动访问默认项；电脑插件不变。",
 				device: "仅本设备，下次打开生效；电脑插件不变。",
@@ -6218,6 +6856,11 @@ window.__ModuleLoader__.load({
 				changes: "未保存：{count} 项改动",
 				unchanged: "没有未保存的改动",
 				results: "匹配 {visible} / {total} 项",
+				sizeHint: "按传输体积从大到小排列；数字为 gzip 后的字节。说明取自插件包自身的描述字段，不代表上游认证。",
+				total: "勾选合计约 {size}",
+				totalUnknown: "勾选合计：部分模块未测到体积",
+				minimal: "仅必需（最小加载）",
+				minimalConfirm: "把除了启动必需项及其依赖之外全部设为不加载？保存后下次打开生效。",
 				retry: "重新读取",
 				saving: "正在保存…",
 				readTimeout: "读取超时。当前页面和已保存设置未变，请重试。",
@@ -6230,6 +6873,12 @@ window.__ModuleLoader__.load({
 				clearInvalid: "移除旧排除"
 			},
 			en: {
+				measure: "Measure sizes",
+				measuring: "Measuring…",
+				cancelMeasure: "Cancel measurement",
+				measured: "Measurement ended; unavailable sizes stay unknown. Your module choices are unchanged.",
+				measureFailed: "Measurement did not complete. Your choices and known sizes are kept.",
+				totalPartial: "Measured ≈ {size}; {count} sizes unknown",
 				title: "Mobile page modules",
 				computer: "Mobile defaults for this computer. Desktop plugins are unchanged.",
 				device: "For this device’s next open only. Computer plugins are unchanged.",
@@ -6273,6 +6922,11 @@ window.__ModuleLoader__.load({
 				changes: "Unsaved: {count} changes",
 				unchanged: "No unsaved changes",
 				results: "Matching {visible} / {total}",
+				sizeHint: "Sorted by transfer size; numbers are gzipped bytes. Descriptions come from each plugin package; this is not an upstream endorsement.",
+				total: "Selection ≈ {size}",
+				totalUnknown: "Selection total: some sizes are unknown",
+				minimal: "Required only (minimal load)",
+				minimalConfirm: "Mark everything except required modules and their dependencies as not loaded? Applies on the next open after saving.",
 				retry: "Reread settings",
 				saving: "Saving…",
 				readTimeout: "Reading timed out. This page and saved settings are unchanged; try again.",
@@ -6285,6 +6939,12 @@ window.__ModuleLoader__.load({
 				clearInvalid: "Remove old exclusion"
 			},
 			it: {
+				measure: "Misura dimensioni",
+				measuring: "Misurazione…",
+				cancelMeasure: "Annulla misurazione",
+				measured: "Misurazione terminata; le dimensioni non disponibili restano sconosciute. Le scelte non cambiano.",
+				measureFailed: "Misurazione incompleta. Scelte e dimensioni note conservate.",
+				totalPartial: "Misurati ≈ {size}; {count} dimensioni sconosciute",
 				title: "Moduli della pagina mobile",
 				computer: "Predefiniti mobile del computer; i plugin non cambiano.",
 				device: "Solo alla prossima apertura su questo dispositivo; i plugin del computer non cambiano.",
@@ -6328,6 +6988,11 @@ window.__ModuleLoader__.load({
 				changes: "Non salvate: {count} modifiche",
 				unchanged: "Nessuna modifica non salvata",
 				results: "Corrispondenti {visible} / {total}",
+				sizeHint: "Ordinati per dimensione trasferita; i numeri sono byte gzip. Le descrizioni provengono dal pacchetto del plugin; non sono un’approvazione upstream.",
+				total: "Selezione ≈ {size}",
+				totalUnknown: "Totale selezione: alcune dimensioni sono sconosciute",
+				minimal: "Solo obbligatori (caricamento minimo)",
+				minimalConfirm: "Impostare come non caricati tutti i moduli tranne gli obbligatori e le loro dipendenze? Vale alla prossima apertura dopo il salvataggio.",
 				retry: "Rileggi impostazioni",
 				saving: "Salvataggio…",
 				readTimeout: "Lettura scaduta. Pagina e impostazioni salvate non cambiano; riprova.",
@@ -6359,6 +7024,18 @@ window.__ModuleLoader__.load({
 			read: 15e3,
 			write: 2e4
 		};
+		/** Describe measured bytes without presenting unmeasured modules as a complete total. */
+		function clientModuleTotalLabel(draft, locale) {
+			const copy = CLIENT_MODULE_COPY[locale];
+			const unknownSizes = draft?.loadedUnknownSizeCount() ?? 0;
+			const size = formatClientModuleSize({
+				id: "",
+				required: false,
+				dependencies: [],
+				gzipBytes: draft?.loadedTransferBytes() ?? 0
+			}) ?? "0 KB";
+			return unknownSizes > 0 ? copy.totalPartial.replace("{size}", size).replace("{count}", String(unknownSizes)) : copy.total.replace("{size}", size);
+		}
 		/** Validate catalog response fields before creating interactive controls.
 		* @param value - Gateway or computer-admin JSON response.
 		* @returns The fields used by the module-selection dialog.
@@ -6372,10 +7049,23 @@ window.__ModuleLoader__.load({
 					return dependency;
 				});
 				if (entry.id.trim() === "") throw new Error("invalid_module_catalog");
+				const sizes = {};
+				for (const field of ["bytes", "gzipBytes"]) {
+					if (!(field in entry)) continue;
+					const measured = entry[field];
+					if (typeof measured !== "number" || !Number.isSafeInteger(measured) || measured < 0) throw new Error("invalid_module_catalog");
+					sizes[field] = measured;
+				}
+				if ("description" in entry) {
+					const description = entry.description;
+					if (typeof description !== "string" || description.trim() === "" || description.length > 240) throw new Error("invalid_module_catalog");
+					sizes.description = description;
+				}
 				return {
 					id: entry.id,
 					required: entry.required,
-					dependencies
+					dependencies,
+					...sizes
 				};
 			});
 			if (new Set(entries.map((entry) => entry.id)).size !== entries.length) throw new Error("invalid_module_catalog");
@@ -6406,10 +7096,11 @@ window.__ModuleLoader__.load({
 				rejectCancellation(new DOMException("Dialog closed", "AbortError"));
 			};
 			signal.addEventListener("abort", abort, { once: true });
+			const mutation = body !== void 0 && body.measure !== true;
 			const timer = setTimeout(() => {
-				rejectCancellation(new ClientModuleRequestTimeout(body !== void 0));
+				rejectCancellation(new ClientModuleRequestTimeout(mutation));
 				controller.abort();
-			}, body === void 0 ? CLIENT_MODULE_REQUEST_TIMEOUT_MS.read : CLIENT_MODULE_REQUEST_TIMEOUT_MS.write);
+			}, mutation ? CLIENT_MODULE_REQUEST_TIMEOUT_MS.write : CLIENT_MODULE_REQUEST_TIMEOUT_MS.read);
 			const operation = async () => {
 				const init = {
 					method: body === void 0 ? "GET" : "POST",
@@ -6453,6 +7144,8 @@ window.__ModuleLoader__.load({
 .dsh-module-dialog[open]{display:flex;flex-direction:column}.dsh-module-dialog::backdrop{background:rgb(15 23 42 / 40%)}
 .dsh-module-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--dsw-alias-border-l2);flex:none}
 .dsh-module-header h2{flex:1;min-width:0;font-size:20px;line-height:1.4;margin:0;overflow-wrap:anywhere}.dsh-module-header .dsh-module-button{flex:none}
+.dsh-module-packageDescription{margin:2px 0 0;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
+.dsh-module-description-full{margin:4px 0;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.45}
 .dsh-module-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px;scroll-padding:12px}.dsh-module-dialog p{margin:0 0 12px;overflow-wrap:anywhere}
 .dsh-module-hint,.dsh-module-source,.dsh-module-choice small,.dsh-module-groupHint,.dsh-module-results{font-size:13px;line-height:20px;color:var(--dsw-alias-label-secondary,var(--dsw-alias-label-tertiary))}
 .dsh-module-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.45fr);gap:12px;margin:16px 0 8px}.dsh-module-field{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:13px}
@@ -6470,7 +7163,7 @@ window.__ModuleLoader__.load({
 .dsh-module-footer p{font-size:13px;line-height:20px;margin:0 0 8px}.dsh-module-actions{display:flex;flex-wrap:wrap;gap:8px}.dsh-module-actions .dsh-module-button{flex:1;min-width:0;white-space:normal;line-height:20px;padding:8px 12px}
 .dsh-module-button:disabled{opacity:.5;cursor:default}.dsh-module-save{background:var(--dsw-alias-bg-module-platform);font-weight:600}
 .dsh-module-notice:empty{display:none}.dsh-module-notice{max-height:min(96px,24dvh);overflow:auto;font-size:14px;line-height:22px;overscroll-behavior:contain}.dsh-module-empty{padding:16px 0}
-@media(max-width:420px){.dsh-module-tools{grid-template-columns:minmax(0,1fr)}.dsh-module-body{padding:12px}.dsh-module-header,.dsh-module-footer{padding-left:12px;padding-right:12px}}
+@media(max-width:420px){.dsh-module-tools{grid-template-columns:minmax(0,1fr)}.dsh-module-body{padding:12px}.dsh-module-header,.dsh-module-footer{padding-left:12px;padding-right:12px}.dsh-module-header{flex-wrap:wrap;gap:8px}.dsh-module-header h2{flex:1 1 100%}.dsh-module-header .dsh-module-button{flex:1 1 0;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4;padding:8px 12px}}
 .dsh-module-error{color:var(--dsw-alias-state-error-primary,#b42318)}
 `;
 		const openDialogs = /* @__PURE__ */ new Set();
@@ -6517,7 +7210,9 @@ window.__ModuleLoader__.load({
 			const title = document.createElement("h2");
 			title.textContent = copy.title;
 			const close = button(copy.close);
-			header.append(title, close);
+			const measure = button(copy.measure);
+			measure.dataset.clientModuleMeasure = "true";
+			header.append(title, measure, close);
 			const body = document.createElement("div");
 			body.className = "dsh-module-body";
 			const intro = paragraph(copy[scope]);
@@ -6527,6 +7222,7 @@ window.__ModuleLoader__.load({
 			const helpTitle = document.createElement("summary");
 			helpTitle.textContent = copy.help;
 			help.append(helpTitle, hint);
+			help.append(paragraph(copy.sizeHint, "dsh-module-hint"));
 			const source = paragraph("", "dsh-module-source");
 			const status = paragraph("", "dsh-module-notice");
 			status.setAttribute("role", "status");
@@ -6573,14 +7269,16 @@ window.__ModuleLoader__.load({
 			actions.className = "dsh-module-actions";
 			const save = button(copy.save);
 			save.classList.add("dsh-module-save");
+			const minimal = button(copy.minimal);
 			const reset = button(copy.reset);
 			const reread = button(copy.retry);
 			actions.append(save, reset, reread);
 			footer.append(changes, status, actions);
-			body.append(intro, source, tools, results, list, help);
+			body.append(intro, source, tools, results, minimal, list, help);
 			dialog.append(header, body, footer);
 			let disposed = false;
 			let busy;
+			let measurementController;
 			let generation = 0;
 			let draft;
 			let unconfirmedWrite = false;
@@ -6596,11 +7294,15 @@ window.__ModuleLoader__.load({
 				const changed = draft?.changeCount ?? 0;
 				save.disabled = busy !== void 0 || changed === 0;
 				reset.disabled = busy !== void 0 || draft === void 0;
+				minimal.disabled = busy !== void 0 || draft === void 0;
+				measure.disabled = busy !== void 0 && busy !== "measure" || draft === void 0;
+				measure.textContent = busy === "measure" ? copy.cancelMeasure : copy.measure;
 				reread.disabled = busy !== void 0;
 				search.disabled = busy !== void 0 || draft === void 0;
 				filter.disabled = search.disabled;
 				save.textContent = busy === "write" ? copy.saving : copy.save;
-				changes.textContent = `${changed === 0 ? copy.unchanged : copy.changes.replace("{count}", String(changed))} · ${copy.nextOpen}`;
+				const total = clientModuleTotalLabel(draft, locale);
+				changes.textContent = `${changed === 0 ? copy.unchanged : copy.changes.replace("{count}", String(changed))} · ${total} · ${copy.nextOpen}`;
 				list.setAttribute("aria-busy", String(busy !== void 0));
 				for (const input of choices.values()) input.disabled = busy !== void 0 || input.dataset.required === "true";
 				for (const action of invalidActions.values()) action.disabled = busy !== void 0;
@@ -6664,7 +7366,7 @@ window.__ModuleLoader__.load({
 					"advanced",
 					"required"
 				]) {
-					const entries = visible.filter((entry) => clientModuleGroup(entry) === group);
+					const entries = sortClientModulesBySize(visible.filter((entry) => clientModuleGroup(entry) === group));
 					if (entries.length === 0) continue;
 					const section = document.createElement(group === "extensions" ? "section" : "details");
 					section.className = "dsh-module-group";
@@ -6702,9 +7404,19 @@ window.__ModuleLoader__.load({
 						shortName.textContent = clientModuleDisplayName(entry.id);
 						const selected = document.createElement("small");
 						selected.textContent = entry.required ? copy.required : input.checked ? copy.loaded : copy.excluded;
-						name.append(shortName, selected);
+						const size = formatClientModuleSize(entry);
+						const sizeLabel = document.createElement("small");
+						sizeLabel.className = "dsh-module-size";
+						sizeLabel.textContent = size ?? "";
+						if (size !== void 0) sizeLabel.dataset.clientModuleSize = "true";
+						name.append(shortName, selected, sizeLabel);
 						label.append(input, name);
 						row.append(label);
+						if (entry.description !== void 0) {
+							const summary = paragraph(entry.description, "dsh-module-packageDescription");
+							summary.dataset.clientModuleDescription = "true";
+							row.append(summary);
+						}
 						const detail = document.createElement("details");
 						detail.className = "dsh-module-entryDetails";
 						const detailSummary = document.createElement("summary");
@@ -6713,7 +7425,9 @@ window.__ModuleLoader__.load({
 						const code = document.createElement("code");
 						code.textContent = entry.id;
 						id.append(code);
-						detail.append(detailSummary, id, paragraph(entry.dependencies.length === 0 ? copy.noDependencies : `${copy.dependencies}${entry.dependencies.join(", ")}`));
+						detail.append(detailSummary, id);
+						if (entry.description !== void 0) detail.append(paragraph(entry.description, "dsh-module-description-full"));
+						detail.append(paragraph(entry.dependencies.length === 0 ? copy.noDependencies : `${copy.dependencies}${entry.dependencies.join(", ")}`));
 						row.append(detail);
 						input.addEventListener("change", () => {
 							if (busy !== void 0 || draft === void 0) return;
@@ -6748,23 +7462,36 @@ window.__ModuleLoader__.load({
 			};
 			const runRequest = (payload) => {
 				if (disposed || busy !== void 0 || payload !== void 0 && draft === void 0) return;
+				const measuring = payload?.measure === true;
+				const mutation = payload !== void 0 && !measuring;
 				const ownGeneration = ++generation;
-				busy = payload === void 0 ? "read" : "write";
-				if (payload !== void 0) unconfirmedWrite = true;
+				busy = measuring ? "measure" : mutation ? "write" : "read";
+				if (mutation) unconfirmedWrite = true;
+				if (measuring) measurementController = new AbortController();
 				status.classList.remove("dsh-module-error");
-				status.textContent = payload === void 0 ? copy.loading : copy.saving;
+				status.textContent = measuring ? copy.measuring : mutation ? copy.saving : copy.loading;
 				updateControls();
-				requestClientModuleView(scope, controller.signal, payload).then((view) => {
+				requestClientModuleView(scope, measuring ? measurementController.signal : controller.signal, payload).then((view) => {
 					if (disposed || ownGeneration !== generation) return;
-					unconfirmedWrite = false;
-					render(view);
-					status.textContent = payload === void 0 ? "" : copy.saved;
+					if (measuring && draft !== void 0) {
+						draft.updateMeasurements(view.entries);
+						renderList();
+					} else {
+						unconfirmedWrite = false;
+						render(view);
+					}
+					status.textContent = measuring ? copy.measured : mutation ? copy.saved : "";
 				}, (error) => {
 					if (disposed || ownGeneration !== generation) return;
+					if (measuring) {
+						status.textContent = copy.measureFailed;
+						return;
+					}
 					if (error instanceof ClientModuleUiConflict) unconfirmedWrite = false;
-					failed(error, payload !== void 0);
+					failed(error, mutation);
 				}).finally(() => {
 					if (disposed || ownGeneration !== generation) return;
+					measurementController = void 0;
 					busy = void 0;
 					updateControls();
 				});
@@ -6777,6 +7504,18 @@ window.__ModuleLoader__.load({
 			reset.addEventListener("click", () => {
 				if (busy === void 0 && draft !== void 0 && window.confirm(copy.resetConfirm)) runRequest({ reset: true });
 			});
+			minimal.addEventListener("click", () => {
+				if (busy !== void 0 || draft === void 0 || !window.confirm(copy.minimalConfirm)) return;
+				if (draft.applyMinimalSelection()) {
+					renderList();
+					search.focus({ preventScroll: true });
+				}
+				updateControls();
+			});
+			measure.addEventListener("click", () => {
+				if (busy === "measure") measurementController?.abort();
+				else if (busy === void 0 && draft !== void 0) runRequest({ measure: true });
+			});
 			reread.addEventListener("click", () => {
 				if (busy === void 0 && ((draft?.changeCount ?? 0) === 0 || window.confirm(copy.reloadConfirm))) runRequest();
 			});
@@ -6785,6 +7524,7 @@ window.__ModuleLoader__.load({
 				disposed = true;
 				++generation;
 				controller.abort();
+				measurementController?.abort();
 				openDialogs.delete(openDialog);
 				window.removeEventListener("dsh-mobile:native-back", onBack, true);
 				window.removeEventListener("keydown", onEscape, true);
@@ -7199,6 +7939,851 @@ window.__ModuleLoader__.load({
 			assetDepth: 8
 		});
 		//#endregion
+		//#region src/client-recovery.ts
+		/** Only a visible, disconnected public transport needs an immediate resume nudge. */
+		function shouldNudgeReconnect(visibility, connection) {
+			return visibility === "visible" && connection !== "connected";
+		}
+		/** A persistent, known disconnection can request one native renewal. */
+		function shouldRenewSession(connection, downForMs) {
+			return isDisconnected(connection) && downForMs >= 5e3;
+		}
+		function isDisconnected(connection) {
+			return connection === "connecting" || connection === "disconnected";
+		}
+		/**
+		* Own resume nudges and one native renewal per continuous disconnection.
+		* @param getConnection - Resolve the current service to reject a replaced owner.
+		* @param page - The document's window and advertised native adapter.
+		* @param document - The mounted document; page replacement withdraws its work.
+		* @returns An awaited disposer, or nothing when no public connection is present.
+		*/
+		function installMobileConnectionRecovery(getConnection, page, document) {
+			const connection = getConnection();
+			const state = connection?.state;
+			if (connection === void 0 || state === void 0 || typeof connection.reconnect !== "function") return;
+			const origin = page.location.origin;
+			let disposed = false;
+			let generation = 0;
+			let currentState = state.getSnapshot();
+			let downSince = isDisconnected(currentState) ? Date.now() : void 0;
+			let attempted = false;
+			let bridge = page.__DSH_MOBILE_NATIVE__;
+			let pending;
+			let pendingAbort;
+			let cleanup;
+			const current = () => !disposed && page.document === document && page.location.origin === origin && getConnection() === connection && connection.state === state;
+			const cancelPending = () => {
+				generation += 1;
+				pendingAbort?.abort(new DOMException("mobile recovery owner ended", "AbortError"));
+			};
+			const updateState = () => {
+				const next = state.getSnapshot();
+				if (!isDisconnected(next)) {
+					downSince = void 0;
+					attempted = false;
+					if (currentState !== next) cancelPending();
+				} else if (downSince === void 0) {
+					downSince = Date.now();
+					attempted = false;
+				}
+				currentState = next;
+			};
+			const updateBridge = () => {
+				const next = page.__DSH_MOBILE_NATIVE__;
+				if (bridge === next) return;
+				cancelPending();
+				bridge = next;
+				attempted = false;
+			};
+			const renew = () => {
+				if (!current()) {
+					dispose();
+					return;
+				}
+				updateState();
+				updateBridge();
+				const adapter = bridge;
+				if (document.visibilityState !== "visible" || adapter === void 0 || pending !== void 0 || attempted || downSince === void 0 || !shouldRenewSession(currentState, Date.now() - downSince)) return;
+				attempted = true;
+				const owner = generation;
+				const abort = new AbortController();
+				pendingAbort = abort;
+				const owns = () => current() && !abort.signal.aborted && generation === owner && page.__DSH_MOBILE_NATIVE__ === adapter && isDisconnected(state.getSnapshot());
+				const task = Promise.resolve().then(async () => {
+					if (!owns()) return;
+					const capabilities = await adapter.capabilities();
+					if (!owns() || !capabilities.includes("auth.renew")) return;
+					const result = await adapter.invoke("auth.renew", {}, { signal: abort.signal });
+					if (!owns() || typeof result !== "object" || result === null || !("renewed" in result) || result.renewed !== true) return;
+					connection.reconnect?.();
+				}).catch((_error) => {}).finally(() => {
+					if (pending !== task) return;
+					pending = void 0;
+					pendingAbort = void 0;
+				});
+				pending = task;
+			};
+			const resume = () => {
+				if (!current()) {
+					dispose();
+					return;
+				}
+				updateState();
+				updateBridge();
+				if (shouldNudgeReconnect(document.visibilityState, currentState)) connection.reconnect?.();
+				renew();
+			};
+			const stopState = state.subscribe(updateState);
+			const timer = setInterval(renew, 2e3);
+			const pagehide = () => {
+				dispose();
+			};
+			const dispose = () => {
+				if (cleanup !== void 0) return cleanup;
+				disposed = true;
+				cancelPending();
+				clearInterval(timer);
+				stopState();
+				document.removeEventListener("visibilitychange", resume);
+				page.removeEventListener("dsh-mobile-native-ready", updateBridge);
+				page.removeEventListener("pagehide", pagehide);
+				cleanup = Promise.resolve(pending);
+				return cleanup;
+			};
+			document.addEventListener("visibilitychange", resume);
+			page.addEventListener("dsh-mobile-native-ready", updateBridge);
+			page.addEventListener("pagehide", pagehide);
+			return dispose;
+		}
+		//#endregion
+		//#region src/browser-ui-locale.ts
+		const UI_LOCALE_COOKIE = "dsh_ma_ui_locale";
+		/** Host-only, non-secret preference, independent of the short authentication session. */
+		function browserUiLocaleCookie(locale, secure) {
+			return `${UI_LOCALE_COOKIE}=${locale}; Path=/mobile-access; Max-Age=31536000; SameSite=Lax${secure ? "; Secure" : ""}`;
+		}
+		//#endregion
+		//#region src/mobile-ui-locale.ts
+		/** Remember the DSH display language only on authenticated Mobile Gateway documents. */
+		function installMobileUiLocalePersistence(page, view) {
+			if (page.querySelector("meta[name=\"dsh-mobile-gateway\"][content=\"authenticated\"]") === null) return () => {};
+			let disposed = false;
+			let previous;
+			const sync = () => {
+				if (disposed) return;
+				const language = page.documentElement.lang.trim().toLowerCase();
+				if (language === "") return;
+				const base = language.split(/[-_]/u)[0];
+				const locale = base === "zh" || base === "it" ? base : "en";
+				if (locale === previous) return;
+				try {
+					page.cookie = browserUiLocaleCookie(locale, view.location.protocol === "https:");
+					previous = locale;
+				} catch {}
+			};
+			const observer = new view.MutationObserver(sync);
+			observer.observe(page.documentElement, {
+				attributes: true,
+				attributeFilter: ["lang"]
+			});
+			sync();
+			return () => {
+				disposed = true;
+				observer.disconnect();
+			};
+		}
+		//#endregion
+		//#region src/mobile-directory-browser.ts
+		/** Expected Gateway or response-validation failure for one read-only listing. */
+		var MobileDirectoryReadError = class extends Error {
+			code;
+			constructor(code, options) {
+				super(`Mobile directory listing failed: ${code}`, options);
+				this.code = code;
+				this.name = "MobileDirectoryReadError";
+			}
+		};
+		/** Accept portable absolute spellings; the Host remains authoritative for its platform. */
+		function isMobileDirectoryPath(path) {
+			return path.length > 0 && path.length <= 8192 && !path.includes("\0") && (path.startsWith("/") || /^[a-z]:[\\/]/iu.test(path) || /^\\\\[^\\/]+[\\/][^\\/]+/u.test(path));
+		}
+		function object(value) {
+			return typeof value === "object" && value !== null && !Array.isArray(value) ? value : void 0;
+		}
+		/** Validate a wire response before publishing names or adopting a Host path. */
+		function parseMobileDirectoryListing(value) {
+			const record = object(value);
+			const fail = () => {
+				throw new MobileDirectoryReadError("invalid-response");
+			};
+			if (record === void 0 || typeof record.path !== "string" || !isMobileDirectoryPath(record.path) || typeof record.truncated !== "boolean" || !Array.isArray(record.entries) || record.entries.length > 500) return fail();
+			const parent = record.parent;
+			if (parent !== void 0 && (typeof parent !== "string" || !isMobileDirectoryPath(parent))) return fail();
+			const paths = /* @__PURE__ */ new Set();
+			const entries = [];
+			for (const candidate of record.entries) {
+				const entry = object(candidate);
+				if (entry === void 0 || typeof entry.name !== "string" || entry.name.length === 0 || entry.name.includes("\0") || typeof entry.path !== "string" || !isMobileDirectoryPath(entry.path) || paths.has(entry.path)) return fail();
+				paths.add(entry.path);
+				entries.push(Object.freeze({
+					name: entry.name,
+					path: entry.path
+				}));
+			}
+			return Object.freeze({
+				path: record.path,
+				...parent === void 0 ? {} : { parent },
+				entries: Object.freeze(entries),
+				truncated: record.truncated
+			});
+		}
+		const CLOSED = Object.freeze({
+			open: false,
+			phase: "idle",
+			listing: null,
+			draft: "",
+			error: null,
+			hostBusy: false,
+			committed: false
+		});
+		/** Read navigation stops on close; committing is final until the owner withdraws this flow. */
+		var MobileDirectoryBrowser = class {
+			read;
+			deadlineMs;
+			snapshot = CLOSED;
+			listeners = /* @__PURE__ */ new Set();
+			tasks = /* @__PURE__ */ new Set();
+			taskFailures = [];
+			activeRead;
+			generation = 0;
+			disposed = false;
+			lastTarget = null;
+			constructor(read, deadlineMs = 3e4) {
+				this.read = read;
+				this.deadlineMs = deadlineMs;
+			}
+			getSnapshot = () => this.snapshot;
+			/** Subscribe to this occurrence; the returned disposer removes the observer. */
+			subscribe(listener) {
+				this.listeners.add(listener);
+				return () => {
+					this.listeners.delete(listener);
+				};
+			}
+			/** Start a new open edge at the Host home; returns false after permanent disposal. */
+			start() {
+				if (this.disposed || this.snapshot.open) return false;
+				this.publish({
+					...CLOSED,
+					open: true
+				});
+				return this.navigate(null);
+			}
+			/** Editing invalidates any pending scan and cannot commit the previously listed path. */
+			setDraft(draft) {
+				if (!this.canNavigate() || draft === this.snapshot.draft) return;
+				this.withdrawRead();
+				this.publish({
+					...this.snapshot,
+					draft,
+					phase: "idle",
+					error: isMobileDirectoryPath(draft) ? null : "bad-path"
+				});
+			}
+			/** Project the owner's adoption state without undoing this flow's synchronous commit claim. */
+			setHostBusy(hostBusy) {
+				if (this.disposed || this.snapshot.hostBusy === hostBusy) return;
+				this.publish({
+					...this.snapshot,
+					hostBusy
+				});
+			}
+			/** Read a folder or the initial home; superseded results cannot publish into the new request. */
+			navigate(path) {
+				if (!this.canNavigate()) return false;
+				this.withdrawRead();
+				if (path !== null && !isMobileDirectoryPath(path)) {
+					this.publish({
+						...this.snapshot,
+						draft: path,
+						phase: "error",
+						error: "bad-path"
+					});
+					return false;
+				}
+				this.lastTarget = path;
+				const controller = new AbortController();
+				this.activeRead = controller;
+				const generation = this.generation;
+				this.publish({
+					...this.snapshot,
+					phase: "loading",
+					error: null,
+					...path === null ? {} : { draft: path }
+				});
+				const task = (async () => {
+					const timeout = setTimeout(() => {
+						controller.abort(new MobileDirectoryReadError("timeout"));
+					}, this.deadlineMs);
+					try {
+						const value = await this.read(path, controller.signal);
+						controller.signal.throwIfAborted();
+						const listing = parseMobileDirectoryListing(value);
+						if (!this.current(generation)) return;
+						this.publish({
+							...this.snapshot,
+							phase: "idle",
+							listing,
+							draft: listing.path,
+							error: null
+						});
+					} catch (error) {
+						if (!this.current(generation)) return;
+						const reason = controller.signal.aborted ? controller.signal.reason : error;
+						this.publish({
+							...this.snapshot,
+							phase: "error",
+							error: reason instanceof MobileDirectoryReadError ? reason.code : "request-failed"
+						});
+					} finally {
+						clearTimeout(timeout);
+						if (this.activeRead === controller) this.activeRead = void 0;
+					}
+				})();
+				this.tasks.add(task);
+				task.then(() => {
+					this.tasks.delete(task);
+				}, (error) => {
+					this.tasks.delete(task);
+					this.taskFailures.push(error);
+				});
+				return true;
+			}
+			/** Retry only the explicitly failed read, without adopting or replaying a write. */
+			retry() {
+				return this.navigate(this.lastTarget);
+			}
+			/** Whether the confirmed listing still matches the editable path and can be adopted. */
+			canConfirm() {
+				const value = this.snapshot;
+				return this.canNavigate() && value.phase === "idle" && value.error === null && value.listing !== null && value.draft === value.listing.path;
+			}
+			/** Claim one adoption synchronously; returns no path for stale input, busy state or duplicate taps. */
+			confirm() {
+				if (!this.canConfirm()) return void 0;
+				const path = this.snapshot.listing.path;
+				this.publish({
+					...this.snapshot,
+					committed: true
+				});
+				return path;
+			}
+			/** Cancel reading immediately; a committed/Host-busy adoption cannot be reported as cancelled. */
+			cancel() {
+				if (!this.canNavigate()) return false;
+				this.withdrawRead();
+				this.publish(CLOSED);
+				return true;
+			}
+			/** Withdraw callbacks immediately and await every admitted read before disposal completes. */
+			async dispose() {
+				this.disposed = true;
+				this.withdrawRead();
+				this.snapshot = CLOSED;
+				this.listeners.clear();
+				await Promise.allSettled([...this.tasks]);
+				if (this.taskFailures.length > 0) throw new AggregateError(this.taskFailures, "Mobile directory observers failed during a listing");
+			}
+			canNavigate() {
+				return !this.disposed && this.snapshot.open && !this.snapshot.hostBusy && !this.snapshot.committed;
+			}
+			current(generation) {
+				return !this.disposed && this.snapshot.open && generation === this.generation;
+			}
+			withdrawRead() {
+				this.generation++;
+				this.activeRead?.abort();
+				this.activeRead = void 0;
+			}
+			publish(snapshot) {
+				this.snapshot = Object.freeze(snapshot);
+				for (const listener of this.listeners) listener();
+			}
+		};
+		//#endregion
+		//#region src/mobile-directory-picker.ts
+		/** Dedicated Mobile directory-flow occupant; stock DSH retains its own chooser. */
+		const MESSAGES = {
+			zh: {
+				title: "选择工作区目录",
+				path: "目录路径",
+				go: "前往",
+				home: "主目录",
+				up: "上一级",
+				cancel: "取消",
+				close: "关闭",
+				open: "打开",
+				retry: "重试",
+				loading: "正在读取文件夹…",
+				adopting: "正在打开工作区…",
+				empty: "此目录中没有子文件夹",
+				truncated: "文件夹过多，仅显示开头部分；可输入完整路径前往其他目录",
+				"bad-path": "请输入电脑上的绝对目录路径，例如 C:\\projects 或 /home/user/projects",
+				unavailable: "无法读取此目录，请检查路径和访问权限后重试",
+				unauthorized: "连接授权不可用，请关闭窗口并重新连接电脑",
+				"invalid-response": "目录响应不可用，请重试或重新连接电脑",
+				"request-failed": "读取目录失败，请检查连接后重试",
+				timeout: "读取目录超时，请重试或取消",
+				failedOpen: "无法打开目录选择器，请重新连接后重试"
+			},
+			en: {
+				title: "Select workspace directory",
+				path: "Directory path",
+				go: "Go",
+				home: "Home",
+				up: "Up one level",
+				cancel: "Cancel",
+				close: "Close",
+				open: "Open",
+				retry: "Retry",
+				loading: "Loading folders…",
+				adopting: "Opening workspace…",
+				empty: "No subfolders in this directory",
+				truncated: "Only the first folders are shown; enter a full path to open another directory",
+				"bad-path": "Enter an absolute computer path, such as C:\\projects or /home/user/projects",
+				unavailable: "Could not read this directory. Check its path and access permissions, then retry.",
+				unauthorized: "Connection authorization is unavailable. Close this dialog and reconnect to the computer.",
+				"invalid-response": "The directory response is unavailable. Retry or reconnect to the computer.",
+				"request-failed": "Could not load this directory. Check the connection and retry.",
+				timeout: "Loading timed out. Retry or cancel.",
+				failedOpen: "Could not open the directory picker. Reconnect and retry."
+			},
+			it: {
+				title: "Seleziona la cartella del workspace",
+				path: "Percorso della cartella",
+				go: "Vai",
+				home: "Home",
+				up: "Cartella superiore",
+				cancel: "Annulla",
+				close: "Chiudi",
+				open: "Apri",
+				retry: "Riprova",
+				loading: "Caricamento delle cartelle…",
+				adopting: "Apertura del workspace…",
+				empty: "Nessuna sottocartella in questa cartella",
+				truncated: "Sono mostrate solo le prime cartelle; inserisci un percorso completo per aprirne un’altra",
+				"bad-path": "Inserisci un percorso assoluto del computer, come C:\\projects o /home/user/projects",
+				unavailable: "Impossibile leggere questa cartella. Controlla il percorso e i permessi, poi riprova.",
+				unauthorized: "Autorizzazione non disponibile. Chiudi questa finestra e riconnettiti al computer.",
+				"invalid-response": "Risposta della cartella non disponibile. Riprova o riconnettiti al computer.",
+				"request-failed": "Impossibile caricare la cartella. Controlla la connessione e riprova.",
+				timeout: "Caricamento scaduto. Riprova o annulla.",
+				failedOpen: "Impossibile aprire la selezione della cartella. Riconnettiti e riprova."
+			}
+		};
+		/** Authenticated read-only Gateway route; no native picker or Host service is replaced. */
+		const WORKSPACE_DIRECTORIES_PATH = "/mobile-access/workspace-directories";
+		/** Ask only this plugin's live directory dialog to handle a routed native Back. */
+		function dismissMobileDirectoryPicker(dialog) {
+			if (dialog.tagName !== "DIALOG" || dialog.getAttribute("data-dshm-picker-dialog") !== "true" || dialog.getAttribute("open") === null) return false;
+			const dismiss = new Event("dsh-mobile:directory-picker-dismiss", { cancelable: true });
+			dialog.dispatchEvent(dismiss);
+			return dismiss.defaultPrevented;
+		}
+		function localeOf(doc) {
+			const languages = [doc.documentElement.lang, ...doc.defaultView?.navigator.languages ?? []];
+			for (const language of languages) {
+				const code = language.toLowerCase().split("-")[0];
+				if (code === "zh" || code === "en" || code === "it") return code;
+			}
+			return "en";
+		}
+		async function readDirectories(path, signal) {
+			const query = path === null ? "" : `?path=${encodeURIComponent(path)}`;
+			const response = await fetch(`${WORKSPACE_DIRECTORIES_PATH}${query}`, {
+				credentials: "same-origin",
+				cache: "no-store",
+				signal
+			});
+			if (!response.ok) {
+				const code = response.status === 400 ? "bad-path" : response.status === 401 || response.status === 403 ? "unauthorized" : "unavailable";
+				try {
+					await response.body?.cancel();
+				} catch (error) {
+					throw new MobileDirectoryReadError(code, { cause: error });
+				}
+				throw new MobileDirectoryReadError(code);
+			}
+			try {
+				return await response.json();
+			} catch (error) {
+				throw new MobileDirectoryReadError("invalid-response", { cause: error });
+			}
+		}
+		const STYLES = `
+dialog.dshm-picker{position:fixed;inset:0;box-sizing:border-box;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:0;background:transparent;color:var(--dsw-alias-label-primary,#16181d);font:400 14px/1.5 system-ui;overflow:hidden}
+dialog.dshm-picker[open]{display:grid;place-items:center}dialog.dshm-picker::backdrop{background:rgb(0 0 0 / 42%)}
+.dshm-picker__panel{display:flex;flex-direction:column;box-sizing:border-box;width:min(680px,100%);height:min(500px,100%);min-height:0;overflow:hidden;border:1px solid var(--dsw-alias-border-l2,#dde0e4);border-radius:16px;background:var(--dsw-alias-bg-layer-1,#fff);box-shadow:0 16px 56px rgb(0 0 0 / 18%)}
+.dshm-picker__header{display:flex;align-items:center;flex:none;gap:12px;padding:12px 16px;border-bottom:1px solid var(--dsw-alias-border-l2,#dde0e4)}
+.dshm-picker__title{flex:1;min-width:0;margin:0;font-size:16px;font-weight:500;overflow-wrap:anywhere}
+.dshm-picker__toolbar{display:flex;flex-wrap:wrap;gap:8px;flex:none;padding:12px 16px 8px}.dshm-picker__path-label{flex:1;min-width:min(180px,100%);display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--dsw-alias-label-secondary,#606873)}
+.dshm-picker__path{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--dsw-alias-border-l3,#cfd5dd);border-radius:10px;background:var(--dsw-alias-bg-layer-2,#f7f8fa);color:var(--dsw-alias-label-primary,#16181d);font:400 16px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}
+.dshm-picker__path[aria-invalid=true]{border-color:var(--dsw-alias-state-error-primary,#b42318)}.dshm-picker__go{align-self:flex-end}
+.dshm-picker__navigation{display:flex;flex:none;gap:8px;padding:0 16px 8px}.dshm-picker__navigation .dshm-picker__button{flex:1;white-space:normal}
+.dshm-picker__list{flex:1;min-height:0;margin:0;padding:4px 12px;overflow:auto;overscroll-behavior:contain;list-style:none;scroll-padding:4px}
+.dshm-picker__row{display:flex;align-items:center;gap:12px;box-sizing:border-box;width:100%;min-height:48px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation}
+.dshm-picker__folder{flex:none;width:20px;height:20px;color:var(--dsw-alias-label-secondary,#606873)}
+.dshm-picker__name{flex:1;min-width:0;overflow-wrap:anywhere}.dshm-picker__row:hover:not(:disabled),.dshm-picker__button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,#eef1f5)}
+.dshm-picker__row:active:not(:disabled),.dshm-picker__button:active:not(:disabled){background:var(--dsw-alias-interactive-bg-active,#e4e8ee)}
+.dshm-picker__button{flex:none;box-sizing:border-box;min-width:48px;min-height:48px;padding:10px 14px;border:1px solid var(--dsw-alias-border-l3,#cfd5dd);border-radius:10px;background:transparent;color:inherit;font:500 14px/1.4 system-ui;cursor:pointer;touch-action:manipulation}
+.dshm-picker :is(button,input):focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#2563eb);outline-offset:2px}.dshm-picker button:disabled{opacity:.5;cursor:default}
+.dshm-picker__status{flex:none;margin:0;padding:8px 16px;font-size:13px;color:var(--dsw-alias-label-secondary,#606873);overflow-wrap:anywhere}.dshm-picker__error{color:var(--dsw-alias-state-error-primary,#b42318)}
+.dshm-picker__status[hidden],.dshm-picker__button[hidden]{display:none}.dshm-picker__footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;flex:none;gap:8px;padding:12px 16px;border-top:1px solid var(--dsw-alias-border-l2,#dde0e4)}
+.dshm-picker__confirm{border-color:transparent;background:var(--dsw-alias-button-primary-fill,#2563eb);color:var(--dsw-alias-label-primary-foreground,#fff)}.dshm-picker__confirm:hover:not(:disabled),.dshm-picker__confirm:active:not(:disabled){background:var(--dsw-alias-button-primary-hover,#1d4ed8)}
+@media(max-width:420px){dialog.dshm-picker{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.dshm-picker__header,.dshm-picker__toolbar,.dshm-picker__footer{padding-left:12px;padding-right:12px}.dshm-picker__footer .dshm-picker__button{flex:1}.dshm-picker__path-label{min-width:0}}
+`;
+		function openDirectoryDialog(doc, getProps, trackDisposal) {
+			const view = doc.defaultView;
+			if (view === null) throw new Error("Directory picker requires a browser window");
+			const copy = MESSAGES[localeOf(doc)];
+			const active = doc.activeElement;
+			const activeText = active instanceof HTMLElement && (active.isContentEditable || active instanceof HTMLInputElement || active instanceof HTMLTextAreaElement);
+			const trigger = active instanceof HTMLElement && !activeText ? active : void 0;
+			if (activeText) active.blur();
+			const dialog = doc.createElement("dialog");
+			dialog.className = "dshm-picker";
+			dialog.lang = localeOf(doc);
+			dialog.setAttribute("role", "dialog");
+			dialog.setAttribute("aria-modal", "true");
+			dialog.setAttribute("aria-label", copy.title);
+			dialog.setAttribute("data-dshm-picker-dialog", "true");
+			const panel = doc.createElement("section");
+			panel.className = "dshm-picker__panel";
+			const button = (text, name) => {
+				const value = doc.createElement("button");
+				value.type = "button";
+				value.textContent = text;
+				value.className = "dshm-picker__button";
+				if (name !== void 0) value.setAttribute(`data-dshm-picker-${name}`, "");
+				return value;
+			};
+			const header = doc.createElement("header");
+			header.className = "dshm-picker__header";
+			const title = doc.createElement("h2");
+			title.className = "dshm-picker__title";
+			title.textContent = copy.title;
+			const close = button(copy.close);
+			header.append(title, close);
+			const toolbar = doc.createElement("form");
+			toolbar.className = "dshm-picker__toolbar";
+			const pathLabel = doc.createElement("label");
+			pathLabel.className = "dshm-picker__path-label";
+			pathLabel.textContent = copy.path;
+			const path = doc.createElement("input");
+			path.type = "text";
+			path.className = "dshm-picker__path";
+			path.setAttribute("data-dshm-picker-path", "");
+			path.spellcheck = false;
+			path.autocomplete = "off";
+			path.maxLength = 8192;
+			pathLabel.append(path);
+			const go = button(copy.go, "load");
+			go.type = "submit";
+			go.classList.add("dshm-picker__go");
+			toolbar.append(pathLabel, go);
+			const navigation = doc.createElement("nav");
+			navigation.className = "dshm-picker__navigation";
+			navigation.setAttribute("aria-label", copy.title);
+			const home = button(copy.home, "home");
+			const up = button(copy.up, "up");
+			navigation.append(home, up);
+			const status = doc.createElement("p");
+			status.className = "dshm-picker__status";
+			status.setAttribute("role", "status");
+			status.setAttribute("aria-live", "polite");
+			const error = doc.createElement("p");
+			error.className = "dshm-picker__status dshm-picker__error";
+			error.setAttribute("role", "alert");
+			error.hidden = true;
+			const list = doc.createElement("ul");
+			list.className = "dshm-picker__list";
+			list.setAttribute("aria-label", copy.title);
+			const footer = doc.createElement("footer");
+			footer.className = "dshm-picker__footer";
+			const retry = button(copy.retry, "retry");
+			retry.hidden = true;
+			const cancel = button(copy.cancel, "cancel");
+			const confirm = button(copy.open, "confirm");
+			confirm.classList.add("dshm-picker__confirm");
+			footer.append(retry, cancel, confirm);
+			panel.append(header, toolbar, navigation, status, error, list, footer);
+			dialog.append(panel);
+			const browser = new MobileDirectoryBrowser(readDirectories);
+			let disposed = false;
+			let closedByOwner = false;
+			let renderedListing;
+			let disposal;
+			const render = () => {
+				if (disposed) return;
+				const state = browser.getSnapshot();
+				const adopting = state.committed || state.hostBusy;
+				path.disabled = adopting;
+				if (path.value !== state.draft) path.value = state.draft;
+				path.setAttribute("aria-invalid", String(state.error === "bad-path"));
+				go.disabled = adopting || state.phase === "loading" || !isMobileDirectoryPath(state.draft);
+				home.disabled = adopting;
+				up.disabled = adopting || state.listing?.parent === void 0;
+				confirm.disabled = !browser.canConfirm();
+				cancel.disabled = adopting;
+				close.disabled = adopting;
+				retry.hidden = state.phase !== "error" || state.error === "bad-path";
+				retry.disabled = adopting;
+				status.textContent = adopting ? copy.adopting : state.phase === "loading" ? copy.loading : state.listing?.truncated === true ? copy.truncated : state.listing?.entries.length === 0 ? copy.empty : "";
+				status.hidden = status.textContent === "";
+				error.textContent = state.error === null ? "" : copy[state.error];
+				error.hidden = state.error === null;
+				list.setAttribute("aria-busy", String(state.phase === "loading"));
+				if (renderedListing !== state.listing) {
+					renderedListing = state.listing;
+					list.replaceChildren();
+					for (const entry of state.listing?.entries ?? []) {
+						const item = doc.createElement("li");
+						const row = button("");
+						row.className = "dshm-picker__row";
+						const icon = doc.createElementNS("http://www.w3.org/2000/svg", "svg");
+						icon.setAttribute("class", "dshm-picker__folder");
+						icon.setAttribute("aria-hidden", "true");
+						icon.setAttribute("viewBox", "0 0 24 24");
+						icon.setAttribute("fill", "none");
+						icon.setAttribute("stroke", "currentColor");
+						icon.setAttribute("stroke-width", "1.5");
+						const outline = doc.createElementNS("http://www.w3.org/2000/svg", "path");
+						outline.setAttribute("d", "M3 7V6a2 2 0 0 1 2-2h5l2 3h7a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z");
+						icon.append(outline);
+						const name = doc.createElement("span");
+						name.className = "dshm-picker__name";
+						name.textContent = entry.name;
+						row.append(icon, name);
+						row.addEventListener("click", () => {
+							browser.navigate(entry.path);
+						});
+						item.append(row);
+						list.append(item);
+					}
+				}
+				for (const row of list.querySelectorAll("button")) row.disabled = adopting;
+			};
+			const unsubscribe = browser.subscribe(render);
+			const requestClose = () => {
+				if (disposed || !browser.cancel()) return;
+				closedByOwner = true;
+				if (dialog.open) dialog.close();
+				getProps().onCancel();
+			};
+			const onBack = (event) => {
+				if (!event.cancelable || event.defaultPrevented || !dialog.open) return;
+				event.preventDefault();
+				event.stopImmediatePropagation();
+				requestClose();
+			};
+			const onEscape = (event) => {
+				if (event.key !== "Escape" || event.isComposing || event.ctrlKey || event.altKey || event.metaKey || event.defaultPrevented || !dialog.open) return;
+				event.preventDefault();
+				event.stopImmediatePropagation();
+				requestClose();
+			};
+			const dispose = () => {
+				if (disposal !== void 0) return disposal;
+				disposed = true;
+				unsubscribe();
+				const stopped = browser.dispose();
+				const failures = [];
+				const clean = (action) => {
+					try {
+						action();
+					} catch (error) {
+						failures.push(error);
+					}
+				};
+				clean(() => {
+					view.removeEventListener("dsh-mobile:native-back", onBack, true);
+				});
+				clean(() => {
+					view.removeEventListener("keydown", onEscape, true);
+				});
+				closedByOwner = true;
+				clean(() => {
+					if (dialog.open) dialog.close();
+				});
+				clean(() => {
+					dialog.remove();
+				});
+				clean(() => {
+					if (trigger?.isConnected) trigger.focus({ preventScroll: true });
+				});
+				disposal = (async () => {
+					try {
+						await stopped;
+					} catch (error) {
+						failures.push(error);
+					}
+					if (failures.length > 0) throw new AggregateError(failures, "Mobile directory dialog disposal failed");
+				})();
+				return disposal;
+			};
+			toolbar.addEventListener("submit", (event) => {
+				event.preventDefault();
+				browser.navigate(path.value);
+			});
+			path.addEventListener("input", () => {
+				browser.setDraft(path.value);
+			});
+			home.addEventListener("click", () => {
+				browser.navigate(null);
+			});
+			up.addEventListener("click", () => {
+				const parent = browser.getSnapshot().listing?.parent;
+				if (parent !== void 0) browser.navigate(parent);
+			});
+			retry.addEventListener("click", () => {
+				browser.retry();
+			});
+			cancel.addEventListener("click", requestClose);
+			close.addEventListener("click", requestClose);
+			confirm.addEventListener("click", () => {
+				const picked = browser.confirm();
+				if (picked !== void 0) getProps().onPicked(picked);
+			});
+			dialog.addEventListener("cancel", (event) => {
+				event.preventDefault();
+				requestClose();
+			});
+			dialog.addEventListener("dsh-mobile:directory-picker-dismiss", (event) => {
+				if (!dialog.open || disposed || !event.cancelable) return;
+				event.preventDefault();
+				requestClose();
+			});
+			dialog.addEventListener("click", (event) => {
+				if (event.target === dialog) requestClose();
+			});
+			dialog.addEventListener("close", () => {
+				if (!disposed && !closedByOwner && browser.cancel()) getProps().onCancel();
+			});
+			view.addEventListener("dsh-mobile:native-back", onBack, true);
+			view.addEventListener("keydown", onEscape, true);
+			try {
+				doc.body.append(dialog);
+				dialog.showModal();
+				close.focus({ preventScroll: true });
+				browser.start();
+				browser.setHostBusy(getProps().busy === true);
+			} catch (error) {
+				trackDisposal(dispose());
+				throw error;
+			}
+			return {
+				setHostBusy: (value) => {
+					browser.setHostBusy(value);
+				},
+				dispose
+			};
+		}
+		/** Register two public directory flows and drain their read work before removing styles. */
+		function installMobileDirectoryPicker(ctx, doc) {
+			const style = doc.createElement("style");
+			style.dataset.plugin = "dsh-mobile-directory-picker";
+			style.textContent = STYLES;
+			doc.head.append(style);
+			const owners = /* @__PURE__ */ new Set();
+			const pending = /* @__PURE__ */ new Set();
+			const cleanupFailures = [];
+			let disposed = false;
+			const trackDisposal = (task) => {
+				pending.add(task);
+				task.then(() => {
+					pending.delete(task);
+				}, (error) => {
+					pending.delete(task);
+					cleanupFailures.push(error);
+					console.error("DSH Mobile directory picker cleanup failed");
+				});
+			};
+			const retire = (owner) => {
+				if (owners.delete(owner)) trackDisposal(owner.dispose());
+			};
+			function MobileDirectoryFlow(props) {
+				const current = (0, react.useRef)(props);
+				current.current = props;
+				const owner = (0, react.useRef)(void 0);
+				(0, react.useEffect)(() => {
+					if (!props.open || disposed) return;
+					try {
+						const dialog = openDirectoryDialog(doc, () => current.current, trackDisposal);
+						owners.add(dialog);
+						owner.current = dialog;
+						return () => {
+							owner.current = void 0;
+							retire(dialog);
+						};
+					} catch (error) {
+						console.error("DSH Mobile directory picker could not open");
+						current.current.onError(MESSAGES[localeOf(doc)].failedOpen);
+					}
+				}, [props.open]);
+				(0, react.useEffect)(() => {
+					owner.current?.setHostBusy(props.busy === true);
+				}, [props.busy]);
+				return null;
+			}
+			let remove;
+			try {
+				remove = ctx.slots.inject("sidebar.workspaces.directoryFlow", () => ctx.slots.inject("conversation.hero.workspace.directoryFlow", () => {
+					const removeSidebar = ctx.slots.register({
+						name: "sidebar.workspaces.directoryFlow",
+						id: "dsh-mobile-directory-picker",
+						priority: -1
+					}, MobileDirectoryFlow);
+					let removeHero;
+					try {
+						removeHero = ctx.slots.register({
+							name: "conversation.hero.workspace.directoryFlow",
+							id: "dsh-mobile-directory-picker",
+							priority: -1
+						}, MobileDirectoryFlow);
+					} catch (error) {
+						removeSidebar();
+						throw error;
+					}
+					return () => {
+						removeHero();
+						removeSidebar();
+					};
+				}));
+			} catch (error) {
+				style.remove();
+				throw error;
+			}
+			return async () => {
+				disposed = true;
+				const failures = [];
+				try {
+					remove();
+				} catch (error) {
+					failures.push(error);
+				}
+				for (const owner of [...owners]) try {
+					retire(owner);
+				} catch (error) {
+					failures.push(error);
+				}
+				await Promise.allSettled([...pending]);
+				style.remove();
+				failures.push(...cleanupFailures);
+				if (failures.length > 0) throw new AggregateError(failures, "Mobile directory picker disposal failed");
+			};
+		}
+		//#endregion
 		//#region src/client.ts
 		/** Map a host-reported provider onto the UI union, defaulting to the built-in one. */
 		function parseMobileRemoteProvider(value) {
@@ -7253,6 +8838,7 @@ window.__ModuleLoader__.load({
 				const top = layers.at(-1);
 				if (top === void 0) return;
 				claim();
+				if (dismissMobileDirectoryPicker(top)) return;
 				const modelEntry = [...modelPopups].find(([popup]) => popup.contains(top));
 				if (modelEntry !== void 0) {
 					const [modelPopup, trigger] = modelEntry;
@@ -7747,6 +9333,10 @@ window.__ModuleLoader__.load({
 			frp_discovery_invalid: "frpDiscoveryInvalid",
 			frp_stopped: "frpStopped",
 			frp_exited: "frpExited",
+			frp_server_address_invalid: "frpServerAddressInvalid",
+			frp_server_port_invalid: "frpServerPortInvalid",
+			frp_token_invalid: "frpTokenInvalid",
+			frp_public_origin_invalid: "frpPublicOriginInvalid",
 			frp_attach_mode_requires_vhost_port: "frpAttachModeRequiresVhostPort",
 			frp_attach_cert_unknown: "frpAttachCertUnknownError",
 			frp_entry_tls_invalid: "frpEntryTlsInvalid",
@@ -8480,6 +10070,52 @@ window.__ModuleLoader__.load({
 			frpPortLabel.append(frpPort);
 			frpTokenLabel.append(frpToken);
 			frpOriginLabel.append(frpOrigin);
+			const frpInputs = {
+				serverAddress: frpServer,
+				serverPort: frpPort,
+				token: frpToken,
+				publicOrigin: frpOrigin,
+				mode: frpMode,
+				entryTls: frpEntryTls,
+				vhostHttpPort: frpVhostPort,
+				publicPort: frpPublicPort
+			};
+			const frpInputLabels = {
+				serverAddress: frpServerLabel,
+				serverPort: frpPortLabel,
+				token: frpTokenLabel,
+				publicOrigin: frpOriginLabel,
+				mode: frpModeLabel,
+				entryTls: frpEntryTlsLabel,
+				vhostHttpPort: frpVhostLabel,
+				publicPort: frpPublicPortLabel
+			};
+			const frpLabelKeys = {
+				serverAddress: "frpServerAddress",
+				serverPort: "frpServerPort",
+				token: "frpToken",
+				publicOrigin: "frpPublicOrigin",
+				mode: "frpMode",
+				entryTls: "frpEntryTls",
+				vhostHttpPort: "frpVhostHttpPort",
+				publicPort: "frpPublicPort"
+			};
+			const frpErrors = /* @__PURE__ */ new Map();
+			for (const [name, input] of Object.entries(frpInputs)) {
+				input.id = `dsh-mobile-frp-${name}`;
+				input.setAttribute("aria-label", t(frpLabelKeys[name]));
+				const error = element("p", "dsh-mobile-control__origin-feedback is-error");
+				error.id = `${input.id}-error`;
+				error.hidden = true;
+				input.setAttribute("aria-describedby", [input.getAttribute("aria-describedby"), error.id].filter(Boolean).join(" "));
+				frpInputLabels[name].append(error);
+				frpErrors.set(name, error);
+			}
+			const frpOriginHint = element("p", "dsh-mobile-control__frp-hint");
+			frpOriginHint.id = "dsh-mobile-frp-origin-hint";
+			frpOriginHint.textContent = t("frpPublicOriginHint");
+			frpOriginLabel.append(frpOriginHint);
+			frpOrigin.setAttribute("aria-describedby", `${frpOriginHint.id} ${frpOrigin.getAttribute("aria-describedby") ?? ""}`);
 			frpFields.append(frpServerLabel, frpPortLabel, frpTokenLabel, frpOriginLabel, frpModeLabel, frpEntryTlsLabel, frpVhostLabel, frpPublicPortLabel);
 			frpStep1.append(frpStep1Title, frpStep1Text, frpFields);
 			const frpStep2 = element("section", "dsh-mobile-control__frp-step");
@@ -8581,10 +10217,18 @@ window.__ModuleLoader__.load({
 			frpAppRequirement.textContent = t("frpAppRequirement");
 			const frpConfigurationStatus = element("p", "dsh-mobile-control__component-status");
 			frpConfigurationStatus.textContent = t("frpConfigurationMissing");
+			const frpFeedback = element("p", "dsh-mobile-control__origin-feedback is-error");
+			frpFeedback.setAttribute("role", "status");
+			frpFeedback.setAttribute("aria-live", "polite");
+			frpFeedback.hidden = true;
+			const frpActionHint = element("p", "dsh-mobile-control__frp-hint");
+			frpActionHint.id = "dsh-mobile-frp-action-hint";
+			frpActionHint.hidden = true;
 			const frpConfigure = element("button", "dsh-mobile-control__primary dsh-mobile-control__frp-action");
 			frpConfigure.type = "button";
 			frpConfigure.textContent = t("frpSaveConnect");
-			frpStep4.append(frpStep4Title, frpStep4Text, frpAppRequirement, frpConfigurationStatus, frpConfigure);
+			frpConfigure.setAttribute("aria-describedby", frpActionHint.id);
+			frpStep4.append(frpStep4Title, frpStep4Text, frpAppRequirement, frpConfigurationStatus, frpFeedback, frpActionHint, frpConfigure);
 			const frpDetails = element("details", "dsh-mobile-control__details");
 			const frpDetailsSummary = element("summary");
 			frpDetailsSummary.textContent = t("frpComponentDetails");
@@ -9660,6 +11304,8 @@ window.__ModuleLoader__.load({
 				frpInstall.textContent = frpDownloadBytes > 0 ? t("installWithSize", { size: formatMegabytes(frpDownloadBytes) }) : t("installFrpc");
 				frpInstall.disabled = remoteProviderBusy;
 				frpConfigure.disabled = remoteProviderBusy || !frpInstalled;
+				frpActionHint.hidden = !frpConfigure.disabled;
+				frpActionHint.textContent = t(remoteProviderBusy ? "frpActionBusy" : !frpSupported ? "frpUnsupported" : "frpInstallBeforeConnect");
 				vpsDeploy.disabled = remoteProviderBusy || !validVpsDeploymentForm();
 				vpsCopyUninstall.disabled = vpsDeploy.disabled;
 				vpsUninstall.disabled = vpsDeploy.disabled;
@@ -10097,7 +11743,6 @@ window.__ModuleLoader__.load({
 					loadRemote();
 				});
 			});
-			const validFrpServer = (value) => value === value.trim() && value.length > 0 && value.length <= 253 && !/[\s\u0000-\u001f\u007f/\\@?#]/u.test(value);
 			const frpForm = () => {
 				const vhostHttpPort = Number(frpVhostPort.value);
 				const publicPort = Number(frpPublicPort.value);
@@ -10109,8 +11754,8 @@ window.__ModuleLoader__.load({
 					publicOrigin: String(frpOrigin.value ?? "").trim(),
 					mode,
 					entryTls: frpEntryTls.value === "self-signed" ? "self-signed" : "public-ip-cert",
-					...Number.isSafeInteger(vhostHttpPort) && vhostHttpPort >= 1 ? { vhostHttpPort } : {},
-					...Number.isSafeInteger(publicPort) && publicPort >= 1 ? { publicPort } : {}
+					...frpEntryTls.value === "self-signed" || frpVhostPort.value.trim() === "" ? {} : { vhostHttpPort },
+					...frpEntryTls.value === "self-signed" ? { publicPort } : {}
 				};
 			};
 			/**
@@ -10127,20 +11772,39 @@ window.__ModuleLoader__.load({
 				...form.publicPort === void 0 ? {} : { publicPort: form.publicPort }
 			});
 			const validFrpForm = (form) => {
-				if (!validFrpServer(form.serverAddress)) return false;
-				try {
-					createFrpServerTemplateForClipboard(form.serverPort, form.token, form.publicOrigin);
-					return true;
-				} catch {
-					return false;
-				}
-			};
+				return validateFrpForm(form).length === 0;
+			};
+			let frpValidationShown = false;
+			let frpValidationAllowsSavedToken = false;
+			const renderFrpIssues = (issues, focus = false) => {
+				for (const [name, input] of Object.entries(frpInputs)) {
+					const issue = issues.find((item) => item.field === name);
+					const feedback = frpErrors.get(name);
+					if (issue === void 0) input.removeAttribute("aria-invalid");
+					else input.setAttribute("aria-invalid", "true");
+					feedback.hidden = issue === void 0;
+					feedback.textContent = issue === void 0 ? "" : t(issue.messageKey);
+				}
+				frpFeedback.hidden = issues.length === 0;
+				frpFeedback.textContent = issues.map((issue) => t(issue.messageKey)).join(" ");
+				if (issues.length !== 0 && focus) {
+					frpConnectionGroup.open = true;
+					frpInputs[issues[0].field].focus();
+				}
+			};
+			const checkFrpForm = (form, allowSavedToken = false) => {
+				const issues = validateFrpForm(form, allowSavedToken);
+				frpValidationShown = true;
+				frpValidationAllowsSavedToken = allowSavedToken;
+				renderFrpIssues(issues, true);
+				return issues.length === 0;
+			};
+			for (const [name, input] of Object.entries(frpInputs)) input.addEventListener(name === "mode" || name === "entryTls" ? "change" : "input", () => {
+				if (frpValidationShown) renderFrpIssues(validateFrpForm(frpForm(), frpValidationAllowsSavedToken));
+			});
 			frpCopyTemplate.addEventListener("click", () => {
 				const form = frpForm();
-				if (!validFrpForm(form)) {
-					remoteStatus.textContent = t("frpInputInvalid");
-					return;
-				}
+				if (!checkFrpForm(form)) return;
 				navigator.clipboard.writeText(createFrpServerTemplateForClipboard(form.serverPort, form.token, form.publicOrigin)).then(() => {
 					remoteStatus.textContent = t("templateCopied");
 				}, () => {
@@ -10150,10 +11814,13 @@ window.__ModuleLoader__.load({
 			const frpAttachErrorText = (code) => t(REMOTE_ERROR_MESSAGE_KEYS[code] ?? "frpInputInvalid");
 			const showFrpAttachError = (code) => {
 				const message = frpAttachErrorText(code);
-				if (code === "frp_attach_mode_requires_vhost_port") {
-					frpVhostPort.setAttribute("aria-invalid", "true");
-					frpVhostHint.textContent = message;
-					frpVhostPort.focus();
+				const issue = FRP_FORM_ERRORS[code];
+				if (issue !== void 0) {
+					frpValidationShown = true;
+					renderFrpIssues([issue], true);
+				} else {
+					frpFeedback.textContent = message;
+					frpFeedback.hidden = false;
 				}
 				remoteStatus.textContent = message;
 			};
@@ -10166,10 +11833,7 @@ window.__ModuleLoader__.load({
 			};
 			frpCopyAttachPlan.addEventListener("click", () => {
 				const form = frpForm();
-				if (!validFrpServer(form.serverAddress) || !Number.isSafeInteger(form.serverPort) || form.serverPort < 1 || form.serverPort > 65535 || form.publicOrigin === "") {
-					remoteStatus.textContent = t("frpInputInvalid");
-					return;
-				}
+				if (!checkFrpForm(form, frpConfigured)) return;
 				if (form.token !== "") {
 					const attachForm = attachClipboardForm(form);
 					const code = frpAttachFormErrorCode(attachForm);
@@ -10202,7 +11866,7 @@ window.__ModuleLoader__.load({
 						remoteStatus.textContent = t("frpAttachPlanCopied");
 					});
 				}, (error) => {
-					remoteStatus.textContent = frpAttachErrorText(String(error));
+					showFrpAttachError(error instanceof Error ? error.message : String(error));
 				}).catch((error) => {
 					remoteStatus.textContent = t("frpAttachPlanFailed", { error: String(error) });
 				}).finally(() => {
@@ -10213,10 +11877,7 @@ window.__ModuleLoader__.load({
 			/** Copy a token-bearing frpc.toml only from the token the user just typed. */
 			frpCopyAttachToken.addEventListener("click", () => {
 				const form = frpForm();
-				if (!validFrpServer(form.serverAddress) || !Number.isSafeInteger(form.serverPort) || form.serverPort < 1 || form.serverPort > 65535 || form.publicOrigin === "") {
-					remoteStatus.textContent = t("frpInputInvalid");
-					return;
-				}
+				if (!checkFrpForm(form, frpConfigured)) return;
 				if (form.token !== "") {
 					const attachForm = attachClipboardForm(form);
 					const code = frpAttachFormErrorCode(attachForm);
@@ -10563,15 +12224,13 @@ window.__ModuleLoader__.load({
 				const form = frpForm();
 				const unchanged = frpConfigured && form.token === "" && form.serverAddress === configuredFrpServer && form.serverPort === configuredFrpPort && form.publicOrigin === configuredFrpOrigin && form.mode === (frpConfiguredMode === "attach" ? "attach" : "deploy") && form.entryTls === (frpConfiguredEntryTls === "self-signed" ? "self-signed" : "public-ip-cert") && (form.vhostHttpPort ?? configuredFrpVhostPort) === configuredFrpVhostPort && (form.publicPort ?? configuredFrpPublicPort) === configuredFrpPublicPort;
 				if (!unchanged) {
-					const code = form.mode === "attach" ? frpAttachFormErrorCode(attachClipboardForm(form)) : validFrpForm(form) ? void 0 : "frp_settings_invalid";
-					if (code !== void 0) {
-						if (form.mode === "attach") showFrpAttachError(code);
-						else remoteStatus.textContent = t("frpInputInvalid");
-						return;
-					}
+					if (!checkFrpForm(form)) return;
 				}
+				renderFrpIssues([]);
 				remoteProviderBusy = true;
 				frpConfigure.disabled = true;
+				frpActionHint.hidden = false;
+				frpActionHint.textContent = t("frpActionBusy");
 				frpConfigure.setAttribute("aria-busy", "true");
 				frpConfigure.textContent = t("saving");
 				(unchanged ? Promise.resolve({}) : controlRequestJson("/api/mobile-access/remote/frp/configure", {
@@ -10585,8 +12244,12 @@ window.__ModuleLoader__.load({
 						body: JSON.stringify({ running: true })
 					});
 				}).then(renderRemote, (error) => {
-					remoteFailureText = t("configureFailed", { error: String(error) });
-					remoteStatus.textContent = remoteFailureText;
+					const code = error instanceof Error ? error.message : String(error);
+					if (FRP_FORM_ERRORS[code] !== void 0) showFrpAttachError(code);
+					else {
+						remoteFailureText = t("configureFailed", { error: String(error) });
+						remoteStatus.textContent = remoteFailureText;
+					}
 				}).finally(() => {
 					remoteProviderBusy = false;
 					frpConfigure.setAttribute("aria-busy", "false");
@@ -12460,6 +14123,8 @@ window.__ModuleLoader__.load({
 .dsh-mobile-control__switcher{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin:0 0 14px;padding:4px;border-radius:12px;background:var(--dsw-alias-bg-layer-1,#f3f5f8)}.dsh-mobile-control__switcher[hidden]{display:none}.dsh-mobile-control__tab{min-height:36px;border:0;border-radius:9px;background:transparent;color:var(--dsw-alias-label-secondary,#606873);font:600 13px/1 system-ui;cursor:pointer}.dsh-mobile-control__tab.is-active{background:var(--dsw-alias-bg-layer-2,#fff);color:var(--dsw-alias-label-primary,#16181d);box-shadow:0 1px 3px rgb(15 23 42 / 10%)}.dsh-mobile-control__view[hidden]{display:none}.dsh-mobile-control__intro{margin:0 0 12px;color:var(--dsw-alias-label-secondary,#606873);font-size:12px;line-height:1.55}.dsh-mobile-control__http-frame-warning{box-sizing:border-box;margin:-4px 0 12px;padding:8px 10px;border:1px solid #d6a83f;border-radius:9px;background:var(--dsw-alias-bg-layer-1,#fff7df);color:var(--dsw-alias-label-primary,#694b00);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.dsh-mobile-control__http-frame-warning[hidden]{display:none}.dsh-mobile-control__view.is-remote .dsh-mobile-control__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dsh-mobile-control__view.is-remote .dsh-mobile-control__actions button[hidden]{display:none}
 .dsh-mobile-control__provider-section{position:relative;margin:0 0 14px}.dsh-mobile-control__section-title{margin:0 0 8px;color:var(--dsw-alias-label-primary,#16181d);font:650 13px/1.4 system-ui}.dsh-mobile-control__provider-section>.dsh-mobile-control__section-title{padding-right:42px}.dsh-mobile-control__provider-choices{display:grid;grid-template-columns:1fr;gap:8px}.dsh-mobile-control__provider{display:flex;min-width:0;flex-direction:column;gap:6px;min-height:94px;padding:10px 11px;border:1px solid var(--dsw-alias-border-l2,#dbe1e8);border-radius:13px;background:var(--dsw-alias-bg-layer-2,#fff);color:var(--dsw-alias-label-primary,#16181d);text-align:left;cursor:pointer;touch-action:manipulation;transition:border-color 160ms ease,background-color 160ms ease,box-shadow 160ms ease}.dsh-mobile-control__provider:hover{border-color:#6f96db;background:var(--dsw-alias-interactive-bg-hover-solid,var(--dsw-alias-bg-layer-1,#f8fbff))}.dsh-mobile-control__provider.is-selected{border-color:var(--dsw-alias-label-primary-bluish,#2563eb);background:var(--dsw-alias-interactive-bg-active,var(--dsw-alias-bg-layer-1,#f5f8ff));box-shadow:0 0 0 1px var(--dsw-alias-label-primary-bluish,#2563eb) inset}.dsh-mobile-control__provider:disabled{cursor:wait;opacity:.62}.dsh-mobile-control__provider-top{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:5px}.dsh-mobile-control__provider-top strong{min-width:0;font-size:12px;line-height:1.3}.dsh-mobile-control__provider-badge{flex:none;padding:2px 5px;border-radius:999px;background:var(--dsw-alias-state-business-tertiary,#e8f0ff);color:var(--dsw-alias-label-primary,#1d4ed8);font:650 11px/1.25 system-ui}.dsh-mobile-control__provider-badge.is-cpolar{background:var(--dsw-alias-state-success-tertiary,#eaf8f2);color:var(--dsw-alias-label-primary,#087454)}.dsh-mobile-control__provider-description{color:var(--dsw-alias-label-secondary,#606873);font-size:12px;line-height:1.45}.dsh-mobile-control__provider-info{position:absolute;z-index:5;top:-13px;right:-8px}.dsh-mobile-control__provider-info-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--dsw-alias-label-secondary,#475569);cursor:pointer;touch-action:manipulation}.dsh-mobile-control__provider-info-button:hover{background:var(--dsw-alias-interactive-bg-hover,#f1f5f9);color:var(--dsw-alias-label-primary-bluish,#2563eb)}.dsh-mobile-control__provider-info-glyph{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:18px;height:18px;border:1.5px solid currentColor;border-radius:50%;font:700 12px/1 system-ui}.dsh-mobile-control__provider-info-popover{position:absolute;z-index:6;top:38px;right:4px;box-sizing:border-box;width:min(292px,calc(100vw - 72px));padding:10px 12px;border:1px solid var(--dsw-alias-border-l2,#dbe1e8);border-radius:12px;background:var(--dsw-alias-bg-layer-2,#fff);box-shadow:0 10px 28px rgb(15 23 42 / 16%)}.dsh-mobile-control__provider-info-popover[hidden]{display:none}.dsh-mobile-control__provider-info-popover strong,.dsh-mobile-control__provider-info-popover span{display:block}.dsh-mobile-control__provider-info-popover strong{margin-bottom:3px;font-size:12px}.dsh-mobile-control__provider-info-popover span{color:var(--dsw-alias-label-secondary,#606873);font-size:11px;line-height:1.55}
 .dsh-mobile-control__self-hosted{margin:8px 0 0;border:1px solid var(--dsw-alias-border-l2,#dbe1e8);border-radius:12px;background:var(--dsw-alias-bg-layer-1,#f8fafc)}.dsh-mobile-control__self-hosted-summary{display:flex;box-sizing:border-box;min-height:48px;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;cursor:pointer;list-style-position:inside}.dsh-mobile-control__self-hosted-summary>span:first-child{display:flex;min-width:0;flex-direction:column;gap:1px}.dsh-mobile-control__self-hosted-summary strong{font-size:11px}.dsh-mobile-control__self-hosted-summary span span{color:var(--dsw-alias-label-secondary,#606873);font-size:11px;line-height:1.35}.dsh-mobile-control__provider-badge.is-frp{background:var(--dsw-alias-bg-layer-1,#eef0f3);color:var(--dsw-alias-label-secondary,#475569)}.dsh-mobile-control__self-hosted-body{padding:0 8px 8px}.dsh-mobile-control__provider.is-frp{width:100%;min-height:64px;background:var(--dsw-alias-bg-layer-2,#fff)}
+.dsh-mobile-control__frp-setup input[aria-invalid=true],.dsh-mobile-control__frp-setup select[aria-invalid=true]{border-color:var(--dsw-alias-state-error-primary,#bc3030)}
+.dsh-mobile-control__frp-setup .dsh-mobile-control__field>.dsh-mobile-control__origin-feedback{margin:0}
 /* The cloudflared setup section deliberately reuses this card, so
    .dsh-mobile-control__cloudflared-setup is a DOM hook for targeting rather than a
    style rule of its own. */
@@ -12495,10 +14160,16 @@ window.__ModuleLoader__.load({
 ` + EXTENSION_RECOVERY_STYLES;
 		/** Mount the desktop control or mobile feature enhancements. */
 		function apply(ctx) {
+			ctx.effect(() => installMobileUiLocalePersistence(document, window), "dsh-mobile: browser UI locale persistence");
 			ctx.effect(() => {
 				if (window.__DSH_MOBILE_FRONTEND__ !== "dedicated") return;
-				return trustAuthenticatedGatewayConnection(ctx.get("connection"));
+				const connection = ctx.get("connection");
+				if (connection !== void 0) return trustAuthenticatedGatewayConnection(connection);
 			}, "dsh-mobile: authenticated gateway client trust");
+			ctx.effect(() => {
+				if (!ownsMobileCustomization(document.querySelector("meta[name=\"dsh-mobile-gateway\"][content=\"authenticated\"]") !== null, window.__DSH_MOBILE_FRONTEND__)) return;
+				return installMobileConnectionRecovery(() => ctx.get("connection"), window, document);
+			}, "dsh-mobile: connection recovery");
 			ctx.effect(() => {
 				const desktopAdmin = isDesktopAdminSurface(location.hostname, location.search, window.__DSH_MOBILE_FRONTEND__, location.protocol);
 				const gatewayCustomization = ownsMobileCustomization(document.querySelector("meta[name=\"dsh-mobile-gateway\"][content=\"authenticated\"]") !== null, window.__DSH_MOBILE_FRONTEND__);
@@ -12509,6 +14180,7 @@ window.__ModuleLoader__.load({
 				document.head.append(style);
 				const removeCustom = !desktopAdmin || gatewayCustomization ? installCustomAssets() : () => void 0;
 				const removeVoiceSession = installVoiceSession(!desktopAdmin);
+				const removeDraftTransfer = !desktopAdmin && document.querySelector("meta[name=\"dsh-mobile-gateway\"][content=\"authenticated\"]") !== null ? installDraftTransfer(ctx, window, document) : () => void 0;
 				const removeModuleSettings = ctx.slots.inject("settings.general.item", () => ctx.slots.register({
 					name: "settings.general.item",
 					id: "dsh-mobile-client-modules",
@@ -12555,15 +14227,22 @@ window.__ModuleLoader__.load({
 						getLayout: () => ctx.get("layout"),
 						getSidebarRight: () => ctx.get("sidebarRight")
 					}));
-					return () => {
-						disposeClientModuleDialogs();
-						removeModuleSettings();
-						removeSettingsAction();
-						removeCustom();
-						removeSurface();
-						removeVoiceSession();
-						localFont.dispose();
-						style.remove();
+					const removeDirectoryPicker = window.__DSH_MOBILE_FRONTEND__ === "dedicated" ? installMobileDirectoryPicker(ctx, document) : () => Promise.resolve();
+					return async () => {
+						const removal = removeDirectoryPicker();
+						try {
+							disposeClientModuleDialogs();
+							removeModuleSettings();
+							removeSettingsAction();
+							removeCustom();
+							removeSurface();
+							removeVoiceSession();
+							removeDraftTransfer();
+							localFont.dispose();
+							style.remove();
+						} finally {
+							await removal;
+						}
 					};
 				}
 				const removeControl = installDshLanguageBoundSurface(() => {
@@ -12612,6 +14291,7 @@ window.__ModuleLoader__.load({
 					removeControl();
 					removeCustom();
 					removeVoiceSession();
+					removeDraftTransfer();
 					style.remove();
 				};
 			}, "dsh-mobile: stock mobile adaptation and local control");
@@ -12660,6 +14340,8 @@ window.__ModuleLoader__.load({
 		exports.selectMobileControlLocale = selectMobileControlLocale;
 		exports.selectedMobileControlLocale = selectedMobileControlLocale;
 		exports.setMobileSurfaceOpen = setMobileSurfaceOpen;
+		exports.shouldNudgeReconnect = shouldNudgeReconnect;
+		exports.shouldRenewSession = shouldRenewSession;
 		exports.startExtensionChangeStream = startExtensionChangeStream;
 		exports.startLifecycleRefreshScheduler = startLifecycleRefreshScheduler;
 		exports.trustAuthenticatedGatewayConnection = trustAuthenticatedGatewayConnection;