dsh-mobile 0.5.1 → 0.5.3

package/lib/client.js

@@ -664,6 +664,9 @@ window.__ModuleLoader__.load({
 			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.",
+			frpProxyNameInUse: "The frps already has a proxy with this installation name in use — usually another DSH computer, or a session that has not expired yet. Disable self-hosted FRP on that machine, or remove that proxy on the frps, then retry.",
+			frpRemotePortInUse: "Another proxy on the frps already owns this public entry port. Choose a different entry port and retry.",
+			frpProxyStartFailed: "The frps refused frpc's proxy registration. Check its allowPorts, the ports already in use, and its log.",
 			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.",
@@ -751,6 +754,9 @@ window.__ModuleLoader__.load({
 			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.",
+			frpProxyNameInUse: "Sul frps è già in uso un proxy con il nome di questa installazione — di solito un altro computer DSH o una sessione non ancora scaduta. Disattiva l’FRP autogestito su quella macchina, oppure rimuovi quel proxy sul frps, e riprova.",
+			frpRemotePortInUse: "Un altro proxy sul frps occupa già questa porta di ingresso pubblica. Scegli un’altra porta di ingresso e riprova.",
+			frpProxyStartFailed: "Il frps ha rifiutato la registrazione del proxy da parte di frpc. Controlla allowPorts, le porte già in uso e il log del server.",
 			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.",
@@ -838,6 +844,9 @@ window.__ModuleLoader__.load({
 			frpVhostProbeFailed: "无法检查 VPS 地址，请确认 DNS 后重试。",
 			frpLaunchFailed: "frpc 未能启动。",
 			frpTimeout: "公网端点未能就绪，请检查 frps、Caddy、DNS 和防火墙。",
+			frpProxyNameInUse: "该 frps 上已有本机安装名对应的 FRP 代理在使用中——通常来自另一台 DSH 电脑，或尚未过期的旧连接。请在那台机器上关闭自建 FRP，或在 frps 上移除该代理后重试。",
+			frpRemotePortInUse: "该公网入口端口已被 frps 上的其他代理占用，请改用其他入口端口后重试。",
+			frpProxyStartFailed: "frps 拒绝了 frpc 的代理注册，请检查 frps 的 allowPorts、端口占用与服务器日志。",
 			frpDiscoveryMismatch: "公开域名连接到了另一台 DSH 电脑，请检查 Caddy 与 frps 映射。",
 			frpDiscoveryInvalid: "公开域名没有返回有效的 DSH Mobile 发现信息。",
 			frpStopped: "FRP 连接已停止。",
@@ -2040,13 +2049,39 @@ window.__ModuleLoader__.load({
 			return JSON.stringify(value);
 		}
 		/**
+		* Legacy proxy name, kept only as the default of {@link createFrpcToml}.
+		*
+		* A shared frps accepts one proxy per name across *all* its clients, so a fixed
+		* name let any other DSH installation — or a not yet reaped session of this one —
+		* own `dsh-mobile` first. frpc then logged `start error: proxy name [dsh-mobile]
+		* is already in use`, kept running without publishing the entry port, and the
+		* start-up self-check ended in `frp_start_timeout` ("the public endpoint did not
+		* become ready"). Product callers therefore pass an installation-derived name
+		* from {@link frpProxyName}; this constant only keeps the exported API and the
+		* byte-for-byte compatibility test working for legacy callers.
+		*/
+		const FRP_DEFAULT_PROXY_NAME = "dsh-mobile";
+		/**
+		* Validate a proxy name for the generated frpc configuration.
+		*
+		* frps accepts one proxy per name on the whole server, so the name must be a
+		* single safe token: no whitespace, no quotes, no path or bracket characters.
+		*/
+		function validateFrpProxyName(value) {
+			if (typeof value !== "string" || value.length < 1 || value.length > 128 || !/^[A-Za-z0-9._-]+$/u.test(value)) throw new Error("frp_proxy_name_invalid");
+			return value;
+		}
+		/**
 		* Build the single-purpose frpc configuration for the current loopback gateway.
 		*
 		* The default (public-CA) entry is an HTTP vhost behind Caddy and is emitted byte
 		* for byte as before. The self-signed entry cannot use a vhost at all: frps only
 		* forwards raw TCP, and the gateway terminates TLS on that connection.
+		*
+		* `proxyName` defaults to the legacy fixed name only for legacy callers; the
+		* provider and the attach preview always pass {@link frpProxyName}.
 		*/
-		function createFrpcToml(settings, localPort) {
+		function createFrpcToml(settings, localPort, proxyName = FRP_DEFAULT_PROXY_NAME) {
 			if (!Number.isSafeInteger(localPort) || localPort < 1 || localPort > 65535) throw new Error("frp_local_port_invalid");
 			const header = [
 				`serverAddr = ${tomlString(settings.serverAddress)}`,
@@ -2056,7 +2091,7 @@ window.__ModuleLoader__.load({
 				"transport.tls.enable = true",
 				"",
 				"[[proxies]]",
-				"name = \"dsh-mobile\""
+				`name = ${tomlString(validateFrpProxyName(proxyName))}`
 			];
 			if (isFrpSelfSignedIngress(settings)) return [
 				...header,
@@ -2125,7 +2160,7 @@ window.__ModuleLoader__.load({
 		* the provider writes stays byte-for-byte identical to the upstream output.
 		*/
 		function createFrpAttachFrpcToml(settings, options = {}) {
-			const frpcToml = createFrpcToml(settings, attachLocalPort(options));
+			const frpcToml = createFrpcToml(settings, attachLocalPort(options), options.proxyName ?? "dsh-mobile");
 			return options.revealToken === true ? frpcToml : redactFrpcTomlToken(frpcToml);
 		}
 		const DEFAULT_ATTACH_CONFIG_FILE = "<DSH Mobile 私有目录>/remote/frp/config/frpc.toml";
@@ -2700,7 +2735,9 @@ window.__ModuleLoader__.load({
   [data-dsh-mobile-history-loader] { position:relative !important; min-height:1px !important; }
   [data-dsh-mobile-history-loader] button:not(:disabled) { position:absolute !important; width:1px !important; height:1px !important; margin:-1px !important; padding:0 !important; clip-path:inset(50%) !important; opacity:0 !important; overflow:hidden !important; pointer-events:none !important; }
   [data-dsh-mobile-history-loader] button:disabled { min-height:28px !important; padding:4px 12px !important; }
-  [data-dsh-mobile-message-column] { box-sizing:border-box !important; width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; gap:10px !important; }
+  /* DSH's sibling margins exclude hidden and empty Chat Node Seats. Keep that
+     spacing rule so searchable hidden seats contribute no folded-turn gaps. */
+  [data-dsh-mobile-message-column] { box-sizing:border-box !important; width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; gap:0 !important; --dsh-chat-flow-gap:10px; }
   [data-dsh-mobile-message-column] > * { width:100% !important; max-width:100% !important; }
   [data-dsh-mobile-message-column] [data-disclosure-row] { box-sizing:border-box !important; display:grid !important; grid-template-columns:16px minmax(0,1fr) !important; grid-auto-rows:auto !important; align-items:center !important; column-gap:6px !important; width:100% !important; height:auto !important; min-height:40px !important; padding:4px 0 !important; }
   [data-dsh-mobile-message-column] [data-disclosure-row] > [class*="_leading"] { grid-column:1 !important; grid-row:1 !important; margin-right:0 !important; }
@@ -2722,12 +2759,27 @@ window.__ModuleLoader__.load({
   /* The context ring is a composer-metadata _root too, so the metadata rule
      above stretched it across the whole dock. It cannot shrink, which left the
      session statistics beside it a few pixels wide, every number clipped to an
-     ellipsis. Put the numbers in a wrapping left column and the ring in a right
-     column it cannot grow out of: a phone then shows every number in full, and
-     a wide screen keeps the ring beside them on one line. */
+     ellipsis. Keep the ring at its own size and let it hold the row the numbers
+     are on. */
   [data-dsh-mobile-center] [data-composer-card] ~ * [class*="_root"]:has(> [class*="_trigger"][aria-haspopup="dialog"]) { width:auto !important; max-width:none !important; flex:0 0 auto !important; }
-  [data-dsh-mobile-center] [class*="_dock"]:has([data-composer-stats]) { display:grid !important; grid-template-columns:minmax(0,1fr) max-content !important; align-items:center !important; column-gap:12px !important; }
-  [data-dsh-mobile-center] [data-composer-card] ~ * [class*="_root"][data-composer-stats] { box-sizing:border-box !important; width:auto !important; max-width:none !important; flex:0 1 auto !important; flex-wrap:wrap !important; justify-content:flex-start !important; row-gap:2px !important; }
+  /* Slot entries participate in this flex layout through display:contents.
+     Keep core statistics and the meter together; extra entries use their own
+     rows instead of taking the statistics' remaining width on phones. */
+  [data-dsh-mobile-center] [class*="_dock"]:has([data-composer-stats]) { display:flex !important; flex-wrap:wrap !important; justify-content:flex-start !important; align-items:center !important; column-gap:12px !important; row-gap:2px !important; width:100% !important; max-width:100% !important; }
+  /* Dock row gaps replace the single-row metadata's negative margin. */
+  [data-dsh-mobile-center] [class*="_dock"]:has([data-composer-stats]) > *,
+  [data-dsh-mobile-center] [class*="_dock"]:has([data-composer-stats]) [data-slot="conversation.composer.dock"] > * { margin-bottom:0 !important; }
+  [data-dsh-mobile-center] [class*="_dock"]:has([data-composer-stats]) [data-slot="conversation.composer.dock"] > :not([data-composer-stats]) { flex:0 1 100% !important; min-width:0 !important; max-width:100% !important; }
+  [data-dsh-mobile-center] [class*="_dock"]:has([data-composer-stats]) [data-composer-stats] { order:-2 !important; }
+  [data-dsh-mobile-center] [class*="_dock"]:has([data-composer-stats]) > [class*="_root"]:has(> [class*="_trigger"][aria-haspopup="dialog"]) { order:-1 !important; }
+  /* Interactive pills expose complete values in their labels and dialogs.
+     Static compact or untimed pills have no disclosure, so they may wrap. */
+  [data-dsh-mobile-center] [data-composer-card] ~ * [class*="_root"][data-composer-stats] { box-sizing:border-box !important; width:auto !important; max-width:none !important; flex:1 1 0 !important; flex-wrap:nowrap !important; justify-content:flex-start !important; overflow:hidden !important; row-gap:2px !important; }
+  [data-dsh-mobile-center] [data-composer-stats] > * { min-width:0 !important; }
+  [data-dsh-mobile-center] [data-composer-stats] [class*="_pill"] { display:block !important; min-width:0 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
+  [data-dsh-mobile-center] [data-composer-stats] [class*="_pill"] svg { display:inline-block !important; vertical-align:-2px !important; margin-right:6px !important; }
+  [data-dsh-mobile-center] [data-composer-stats]:has(span[class*="_pill"]) { flex-wrap:wrap !important; overflow:visible !important; }
+  [data-dsh-mobile-center] [data-composer-stats] span[class*="_pill"] { flex:0 1 auto !important; max-width:100% !important; white-space:normal !important; overflow:visible !important; overflow-wrap:anywhere !important; text-overflow:clip !important; }
   /* Message runtime details are inline on desktop. Give the clock/runtime
      label its own wrapping row on narrow screens so TTFT and throughput do
      not push the action buttons or clip at the viewport edge. */
@@ -3762,6 +3814,107 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/voice-session.ts
+		/** Screen wake-lock ownership and mobile composer focus during DSH dictation. */
+		/** Voice phases during which the user is dictating. */
+		const DICTATING_PHASES = [
+			"requesting",
+			"recording",
+			"transcribing"
+		];
+		/** Whether DSH's published voice phase requires an active dictation surface. */
+		function phaseIsDictating(phase) {
+			return typeof phase === "string" && DICTATING_PHASES.includes(phase);
+		}
+		/** The wake lock API, or undefined where the browser does not offer it. */
+		function wakeLockApi() {
+			const api = navigator.wakeLock;
+			return api === void 0 ? void 0 : api;
+		}
+		/**
+		* Hold an available screen wake lock while DSH dictation is active and visible.
+		* @param allowKeyboardDismissal Whether a mobile composer may lose text focus when capture starts.
+		* @returns A disposer that releases held and subsequently returned wake locks.
+		*/
+		function installVoiceSession(allowKeyboardDismissal = true) {
+			const api = wakeLockApi();
+			if (api === void 0 && !allowKeyboardDismissal) return () => {};
+			let sentinel = null;
+			let pending = false;
+			let disposed = false;
+			let generation = 0;
+			let lastRow = null;
+			let lastVisible = !document.hidden;
+			const currentRow = () => Array.from(document.querySelectorAll("[data-voice-activity]")).find((row) => phaseIsDictating(row.getAttribute("data-voice-activity"))) ?? null;
+			const releaseLock = (lock) => {
+				if (!lock.released) lock.release().catch((_error) => {});
+			};
+			const release = () => {
+				const held = sentinel;
+				sentinel = null;
+				if (held !== null) releaseLock(held);
+			};
+			const acquireIfWanted = () => {
+				if (api === void 0 || disposed || pending || sentinel !== null || document.hidden) return;
+				const row = currentRow();
+				if (row === null) return;
+				const requestedGeneration = generation;
+				pending = true;
+				api.request("screen").then((lock) => {
+					lock.addEventListener("release", () => {
+						if (sentinel === lock) sentinel = null;
+					});
+					if (disposed || document.hidden || requestedGeneration !== generation || currentRow() !== row) releaseLock(lock);
+					else if (!lock.released) sentinel = lock;
+				}, (_error) => {}).finally(() => {
+					pending = false;
+					if (!disposed && requestedGeneration !== generation) acquireIfWanted();
+				});
+			};
+			const dismissKeyboard = (row) => {
+				if (!allowKeyboardDismissal) return;
+				if (!(window.__DSH_MOBILE_NATIVE__ !== void 0 ? window.__DSH_MOBILE_KEYBOARD_STATE__?.noHardwareKeyboard === true : window.matchMedia("(pointer:coarse) and (hover:none)").matches)) return;
+				const active = document.activeElement;
+				const composer = row.closest("[data-composer-card]");
+				if (active instanceof HTMLElement && composer?.contains(active) && active.closest("[data-composer-input]") !== null && (active.isContentEditable || active instanceof HTMLTextAreaElement || active instanceof HTMLInputElement)) active.blur();
+			};
+			const apply = () => {
+				const row = currentRow();
+				const visible = !document.hidden;
+				const changed = row !== lastRow || visible !== lastVisible;
+				if (changed) {
+					generation++;
+					release();
+					if (row !== null && row !== lastRow && visible) dismissKeyboard(row);
+				}
+				lastRow = row;
+				lastVisible = visible;
+				if (changed) acquireIfWanted();
+			};
+			const containsVoiceRow = (node) => node instanceof Element && (node.matches("[data-voice-activity]") || node.querySelector("[data-voice-activity]") !== null);
+			const observer = new MutationObserver((records) => {
+				if (records.some((record) => record.type === "attributes" || [...record.addedNodes, ...record.removedNodes].some(containsVoiceRow))) apply();
+			});
+			observer.observe(document.documentElement, {
+				subtree: true,
+				childList: true,
+				attributes: true,
+				attributeFilter: ["data-voice-activity"]
+			});
+			const onVisibility = () => {
+				apply();
+			};
+			document.addEventListener("visibilitychange", onVisibility);
+			apply();
+			return () => {
+				disposed = true;
+				generation++;
+				observer.disconnect();
+				document.removeEventListener("visibilitychange", onVisibility);
+				release();
+			};
+		}
+		//#endregion
 		//#region src/local-admin-host.ts
 		/** Browser-safe desktop-admin Host checks. Do not import Node APIs here. */
 		const DESKTOP_ADMIN_HEADER = "x-dsh-mobile-desktop-admin";
@@ -4365,6 +4518,9 @@ window.__ModuleLoader__.load({
 			frp_vhost_probe_failed: "frpVhostProbeFailed",
 			frp_launch_failed: "frpLaunchFailed",
 			frp_start_timeout: "frpTimeout",
+			frp_proxy_name_in_use: "frpProxyNameInUse",
+			frp_remote_port_in_use: "frpRemotePortInUse",
+			frp_proxy_start_failed: "frpProxyStartFailed",
 			frp_discovery_mismatch: "frpDiscoveryMismatch",
 			frp_discovery_invalid: "frpDiscoveryInvalid",
 			frp_stopped: "frpStopped",
@@ -4426,6 +4582,9 @@ window.__ModuleLoader__.load({
 			"frp_vhost_probe_failed",
 			"frp_launch_failed",
 			"frp_start_timeout",
+			"frp_proxy_name_in_use",
+			"frp_remote_port_in_use",
+			"frp_proxy_start_failed",
 			"frp_discovery_mismatch",
 			"frp_discovery_invalid",
 			"frp_stopped",
@@ -4972,10 +5131,12 @@ window.__ModuleLoader__.load({
 			frpCopyAttachPlan.type = "button";
 			frpCopyAttachPlan.textContent = t("frpAttachPlan");
 			frpCopyAttachPlan.hidden = true;
+			frpCopyAttachPlan.disabled = true;
 			const frpCopyAttachToken = element("button", "dsh-mobile-control__secondary dsh-mobile-control__frp-action");
 			frpCopyAttachToken.type = "button";
 			frpCopyAttachToken.textContent = t("frpAttachToken");
 			frpCopyAttachToken.hidden = true;
+			frpCopyAttachToken.disabled = true;
 			const frpSelfCheckButton = element("button", "dsh-mobile-control__secondary dsh-mobile-control__frp-action");
 			frpSelfCheckButton.type = "button";
 			frpSelfCheckButton.textContent = t("frpAttachSelfCheck");
@@ -5555,6 +5716,8 @@ window.__ModuleLoader__.load({
 			let configuredFrpOrigin = "";
 			let configuredFrpVhostPort = 7080;
 			let configuredFrpPublicPort = 33080;
+			/** Proxy name the host writes into its frpc.toml; the local clipboard copy must match. */
+			let configuredFrpProxyName;
 			let frpConfiguredMode = "deploy";
 			let frpConfiguredEntryTls = "public-ip-cert";
 			let frpModeDraft = false;
@@ -5985,6 +6148,7 @@ window.__ModuleLoader__.load({
 				if (frpConfigured && !frpEntryTlsDraft) frpEntryTls.value = configuredFrpEntryTls;
 				if (typeof frpConfiguration.vhostHttpPort === "number") configuredFrpVhostPort = frpConfiguration.vhostHttpPort;
 				if (typeof frpConfiguration.publicPort === "number") configuredFrpPublicPort = frpConfiguration.publicPort;
+				configuredFrpProxyName = typeof frpConfiguration.proxyName === "string" && frpConfiguration.proxyName !== "" ? frpConfiguration.proxyName : void 0;
 				if (!frpVhostDraft) {
 					if (frpMode.value === "attach" && configuredFrpMode === "attach" && configuredFrpEntryTls === "public-ip-cert") {
 						frpVhostPort.value = String(configuredFrpVhostPort);
@@ -5995,12 +6159,14 @@ window.__ModuleLoader__.load({
 				const attachSelected = frpMode.value === "attach";
 				const selfSignedSelected = attachSelected && frpEntryTls.value === "self-signed";
 				frpStep2Title.textContent = t(attachSelected ? "frpStep2TitleAttach" : "frpStep2Title");
-				frpStep2Text.textContent = t(attachSelected ? "frpStep2TextAttach" : "frpStep2Text");
+				frpStep2Text.textContent = attachSelected && configuredFrpProxyName === void 0 ? t("loadingRemoteStatus") : t(attachSelected ? "frpStep2TextAttach" : "frpStep2Text");
 				frpStep4Text.textContent = t(attachSelected ? "frpStep4TextAttach" : "frpStep4Text");
 				frpAppRequirement.textContent = t(selfSignedSelected ? "frpAppRequirementSelfSigned" : "frpAppRequirement");
 				frpCopyTemplate.hidden = attachSelected;
 				frpCopyAttachPlan.hidden = !attachSelected;
 				frpCopyAttachToken.hidden = !attachSelected;
+				frpCopyAttachPlan.disabled = remoteProviderBusy || configuredFrpProxyName === void 0;
+				frpCopyAttachToken.disabled = remoteProviderBusy || configuredFrpProxyName === void 0;
 				frpSelfCheckButton.hidden = !frpConfigured;
 				frpVhostPort.disabled = selfSignedSelected;
 				frpVhostLabel.hidden = selfSignedSelected;
@@ -6478,6 +6644,13 @@ window.__ModuleLoader__.load({
 				}
 				remoteStatus.textContent = message;
 			};
+			const frpClipboardProxyName = () => {
+				if (configuredFrpProxyName === void 0) {
+					remoteStatus.textContent = t("loadingRemoteStatus");
+					loadRemote();
+				}
+				return configuredFrpProxyName;
+			};
 			frpCopyAttachPlan.addEventListener("click", () => {
 				const form = frpForm();
 				if (!validFrpServer(form.serverAddress) || !Number.isSafeInteger(form.serverPort) || form.serverPort < 1 || form.serverPort > 65535 || form.publicOrigin === "") {
@@ -6491,7 +6664,9 @@ window.__ModuleLoader__.load({
 						showFrpAttachError(code);
 						return;
 					}
-					navigator.clipboard.writeText(createFrpAttachTemplateForClipboard(attachForm)).then(() => {
+					const proxyName = frpClipboardProxyName();
+					if (proxyName === void 0) return;
+					navigator.clipboard.writeText(createFrpAttachTemplateForClipboard(attachForm, { proxyName })).then(() => {
 						remoteStatus.textContent = t("frpAttachPlanCopied");
 					}, () => {
 						remoteStatus.textContent = t("frpAttachPlanFailed", { error: t("templateCopyFailed") });
@@ -6519,7 +6694,7 @@ window.__ModuleLoader__.load({
 					remoteStatus.textContent = t("frpAttachPlanFailed", { error: String(error) });
 				}).finally(() => {
 					remoteProviderBusy = false;
-					frpCopyAttachPlan.disabled = false;
+					frpCopyAttachPlan.disabled = configuredFrpProxyName === void 0;
 				});
 			});
 			/** Copy a token-bearing frpc.toml only from the token the user just typed. */
@@ -6536,7 +6711,12 @@ window.__ModuleLoader__.load({
 						showFrpAttachError(code);
 						return;
 					}
-					navigator.clipboard.writeText(createFrpAttachFrpcTomlForClipboard(attachForm, { revealToken: true })).then(() => {
+					const proxyName = frpClipboardProxyName();
+					if (proxyName === void 0) return;
+					navigator.clipboard.writeText(createFrpAttachFrpcTomlForClipboard(attachForm, {
+						revealToken: true,
+						proxyName
+					})).then(() => {
 						remoteStatus.textContent = t("frpAttachTokenCopied");
 					}, () => {
 						remoteStatus.textContent = t("frpAttachTokenFailed", { error: t("templateCopyFailed") });
@@ -8707,6 +8887,7 @@ window.__ModuleLoader__.load({
 				style.dataset.plugin = "dsh-mobile";
 				style.textContent = desktopAdmin ? CONTROL_STYLES : NATIVE_MOBILE_STYLES;
 				document.head.append(style);
+				const removeVoiceSession = installVoiceSession(!desktopAdmin);
 				if (!desktopAdmin) {
 					const removeSettingsAction = ctx.slots.inject("settings.general.item", () => {
 						const removeSwitchComputer = ctx.slots.register({
@@ -8733,6 +8914,7 @@ window.__ModuleLoader__.load({
 						removeSettingsAction();
 						removeCustom();
 						removeSurface();
+						removeVoiceSession();
 						style.remove();
 					};
 				}
@@ -8778,6 +8960,7 @@ window.__ModuleLoader__.load({
 				});
 				return () => {
 					removeControl();
+					removeVoiceSession();
 					style.remove();
 				};
 			}, "dsh-mobile: stock mobile adaptation and local control");