dsh-mobile 0.3.2 → 0.3.4

package/lib/client.js

@@ -10,8 +10,15 @@ window.__ModuleLoader__.load({
 			en: {
 				mobileAccess: "Mobile access",
 				collapseMobileAccess: "Collapse Mobile access",
-				downloadAndroid: "Download Android app",
+				downloadAndroid: "Download latest Android app",
+				downloadAndroidVersion: "Download latest Android app · v{version}",
 				downloadAndroidAria: "Download the latest Android app from GitHub Releases",
+				downloadAndroidVersionAria: "Download Android app v{version} from GitHub Releases",
+				updatePlugin: "Update plugin",
+				updatePluginAria: "Update DSH Mobile to v{version}",
+				updatingPlugin: "Updating…",
+				pluginUpdatedRestart: "Updated to v{version}. Restart DSH to apply it.",
+				pluginUpdateFailed: "Update failed: {error}",
 				lan: "Local network",
 				remote: "Remote",
 				lanAccess: "Local network access",
@@ -27,6 +34,10 @@ window.__ModuleLoader__.load({
 				pairingQr: "Pairing QR code",
 				remoteIntro: "Choose the remote channel that suits you. Switching or disabling remote access does not affect the local network.",
 				chooseProvider: "Choose connection method",
+				currentProvider: "Current connection",
+				remoteStateOff: "Off",
+				remoteStateConnecting: "Connecting",
+				remoteStateAttention: "Needs attention",
 				providerInfoAria: "View remote connection security and network information",
 				providerGroupAria: "Remote connection method",
 				providerSafeTitle: "You remain protected",
@@ -145,8 +156,15 @@ window.__ModuleLoader__.load({
 			it: {
 				mobileAccess: "Accesso mobile",
 				collapseMobileAccess: "Riduci Accesso mobile",
-				downloadAndroid: "Scarica app Android",
+				downloadAndroid: "Scarica l’ultima app Android",
+				downloadAndroidVersion: "Scarica l’ultima app Android · v{version}",
 				downloadAndroidAria: "Scarica l’ultima app Android da GitHub Releases",
+				downloadAndroidVersionAria: "Scarica l’app Android v{version} da GitHub Releases",
+				updatePlugin: "Aggiorna plugin",
+				updatePluginAria: "Aggiorna DSH Mobile alla v{version}",
+				updatingPlugin: "Aggiornamento…",
+				pluginUpdatedRestart: "Aggiornato alla v{version}. Riavvia DSH per applicarlo.",
+				pluginUpdateFailed: "Aggiornamento non riuscito: {error}",
 				lan: "Rete locale",
 				remote: "Remoto",
 				lanAccess: "Accesso rete locale",
@@ -162,6 +180,10 @@ window.__ModuleLoader__.load({
 				pairingQr: "Codice QR di abbinamento",
 				remoteIntro: "Scegli il canale remoto più adatto. Cambiare o disattivare l’accesso remoto non influisce sulla rete locale.",
 				chooseProvider: "Scegli metodo di connessione",
+				currentProvider: "Connessione attuale",
+				remoteStateOff: "Disattivata",
+				remoteStateConnecting: "Connessione",
+				remoteStateAttention: "Da controllare",
 				providerInfoAria: "Informazioni su sicurezza e rete della connessione remota",
 				providerGroupAria: "Metodo di connessione remota",
 				providerSafeTitle: "La protezione resta attiva",
@@ -282,8 +304,15 @@ window.__ModuleLoader__.load({
 		Object.assign(MOBILE_CONTROL_MESSAGES.zh, {
 			mobileAccess: "移动访问",
 			collapseMobileAccess: "收起移动访问",
-			downloadAndroid: "下载 Android App",
-			downloadAndroidAria: "前往 GitHub Releases 下载最新版 Android App",
+			downloadAndroid: "下载最新 Android App",
+			downloadAndroidVersion: "下载最新 Android App · v{version}",
+			downloadAndroidAria: "从 GitHub Releases 下载最新版 Android App",
+			downloadAndroidVersionAria: "从 GitHub Releases 下载 Android App v{version}",
+			updatePlugin: "更新插件",
+			updatePluginAria: "将 DSH Mobile 更新至 v{version}",
+			updatingPlugin: "正在更新…",
+			pluginUpdatedRestart: "插件已更新至 v{version}，重启 DSH 后生效。",
+			pluginUpdateFailed: "更新失败：{error}",
 			lan: "局域网",
 			remote: "远程",
 			lanAccess: "局域网访问",
@@ -299,6 +328,10 @@ window.__ModuleLoader__.load({
 			pairingQr: "配对二维码",
 			remoteIntro: "选择更适合你的远程通道。切换或关闭远程访问不会影响局域网。",
 			chooseProvider: "选择连接方式",
+			currentProvider: "当前连接",
+			remoteStateOff: "未启用",
+			remoteStateConnecting: "连接中",
+			remoteStateAttention: "需处理",
 			providerInfoAria: "查看远程连接安全与网络说明",
 			providerGroupAria: "远程连接方式",
 			providerSafeTitle: "你始终可以放心",
@@ -414,6 +447,192 @@ window.__ModuleLoader__.load({
 			resetTailscaleConfirm: "退出电脑上的 Tailscale 登录并移除所有远程配对设备？局域网配置不会改变。",
 			requestFailed: "请求失败：{error}"
 		});
+		Object.assign(MOBILE_CONTROL_MESSAGES.en, {
+			selfHostedConnections: "Self-hosted connection",
+			selfHostedDescription: "For users with a VPS and domain. It does not depend on public tunnel bandwidth.",
+			advanced: "Advanced",
+			frpName: "Self-hosted FRP",
+			frpDescription: "A restricted FRP channel for this DSH gateway only. You manage the VPS and public domain.",
+			prepareFrp: "Configure self-hosted FRP",
+			frpStep1Title: "1 · Connection details",
+			frpStep1Text: "Enter the VPS address, frps control port, shared token, and public HTTPS origin.",
+			frpServerAddress: "VPS address",
+			frpServerAddressPlaceholder: "frp.example.com",
+			frpServerPort: "frps port",
+			frpToken: "Shared token",
+			frpTokenPlaceholder: "At least 16 characters",
+			frpPublicOrigin: "Public HTTPS origin",
+			frpPublicOriginPlaceholder: "https://dsh.example.com",
+			frpStep2Title: "2 · Prepare the VPS",
+			frpStep2Text: "Copy the restricted frps and Caddy template, then apply it on your VPS.",
+			copyServerTemplate: "Copy server template",
+			templateCopied: "Server template copied. Apply frps.toml and the Caddyfile on the VPS.",
+			templateCopyFailed: "Could not copy the template. Check the four fields above.",
+			frpStep3Title: "3 · Prepare this computer",
+			frpStep3Text: "Download and verify the pinned official frpc client only when requested.",
+			installFrpc: "Install official frpc",
+			frpInstallConfirm: "Download and verify official frpc 0.70.1 (about {size} MB), extracting only frpc to the DSH Mobile private directory? No service, PATH entry, or startup item is added.",
+			installingFrp: "Installing the official frpc component. Keep DSH running until it completes.",
+			frpNotInstalled: "frpc is not installed. Nothing is downloaded until you click Install.",
+			frpUnsupported: "This desktop platform is not supported by the managed frpc installer.",
+			frpComponentReady: "Official frpc {version} is verified.",
+			frpStep4Title: "4 · Verify and connect",
+			frpStep4Text: "The plugin starts only its DSH HTTP vhost and verifies the public endpoint belongs to this computer.",
+			frpAppRequirement: "Custom remote domains require Android app 0.3.3 or later; local network, cpolar, and Tailscale remain compatible with older supported apps.",
+			frpSaveConnect: "Save and verify connection",
+			frpSavingConnecting: "Saving the private settings and verifying the complete FRP path…",
+			frpConfigurationReady: "Server settings are saved. The token remains only in the plugin private directory.",
+			frpConfigurationMissing: "Complete all fields, copy the VPS template, then save and connect.",
+			frpInputInvalid: "Check the VPS address, port, HTTPS origin, and token.",
+			frpComponentDetails: "FRP source and complete cleanup",
+			frpComponentDetailsText: "The pinned client is downloaded from the official fatedier/frp release. DSH Mobile never installs a service or accepts arbitrary FRP configuration.",
+			frpOfficialRelease: "Official FRP release",
+			purgeFrp: "Remove FRP component and private configuration",
+			purgeFrpConfirm: "Stop FRP and remove frpc, the shared token, generated configuration, staging files, and logs owned by DSH Mobile? The VPS is unchanged.",
+			purgingFrp: "Stopping FRP and removing files managed by DSH Mobile…",
+			switchingFrp: "Switching to self-hosted FRP…",
+			reconnectingFrp: "Verifying and reconnecting self-hosted FRP…",
+			resetFrpConfirm: "Disable self-hosted FRP and remove all remote paired devices? The saved VPS settings and server are unchanged.",
+			remoteUnavailableFrp: "frpc is not installed or the private server settings are incomplete.",
+			remoteStartingFrp: "Checking the VPS and preparing the restricted FRP channel…",
+			remoteConnectingFrp: "frpc is running; verifying the public HTTPS endpoint…",
+			frpMissing: "Install the official frpc component first.",
+			frpInvalid: "frpc verification failed. Remove it completely and reinstall.",
+			frpConfigMissing: "Save the self-hosted FRP connection details first.",
+			frpConfigVerifyFailed: "frpc rejected the generated configuration. Check the server details and token.",
+			frpVhostPublic: "The VPS plaintext HTTP vhost is publicly reachable. Bind it to 127.0.0.1 and let Caddy provide HTTPS.",
+			frpVhostProbeFailed: "The VPS address could not be checked. Confirm DNS and retry.",
+			frpLaunchFailed: "frpc failed to start.",
+			frpTimeout: "The public endpoint did not become ready. Check frps, Caddy, DNS, and firewall.",
+			frpDiscoveryMismatch: "The public domain points to another DSH computer. Check the Caddy and frps mappings.",
+			frpDiscoveryInvalid: "The public domain did not return a valid DSH Mobile discovery response.",
+			frpStopped: "The FRP connection stopped.",
+			frpExited: "frpc exited unexpectedly. Check the VPS configuration and reconnect."
+		});
+		Object.assign(MOBILE_CONTROL_MESSAGES.it, {
+			selfHostedConnections: "Connessione autogestita",
+			selfHostedDescription: "Per chi dispone di VPS e dominio. Non dipende dalla banda dei tunnel pubblici.",
+			advanced: "Avanzato",
+			frpName: "FRP autogestito",
+			frpDescription: "Canale FRP limitato al solo gateway DSH. VPS e dominio pubblico restano sotto il tuo controllo.",
+			prepareFrp: "Configura FRP autogestito",
+			frpStep1Title: "1 · Dati di connessione",
+			frpStep1Text: "Inserisci indirizzo VPS, porta di controllo frps, token condiviso e origine HTTPS pubblica.",
+			frpServerAddress: "Indirizzo VPS",
+			frpServerAddressPlaceholder: "frp.example.com",
+			frpServerPort: "Porta frps",
+			frpToken: "Token condiviso",
+			frpTokenPlaceholder: "Almeno 16 caratteri",
+			frpPublicOrigin: "Origine HTTPS pubblica",
+			frpPublicOriginPlaceholder: "https://dsh.example.com",
+			frpStep2Title: "2 · Prepara il VPS",
+			frpStep2Text: "Copia il modello limitato per frps e Caddy e applicalo sul VPS.",
+			copyServerTemplate: "Copia modello server",
+			templateCopied: "Modello server copiato. Applica frps.toml e Caddyfile sul VPS.",
+			templateCopyFailed: "Impossibile copiare il modello. Controlla i quattro campi sopra.",
+			frpStep3Title: "3 · Prepara questo computer",
+			frpStep3Text: "Scarica e verifica il client frpc ufficiale fissato solo su richiesta.",
+			installFrpc: "Installa frpc ufficiale",
+			frpInstallConfirm: "Scaricare e verificare frpc ufficiale 0.70.1 (circa {size} MB), estraendo solo frpc nella directory privata DSH Mobile? Non vengono aggiunti servizi, PATH o avvio automatico.",
+			installingFrp: "Installazione del componente frpc ufficiale. Mantieni DSH in esecuzione.",
+			frpNotInstalled: "frpc non è installato. Non viene scaricato nulla finché non scegli Installa.",
+			frpUnsupported: "Questa piattaforma desktop non è supportata dal programma di installazione gestito.",
+			frpComponentReady: "frpc ufficiale {version} verificato.",
+			frpStep4Title: "4 · Verifica e connetti",
+			frpStep4Text: "Il plugin avvia solo il vhost HTTP DSH e verifica che l’endpoint pubblico appartenga a questo computer.",
+			frpAppRequirement: "I domini remoti personalizzati richiedono l’app Android 0.3.3 o successiva; rete locale, cpolar e Tailscale restano compatibili con le app precedenti supportate.",
+			frpSaveConnect: "Salva e verifica connessione",
+			frpSavingConnecting: "Salvataggio privato e verifica del percorso FRP completo…",
+			frpConfigurationReady: "Impostazioni server salvate. Il token resta solo nella directory privata del plugin.",
+			frpConfigurationMissing: "Completa i campi, copia il modello VPS, quindi salva e connetti.",
+			frpInputInvalid: "Controlla indirizzo VPS, porta, origine HTTPS e token.",
+			frpComponentDetails: "Origine FRP e rimozione completa",
+			frpComponentDetailsText: "Il client fissato viene scaricato dalla release ufficiale fatedier/frp. DSH Mobile non installa servizi e non accetta configurazioni FRP arbitrarie.",
+			frpOfficialRelease: "Release FRP ufficiale",
+			purgeFrp: "Rimuovi componente FRP e configurazione privata",
+			purgeFrpConfirm: "Arrestare FRP e rimuovere frpc, token, configurazione, file temporanei e log gestiti da DSH Mobile? Il VPS non viene modificato.",
+			purgingFrp: "Arresto FRP e rimozione dei file gestiti da DSH Mobile…",
+			switchingFrp: "Passaggio a FRP autogestito…",
+			reconnectingFrp: "Verifica e riconnessione FRP autogestito…",
+			resetFrpConfirm: "Disattivare FRP autogestito e rimuovere tutti i dispositivi remoti? Impostazioni VPS e server restano invariati.",
+			remoteUnavailableFrp: "frpc non è installato o le impostazioni private sono incomplete.",
+			remoteStartingFrp: "Controllo VPS e preparazione del canale FRP limitato…",
+			remoteConnectingFrp: "frpc è in esecuzione; verifica dell’endpoint HTTPS pubblico…",
+			frpMissing: "Installa prima il componente frpc ufficiale.",
+			frpInvalid: "Verifica frpc non riuscita. Rimuovilo e reinstallalo.",
+			frpConfigMissing: "Salva prima i dati della connessione FRP.",
+			frpConfigVerifyFailed: "frpc ha rifiutato la configurazione generata. Controlla server e token.",
+			frpVhostPublic: "Il vhost HTTP in chiaro è raggiungibile pubblicamente. Limitalo a 127.0.0.1 e usa Caddy per HTTPS.",
+			frpVhostProbeFailed: "Impossibile controllare il VPS. Verifica il DNS e riprova.",
+			frpLaunchFailed: "Avvio di frpc non riuscito.",
+			frpTimeout: "Endpoint pubblico non pronto. Controlla frps, Caddy, DNS e firewall.",
+			frpDiscoveryMismatch: "Il dominio pubblico punta a un altro computer DSH. Controlla Caddy e frps.",
+			frpDiscoveryInvalid: "Il dominio pubblico non ha restituito una risposta DSH Mobile valida.",
+			frpStopped: "Connessione FRP arrestata.",
+			frpExited: "frpc è terminato inaspettatamente. Controlla il VPS e riconnettiti."
+		});
+		Object.assign(MOBILE_CONTROL_MESSAGES.zh, {
+			selfHostedConnections: "自建连接",
+			selfHostedDescription: "适合已有 VPS 和域名的用户，不受公共服务带宽限制。",
+			advanced: "高级",
+			frpName: "自建 FRP",
+			frpDescription: "只为当前 DSH 网关建立单用途 FRP 通道，VPS 和公开域名由你掌控。",
+			prepareFrp: "配置自建 FRP",
+			frpStep1Title: "1 · 填写连接信息",
+			frpStep1Text: "填写 VPS 地址、frps 控制端口、共享 Token 和公开 HTTPS 地址。",
+			frpServerAddress: "VPS 地址",
+			frpServerAddressPlaceholder: "frp.example.com",
+			frpServerPort: "frps 端口",
+			frpToken: "共享 Token",
+			frpTokenPlaceholder: "至少 16 个字符",
+			frpPublicOrigin: "公开 HTTPS 地址",
+			frpPublicOriginPlaceholder: "https://dsh.example.com",
+			frpStep2Title: "2 · 准备 VPS",
+			frpStep2Text: "复制受限的 frps 与 Caddy 模板，并在 VPS 上应用。",
+			copyServerTemplate: "复制服务器模板",
+			templateCopied: "服务器模板已复制，请在 VPS 应用 frps.toml 和 Caddyfile。",
+			templateCopyFailed: "无法复制模板，请检查上方四项信息。",
+			frpStep3Title: "3 · 准备这台电脑",
+			frpStep3Text: "仅在你确认后下载并校验固定版本的官方 frpc。",
+			installFrpc: "安装官方 frpc",
+			frpInstallConfirm: "从 FRP 官方 Release 下载并校验 frpc 0.70.1（约 {size} MB），只提取 frpc 到 DSH Mobile 私有目录？不会安装服务、写入 PATH 或设置开机启动。",
+			installingFrp: "正在安装官方 frpc，完成前请保持 DSH 运行。",
+			frpNotInstalled: "frpc 尚未安装。点击安装前不会下载任何内容。",
+			frpUnsupported: "当前桌面平台暂不支持托管安装 frpc。",
+			frpComponentReady: "官方 frpc {version} 已校验。",
+			frpStep4Title: "4 · 验证并连接",
+			frpStep4Text: "插件只启动 DSH 的 HTTP vhost，并确认公网端点确实属于这台电脑。",
+			frpAppRequirement: "自定义远程域名需要 Android App 0.3.3 或更高版本；局域网、cpolar 和 Tailscale 仍兼容此前受支持的 App。",
+			frpSaveConnect: "保存并验证连接",
+			frpSavingConnecting: "正在保存私有配置并验证完整 FRP 链路…",
+			frpConfigurationReady: "服务器配置已保存，Token 只保存在插件私有目录。",
+			frpConfigurationMissing: "请填写完整信息、复制 VPS 模板，然后保存并连接。",
+			frpInputInvalid: "请检查 VPS 地址、端口、HTTPS 地址和 Token。",
+			frpComponentDetails: "FRP 来源与彻底清理",
+			frpComponentDetailsText: "固定版本客户端来自 fatedier/frp 官方 Release。DSH Mobile 不安装系统服务，也不接受任意 FRP 配置。",
+			frpOfficialRelease: "FRP 官方 Release",
+			purgeFrp: "彻底移除 FRP 组件与私有配置",
+			purgeFrpConfirm: "关闭 FRP 并移除 DSH Mobile 管理的 frpc、共享 Token、生成配置、临时文件和日志？不会修改 VPS。",
+			purgingFrp: "正在关闭 FRP 并清理 DSH Mobile 管理的文件…",
+			switchingFrp: "正在切换到自建 FRP…",
+			reconnectingFrp: "正在验证并重新连接自建 FRP…",
+			resetFrpConfirm: "关闭自建 FRP 并移除所有远程配对设备？已保存的 VPS 配置和服务器不会改变。",
+			remoteUnavailableFrp: "frpc 尚未安装或私有服务器配置不完整。",
+			remoteStartingFrp: "正在检查 VPS 并准备受限 FRP 通道…",
+			remoteConnectingFrp: "frpc 已启动，正在验证公网 HTTPS 端点…",
+			frpMissing: "请先安装官方 frpc。",
+			frpInvalid: "frpc 校验失败，请彻底清理后重新安装。",
+			frpConfigMissing: "请先保存自建 FRP 连接信息。",
+			frpConfigVerifyFailed: "frpc 拒绝了生成的配置，请检查服务器信息和 Token。",
+			frpVhostPublic: "VPS 明文 HTTP vhost 可被公网访问。请将其限制到 127.0.0.1，并由 Caddy 提供 HTTPS。",
+			frpVhostProbeFailed: "无法检查 VPS 地址，请确认 DNS 后重试。",
+			frpLaunchFailed: "frpc 未能启动。",
+			frpTimeout: "公网端点未能就绪，请检查 frps、Caddy、DNS 和防火墙。",
+			frpDiscoveryMismatch: "公开域名连接到了另一台 DSH 电脑，请检查 Caddy 与 frps 映射。",
+			frpDiscoveryInvalid: "公开域名没有返回有效的 DSH Mobile 发现信息。",
+			frpStopped: "FRP 连接已停止。",
+			frpExited: "frpc 意外退出，请检查 VPS 配置后重新连接。"
+		});
 		Object.assign(MOBILE_CONTROL_MESSAGES.en, {
 			requestTimeout: "The operation timed out. Confirm that DSH is still running, then try again.",
 			diagnostics: "Diagnostics",
@@ -673,6 +892,38 @@ window.__ModuleLoader__.load({
 			}
 		};
 		//#endregion
+		//#region src/frp-template.ts
+		/** Loopback-only HTTP vhost port used between Caddy and frps. */
+		const FRP_VHOST_HTTP_PORT = 7080;
+		function publicDnsHostname(value) {
+			return value.length <= 253 && value.includes(".") && !/^[0-9.]+$/u.test(value) && !value.includes(":") && value.split(".").every((label) => label.length >= 1 && label.length <= 63 && /^[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/u.test(label));
+		}
+		/** Build the only supported frps and Caddy configuration from validated user inputs. */
+		function createRestrictedFrpServerTemplate(serverPort, token, publicOrigin) {
+			if (!Number.isSafeInteger(serverPort) || serverPort < 1 || serverPort > 65535 || token.length < 16 || token.length > 512 || /[\s\u0000-\u001f\u007f]/u.test(token)) throw new Error("frp_template_input_invalid");
+			let url;
+			try {
+				url = new URL(publicOrigin);
+			} catch {
+				throw new Error("frp_template_input_invalid");
+			}
+			if (url.protocol !== "https:" || url.port !== "" || url.pathname !== "/" || url.search !== "" || url.hash !== "" || url.username !== "" || url.password !== "" || !publicDnsHostname(url.hostname)) throw new Error("frp_template_input_invalid");
+			return [
+				"# frps.toml",
+				`bindPort = ${String(serverPort)}`,
+				"proxyBindAddr = \"127.0.0.1\"",
+				`vhostHTTPPort = ${String(FRP_VHOST_HTTP_PORT)}`,
+				"auth.method = \"token\"",
+				`auth.token = ${JSON.stringify(token)}`,
+				"",
+				"# Caddyfile",
+				`${url.hostname} {`,
+				`  reverse_proxy 127.0.0.1:${String(FRP_VHOST_HTTP_PORT)}`,
+				"}",
+				""
+			].join("\n");
+		}
+		//#endregion
 		//#region src/native-mobile.ts
 		/** Mobile feature and compatibility rules applied to DSH React surfaces. */
 		const NATIVE_MOBILE_STYLES = `
@@ -706,7 +957,7 @@ window.__ModuleLoader__.load({
   [data-dsh-mobile-header] [class*="_headerUtilities"] { gap:2px !important; }
   [data-dsh-mobile-header] [class*="_sessionLogButton"] { width:40px; min-width:40px; padding:0 !important; overflow:hidden; color:transparent; font-size:0 !important; }
   [data-dsh-mobile-header] [class*="_sessionLogButton"] > * { display:none !important; }
-  [data-dsh-mobile-header] [class*="_sessionLogButton"]::after { color:var(--dsw-text, #171a21); content:"Log"; font-size:11px; font-weight:600; }
+  [data-dsh-mobile-header] [class*="_sessionLogButton"]::after { color:var(--dsw-alias-label-primary, #171a21); content:"Log"; font-size:11px; font-weight:600; }
   html[data-dsh-mobile-language="zh"] [data-dsh-mobile-header] [class*="_sessionLogButton"]::after { content:"日志"; }
   [data-dsh-mobile-header] [class*="_tabs"] { box-sizing:border-box !important; width:max-content !important; max-width:calc(100% - 58px) !important; min-height:28px !important; height:28px !important; margin-top:0 !important; padding-left:6px !important; padding-right:6px !important; overflow-x:auto; scrollbar-width:none; }
   [data-dsh-mobile-header] [class*="_tab"] { padding-bottom:5px !important; }
@@ -845,6 +1096,31 @@ window.__ModuleLoader__.load({
 		function firstByClassSuffix(root, suffix) {
 			return Array.from(root.querySelectorAll("[class]")).find((element) => classToken(element, suffix));
 		}
+		/** Find the stock DSH application frame without mistaking a feature card for the shell. */
+		function resolveNativeMobileFrame(root, dedicatedCenter) {
+			if (dedicatedCenter !== void 0) return void 0;
+			return Array.from(root.querySelectorAll("[class]")).find((candidate) => {
+				return classToken(candidate, "_frame") && firstByClassSuffix(candidate, "_sidebarCol") !== void 0 && firstByClassSuffix(candidate, "_centerCol") !== void 0;
+			});
+		}
+		/** Mark every mounted settings dialog so its mobile layout does not depend on the conversation shell. */
+		function markNativeMobileSettings(root) {
+			let marked = 0;
+			for (const dialog of root.querySelectorAll("[role=\"dialog\"]")) {
+				const children = Array.from(dialog.children);
+				const nav = children.find((child) => classToken(child, "_nav"));
+				const content = children.find((child) => classToken(child, "_content"));
+				if (nav === void 0 || content === void 0) continue;
+				dialog.dataset.dshMobileSettings = "true";
+				nav.dataset.dshMobileSettingsNav = "true";
+				content.dataset.dshMobileSettingsContent = "true";
+				firstByClassSuffix(nav, "_navList")?.setAttribute("data-dsh-mobile-settings-list", "true");
+				firstByClassSuffix(content, "_header")?.setAttribute("data-dsh-mobile-settings-header", "true");
+				firstByClassSuffix(content, "_options")?.setAttribute("data-dsh-mobile-settings-options", "true");
+				marked += 1;
+			}
+			return marked;
+		}
 		const AUTO_HISTORY_THRESHOLD_PX = 64;
 		function controlledFileDragEvent(type, files, initialDropEffect) {
 			const event = new Event(type, {
@@ -1257,13 +1533,16 @@ window.__ModuleLoader__.load({
 			};
 			const sync = () => {
 				scheduled = 0;
-				frame = firstByClassSuffix(document, "_frame");
 				const dedicatedCenter = document.querySelector(".dshm-main") ?? void 0;
+				const nextFrame = resolveNativeMobileFrame(document, dedicatedCenter);
+				if (frame !== nextFrame) frame?.removeAttribute("data-dsh-mobile-frame");
+				frame = nextFrame;
 				if (frame !== void 0) frame.dataset.dshMobileFrame = "true";
 				sidebar = frame === void 0 ? document.querySelector(".dshm-drawer") ?? void 0 : firstByClassSuffix(frame, "_sidebarCol");
 				const center = frame === void 0 ? dedicatedCenter : firstByClassSuffix(frame, "_centerCol");
 				const details = frame === void 0 ? void 0 : firstByClassSuffix(frame, "_detailsCol");
 				const handle = frame === void 0 ? void 0 : firstByClassSuffix(frame, "_handle");
+				markNativeMobileSettings(document);
 				if (center === void 0) {
 					bindHistoryScroller(void 0);
 					syncMediaBinding(null);
@@ -1344,23 +1623,6 @@ window.__ModuleLoader__.load({
 					const lastColumn = frame?.style.gridTemplateColumns.trim().split(/\s+/).at(-1);
 					details.dataset.open = String(lastColumn !== void 0 && lastColumn !== "0px" && lastColumn !== "0");
 				}
-				const settings = Array.from(document.querySelectorAll("[role=\"dialog\"]")).find((dialog) => {
-					return Array.from(dialog.children).find((child) => child instanceof HTMLElement && classToken(child, "_nav")) !== void 0;
-				});
-				if (settings !== void 0) {
-					settings.dataset.dshMobileSettings = "true";
-					const nav = Array.from(settings.children).find((child) => child instanceof HTMLElement && classToken(child, "_nav"));
-					const content = Array.from(settings.children).find((child) => child instanceof HTMLElement && classToken(child, "_content"));
-					if (nav !== void 0) {
-						nav.dataset.dshMobileSettingsNav = "true";
-						firstByClassSuffix(nav, "_navList")?.setAttribute("data-dsh-mobile-settings-list", "true");
-					}
-					if (content !== void 0) {
-						content.dataset.dshMobileSettingsContent = "true";
-						firstByClassSuffix(content, "_header")?.setAttribute("data-dsh-mobile-settings-header", "true");
-						firstByClassSuffix(content, "_options")?.setAttribute("data-dsh-mobile-settings-options", "true");
-					}
-				}
 				if (sidebar === void 0) return;
 				sidebar.dataset.dshMobileSidebar = "true";
 				toggle = firstByClassSuffix(sidebar, "_toggle");
@@ -1552,6 +1814,24 @@ window.__ModuleLoader__.load({
 		}
 		const CONTROL_REQUEST_TIMEOUT_MS = 15e3;
 		const LONG_CONTROL_REQUEST_TIMEOUT_MS = 13e4;
+		const GITHUB_RELEASES_URL = "https://github.com/saya-ch/dsh-mobile/releases";
+		const CONTROL_PANEL_ID = "dsh-mobile-control-panel";
+		function releaseVersion(value) {
+			return typeof value === "string" && /^(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)(?:-[0-9A-Za-z.-]+)?(?:\+[0-9A-Za-z.-]+)?$/u.test(value) ? value : void 0;
+		}
+		/** Reduce the loopback release response to trusted text and download metadata. */
+		function clientReleaseInfo(data) {
+			const latestVersion = releaseVersion(data.latestVersion);
+			const androidVersion = releaseVersion(data.androidVersion);
+			const expectedAndroidDownloadUrl = androidVersion === void 0 ? void 0 : `${GITHUB_RELEASES_URL}/download/v${androidVersion}/dsh-mobile-android-v${androidVersion}.apk`;
+			const androidDownloadUrl = expectedAndroidDownloadUrl !== void 0 && data.androidDownloadUrl === expectedAndroidDownloadUrl ? expectedAndroidDownloadUrl : GITHUB_RELEASES_URL;
+			return {
+				updateAvailable: data.updateAvailable === true && latestVersion !== void 0,
+				...latestVersion === void 0 ? {} : { latestVersion },
+				...androidVersion === void 0 ? {} : { androidVersion },
+				androidDownloadUrl
+			};
+		}
 		async function requestJson(path, init, timeoutMs = CONTROL_REQUEST_TIMEOUT_MS) {
 			const controller = new AbortController();
 			const upstreamSignal = init?.signal;
@@ -1596,6 +1876,10 @@ window.__ModuleLoader__.load({
 			if (url.protocol !== "https:" || url.hostname !== "login.tailscale.com" || url.port !== "" || url.username !== "" || url.password !== "") return "";
 			return url.toString();
 		}
+		/** Build the copy-only restricted VPS template without sending the token to the host API. */
+		function createFrpServerTemplateForClipboard(serverPort, token, publicOrigin) {
+			return createRestrictedFrpServerTemplate(serverPort, token, publicOrigin);
+		}
 		function installControl() {
 			const locale = selectedMobileControlLocale();
 			const localeTag = locale === "it" ? "it-IT" : locale === "zh" ? "zh-CN" : "en-US";
@@ -1608,6 +1892,7 @@ window.__ModuleLoader__.load({
 			const root = element("div", "dsh-mobile-control");
 			root.lang = locale;
 			const panel = element("section", "dsh-mobile-control__panel");
+			panel.id = CONTROL_PANEL_ID;
 			panel.hidden = true;
 			panel.lang = locale;
 			panel.setAttribute("aria-label", t("mobileAccess"));
@@ -1615,6 +1900,10 @@ window.__ModuleLoader__.load({
 			const title = element("h2");
 			title.textContent = t("mobileAccess");
 			const headerActions = element("div", "dsh-mobile-control__header-actions");
+			const updatePlugin = element("button", "dsh-mobile-control__update-plugin");
+			updatePlugin.type = "button";
+			updatePlugin.textContent = t("updatePlugin");
+			updatePlugin.hidden = true;
 			const diagnosticsEntry = element("button", "dsh-mobile-control__diagnostic-entry");
 			diagnosticsEntry.type = "button";
 			diagnosticsEntry.textContent = t("diagnostics");
@@ -1624,9 +1913,13 @@ window.__ModuleLoader__.load({
 			close.type = "button";
 			close.textContent = "×";
 			close.setAttribute("aria-label", t("collapseMobileAccess"));
-			headerActions.append(diagnosticsEntry, close);
+			headerActions.append(updatePlugin, diagnosticsEntry, close);
+			const releaseNotice = element("p", "dsh-mobile-control__release-notice");
+			releaseNotice.hidden = true;
+			releaseNotice.setAttribute("role", "status");
+			releaseNotice.setAttribute("aria-live", "polite");
 			const appDownload = element("a", "dsh-mobile-control__app-download");
-			appDownload.href = "https://github.com/saya-ch/dsh-mobile/releases/latest";
+			appDownload.href = GITHUB_RELEASES_URL;
 			appDownload.target = "_blank";
 			appDownload.rel = "noopener noreferrer";
 			appDownload.textContent = t("downloadAndroid");
@@ -1733,7 +2026,6 @@ window.__ModuleLoader__.load({
 			cpolarChoiceTop.append(cpolarChoiceName, cpolarChoiceBadge);
 			cpolarChoice.append(cpolarChoiceTop, cpolarChoiceDescription);
 			providerChoices.append(cpolarChoice, tailscaleChoice);
-			providerSection.append(providerHeading, providerInfo, providerChoices);
 			const cpolarSetup = element("section", "dsh-mobile-control__cpolar-setup");
 			cpolarSetup.hidden = true;
 			const cpolarSetupTitle = element("h3", "dsh-mobile-control__section-title");
@@ -1795,6 +2087,128 @@ window.__ModuleLoader__.load({
 			cpolarDetailsBody.append(cpolarDetailsText, cpolarStorage, cpolarOfficial, cpolarTerms, cpolarPurge);
 			cpolarDetails.append(cpolarDetailsSummary, cpolarDetailsBody);
 			cpolarSetup.append(cpolarSetupTitle, cpolarComponentStatus, cpolarInstall, cpolarAccount, cpolarDetails);
+			const selfHosted = element("details", "dsh-mobile-control__self-hosted");
+			const selfHostedSummary = element("summary", "dsh-mobile-control__self-hosted-summary");
+			const selfHostedSummaryText = element("span");
+			const selfHostedSummaryTitle = element("strong");
+			selfHostedSummaryTitle.textContent = t("selfHostedConnections");
+			const selfHostedSummaryDescription = element("span");
+			selfHostedSummaryDescription.textContent = t("selfHostedDescription");
+			const selfHostedBadge = element("span", "dsh-mobile-control__provider-badge is-frp");
+			selfHostedBadge.textContent = t("advanced");
+			selfHostedSummaryText.append(selfHostedSummaryTitle, selfHostedSummaryDescription);
+			selfHostedSummary.append(selfHostedSummaryText, selfHostedBadge);
+			const selfHostedBody = element("div", "dsh-mobile-control__self-hosted-body");
+			const frpChoice = element("button", "dsh-mobile-control__provider is-frp");
+			frpChoice.type = "button";
+			frpChoice.setAttribute("aria-pressed", "false");
+			const frpChoiceTop = element("span", "dsh-mobile-control__provider-top");
+			const frpChoiceName = element("strong");
+			frpChoiceName.textContent = t("frpName");
+			const frpChoiceDescription = element("span", "dsh-mobile-control__provider-description");
+			frpChoiceDescription.textContent = t("frpDescription");
+			frpChoiceTop.append(frpChoiceName);
+			frpChoice.append(frpChoiceTop, frpChoiceDescription);
+			selfHostedBody.append(frpChoice);
+			selfHosted.append(selfHostedSummary, selfHostedBody);
+			providerSection.append(providerHeading, providerInfo, providerChoices, selfHosted);
+			const frpSetup = element("section", "dsh-mobile-control__frp-setup");
+			frpSetup.hidden = true;
+			const frpSetupTitle = element("h3", "dsh-mobile-control__section-title");
+			frpSetupTitle.textContent = t("prepareFrp");
+			const frpStep1 = element("section", "dsh-mobile-control__frp-step");
+			const frpStep1Title = element("strong");
+			frpStep1Title.textContent = t("frpStep1Title");
+			const frpStep1Text = element("p");
+			frpStep1Text.textContent = t("frpStep1Text");
+			const frpFields = element("div", "dsh-mobile-control__frp-fields");
+			const frpServerLabel = element("label", "dsh-mobile-control__field");
+			frpServerLabel.textContent = t("frpServerAddress");
+			const frpServer = element("input");
+			frpServer.type = "text";
+			frpServer.autocomplete = "off";
+			frpServer.spellcheck = false;
+			frpServer.placeholder = t("frpServerAddressPlaceholder");
+			const frpPortLabel = element("label", "dsh-mobile-control__field");
+			frpPortLabel.textContent = t("frpServerPort");
+			const frpPort = element("input");
+			frpPort.type = "number";
+			frpPort.inputMode = "numeric";
+			frpPort.min = "1";
+			frpPort.max = "65535";
+			frpPort.value = "7000";
+			const frpTokenLabel = element("label", "dsh-mobile-control__field");
+			frpTokenLabel.textContent = t("frpToken");
+			const frpToken = element("input");
+			frpToken.type = "password";
+			frpToken.autocomplete = "off";
+			frpToken.spellcheck = false;
+			frpToken.placeholder = t("frpTokenPlaceholder");
+			const frpOriginLabel = element("label", "dsh-mobile-control__field");
+			frpOriginLabel.textContent = t("frpPublicOrigin");
+			const frpOrigin = element("input");
+			frpOrigin.type = "url";
+			frpOrigin.autocomplete = "off";
+			frpOrigin.spellcheck = false;
+			frpOrigin.placeholder = t("frpPublicOriginPlaceholder");
+			frpServerLabel.append(frpServer);
+			frpPortLabel.append(frpPort);
+			frpTokenLabel.append(frpToken);
+			frpOriginLabel.append(frpOrigin);
+			frpFields.append(frpServerLabel, frpPortLabel, frpTokenLabel, frpOriginLabel);
+			frpStep1.append(frpStep1Title, frpStep1Text, frpFields);
+			const frpStep2 = element("section", "dsh-mobile-control__frp-step");
+			const frpStep2Title = element("strong");
+			frpStep2Title.textContent = t("frpStep2Title");
+			const frpStep2Text = element("p");
+			frpStep2Text.textContent = t("frpStep2Text");
+			const frpCopyTemplate = element("button", "dsh-mobile-control__secondary dsh-mobile-control__frp-action");
+			frpCopyTemplate.type = "button";
+			frpCopyTemplate.textContent = t("copyServerTemplate");
+			frpStep2.append(frpStep2Title, frpStep2Text, frpCopyTemplate);
+			const frpStep3 = element("section", "dsh-mobile-control__frp-step");
+			const frpStep3Title = element("strong");
+			frpStep3Title.textContent = t("frpStep3Title");
+			const frpStep3Text = element("p");
+			frpStep3Text.textContent = t("frpStep3Text");
+			const frpComponentStatus = element("p", "dsh-mobile-control__component-status");
+			frpComponentStatus.textContent = t("checkingComponent");
+			const frpInstall = element("button", "dsh-mobile-control__primary dsh-mobile-control__frp-action");
+			frpInstall.type = "button";
+			frpInstall.textContent = t("installFrpc");
+			frpStep3.append(frpStep3Title, frpStep3Text, frpComponentStatus, frpInstall);
+			const frpStep4 = element("section", "dsh-mobile-control__frp-step");
+			const frpStep4Title = element("strong");
+			frpStep4Title.textContent = t("frpStep4Title");
+			const frpStep4Text = element("p");
+			frpStep4Text.textContent = t("frpStep4Text");
+			const frpAppRequirement = element("p", "dsh-mobile-control__frp-requirement");
+			frpAppRequirement.textContent = t("frpAppRequirement");
+			const frpConfigurationStatus = element("p", "dsh-mobile-control__component-status");
+			frpConfigurationStatus.textContent = t("frpConfigurationMissing");
+			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);
+			const frpDetails = element("details", "dsh-mobile-control__details");
+			const frpDetailsSummary = element("summary");
+			frpDetailsSummary.textContent = t("frpComponentDetails");
+			const frpDetailsBody = element("div", "dsh-mobile-control__details-body");
+			const frpDetailsText = element("p");
+			frpDetailsText.textContent = t("frpComponentDetailsText");
+			const frpStorage = element("code", "dsh-mobile-control__storage");
+			frpStorage.textContent = t("pluginPrivateDirectory");
+			const frpOfficial = element("a", "dsh-mobile-control__text-link");
+			frpOfficial.href = "https://github.com/fatedier/frp/releases/tag/v0.70.1";
+			frpOfficial.target = "_blank";
+			frpOfficial.rel = "noopener noreferrer";
+			frpOfficial.textContent = t("frpOfficialRelease");
+			const frpPurge = element("button", "dsh-mobile-control__danger");
+			frpPurge.type = "button";
+			frpPurge.textContent = t("purgeFrp");
+			frpDetailsBody.append(frpDetailsText, frpStorage, frpOfficial, frpPurge);
+			frpDetails.append(frpDetailsSummary, frpDetailsBody);
+			frpSetup.append(frpSetupTitle, frpStep1, frpStep2, frpStep3, frpStep4, frpDetails);
 			const tailscaleInfo = element("details", "dsh-mobile-control__details");
 			const tailscaleInfoSummary = element("summary");
 			tailscaleInfoSummary.textContent = t("tailscaleHelp");
@@ -1803,6 +2217,18 @@ window.__ModuleLoader__.load({
 			tailscaleInfoText.textContent = t("tailscaleHelpText");
 			tailscaleInfoBody.append(tailscaleInfoText);
 			tailscaleInfo.append(tailscaleInfoSummary, tailscaleInfoBody);
+			const providerSetupHeader = element("div", "dsh-mobile-control__stage-header");
+			const providerSetupHeading = element("h3", "dsh-mobile-control__section-title");
+			providerSetupHeading.textContent = t("currentProvider");
+			const providerSetupName = element("span", "dsh-mobile-control__stage-value");
+			providerSetupName.textContent = "Tailscale Funnel";
+			const remoteStateBadge = element("span", "dsh-mobile-control__state-badge");
+			remoteStateBadge.textContent = t("remoteStateOff");
+			const providerSetupMeta = element("div", "dsh-mobile-control__stage-meta");
+			providerSetupMeta.append(providerSetupName, remoteStateBadge);
+			providerSetupHeader.append(providerSetupHeading, providerSetupMeta);
+			const providerSetupBody = element("div", "dsh-mobile-control__provider-setup-body");
+			providerSetupBody.append(cpolarSetup, frpSetup, tailscaleInfo);
 			const remoteAccess = element("div", "dsh-mobile-control__access");
 			remoteAccess.hidden = true;
 			const remoteAccessLabel = element("span", "dsh-mobile-control__access-label");
@@ -1872,6 +2298,8 @@ window.__ModuleLoader__.load({
 			remoteManageRow.append(remoteDevices, remoteReset);
 			const remoteDevicePanel = element("div", "dsh-mobile-control__devices");
 			remoteDevicePanel.hidden = true;
+			const remoteWorkspace = element("section", "dsh-mobile-control__remote-workspace");
+			remoteWorkspace.append(providerSetupHeader, remoteStatus, remoteAccess, remoteGuide, providerSetupBody, remoteActions, remoteQr, remoteManageRow, remoteDevicePanel);
 			const diagnosticsView = element("div", "dsh-mobile-control__view is-diagnostics");
 			diagnosticsView.hidden = true;
 			const diagnosticsIntro = element("p", "dsh-mobile-control__intro");
@@ -1916,9 +2344,9 @@ window.__ModuleLoader__.load({
 			header.append(title, headerActions);
 			actions.append(toggle, pair, linkPair);
 			lanView.append(access, qrBox, status, extensionStatus, actions, manageRow, devicePanel);
-			remoteView.append(remoteIntro, providerSection, cpolarSetup, tailscaleInfo, remoteAccess, remoteQr, remoteStatus, remoteGuide, remoteActions, remoteManageRow, remoteDevicePanel);
+			remoteView.append(remoteIntro, providerSection, remoteWorkspace);
 			diagnosticsView.append(diagnosticsIntro, diagnosticsSummary, diagnosticsToolbar, diagnosticsFeedback, diagnosticsChecks, diagnosticsDetails);
-			panel.append(header, appDownload, switcher, lanView, remoteView, diagnosticsView);
+			panel.append(header, releaseNotice, appDownload, switcher, lanView, remoteView, diagnosticsView);
 			root.append(panel);
 			document.body.append(root);
 			let running = false;
@@ -1934,11 +2362,32 @@ window.__ModuleLoader__.load({
 			let remoteProviderBusy = false;
 			let cpolarInstalled = false;
 			let cpolarConfigured = false;
+			let frpInstalled = false;
+			let frpConfigured = false;
+			let frpDownloadSize = "14.0";
+			let configuredFrpServer = "";
+			let configuredFrpPort = 7e3;
+			let configuredFrpOrigin = "";
 			let providerInfoPinned = false;
 			let providerInfoHovered = false;
 			let previousAccessView = "lan";
 			let diagnosticsBusy = false;
 			let copiedDiagnosticReport = "";
+			let pluginUpdateAvailable = false;
+			let pluginLatestVersion = "";
+			const renderRelease = (data) => {
+				const release = clientReleaseInfo(data);
+				pluginUpdateAvailable = release.updateAvailable;
+				pluginLatestVersion = release.latestVersion ?? "";
+				updatePlugin.hidden = !pluginUpdateAvailable || !diagnosticsView.hidden;
+				updatePlugin.textContent = t("updatePlugin");
+				if (pluginLatestVersion !== "") updatePlugin.setAttribute("aria-label", t("updatePluginAria", { version: pluginLatestVersion }));
+				if (release.androidVersion !== void 0) {
+					appDownload.textContent = t("downloadAndroidVersion", { version: release.androidVersion });
+					appDownload.setAttribute("aria-label", t("downloadAndroidVersionAria", { version: release.androidVersion }));
+				}
+				appDownload.href = release.androidDownloadUrl;
+			};
 			const syncProviderInfo = () => {
 				const open = providerInfoPinned || providerInfoHovered || providerInfo.contains(document.activeElement);
 				providerInfoPopover.hidden = !open;
@@ -1979,6 +2428,7 @@ window.__ModuleLoader__.load({
 				diagnosticsEntry.setAttribute("aria-pressed", String(view === "diagnostics"));
 				diagnosticsEntry.textContent = view === "diagnostics" ? t("back") : t("diagnostics");
 				diagnosticsEntry.setAttribute("aria-label", view === "diagnostics" ? t("backToMobile") : t("openDiagnostics"));
+				updatePlugin.hidden = view === "diagnostics" || !pluginUpdateAvailable;
 				appDownload.hidden = view === "diagnostics";
 				switcher.hidden = view === "diagnostics";
 				title.textContent = view === "lan" ? t("lanAccess") : view === "remote" ? t("remoteAccess") : t("connectionDiagnostics");
@@ -2130,17 +2580,25 @@ window.__ModuleLoader__.load({
 			});
 			const renderRemote = (data) => {
 				remoteRunning = data.running === true;
-				remoteProvider = data.provider === "cpolar" ? "cpolar" : "tailscale";
+				remoteProvider = data.provider === "cpolar" ? "cpolar" : data.provider === "frp" ? "frp" : "tailscale";
 				const cpolar = remoteProvider === "cpolar";
-				tailscaleChoice.classList.toggle("is-selected", !cpolar);
+				const frp = remoteProvider === "frp";
+				const tailscale = remoteProvider === "tailscale";
+				tailscaleChoice.classList.toggle("is-selected", tailscale);
 				cpolarChoice.classList.toggle("is-selected", cpolar);
-				tailscaleChoice.setAttribute("aria-checked", String(!cpolar));
+				frpChoice.classList.toggle("is-selected", frp);
+				tailscaleChoice.setAttribute("aria-checked", String(tailscale));
 				cpolarChoice.setAttribute("aria-checked", String(cpolar));
+				frpChoice.setAttribute("aria-pressed", String(frp));
+				providerSetupName.textContent = cpolar ? "cpolar" : frp ? t("frpName") : "Tailscale Funnel";
 				tailscaleChoice.disabled = remoteProviderBusy;
 				cpolarChoice.disabled = remoteProviderBusy;
+				frpChoice.disabled = remoteProviderBusy;
 				cpolarSetup.hidden = !cpolar;
-				tailscaleInfo.hidden = cpolar;
-				remoteReset.textContent = cpolar ? t("resetRemoteDevices") : t("resetRemoteLogin");
+				frpSetup.hidden = !frp;
+				if (frp) selfHosted.open = true;
+				tailscaleInfo.hidden = !tailscale;
+				remoteReset.textContent = tailscale ? t("resetRemoteLogin") : t("resetRemoteDevices");
 				const providers = data.providers !== null && typeof data.providers === "object" ? data.providers : {};
 				const cpolarProvider = providers.cpolar !== null && typeof providers.cpolar === "object" ? providers.cpolar : {};
 				const component = cpolarProvider.component !== null && typeof cpolarProvider.component === "object" ? cpolarProvider.component : {};
@@ -2160,11 +2618,37 @@ window.__ModuleLoader__.load({
 				cpolarConfigure.disabled = remoteProviderBusy;
 				cpolarPurge.hidden = !cpolarInstalled && !cpolarConfigured;
 				cpolarComponentStatus.textContent = !cpolarSupported ? t("cpolarUnsupported") : !cpolarInstalled ? t("cpolarNotInstalled") : !cpolarConfigured ? t("cpolarNeedsToken", { version: componentVersion }) : t("cpolarReady", { version: componentVersion });
+				const frpProvider = providers.frp !== null && typeof providers.frp === "object" ? providers.frp : {};
+				const frpComponent = frpProvider.component !== null && typeof frpProvider.component === "object" ? frpProvider.component : {};
+				const frpConfiguration = frpProvider.configuration !== null && typeof frpProvider.configuration === "object" ? frpProvider.configuration : {};
+				frpInstalled = frpComponent.installed === true;
+				frpConfigured = frpConfiguration.configured === true;
+				const frpSupported = frpComponent.supported !== false;
+				const frpVersion = typeof frpComponent.version === "string" ? frpComponent.version : "";
+				const frpDownloadBytes = typeof frpComponent.downloadBytes === "number" ? frpComponent.downloadBytes : 0;
+				if (frpDownloadBytes > 0) frpDownloadSize = formatMegabytes(frpDownloadBytes);
+				const frpStoragePath = typeof frpComponent.storagePath === "string" ? frpComponent.storagePath : `DSH Mobile ${t("pluginPrivateDirectory")}`;
+				configuredFrpServer = typeof frpConfiguration.serverAddress === "string" ? frpConfiguration.serverAddress : "";
+				configuredFrpPort = typeof frpConfiguration.serverPort === "number" ? frpConfiguration.serverPort : 7e3;
+				configuredFrpOrigin = typeof frpConfiguration.publicOrigin === "string" ? frpConfiguration.publicOrigin : "";
+				if (frpServer.value === "" && configuredFrpServer !== "") frpServer.value = configuredFrpServer;
+				if ((frpPort.value === "" || frpPort.value === "7000") && configuredFrpPort !== 7e3) frpPort.value = String(configuredFrpPort);
+				if (frpOrigin.value === "" && configuredFrpOrigin !== "") frpOrigin.value = configuredFrpOrigin;
+				frpStorage.textContent = frpStoragePath;
+				frpStorage.title = frpStoragePath;
+				frpInstall.hidden = frpInstalled || !frpSupported;
+				frpInstall.textContent = frpDownloadBytes > 0 ? t("installWithSize", { size: formatMegabytes(frpDownloadBytes) }) : t("installFrpc");
+				frpInstall.disabled = remoteProviderBusy;
+				frpConfigure.disabled = remoteProviderBusy || !frpInstalled;
+				frpPurge.hidden = !frpInstalled && !frpConfigured;
+				frpComponentStatus.textContent = !frpSupported ? t("frpUnsupported") : frpInstalled ? t("frpComponentReady", { version: frpVersion }) : t("frpNotInstalled");
+				frpConfigurationStatus.textContent = frpConfigured ? t("frpConfigurationReady") : t("frpConfigurationMissing");
+				selfHostedBadge.textContent = frpConfigured && frpInstalled ? t("ready") : t("advanced");
 				const state = typeof data.state === "string" ? data.state : "error";
 				const errorCode = typeof data.errorCode === "string" ? data.errorCode : "";
 				const remoteOrigin = typeof data.origin === "string" ? data.origin : "";
 				remoteLoginUrl = typeof data.loginUrl === "string" ? data.loginUrl : "";
-				const candidateSetupUrl = cpolar ? "" : officialFunnelSetupUrl(data.setupUrl);
+				const candidateSetupUrl = tailscale ? officialFunnelSetupUrl(data.setupUrl) : "";
 				remoteSetupUrl = candidateSetupUrl !== "" ? candidateSetupUrl : {
 					funnel_permission_required: "https://tailscale.com/s/no-funnel",
 					funnel_https_required: "https://tailscale.com/s/https",
@@ -2172,6 +2656,10 @@ window.__ModuleLoader__.load({
 				}[errorCode] ?? "";
 				const needsFunnelSetup = state === "error" && remoteSetupUrl !== "";
 				remoteReady = remoteRunning && state === "ready" && remoteOrigin !== "";
+				remoteStateBadge.classList.toggle("is-ready", remoteReady);
+				remoteStateBadge.classList.toggle("is-busy", state === "starting" || state === "connecting" || state === "needs-login");
+				remoteStateBadge.classList.toggle("is-attention", state === "error" || state === "unavailable");
+				remoteStateBadge.textContent = remoteReady ? t("ready") : state === "starting" || state === "connecting" || state === "needs-login" ? t("remoteStateConnecting") : state === "error" || state === "unavailable" ? t("remoteStateAttention") : t("remoteStateOff");
 				remoteAccess.hidden = !remoteReady;
 				remoteAccessLink.href = remoteOrigin;
 				remoteAccessLink.textContent = remoteOrigin;
@@ -2179,10 +2667,10 @@ window.__ModuleLoader__.load({
 				remoteStatus.classList.toggle("is-running", remoteReady);
 				const labels = {
 					off: t("remoteOff"),
-					unavailable: cpolar ? t("remoteUnavailableCpolar") : t("remoteUnavailableTailscale"),
-					starting: cpolar ? t("remoteStartingCpolar") : t("remoteStartingTailscale"),
+					unavailable: cpolar ? t("remoteUnavailableCpolar") : frp ? t("remoteUnavailableFrp") : t("remoteUnavailableTailscale"),
+					starting: cpolar ? t("remoteStartingCpolar") : frp ? t("remoteStartingFrp") : t("remoteStartingTailscale"),
 					"needs-login": t("remoteNeedsLogin"),
-					connecting: cpolar ? t("remoteConnectingCpolar") : t("remoteConnectingTailscale"),
+					connecting: cpolar ? t("remoteConnectingCpolar") : frp ? t("remoteConnectingFrp") : t("remoteConnectingTailscale"),
 					ready: t("remoteReady"),
 					error: t("remoteError")
 				};
@@ -2204,17 +2692,30 @@ window.__ModuleLoader__.load({
 					cpolar_stopped: t("cpolarStopped"),
 					cpolar_exited: t("cpolarExited"),
 					cpolar_invalid_output: t("cpolarOutputInvalid"),
-					cpolar_invalid_origin: t("cpolarOriginInvalid")
+					cpolar_invalid_origin: t("cpolarOriginInvalid"),
+					frp_component_missing: t("frpMissing"),
+					frp_component_invalid: t("frpInvalid"),
+					frp_config_missing: t("frpConfigMissing"),
+					frp_config_verify_failed: t("frpConfigVerifyFailed"),
+					frp_vhost_publicly_reachable: t("frpVhostPublic"),
+					frp_vhost_probe_failed: t("frpVhostProbeFailed"),
+					frp_launch_failed: t("frpLaunchFailed"),
+					frp_start_timeout: t("frpTimeout"),
+					frp_discovery_mismatch: t("frpDiscoveryMismatch"),
+					frp_discovery_invalid: t("frpDiscoveryInvalid"),
+					frp_stopped: t("frpStopped"),
+					frp_exited: t("frpExited")
 				};
 				remoteStatus.textContent = remoteSetupPending && needsFunnelSetup ? t("setupOpened") : state === "error" ? errorLabels[errorCode] ?? labels.error : labels[state] ?? labels.error;
 				remoteGuide.hidden = !needsFunnelSetup;
 				remoteSetup.disabled = remoteSetupUrl === "" || remoteReconnectBusy;
 				remoteSetupRetry.disabled = remoteReconnectBusy;
 				remoteToggle.textContent = remoteRunning ? t("disableRemote") : t("enableRemote");
-				remoteToggle.disabled = remoteProviderBusy || cpolar && (!cpolarInstalled || !cpolarConfigured);
-				remoteLogin.hidden = cpolar || state !== "needs-login" || remoteLoginUrl === "";
-				remoteReconnect.hidden = needsFunnelSetup || state !== "error" && state !== "unavailable" || cpolar && (!cpolarInstalled || !cpolarConfigured);
-				remoteActions.hidden = cpolar && (!cpolarInstalled || !cpolarConfigured);
+				const providerPrepared = cpolar ? cpolarInstalled && cpolarConfigured : frp ? frpInstalled && frpConfigured : true;
+				remoteToggle.disabled = remoteProviderBusy || !providerPrepared;
+				remoteLogin.hidden = !tailscale || state !== "needs-login" || remoteLoginUrl === "";
+				remoteReconnect.hidden = needsFunnelSetup || state !== "error" && state !== "unavailable" || !providerPrepared;
+				remoteActions.hidden = !providerPrepared;
 				remotePair.disabled = !remoteReady;
 				remoteDevices.disabled = !remoteReady;
 				if (!remoteReady) remoteQr.hidden = true;
@@ -2236,7 +2737,8 @@ window.__ModuleLoader__.load({
 				remoteProviderBusy = true;
 				tailscaleChoice.disabled = true;
 				cpolarChoice.disabled = true;
-				remoteStatus.textContent = provider === "cpolar" ? t("switchingCpolar") : t("switchingTailscale");
+				frpChoice.disabled = true;
+				remoteStatus.textContent = provider === "cpolar" ? t("switchingCpolar") : provider === "frp" ? t("switchingFrp") : t("switchingTailscale");
 				controlRequestJson("/api/mobile-access/remote/provider", {
 					method: "POST",
 					body: JSON.stringify({ provider })
@@ -2253,6 +2755,9 @@ window.__ModuleLoader__.load({
 			cpolarChoice.addEventListener("click", () => {
 				chooseRemoteProvider("cpolar");
 			});
+			frpChoice.addEventListener("click", () => {
+				chooseRemoteProvider("frp");
+			});
 			cpolarInstall.addEventListener("click", () => {
 				if (remoteProviderBusy) return;
 				if (!window.confirm(t("installConfirm"))) return;
@@ -2318,6 +2823,98 @@ 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 = () => ({
+				serverAddress: frpServer.value.trim(),
+				serverPort: Number(frpPort.value),
+				token: frpToken.value,
+				publicOrigin: frpOrigin.value.trim()
+			});
+			const validFrpForm = (form) => {
+				if (!validFrpServer(form.serverAddress)) return false;
+				try {
+					createFrpServerTemplateForClipboard(form.serverPort, form.token, form.publicOrigin);
+					return true;
+				} catch {
+					return false;
+				}
+			};
+			frpCopyTemplate.addEventListener("click", () => {
+				const form = frpForm();
+				if (!validFrpForm(form)) {
+					remoteStatus.textContent = t("frpInputInvalid");
+					return;
+				}
+				navigator.clipboard.writeText(createFrpServerTemplateForClipboard(form.serverPort, form.token, form.publicOrigin)).then(() => {
+					remoteStatus.textContent = t("templateCopied");
+				}, () => {
+					remoteStatus.textContent = t("templateCopyFailed");
+				});
+			});
+			frpInstall.addEventListener("click", () => {
+				if (remoteProviderBusy) return;
+				if (!window.confirm(t("frpInstallConfirm", { size: frpDownloadSize }))) return;
+				remoteProviderBusy = true;
+				frpInstall.disabled = true;
+				frpInstall.textContent = t("downloading");
+				remoteStatus.textContent = t("installingFrp");
+				controlRequestJson("/api/mobile-access/remote/frp/component/install", {
+					method: "POST",
+					body: JSON.stringify({ confirm: true })
+				}, LONG_CONTROL_REQUEST_TIMEOUT_MS).then(renderRemote, (error) => {
+					remoteStatus.textContent = t("installFailed", { error: String(error) });
+				}).finally(() => {
+					remoteProviderBusy = false;
+					loadRemote();
+				});
+			});
+			frpConfigure.addEventListener("click", () => {
+				if (remoteProviderBusy || !frpInstalled) return;
+				const form = frpForm();
+				const unchanged = frpConfigured && form.token === "" && form.serverAddress === configuredFrpServer && form.serverPort === configuredFrpPort && form.publicOrigin === configuredFrpOrigin;
+				if (!unchanged && !validFrpForm(form)) {
+					remoteStatus.textContent = t("frpInputInvalid");
+					return;
+				}
+				remoteProviderBusy = true;
+				frpConfigure.disabled = true;
+				frpConfigure.setAttribute("aria-busy", "true");
+				frpConfigure.textContent = t("saving");
+				(unchanged ? Promise.resolve({}) : controlRequestJson("/api/mobile-access/remote/frp/configure", {
+					method: "POST",
+					body: JSON.stringify(form)
+				})).then(() => {
+					frpToken.value = "";
+					remoteStatus.textContent = t("frpSavingConnecting");
+					return controlRequestJson("/api/mobile-access/remote/control", {
+						method: "POST",
+						body: JSON.stringify({ running: true })
+					});
+				}).then(renderRemote, (error) => {
+					remoteStatus.textContent = t("configureFailed", { error: String(error) });
+				}).finally(() => {
+					remoteProviderBusy = false;
+					frpConfigure.setAttribute("aria-busy", "false");
+					frpConfigure.textContent = t("frpSaveConnect");
+					loadRemote();
+				});
+			});
+			frpPurge.addEventListener("click", () => {
+				if (remoteProviderBusy || !window.confirm(t("purgeFrpConfirm"))) return;
+				remoteProviderBusy = true;
+				frpPurge.disabled = true;
+				remoteStatus.textContent = t("purgingFrp");
+				controlRequestJson("/api/mobile-access/remote/frp/component/purge", {
+					method: "POST",
+					body: JSON.stringify({ confirm: true })
+				}, LONG_CONTROL_REQUEST_TIMEOUT_MS).then(renderRemote, (error) => {
+					remoteStatus.textContent = t("purgeFailed", { error: String(error) });
+				}).finally(() => {
+					remoteProviderBusy = false;
+					frpPurge.disabled = false;
+					loadRemote();
+				});
+			});
 			remoteToggle.addEventListener("click", () => {
 				remoteToggle.disabled = true;
 				controlRequestJson("/api/mobile-access/remote/control", {
@@ -2336,7 +2933,7 @@ window.__ModuleLoader__.load({
 				remoteReconnect.disabled = true;
 				remoteSetup.disabled = true;
 				remoteSetupRetry.disabled = true;
-				remoteStatus.textContent = remoteProvider === "cpolar" ? t("reconnectingCpolar") : t("reconnectingTailscale");
+				remoteStatus.textContent = remoteProvider === "cpolar" ? t("reconnectingCpolar") : remoteProvider === "frp" ? t("reconnectingFrp") : t("reconnectingTailscale");
 				controlRequestJson("/api/mobile-access/remote/reconnect", {
 					method: "POST",
 					body: "{}"
@@ -2428,7 +3025,7 @@ window.__ModuleLoader__.load({
 				if (show) loadRemoteDevices();
 			});
 			remoteReset.addEventListener("click", () => {
-				const prompt = remoteProvider === "cpolar" ? t("resetCpolarConfirm") : t("resetTailscaleConfirm");
+				const prompt = remoteProvider === "cpolar" ? t("resetCpolarConfirm") : remoteProvider === "frp" ? t("resetFrpConfirm") : t("resetTailscaleConfirm");
 				if (!window.confirm(prompt)) return;
 				controlRequestJson("/api/mobile-access/remote/reset", {
 					method: "POST",
@@ -2466,7 +3063,7 @@ window.__ModuleLoader__.load({
 					if (templates === void 0) return serverCopy;
 					const facts = entry.facts !== null && typeof entry.facts === "object" ? entry.facts : {};
 					const values = {
-						provider: facts.provider === "tailscale" || facts.provider === "cpolar" ? facts.provider : "",
+						provider: facts.provider === "tailscale" || facts.provider === "cpolar" || facts.provider === "frp" ? facts.provider : "",
 						latencyMs: typeof facts.latencyMs === "number" && Number.isFinite(facts.latencyMs) ? new Intl.NumberFormat(localeTag).format(facts.latencyMs) : "",
 						interfaceName: typeof facts.interfaceName === "string" ? facts.interfaceName : "",
 						endpointSuffix: typeof facts.endpointSuffix === "string" ? facts.endpointSuffix : "",
@@ -2502,6 +3099,18 @@ window.__ModuleLoader__.load({
 							cpolar_start_timeout: "cpolarTimeout",
 							cpolar_stopped: "cpolarStopped",
 							cpolar_exited: "cpolarExited",
+							frp_component_missing: "frpMissing",
+							frp_component_invalid: "frpInvalid",
+							frp_config_missing: "frpConfigMissing",
+							frp_config_verify_failed: "frpConfigVerifyFailed",
+							frp_vhost_publicly_reachable: "frpVhostPublic",
+							frp_vhost_probe_failed: "frpVhostProbeFailed",
+							frp_launch_failed: "frpLaunchFailed",
+							frp_start_timeout: "frpTimeout",
+							frp_discovery_mismatch: "frpDiscoveryMismatch",
+							frp_discovery_invalid: "frpDiscoveryInvalid",
+							frp_stopped: "frpStopped",
+							frp_exited: "frpExited",
 							gateway_start_failed: "gatewayStartFailed"
 						}[values.controllerCode ?? ""];
 						if (actionKey !== void 0) action = t(actionKey);
@@ -2629,6 +3238,30 @@ window.__ModuleLoader__.load({
 				loadDiagnostics();
 			});
 			diagnosticsRun.addEventListener("click", loadDiagnostics);
+			updatePlugin.addEventListener("click", () => {
+				if (!pluginUpdateAvailable || pluginLatestVersion === "") return;
+				updatePlugin.disabled = true;
+				updatePlugin.textContent = t("updatingPlugin");
+				releaseNotice.hidden = true;
+				releaseNotice.classList.remove("is-error");
+				controlRequestJson("/api/mobile-access/release/update", {
+					method: "POST",
+					body: "{}"
+				}, LONG_CONTROL_REQUEST_TIMEOUT_MS).then((data) => {
+					const installedVersion = releaseVersion(data.installedVersion) ?? pluginLatestVersion;
+					pluginUpdateAvailable = false;
+					updatePlugin.hidden = true;
+					releaseNotice.textContent = t("pluginUpdatedRestart", { version: installedVersion });
+					releaseNotice.hidden = false;
+				}, (error) => {
+					updatePlugin.textContent = t("updatePlugin");
+					releaseNotice.textContent = t("pluginUpdateFailed", { error: String(error) });
+					releaseNotice.classList.add("is-error");
+					releaseNotice.hidden = false;
+				}).finally(() => {
+					updatePlugin.disabled = false;
+				});
+			});
 			diagnosticsCopy.addEventListener("click", () => {
 				if (copiedDiagnosticReport === "") return;
 				navigator.clipboard.writeText(copiedDiagnosticReport).then(() => {
@@ -2661,6 +3294,7 @@ window.__ModuleLoader__.load({
 				if (!panel.contains(event.target) && !document.querySelector(".dsh-mobile-control__trigger")?.contains(event.target)) setOpen(false);
 			};
 			document.addEventListener("pointerdown", dismiss);
+			controlRequestJson("/api/mobile-access/release").then(renderRelease, () => {});
 			controlRequestJson("/api/mobile-access/lan/control").then(render, (error) => {
 				status.textContent = t("requestFailed", { error: String(error) });
 			});
@@ -2679,7 +3313,8 @@ window.__ModuleLoader__.load({
 				},
 				toggle: () => {
 					setOpen(panel.hidden !== false);
-				}
+				},
+				isOpen: () => !panel.hidden
 			};
 		}
 		function mobileRequest(path, init = {}) {
@@ -3844,17 +4479,20 @@ window.__ModuleLoader__.load({
 				return false;
 			}
 		}
+		/** Theme-aware desktop Mobile Access panel styles. */
 		const CONTROL_STYLES = `
 .dsh-mobile-control{position:fixed;z-index:1000;left:16px;bottom:112px;font:14px/1.45 system-ui;color:var(--dsw-alias-label-primary,#16181d)}
 .dsh-mobile-control__panel{box-sizing:border-box;width:min(380px,calc(100vw - 32px));max-height:calc(100vh - 140px);overflow-y:auto;padding:16px;border:1px solid var(--dsw-alias-border-subtle,#e1e5eb);border-radius:18px;background:var(--dsw-alias-bg-layer-2,#fff);box-shadow:0 18px 50px rgb(15 23 42 / 18%)}
-.dsh-mobile-control__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.dsh-mobile-control__panel h2{margin:0;font-size:17px;line-height:24px}.dsh-mobile-control__header-actions{display:flex;align-items:center;gap:2px}.dsh-mobile-control__diagnostic-entry,.dsh-mobile-control__close{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:inherit;cursor:pointer}.dsh-mobile-control__diagnostic-entry{padding:0 9px;color:#2563eb;font:650 12px/1 system-ui}.dsh-mobile-control__close{font-size:24px;line-height:1}.dsh-mobile-control__diagnostic-entry:hover,.dsh-mobile-control__close:hover{background:var(--dsw-alias-interactive-bg-hover,#f1f3f6)}
-.dsh-mobile-control__app-download{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;min-height:38px;margin:0 0 10px;padding:8px 11px;border:1px solid var(--dsw-alias-border-subtle,#dbe1e8);border-radius:11px;background:var(--dsw-alias-bg-layer-1,#f7f8fa);color:var(--dsw-alias-label-primary,#16181d);font:600 12px/1.3 system-ui;text-decoration:none}.dsh-mobile-control__app-download[hidden]{display:none}.dsh-mobile-control__app-download::after{color:#2563eb;font-size:14px;content:"↗"}.dsh-mobile-control__app-download:hover{border-color:#9fb9e8;background:#f5f8ff;color:#1d4ed8}
+.dsh-mobile-control__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.dsh-mobile-control__panel h2{margin:0;font-size:17px;line-height:24px}.dsh-mobile-control__header-actions{display:flex;align-items:center;gap:2px}.dsh-mobile-control__update-plugin,.dsh-mobile-control__diagnostic-entry,.dsh-mobile-control__close{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:inherit;cursor:pointer}.dsh-mobile-control__update-plugin,.dsh-mobile-control__diagnostic-entry{padding:0 8px;color:#2563eb;font:650 12px/1 system-ui;white-space:nowrap}.dsh-mobile-control__update-plugin[hidden]{display:none}.dsh-mobile-control__update-plugin:disabled{cursor:wait;opacity:.55}.dsh-mobile-control__close{font-size:24px;line-height:1}.dsh-mobile-control__update-plugin:hover:not(:disabled),.dsh-mobile-control__diagnostic-entry:hover,.dsh-mobile-control__close:hover{background:var(--dsw-alias-interactive-bg-hover,#f1f3f6)}
+.dsh-mobile-control__release-notice{margin:-2px 0 10px;padding:8px 10px;border-radius:9px;background:var(--dsw-alias-bg-layer-1,#eff6ff);color:var(--dsw-alias-label-primary,#1d4ed8);font-size:11px;line-height:1.45}.dsh-mobile-control__release-notice.is-error{color:#dc2626}.dsh-mobile-control__release-notice[hidden]{display:none}.dsh-mobile-control__app-download{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;min-height:38px;margin:0 0 10px;padding:8px 11px;border:1px solid var(--dsw-alias-border-subtle,#dbe1e8);border-radius:11px;background:var(--dsw-alias-bg-layer-1,#f7f8fa);color:var(--dsw-alias-label-primary,#16181d);font:600 12px/1.3 system-ui;text-decoration:none}.dsh-mobile-control__app-download[hidden]{display:none}.dsh-mobile-control__app-download::after{color:#2563eb;font-size:14px;content:"↗"}.dsh-mobile-control__app-download:hover{border-color:#9fb9e8;background:var(--dsw-alias-interactive-bg-hover-solid,var(--dsw-alias-bg-layer-2,#f5f8ff));color:var(--dsw-alias-label-primary,#1d4ed8)}
 .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__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 12px}.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;gap:8px}.dsh-mobile-control__provider{display:flex;flex-direction:column;gap:5px;min-height:68px;padding:11px 12px;border:1px solid var(--dsw-alias-border-subtle,#dbe1e8);border-radius:13px;background:#fff;color:inherit;text-align:left;cursor:pointer;transition:border-color 160ms ease,background-color 160ms ease,box-shadow 160ms ease}.dsh-mobile-control__provider:hover{border-color:#9fb9e8;background:#f8fbff}.dsh-mobile-control__provider.is-selected{border-color:#2563eb;background:#f5f8ff;box-shadow:0 0 0 1px #2563eb inset}.dsh-mobile-control__provider:disabled{cursor:wait;opacity:.62}.dsh-mobile-control__provider-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.dsh-mobile-control__provider-top strong{font-size:13px}.dsh-mobile-control__provider-badge{flex:none;padding:3px 7px;border-radius:999px;background:#e8f0ff;color:#1d4ed8;font:650 10px/1.2 system-ui}.dsh-mobile-control__provider-badge.is-cpolar{background:#eaf8f2;color:#087454}.dsh-mobile-control__provider-description{color:var(--dsw-alias-label-secondary,#606873);font-size:11px;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:#475569;cursor:pointer;touch-action:manipulation}.dsh-mobile-control__provider-info-button:hover{background:#f1f5f9;color:#1d4ed8}.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-subtle,#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__cpolar-setup{margin:0 0 12px;padding:12px;border:1px solid var(--dsw-alias-border-subtle,#dbe1e8);border-radius:13px;background:#fff}.dsh-mobile-control__cpolar-setup[hidden],.dsh-mobile-control__cpolar-account[hidden],.dsh-mobile-control__details[hidden],.dsh-mobile-control__view.is-remote .dsh-mobile-control__actions[hidden],.dsh-mobile-control__danger[hidden]{display:none}.dsh-mobile-control__component-status,.dsh-mobile-control__component-note{margin:0 0 10px;color:var(--dsw-alias-label-secondary,#606873);font-size:11px;line-height:1.55}.dsh-mobile-control__cpolar-setup>.dsh-mobile-control__primary{width:100%;min-height:44px;padding:9px 12px;border-radius:10px;font:600 12px/1.3 system-ui;cursor:pointer}.dsh-mobile-control__cpolar-account{margin-top:10px}.dsh-mobile-control__link-row{display:flex;flex-wrap:wrap;gap:6px 12px;margin:0 0 10px}.dsh-mobile-control__text-link{color:#2563eb;font-size:11px;text-decoration:none}.dsh-mobile-control__text-link:hover{text-decoration:underline}.dsh-mobile-control__token-label{display:flex;flex-direction:column;gap:5px;margin:0 0 8px;color:var(--dsw-alias-label-secondary,#606873);font-size:11px}.dsh-mobile-control__token{box-sizing:border-box;width:100%;min-height:44px;padding:9px 10px;border:1px solid var(--dsw-alias-border-normal,#cfd5dd);border-radius:10px;background:#fff;color:inherit;font:16px/1.4 system-ui}.dsh-mobile-control__cpolar-connect{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:44px;padding:10px 14px;border-radius:12px;font:650 13px/1.2 system-ui;cursor:pointer;transition:background-color 160ms ease,border-color 160ms ease,opacity 160ms ease}.dsh-mobile-control__cpolar-connect:hover:not(:disabled){border-color:#1d4ed8;background:#1d4ed8}.dsh-mobile-control__cpolar-connect:active:not(:disabled){border-color:#1e40af;background:#1e40af}.dsh-mobile-control__cpolar-connect:disabled{cursor:wait;opacity:.55}.dsh-mobile-control__details{margin:10px 0 0;border-top:1px solid var(--dsw-alias-border-subtle,#e1e5eb);padding-top:9px}.dsh-mobile-control__details>summary{min-height:30px;color:var(--dsw-alias-label-secondary,#606873);font-size:11px;line-height:30px;cursor:pointer}.dsh-mobile-control__details-body{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px;padding:4px 0}.dsh-mobile-control__details-body p{flex:1 0 100%;margin:0;color:var(--dsw-alias-label-secondary,#606873);font-size:11px;line-height:1.5}.dsh-mobile-control__storage{display:block;flex:1 0 100%;max-width:100%;overflow:hidden;padding:7px 8px;border-radius:8px;background:#f3f5f8;color:#475569;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.dsh-mobile-control__danger{flex:1 0 100%;min-height:38px;margin-top:3px;padding:7px 10px;border:1px solid #dc2626;border-radius:9px;background:transparent;color:#b91c1c;font:12px/1.3 system-ui;cursor:pointer}
+.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:repeat(2,minmax(0,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-subtle,#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:#2563eb;background:var(--dsw-alias-interactive-bg-active,var(--dsw-alias-bg-layer-1,#f5f8ff));box-shadow:0 0 0 1px #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:#e8f0ff;color:#1d4ed8;font:650 9px/1.25 system-ui}.dsh-mobile-control__provider-badge.is-cpolar{background:#eaf8f2;color:#087454}.dsh-mobile-control__provider-description{color:var(--dsw-alias-label-secondary,#606873);font-size:10px;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:#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-subtle,#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-subtle,#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:9px;line-height:1.35}.dsh-mobile-control__provider-badge.is-frp{background:#eef0f3;color:#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__cpolar-setup{margin:0 0 12px;padding:12px;border:1px solid var(--dsw-alias-border-subtle,#dbe1e8);border-radius:13px;background:var(--dsw-alias-bg-layer-2,#fff)}.dsh-mobile-control__cpolar-setup[hidden],.dsh-mobile-control__cpolar-account[hidden],.dsh-mobile-control__details[hidden],.dsh-mobile-control__view.is-remote .dsh-mobile-control__actions[hidden],.dsh-mobile-control__danger[hidden]{display:none}.dsh-mobile-control__component-status,.dsh-mobile-control__component-note{margin:0 0 10px;color:var(--dsw-alias-label-secondary,#606873);font-size:11px;line-height:1.55}.dsh-mobile-control__cpolar-setup>.dsh-mobile-control__primary{width:100%;min-height:44px;padding:9px 12px;border-radius:10px;font:600 12px/1.3 system-ui;cursor:pointer}.dsh-mobile-control__cpolar-account{margin-top:10px}.dsh-mobile-control__link-row{display:flex;flex-wrap:wrap;gap:6px 12px;margin:0 0 10px}.dsh-mobile-control__text-link{color:#2563eb;font-size:11px;text-decoration:none}.dsh-mobile-control__text-link:hover{text-decoration:underline}.dsh-mobile-control__token-label{display:flex;flex-direction:column;gap:5px;margin:0 0 8px;color:var(--dsw-alias-label-secondary,#606873);font-size:11px}.dsh-mobile-control__token{box-sizing:border-box;width:100%;min-height:44px;padding:9px 10px;border:1px solid var(--dsw-alias-border-normal,#cfd5dd);border-radius:10px;background:var(--dsw-alias-bg-layer-3,var(--dsw-alias-bg-layer-2,#fff));color:var(--dsw-alias-label-primary,#16181d);font:16px/1.4 system-ui}.dsh-mobile-control__cpolar-connect{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:44px;padding:10px 14px;border-radius:12px;font:650 13px/1.2 system-ui;cursor:pointer;transition:background-color 160ms ease,border-color 160ms ease,opacity 160ms ease}.dsh-mobile-control__cpolar-connect:hover:not(:disabled){border-color:#1d4ed8;background:#1d4ed8}.dsh-mobile-control__cpolar-connect:active:not(:disabled){border-color:#1e40af;background:#1e40af}.dsh-mobile-control__cpolar-connect:disabled{cursor:wait;opacity:.55}.dsh-mobile-control__details{margin:10px 0 0;border-top:1px solid var(--dsw-alias-border-subtle,#e1e5eb);padding-top:9px}.dsh-mobile-control__details>summary{min-height:30px;color:var(--dsw-alias-label-secondary,#606873);font-size:11px;line-height:30px;cursor:pointer}.dsh-mobile-control__details-body{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px;padding:4px 0}.dsh-mobile-control__details-body p{flex:1 0 100%;margin:0;color:var(--dsw-alias-label-secondary,#606873);font-size:11px;line-height:1.5}.dsh-mobile-control__storage{display:block;flex:1 0 100%;max-width:100%;overflow:hidden;padding:7px 8px;border-radius:8px;background:var(--dsw-alias-bg-layer-1,#f3f5f8);color:var(--dsw-alias-label-secondary,#475569);font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.dsh-mobile-control__danger{flex:1 0 100%;min-height:38px;margin-top:3px;padding:7px 10px;border:1px solid #dc2626;border-radius:9px;background:transparent;color:#dc2626;font:12px/1.3 system-ui;cursor:pointer}
+.dsh-mobile-control__frp-setup{margin:0;padding:12px;border:1px solid var(--dsw-alias-border-subtle,#dbe1e8);border-radius:13px;background:var(--dsw-alias-bg-layer-2,#fff)}.dsh-mobile-control__frp-setup[hidden]{display:none}.dsh-mobile-control__frp-step{padding:11px 0}.dsh-mobile-control__frp-step + .dsh-mobile-control__frp-step{border-top:1px solid var(--dsw-alias-border-subtle,#e1e5eb)}.dsh-mobile-control__frp-step>strong{display:block;margin-bottom:3px;font-size:12px;line-height:1.4}.dsh-mobile-control__frp-step>p{margin:0 0 9px;color:var(--dsw-alias-label-secondary,#606873);font-size:11px;line-height:1.5}.dsh-mobile-control__frp-step>.dsh-mobile-control__frp-requirement{padding:8px 9px;border-radius:9px;background:var(--dsw-alias-bg-layer-1,#f3f5f8);color:var(--dsw-alias-label-primary,#384152);font-size:11px}.dsh-mobile-control__frp-fields{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:8px}.dsh-mobile-control__field{display:flex;min-width:0;flex-direction:column;gap:5px;color:var(--dsw-alias-label-secondary,#606873);font-size:11px}.dsh-mobile-control__field:nth-child(3),.dsh-mobile-control__field:nth-child(4){grid-column:1/-1}.dsh-mobile-control__field input{box-sizing:border-box;width:100%;min-height:44px;padding:9px 10px;border:1px solid var(--dsw-alias-border-normal,#cfd5dd);border-radius:10px;background:var(--dsw-alias-bg-layer-2,#fff);color:var(--dsw-alias-label-primary,#16181d);font:16px/1.4 system-ui}.dsh-mobile-control__frp-action{box-sizing:border-box;width:100%;min-height:44px;padding:9px 12px;border-radius:10px;font:650 12px/1.3 system-ui;cursor:pointer}.dsh-mobile-control__frp-action:disabled{cursor:not-allowed;opacity:.5}.dsh-mobile-control__remote-workspace{margin:0;padding:12px;border:1px solid var(--dsw-alias-border-subtle,#dbe1e8);border-radius:15px;background:var(--dsw-alias-bg-layer-1,#f7f8fa)}.dsh-mobile-control__stage-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.dsh-mobile-control__stage-header .dsh-mobile-control__section-title{margin:0}.dsh-mobile-control__stage-meta{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:5px}.dsh-mobile-control__stage-value{max-width:115px;overflow:hidden;color:var(--dsw-alias-label-primary,#16181d);font:650 10px/1.3 system-ui;text-overflow:ellipsis;white-space:nowrap}.dsh-mobile-control__state-badge{flex:none;padding:3px 7px;border-radius:999px;background:var(--dsw-alias-bg-layer-2,#fff);color:var(--dsw-alias-label-secondary,#606873);font:650 9px/1.25 system-ui}.dsh-mobile-control__state-badge.is-ready{background:#e6f7f0;color:#087454}.dsh-mobile-control__state-badge.is-busy{background:#e8f0ff;color:#1d4ed8}.dsh-mobile-control__state-badge.is-attention{background:#fff4dc;color:#935100}.dsh-mobile-control__remote-workspace>.dsh-mobile-control__status{box-sizing:border-box;margin:0 0 10px;padding:9px 10px;border-radius:10px;background:var(--dsw-alias-bg-layer-2,#fff);font-size:11px;line-height:1.45}.dsh-mobile-control__provider-setup-body{margin:0 0 10px}.dsh-mobile-control__provider-setup-body>.dsh-mobile-control__cpolar-setup{margin:0}.dsh-mobile-control__provider-setup-body>.dsh-mobile-control__cpolar-setup>.dsh-mobile-control__section-title,.dsh-mobile-control__provider-setup-body>.dsh-mobile-control__frp-setup>.dsh-mobile-control__section-title{display:none}.dsh-mobile-control__provider-setup-body>.dsh-mobile-control__details{margin:0;padding:9px 10px;border:1px solid var(--dsw-alias-border-subtle,#dbe1e8);border-radius:11px;background:var(--dsw-alias-bg-layer-2,#fff)}.dsh-mobile-control__remote-workspace>.dsh-mobile-control__actions{margin-top:2px}.dsh-mobile-control__remote-workspace>.dsh-mobile-control__qr{margin:10px 0 0}.dsh-mobile-control__remote-workspace>.dsh-mobile-control__manage-row{margin-top:10px;padding-top:10px;border-top:1px solid var(--dsw-alias-border-subtle,#e1e5eb)}
 .dsh-mobile-control__access{display:flex;align-items:baseline;gap:6px;min-width:0;margin:0 0 12px}.dsh-mobile-control__access[hidden]{display:none}.dsh-mobile-control__access-label{flex:none;color:var(--dsw-alias-label-secondary,#606873);white-space:nowrap}.dsh-mobile-control__access-label::after{content:"："}.dsh-mobile-control__access-link{min-width:0;overflow:hidden;color:#2563eb;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.dsh-mobile-control__access-link:hover{text-decoration:underline}.dsh-mobile-control__qr{display:flex;justify-content:center;margin:0 0 12px}.dsh-mobile-control__qr[hidden]{display:none}.dsh-mobile-control__qr img{border-radius:12px;background:#fff;padding:8px}
 .dsh-mobile-control__status{margin:0 0 14px;overflow-wrap:anywhere;color:var(--dsw-alias-label-secondary,#606873)}.dsh-mobile-control__status::before{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#98a1ad;content:""}.dsh-mobile-control__status.is-running::before{background:#16a36a}.dsh-mobile-control__status.is-key{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;word-break:break-all}
-.dsh-mobile-control__guide{margin:0 0 14px;padding:12px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff}.dsh-mobile-control__guide[hidden]{display:none}.dsh-mobile-control__guide-title{margin:0;color:#172554;font:650 13px/1.45 system-ui}.dsh-mobile-control__guide-summary,.dsh-mobile-control__guide-note{margin:4px 0 0;color:#475569;font-size:12px;line-height:1.5}.dsh-mobile-control__guide-steps{margin:8px 0 0;padding-left:20px;color:#1e293b;font-size:12px;line-height:1.6}.dsh-mobile-control__guide-note{color:#64748b}.dsh-mobile-control__guide-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.dsh-mobile-control__guide-actions button{min-width:0;min-height:44px;padding:8px;border-radius:10px;font:12px/1.25 system-ui;cursor:pointer}.dsh-mobile-control__guide-actions button:disabled{cursor:not-allowed;opacity:.45}
+.dsh-mobile-control__guide{margin:0 0 14px;padding:12px;border:1px solid #6f96db;border-radius:12px;background:var(--dsw-alias-bg-layer-1,#eff6ff)}.dsh-mobile-control__guide[hidden]{display:none}.dsh-mobile-control__guide-title{margin:0;color:var(--dsw-alias-label-primary,#172554);font:650 13px/1.45 system-ui}.dsh-mobile-control__guide-summary,.dsh-mobile-control__guide-note{margin:4px 0 0;color:var(--dsw-alias-label-secondary,#475569);font-size:12px;line-height:1.5}.dsh-mobile-control__guide-steps{margin:8px 0 0;padding-left:20px;color:var(--dsw-alias-label-primary,#1e293b);font-size:12px;line-height:1.6}.dsh-mobile-control__guide-note{color:var(--dsw-alias-label-secondary,#64748b)}.dsh-mobile-control__guide-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.dsh-mobile-control__guide-actions button{min-width:0;min-height:44px;padding:8px;border-radius:10px;font:12px/1.25 system-ui;cursor:pointer}.dsh-mobile-control__guide-actions button:disabled{cursor:not-allowed;opacity:.45}
 .dsh-mobile-control__extensions{margin:0 0 12px;color:var(--dsw-alias-label-secondary,#606873);font-size:12px}
 .dsh-mobile-control__view.is-diagnostics{--dsh-diagnostic-ok:#087454;--dsh-diagnostic-warning:#a35b00;--dsh-diagnostic-error:#c62828;--dsh-diagnostic-info:#526071}.dsh-mobile-control__diagnostic-summary{box-sizing:border-box;margin:0;padding:13px;border:1px solid var(--dsw-alias-border-subtle,#dbe1e8);border-radius:16px;background:var(--dsw-alias-bg-layer-1,#f8fafc)}.dsh-mobile-control__diagnostic-summary-main{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:11px}.dsh-mobile-control__diagnostic-summary-icon{position:relative;display:block;width:36px;height:36px;border-radius:50%;background:#e8edf3;color:var(--dsh-diagnostic-info)}.dsh-mobile-control__diagnostic-summary-icon::before,.dsh-mobile-control__diagnostic-summary-icon::after{position:absolute;content:""}.dsh-mobile-control__diagnostic-summary-body{display:flex;min-width:0;flex-direction:column;gap:2px}.dsh-mobile-control__diagnostic-summary-body strong{font-size:13px;line-height:1.35}.dsh-mobile-control__diagnostic-summary-body span{color:var(--dsw-alias-label-secondary,#606873);font-size:11px;line-height:1.5}.dsh-mobile-control__diagnostic-summary-meta{display:block;margin-top:11px;padding-top:9px;border-top:1px solid var(--dsw-alias-border-subtle,#dbe1e8);color:var(--dsw-alias-label-secondary,#606873);font-size:10px;line-height:1.45}.dsh-mobile-control__diagnostic-summary.is-ok .dsh-mobile-control__diagnostic-summary-icon{background:#e6f7f0;color:var(--dsh-diagnostic-ok)}.dsh-mobile-control__diagnostic-summary.is-ok .dsh-mobile-control__diagnostic-summary-icon::before{top:10px;left:10px;width:13px;height:7px;border-bottom:2px solid currentColor;border-left:2px solid currentColor;transform:rotate(-45deg)}.dsh-mobile-control__diagnostic-summary.is-attention .dsh-mobile-control__diagnostic-summary-icon{background:#fff4dc;color:var(--dsh-diagnostic-warning)}.dsh-mobile-control__diagnostic-summary.is-error .dsh-mobile-control__diagnostic-summary-icon{background:#fdecec;color:var(--dsh-diagnostic-error)}.dsh-mobile-control__diagnostic-summary.is-attention .dsh-mobile-control__diagnostic-summary-icon::before,.dsh-mobile-control__diagnostic-summary.is-error .dsh-mobile-control__diagnostic-summary-icon::before{top:8px;left:17px;width:2px;height:13px;border-radius:2px;background:currentColor}.dsh-mobile-control__diagnostic-summary.is-attention .dsh-mobile-control__diagnostic-summary-icon::after,.dsh-mobile-control__diagnostic-summary.is-error .dsh-mobile-control__diagnostic-summary-icon::after{bottom:8px;left:17px;width:2px;height:2px;border-radius:50%;background:currentColor}.dsh-mobile-control__diagnostic-summary.is-running .dsh-mobile-control__diagnostic-summary-icon{background:#e8f0ff;color:#2563eb}.dsh-mobile-control__diagnostic-summary.is-running .dsh-mobile-control__diagnostic-summary-icon::before{inset:9px;border:2px solid rgb(37 99 235 / 24%);border-top-color:currentColor;border-radius:50%;animation:dsh-diagnostic-spin .8s linear infinite}
 .dsh-mobile-control__diagnostic-summary.is-idle .dsh-mobile-control__diagnostic-summary-icon::before{top:8px;left:17px;width:2px;height:2px;border-radius:50%;background:currentColor}.dsh-mobile-control__diagnostic-summary.is-idle .dsh-mobile-control__diagnostic-summary-icon::after{top:13px;left:17px;width:2px;height:11px;border-radius:2px;background:currentColor}
@@ -3864,9 +4502,9 @@ window.__ModuleLoader__.load({
 @keyframes dsh-diagnostic-spin{to{transform:rotate(360deg)}}@keyframes dsh-diagnostic-reveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
 .dsh-mobile-control__actions{display:flex;flex-wrap:nowrap;gap:6px}.dsh-mobile-control__actions button{flex:1 1 0;min-width:0;min-height:40px;padding:8px 4px;border-radius:10px;font:12px/1.2 system-ui;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dsh-mobile-control__secondary{border:1px solid var(--dsw-alias-border-normal,#cfd5dd);background:transparent;color:inherit}.dsh-mobile-control__primary{border:1px solid #2563eb;background:#2563eb;color:#fff}.dsh-mobile-control__actions button:disabled{cursor:not-allowed;opacity:.45}
 .dsh-mobile-control button:focus-visible,.dsh-mobile-control a:focus-visible,.dsh-mobile-control input:focus-visible,.dsh-mobile-control summary:focus-visible{outline:3px solid rgb(37 99 235 / 28%);outline-offset:2px}
-.dsh-mobile-control__trigger{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:calc(100% + 8px);height:34px;margin:4px -4px;padding:6px 2px 6px 10px;border:0;border-radius:12px;background:transparent;color:var(--dsw-alias-label-primary,#16181d);font:14px/22px system-ui;cursor:pointer}.dsh-mobile-control__trigger:hover{background:var(--dsw-alias-interactive-bg-hover,#f1f3f6)}.dsh-mobile-control__trigger.is-rail{width:36px;height:36px;margin:8px 0 10px;padding:0;justify-content:center;border-radius:50%}.dsh-mobile-control__trigger-icon{position:relative;box-sizing:border-box;flex:none;width:14px;height:19px;border:1.7px solid currentColor;border-radius:3px}.dsh-mobile-control__trigger-icon::after{position:absolute;right:4px;bottom:2px;width:4px;height:1.5px;border-radius:2px;background:currentColor;content:""}.dsh-mobile-control__trigger-label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
+.dsh-mobile-control__trigger{box-sizing:border-box;flex:none;display:flex;align-items:center;gap:8px;width:calc(100% + 4px);height:42px;margin:4px -2px;padding:0 10px 0 8px;border:0;border-radius:12px;background:transparent;color:var(--dsw-alias-label-primary,#16181d);font-family:inherit;font-size:14px;line-height:22px;cursor:pointer;overflow:hidden}.dsh-mobile-control__trigger:hover{background:var(--dsw-alias-interactive-bg-hover,#f1f3f6)}.dsh-mobile-control__trigger:active,.dsh-mobile-control__trigger[aria-expanded="true"]{background:var(--dsw-alias-interactive-bg-active,#e8ebf0)}.dsh-mobile-control__trigger:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,currentColor);outline-offset:2px}.dsh-mobile-control__trigger.is-rail{width:36px;height:36px;margin:8px 0 10px;padding:0;justify-content:center;gap:0;border-radius:50%}.dsh-mobile-control__trigger-icon{display:block;flex:none}.dsh-mobile-control__trigger-label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 .dsh-mobile-control__manage-row{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.dsh-mobile-control__manage{flex:1 1 0;min-width:0;min-height:34px;padding:6px 8px;border:1px solid var(--dsw-alias-border-normal,#cfd5dd);border-radius:10px;background:transparent;color:inherit;font:12px/1.3 system-ui;cursor:pointer}.dsh-mobile-control__devices{margin-top:10px;border:1px solid var(--dsw-alias-border-subtle,#e1e5eb);border-radius:10px;padding:8px;max-height:220px;overflow-y:auto}.dsh-mobile-control__device-empty{color:var(--dsw-alias-label-secondary,#606873);font-size:12px;margin:0}.dsh-mobile-control__device{display:flex;align-items:center;gap:8px;padding:6px 2px}.dsh-mobile-control__device + .dsh-mobile-control__device{border-top:1px solid var(--dsw-alias-border-subtle,#e1e5eb)}.dsh-mobile-control__device-label{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.dsh-mobile-control__device-meta{flex:none;color:var(--dsw-alias-label-secondary,#606873);font-size:11px;white-space:nowrap}.dsh-mobile-control__device-revoke{flex:none;min-height:28px;padding:4px 8px;border:1px solid #dc2626;border-radius:8px;background:transparent;color:#dc2626;font:12px/1.2 system-ui;cursor:pointer}
-@media (prefers-reduced-motion:reduce){.dsh-mobile-control__provider,.dsh-mobile-control__cpolar-connect{transition:none}.dsh-mobile-control__diagnostic-summary.is-running .dsh-mobile-control__diagnostic-summary-icon::before,.dsh-mobile-control__diagnostic-checks{animation:none}}
+@media (max-width:359px){.dsh-mobile-control__provider-choices{grid-template-columns:1fr}.dsh-mobile-control__provider{min-height:68px}}@media (prefers-reduced-motion:reduce){.dsh-mobile-control__provider,.dsh-mobile-control__cpolar-connect{transition:none}.dsh-mobile-control__diagnostic-summary.is-running .dsh-mobile-control__diagnostic-summary-icon::before,.dsh-mobile-control__diagnostic-checks{animation:none}}
 `;
 		/** Mount the desktop control or mobile feature enhancements. */
 		function apply(ctx) {
@@ -3897,17 +4535,33 @@ window.__ModuleLoader__.load({
 						name: "sidebar.footer.action",
 						id: "dsh-mobile"
 					}, ({ wide }) => (0, react.createElement)("button", {
-						"aria-expanded": false,
+						"aria-expanded": control.isOpen(),
+						"aria-controls": CONTROL_PANEL_ID,
 						"aria-label": t("mobileAccess"),
 						className: `dsh-mobile-control__trigger${wide ? "" : " is-rail"}`,
 						lang: triggerLocale,
 						type: "button",
 						title: t("mobileAccess"),
 						onClick: control.toggle
-					}, (0, react.createElement)("span", {
+					}, (0, react.createElement)("svg", {
 						"aria-hidden": true,
-						className: "dsh-mobile-control__trigger-icon"
-					}), wide ? (0, react.createElement)("span", { className: "dsh-mobile-control__trigger-label" }, t("mobileAccess")) : void 0)));
+						className: "dsh-mobile-control__trigger-icon",
+						focusable: false,
+						width: wide ? 16 : 18,
+						height: wide ? 16 : 18,
+						viewBox: "0 0 16 16",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: 1.5,
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					}, (0, react.createElement)("rect", {
+						x: 4,
+						y: 1,
+						width: 8,
+						height: 14,
+						rx: 2
+					}), (0, react.createElement)("path", { d: "M7 12h2" })), wide ? (0, react.createElement)("span", { className: "dsh-mobile-control__trigger-label" }, t("mobileAccess")) : void 0)));
 					return () => {
 						disposeSlot();
 						control.remove();
@@ -3922,13 +4576,16 @@ window.__ModuleLoader__.load({
 		/** Client services required by the mobile adaptation. */
 		const inject = ["slots"];
 		//#endregion
+		exports.CONTROL_STYLES = CONTROL_STYLES;
 		exports.DIAGNOSTIC_REASON_MESSAGES = DIAGNOSTIC_REASON_MESSAGES;
 		exports.MOBILE_CONTROL_MESSAGES = MOBILE_CONTROL_MESSAGES;
 		exports.PerIdActivationLifecycle = PerIdActivationLifecycle;
 		exports.apply = apply;
 		exports.bindClientResponseLifetime = bindClientResponseLifetime;
+		exports.clientReleaseInfo = clientReleaseInfo;
 		exports.combineClientSignalLifetime = combineClientSignalLifetime;
 		exports.combineClientSignals = combineClientSignals;
+		exports.createFrpServerTemplateForClipboard = createFrpServerTemplateForClipboard;
 		exports.diagnosticEntriesForRender = diagnosticEntriesForRender;
 		exports.diagnosticOverallForChecks = diagnosticOverallForChecks;
 		exports.diagnosticServerCopy = diagnosticServerCopy;