dsh-mobile 0.6.4 → 0.6.5

package/lib/client.js

@@ -598,7 +598,12 @@ window.__ModuleLoader__.load({
 			cpolarDownloadTimeout: "The cpolar download timed out. Check this computer’s network or proxy, then retry.",
 			cpolarDownloadHttp: "The official cpolar download returned HTTP {status}. Retry later or check the official download page.",
 			cpolarIntegrityFailed: "The cpolar download did not match the pinned build, so it was not installed. Retry later or update DSH Mobile; do not bypass verification.",
-			cpolarExtractFailed: "The cpolar download completed, but extraction failed. Check system extraction tools and security software, then retry.",
+			cpolarExtractFailed: "The cpolar download was verified, but extraction failed. Check the extraction stage in the DSH log; the message alone does not establish a security-software block.",
+			cpolarExtractToolsFailed: "A required Windows extraction tool is unavailable. Check system PowerShell, tar and expand; no administrator startup or service installation is required.",
+			cpolarExtractArchiveFailed: "Could not extract the verified cpolar ZIP or locate its MSI. Check the ZIP extraction stage in the DSH log.",
+			cpolarExtractDatabaseFailed: "Could not read the cpolar MSI database or its embedded cabinet. Check the MSI read stage in the DSH log; do not install the MSI as a workaround.",
+			cpolarExtractCabinetFailed: "Could not extract the cpolar executable from its cabinet. Check the cabinet extraction stage and private-directory permissions.",
+			cpolarExtractFileFailed: "Could not read or copy the extracted cpolar executable. Check private-directory permissions and disk space; your existing component is retained.",
 			cpolarStorageFailed: "Could not write the cpolar component in DSH Mobile’s private directory. Check disk space, permissions, and security software, then retry."
 		});
 		Object.assign(MOBILE_CONTROL_MESSAGES.it, {
@@ -623,7 +628,12 @@ window.__ModuleLoader__.load({
 			cpolarDownloadTimeout: "Download di cpolar scaduto. Controlla rete o proxy del computer e riprova.",
 			cpolarDownloadHttp: "Il download ufficiale di cpolar ha restituito HTTP {status}. Riprova più tardi o controlla la pagina ufficiale.",
 			cpolarIntegrityFailed: "Il pacchetto cpolar non corrisponde alla versione verificata e non è stato installato. Riprova più tardi o aggiorna DSH Mobile; non aggirare la verifica.",
-			cpolarExtractFailed: "Download di cpolar completato, ma estrazione non riuscita. Controlla gli strumenti di estrazione e il software di sicurezza, poi riprova.",
+			cpolarExtractFailed: "Download di cpolar verificato, ma estrazione non riuscita. Controlla la fase nel log DSH; il messaggio non dimostra un blocco del software di sicurezza.",
+			cpolarExtractToolsFailed: "Uno strumento di estrazione Windows richiesto non è disponibile. Controlla PowerShell di sistema, tar ed expand; non serve avviare come amministratore o installare un servizio.",
+			cpolarExtractArchiveFailed: "Impossibile estrarre lo ZIP cpolar verificato o trovare il suo MSI. Controlla la fase ZIP nel log DSH.",
+			cpolarExtractDatabaseFailed: "Impossibile leggere il database MSI cpolar o il cabinet incorporato. Controlla la fase di lettura MSI nel log DSH; non installare il MSI per aggirare il problema.",
+			cpolarExtractCabinetFailed: "Impossibile estrarre il programma cpolar dal cabinet. Controlla la fase cabinet e i permessi della directory privata.",
+			cpolarExtractFileFailed: "Impossibile leggere o copiare il programma cpolar estratto. Controlla permessi e spazio nella directory privata; il componente esistente è conservato.",
 			cpolarStorageFailed: "Impossibile scrivere cpolar nella directory privata di DSH Mobile. Controlla spazio, permessi e software di sicurezza, poi riprova."
 		});
 		Object.assign(MOBILE_CONTROL_MESSAGES.zh, {
@@ -648,7 +658,12 @@ window.__ModuleLoader__.load({
 			cpolarDownloadTimeout: "下载 cpolar 组件超时。请检查这台电脑的网络或代理，然后重试。",
 			cpolarDownloadHttp: "cpolar 官网下载返回 HTTP {status}。请稍后重试，或检查官网下载页。",
 			cpolarIntegrityFailed: "下载的 cpolar 组件未通过固定版本校验，因此没有安装。请稍后重试或更新 DSH Mobile，不要跳过校验。",
-			cpolarExtractFailed: "cpolar 下载完成，但解包失败。请检查系统解压组件和安全软件，然后重试。",
+			cpolarExtractFailed: "cpolar 下载已校验，但提取失败。请查看 DSH 日志中的具体阶段，不能仅凭此提示认定安全软件拦截。",
+			cpolarExtractToolsFailed: "所需的 Windows 提取工具不可用。请检查系统 PowerShell、tar 和 expand；无需以管理员启动 DSH 或安装系统服务。",
+			cpolarExtractArchiveFailed: "无法展开已校验的 cpolar ZIP 或找到其中的 MSI。请查看 DSH 日志中的 ZIP 提取阶段。",
+			cpolarExtractDatabaseFailed: "无法读取 cpolar MSI 数据库或内嵌 CAB。请查看 DSH 日志中的 MSI 读取阶段，不要用运行 MSI 安装程序绕过此问题。",
+			cpolarExtractCabinetFailed: "无法从 CAB 中提取 cpolar 程序。请查看 CAB 提取阶段及私有目录权限。",
+			cpolarExtractFileFailed: "无法读取或复制已提取的 cpolar 程序。请检查私有目录权限和磁盘空间；已有组件不会被替换。",
 			cpolarStorageFailed: "无法把 cpolar 写入 DSH Mobile 私有目录。请检查磁盘空间、目录权限和安全软件，然后重试。"
 		});
 		Object.assign(MOBILE_CONTROL_MESSAGES.en, {
@@ -3236,6 +3251,8 @@ window.__ModuleLoader__.load({
  .dsh-mobile-settings_fontFamily > span { flex:1 1 100px; }
  .dsh-mobile-settings_fontFamily input { box-sizing:border-box; flex:1 1 180px; width:100%; min-width:0; min-height:48px; padding:8px 12px; border:0.5px solid var(--dsw-alias-border-l2); border-radius:10px; background:var(--dsw-alias-bg-module-platform); color:var(--dsw-alias-label-primary); font:inherit; }
  .dsh-mobile-settings_fontFamily input:focus-visible,.dsh-mobile-settings_fontDetails > summary:focus-visible { outline:2px solid var(--dsw-alias-label-primary-bluish,#2563eb); outline-offset:2px; }
+ html.dsh-native-mobile-active [data-dsh-mobile-settings-header] { box-sizing:border-box !important; height:56px !important; min-height:56px !important; padding:4px 12px !important; }
+ html.dsh-native-mobile-active [data-dsh-mobile-settings-header] [class*="_close"] { box-sizing:border-box !important; flex:none !important; width:48px !important; min-width:48px !important; height:48px !important; min-height:48px !important; }
  /* The mobile row replaces the Host-backed font control, not the theme selector. */
  html.dsh-native-mobile-active [data-slot="settings.general.item"]:has([data-mobile-font-setting]) > :not([data-mobile-font-setting])[class*="_row"]:has([class*="_control"] > [class*="_stepper"] > [class*="_arrows"]) { display:none !important; }
 @media ${NATIVE_MOBILE_OVERLAY_QUERY} {
@@ -3305,8 +3322,6 @@ window.__ModuleLoader__.load({
   [data-dsh-mobile-settings-list] [class*="_navCell"] { flex:0 0 auto !important; min-width:max-content !important; height:44px !important; padding:10px 12px !important; }
   [data-dsh-mobile-settings-list] [aria-current="true"] { border-color:transparent !important; outline:0 !important; box-shadow:none !important; }
   [data-dsh-mobile-settings-content] { flex:1 1 auto !important; width:100% !important; min-height:0 !important; }
-   [data-dsh-mobile-settings-header] { height:48px !important; min-height:48px !important; padding:10px 12px 6px !important; }
-   [data-dsh-mobile-settings-header] [class*="_close"] { width:36px !important; height:36px !important; }
    [data-dsh-mobile-settings-options] { box-sizing:border-box !important; width:100% !important; padding:4px 16px max(24px,env(safe-area-inset-bottom)) !important; overflow-x:hidden !important; }
    [data-dsh-mobile-settings-options] > * { width:100% !important; min-width:0 !important; }
    [data-dsh-mobile-settings-options] [data-slot="settings.general.item"] > [class*="_row"] { flex-direction:column !important; align-items:stretch !important; gap:12px !important; }
@@ -4778,6 +4793,63 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/mobile-font-capabilities.ts
+		const NO_ADVANCED_MOBILE_TYPOGRAPHY = Object.freeze({
+			codeSize: false,
+			textFamily: false,
+			codeFamily: false
+		});
+		/**
+		* Probe computed fonts derived from DSH's public Markdown tokens. Input values are
+		* restored synchronously before painting; merely defining the input variable is not support.
+		* @param document - Live page document in the current browsing context.
+		* @returns Independently observed advanced typography support.
+		*/
+		function readMobileTypographyCapabilities(document) {
+			const style = document.body.style;
+			const text = document.createElement("span");
+			const code = document.createElement("span");
+			for (const probe of [text, code]) {
+				probe.setAttribute("aria-hidden", "true");
+				probe.style.cssText = "position:fixed;visibility:hidden;pointer-events:none;contain:strict;width:0;height:0;overflow:hidden";
+			}
+			text.style.font = "var(--dsw-font-markdown-base, 14px sans-serif)";
+			code.style.font = "var(--dsw-font-markdown-code-block, 11px monospace)";
+			document.body.append(text, code);
+			const previous = /* @__PURE__ */ new Map();
+			const sample = (property, value) => {
+				if (!previous.has(property)) previous.set(property, {
+					value: style.getPropertyValue(property),
+					priority: style.getPropertyPriority(property)
+				});
+				style.setProperty(property, value);
+			};
+			try {
+				sample("--dsh-code-font-size", "23px");
+				const firstSize = getComputedStyle(code).fontSize;
+				sample("--dsh-code-font-size", "24px");
+				const secondSize = getComputedStyle(code).fontSize;
+				sample("--dsh-font-family-text", "\"dsh-mobile-text-capability-a\"");
+				const firstTextFamily = getComputedStyle(text).fontFamily;
+				sample("--dsh-font-family-text", "\"dsh-mobile-text-capability-b\"");
+				const secondTextFamily = getComputedStyle(text).fontFamily;
+				sample("--dsh-font-family-code", "\"dsh-mobile-code-capability-a\"");
+				const firstCodeFamily = getComputedStyle(code).fontFamily;
+				sample("--dsh-font-family-code", "\"dsh-mobile-code-capability-b\"");
+				const secondCodeFamily = getComputedStyle(code).fontFamily;
+				return Object.freeze({
+					codeSize: firstSize === "23px" && secondSize === "24px",
+					textFamily: firstTextFamily.includes("dsh-mobile-text-capability-a") && secondTextFamily.includes("dsh-mobile-text-capability-b"),
+					codeFamily: firstCodeFamily.includes("dsh-mobile-code-capability-a") && secondCodeFamily.includes("dsh-mobile-code-capability-b")
+				});
+			} finally {
+				for (const [property, value] of previous) if (value.value === "") style.removeProperty(property);
+				else style.setProperty(property, value.value, value.priority);
+				text.remove();
+				code.remove();
+			}
+		}
+		//#endregion
 		//#region src/mobile-font.ts
 		/** Device-local typography for authenticated mobile pages, without Host settings writes. */
 		const MOBILE_FONT_STORAGE_KEY = "dsh-mobile.content-font-size.v1";
@@ -4878,6 +4950,8 @@ window.__ModuleLoader__.load({
 			storage;
 			typography = defaultTypography();
 			listeners = /* @__PURE__ */ new Set();
+			capabilities = NO_ADVANCED_MOBILE_TYPOGRAPHY;
+			capabilityListeners = /* @__PURE__ */ new Set();
 			constructor(storage) {
 				this.storage = storage;
 				let legacySize = 16;
@@ -4897,6 +4971,19 @@ window.__ModuleLoader__.load({
 					this.listeners.delete(listener);
 				};
 			};
+			getCapabilitiesSnapshot = () => this.capabilities;
+			subscribeCapabilities = (listener) => {
+				this.capabilityListeners.add(listener);
+				return () => {
+					this.capabilityListeners.delete(listener);
+				};
+			};
+			/** Update observed theme support without changing stored values or Host settings. */
+			updateCapabilities(capabilities) {
+				if (this.capabilities.codeSize === capabilities.codeSize && this.capabilities.textFamily === capabilities.textFamily && this.capabilities.codeFamily === capabilities.codeFamily) return;
+				this.capabilities = Object.freeze({ ...capabilities });
+				for (const listener of this.capabilityListeners) listener();
+			}
 			/** Apply a user-selected size locally; never send it to DSH's settings RPC. */
 			set(size) {
 				this.setRoleSize("text", size);
@@ -4931,6 +5018,23 @@ window.__ModuleLoader__.load({
 				if (MOBILE_FONT_ROLES.every((role) => this.typography.sizes[role] === next.sizes[role] && this.typography.families[role] === "")) return;
 				this.persist(next);
 			}
+			/** Reset visible supported controls while retaining preferences an older theme cannot consume. */
+			resetSupported() {
+				const defaults = defaultTypography();
+				const sizes = {
+					text: defaults.sizes.text,
+					code: this.capabilities.codeSize ? defaults.sizes.code : this.typography.sizes.code
+				};
+				const families = {
+					text: this.capabilities.textFamily ? "" : this.typography.families.text,
+					code: this.capabilities.codeFamily ? "" : this.typography.families.code
+				};
+				if (MOBILE_FONT_ROLES.every((role) => this.typography.sizes[role] === sizes[role] && this.typography.families[role] === families[role])) return;
+				this.persist({
+					sizes: Object.freeze(sizes),
+					families: Object.freeze(families)
+				});
+			}
 			persist(typography) {
 				this.typography = Object.freeze(typography);
 				try {
@@ -4942,7 +5046,11 @@ window.__ModuleLoader__.load({
 				for (const listener of this.listeners) listener();
 			}
 		};
-		/** Keep mobile typography independent from Host theme changes, including body-level portals. */
+		/**
+		* Keep mobile typography independent from Host theme changes, including body-level portals.
+		* Recheck head-owned stylesheets and body presentation attributes, not conversation DOM updates.
+		* Arbitrary stylesheets inserted into body are not observed.
+		*/
 		function installMobileFontPreference() {
 			let storage = null;
 			try {
@@ -4958,11 +5066,26 @@ window.__ModuleLoader__.load({
 			const owned = /* @__PURE__ */ new Map();
 			const apply = () => {
 				const typography = preference.getTypographySnapshot();
+				const capabilities = preference.getCapabilitiesSnapshot();
 				for (const role of MOBILE_FONT_ROLES) for (const [property, value] of [[roleSpecs[role].variable, `${typography.sizes[role]}px`], [`--dsh-font-family-${role}`, typography.families[role]]]) {
 					const current = style.getPropertyValue(property);
 					const priority = style.getPropertyPriority(property);
 					const last = owned.get(property);
-					if (last !== void 0 && (current !== last.value || priority !== last.priority)) previous.set(property, {
+					if (!(property === roleSpecs[role].variable ? role === "text" || capabilities.codeSize : role === "text" ? capabilities.textFamily : capabilities.codeFamily)) {
+						if (last !== void 0) {
+							if (current === last.value && priority === last.priority) {
+								const foreign = previous.get(property);
+								if (foreign.value === "") style.removeProperty(property);
+								else style.setProperty(property, foreign.value, foreign.priority);
+							} else previous.set(property, {
+								value: current,
+								priority
+							});
+							owned.delete(property);
+						}
+						continue;
+					}
+					if (last === void 0 || current !== last.value || priority !== last.priority) previous.set(property, {
 						value: current,
 						priority
 					});
@@ -4975,17 +5098,55 @@ window.__ModuleLoader__.load({
 					else style.setProperty(property, value);
 				}
 			};
-			apply();
-			const unsubscribe = preference.subscribe(apply);
-			const observer = new MutationObserver(apply);
+			let lastBodyState = "";
+			const bodyState = () => `${style.cssText}|${document.body.className}|${document.body.getAttribute("data-ds-dark-theme")}`;
+			const applyAndRemember = () => {
+				apply();
+				lastBodyState = bodyState();
+			};
+			const refresh = () => {
+				preference.updateCapabilities(readMobileTypographyCapabilities(document));
+				applyAndRemember();
+			};
+			refresh();
+			const unsubscribe = preference.subscribe(applyAndRemember);
+			const observer = new MutationObserver(() => {
+				if (bodyState() !== lastBodyState) refresh();
+			});
 			observer.observe(document.body, {
 				attributes: true,
-				attributeFilter: ["style"]
+				attributeFilter: [
+					"style",
+					"class",
+					"data-ds-dark-theme"
+				]
+			});
+			const themeObserver = new MutationObserver((records) => {
+				const isSheet = (node) => node instanceof Element && (node.matches("style,link[rel=\"stylesheet\"]") || node.querySelector("style,link[rel=\"stylesheet\"]") !== null);
+				if (records.some((record) => record.target instanceof Element && record.target.closest("style,link[rel=\"stylesheet\"]") !== null || [...record.addedNodes, ...record.removedNodes].some(isSheet))) refresh();
+			});
+			themeObserver.observe(document.head, {
+				subtree: true,
+				childList: true,
+				characterData: true,
+				attributes: true,
+				attributeFilter: [
+					"href",
+					"media",
+					"disabled",
+					"rel"
+				]
 			});
+			const sheetLoaded = (event) => {
+				if (event.target instanceof Element && event.target.matches("link[rel=\"stylesheet\"]")) refresh();
+			};
+			document.head.addEventListener("load", sheetLoaded, true);
 			return {
 				preference,
 				dispose: () => {
 					observer.disconnect();
+					themeObserver.disconnect();
+					document.head.removeEventListener("load", sheetLoaded, true);
 					unsubscribe();
 					for (const [property, value] of previous) {
 						const last = owned.get(property);
@@ -5008,7 +5169,8 @@ window.__ModuleLoader__.load({
 				familyHint: "填写设备已有的字体，多个名称用逗号分隔；留空使用默认字体。",
 				codeSize: "代码字号",
 				textFamily: "正文字体",
-				codeFamily: "代码字体"
+				codeFamily: "代码字体",
+				limited: "只显示当前 DSH 主题支持的字体选项；其他已保存的设置会保留。"
 			},
 			en: {
 				title: "Mobile font size",
@@ -5021,7 +5183,8 @@ window.__ModuleLoader__.load({
 				familyHint: "Use fonts already on your device, separated by commas. Leave empty for the default.",
 				codeSize: "Code font size",
 				textFamily: "Text font",
-				codeFamily: "Code font"
+				codeFamily: "Code font",
+				limited: "Only font options supported by the current DSH theme are shown. Other saved preferences are retained."
 			},
 			it: {
 				title: "Dimensione testo mobile",
@@ -5034,7 +5197,8 @@ window.__ModuleLoader__.load({
 				familyHint: "Usa caratteri presenti sul dispositivo, separati da virgole. Lascia vuoto per il predefinito.",
 				codeSize: "Dimensione codice",
 				textFamily: "Carattere testo",
-				codeFamily: "Carattere codice"
+				codeFamily: "Carattere codice",
+				limited: "Sono mostrate solo le opzioni supportate dal tema DSH corrente. Le altre preferenze salvate vengono mantenute."
 			}
 		};
 		function FontFamilyInput({ preference, role, value, label, placeholder }) {
@@ -5062,6 +5226,7 @@ window.__ModuleLoader__.load({
 		/** General settings row matching the existing Mobile controls and DSH theme tokens. */
 		function MobileFontSizeRow({ preference, locale }) {
 			const typography = (0, react.useSyncExternalStore)(preference.subscribe, preference.getTypographySnapshot);
+			const capabilities = (0, react.useSyncExternalStore)(preference.subscribeCapabilities, preference.getCapabilitiesSnapshot);
 			const copy = messages$1[locale];
 			const controls = (role, title) => {
 				const size = typography.sizes[role];
@@ -5092,18 +5257,22 @@ window.__ModuleLoader__.load({
 			return (0, react.createElement)("div", {
 				lang: locale,
 				"data-mobile-font-setting": true
-			}, (0, react.createElement)("div", { className: "dsh-mobile-settings_row" }, (0, react.createElement)("div", { className: "dsh-mobile-settings_rowText" }, (0, react.createElement)("div", { className: "dsh-mobile-settings_title" }, copy.title), (0, react.createElement)("div", { className: "dsh-mobile-settings_desc" }, copy.description)), controls("text", copy.title)), (0, react.createElement)("details", { className: "dsh-mobile-settings_fontDetails" }, (0, react.createElement)("summary", null, copy.more), (0, react.createElement)("p", { className: "dsh-mobile-settings_desc" }, copy.familyHint), (0, react.createElement)("div", { className: "dsh-mobile-settings_row" }, (0, react.createElement)("span", { className: "dsh-mobile-settings_rowText dsh-mobile-settings_title" }, copy.codeSize), controls("code", copy.codeSize)), ...MOBILE_FONT_ROLES.map((role) => (0, react.createElement)(FontFamilyInput, {
+			}, (0, react.createElement)("div", { className: "dsh-mobile-settings_row" }, (0, react.createElement)("div", { className: "dsh-mobile-settings_rowText" }, (0, react.createElement)("div", { className: "dsh-mobile-settings_title" }, copy.title), (0, react.createElement)("div", { className: "dsh-mobile-settings_desc" }, copy.description)), controls("text", copy.title)), !Object.values(capabilities).every(Boolean) && (0, react.createElement)("p", {
+				className: "dsh-mobile-settings_desc",
+				"data-mobile-font-limited": true
+			}, copy.limited), Object.values(capabilities).some(Boolean) && (0, react.createElement)("details", { className: "dsh-mobile-settings_fontDetails" }, (0, react.createElement)("summary", null, copy.more), (capabilities.textFamily || capabilities.codeFamily) && (0, react.createElement)("p", { className: "dsh-mobile-settings_desc" }, copy.familyHint), capabilities.codeSize && (0, react.createElement)("div", { className: "dsh-mobile-settings_row" }, (0, react.createElement)("span", { className: "dsh-mobile-settings_rowText dsh-mobile-settings_title" }, copy.codeSize), controls("code", copy.codeSize)), ...MOBILE_FONT_ROLES.filter((role) => role === "text" ? capabilities.textFamily : capabilities.codeFamily).map((role) => (0, react.createElement)(FontFamilyInput, {
 				key: role,
 				preference,
 				role,
 				value: typography.families[role],
 				label: role === "text" ? copy.textFamily : copy.codeFamily,
 				placeholder: copy.defaultFamily
-			})), (0, react.createElement)("button", {
+			}))), (0, react.createElement)("div", { className: "dsh-mobile-settings_row" }, (0, react.createElement)("button", {
 				type: "button",
 				className: "dsh-mobile-settings_selector",
+				"data-mobile-font-reset": true,
 				onClick: () => {
-					preference.reset();
+					preference.resetSupported();
 				}
 			}, copy.reset)));
 		}
@@ -5326,6 +5495,116 @@ window.__ModuleLoader__.load({
 			}, copy.reset)));
 		}
 		//#endregion
+		//#region src/mobile-native-settings-action.ts
+		/** Own capability discovery and explicit calls; native actions retain the App's own timeout. */
+		var MobileNativeSettingsActionController = class {
+			action;
+			getBridge;
+			snapshot = Object.freeze({
+				supported: false,
+				state: "idle"
+			});
+			listeners = /* @__PURE__ */ new Set();
+			bridge;
+			active = false;
+			generation = 0;
+			probe = 0;
+			attempt = 0;
+			constructor(action, getBridge) {
+				this.action = action;
+				this.getBridge = getBridge;
+			}
+			getSnapshot = () => this.snapshot;
+			subscribe = (listener) => {
+				this.listeners.add(listener);
+				return () => {
+					this.listeners.delete(listener);
+				};
+			};
+			start() {
+				this.active = true;
+				this.publish({
+					supported: false,
+					state: "idle"
+				});
+				this.refresh();
+			}
+			stop() {
+				this.active = false;
+				this.generation += 1;
+				this.probe += 1;
+				this.attempt += 1;
+				this.bridge = void 0;
+			}
+			/** Recheck support without replaying or invalidating an in-flight call to the same adapter. */
+			refresh = () => {
+				if (!this.active) return;
+				const bridge = this.getBridge();
+				const probe = ++this.probe;
+				if (bridge !== this.bridge) {
+					this.bridge = bridge;
+					this.generation += 1;
+					this.attempt += 1;
+					this.publish({
+						supported: false,
+						state: "idle"
+					});
+				}
+				if (bridge === void 0) return;
+				const generation = this.generation;
+				const settle = (supported) => {
+					if (!this.current(bridge, generation) || probe !== this.probe) return;
+					if (!supported) this.attempt += 1;
+					this.publish({
+						supported,
+						state: supported ? this.snapshot.state : "idle"
+					});
+				};
+				Promise.resolve().then(() => {
+					if (!this.current(bridge, generation) || probe !== this.probe) return void 0;
+					return bridge.capabilities();
+				}).then((capabilities) => {
+					settle(capabilities?.includes(this.action) === true);
+				}, () => {
+					settle(false);
+				});
+			};
+			/** Send at most one explicit action; late replies cannot update a replaced or unmounted row. */
+			invoke = () => {
+				const bridge = this.bridge;
+				if (bridge === void 0 || !this.snapshot.supported || !this.current(bridge, this.generation) || this.snapshot.state === "busy" || this.action === "mobile.switch-computer" && this.snapshot.state === "success") return;
+				const generation = this.generation;
+				const attempt = ++this.attempt;
+				this.publish({
+					supported: true,
+					state: "busy"
+				});
+				const current = () => this.current(bridge, generation) && attempt === this.attempt && this.snapshot.supported;
+				Promise.resolve().then(() => {
+					if (!current()) return void 0;
+					return bridge.invoke(this.action, {});
+				}).then(() => {
+					if (current()) this.publish({
+						supported: true,
+						state: "success"
+					});
+				}, () => {
+					if (current()) this.publish({
+						supported: true,
+						state: "error"
+					});
+				});
+			};
+			current(bridge, generation) {
+				return this.active && generation === this.generation && this.bridge === bridge && this.getBridge() === bridge;
+			}
+			publish(snapshot) {
+				if (snapshot.supported === this.snapshot.supported && snapshot.state === this.snapshot.state) return;
+				this.snapshot = Object.freeze(snapshot);
+				for (const listener of this.listeners) listener();
+			}
+		};
+		//#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";
@@ -5386,65 +5665,282 @@ window.__ModuleLoader__.load({
 			return (protocol === "dsh-app:" ? hostname === "app" : (protocol === "" || protocol === "http:" || protocol === "https:") && isLocalAdminHostname(hostname)) && frontend !== "dedicated" && !new URLSearchParams(query).has("dsh-mobile-preview");
 		}
 		//#endregion
+		//#region src/client-module-presentation.ts
+		/** Group boot-protected entries before considering their package namespace.
+		* @param entry - Catalog entry with server-owned required and dependency fields.
+		* @returns Display group, never an authorization or compatibility decision.
+		*/
+		function clientModuleGroup(entry) {
+			if (entry.required) return "required";
+			return entry.id.startsWith("@deepseek-ai/") ? "advanced" : "extensions";
+		}
+		/** Format the package leaf mechanically; the catalog has no product titles.
+		* @param id - Exact module ID from the server catalog.
+		* @returns Unscoped package words without guessed function or plugin ownership.
+		*/
+		function clientModuleDisplayName(id) {
+			const leaf = id.startsWith("@") && id.includes("/") ? id.slice(id.indexOf("/") + 1) : id;
+			return (leaf.replace(/^dsh-(?:client-(?:ui-)?)?/u, "") || leaf || id).replace(/[-_]+/gu, " ");
+		}
+		function matchesQuery(id, query) {
+			const needle = query.trim().toLowerCase();
+			return needle === "" || `${id}\n${clientModuleDisplayName(id)}`.toLowerCase().includes(needle);
+		}
+		/** Match the visible title or exact ID and the current draft loading choice.
+		* @param entry - Catalog entry to consider.
+		* @param excluded - Current draft exclusions, not a runtime loading observation.
+		* @param query - User-entered search text.
+		* @param filter - All, selected for loading, or selected for omission.
+		* @returns Whether the row belongs in the current filtered list.
+		*/
+		function clientModuleMatches(entry, excluded, query, filter) {
+			const omitted = !entry.required && excluded.has(entry.id);
+			return matchesQuery(entry.id, query) && (filter === "all" || (filter === "excluded" ? omitted : !omitted));
+		}
+		/** Editable selections retain unknown server exclusions and never cascade dependencies. */
+		var ClientModuleDraft = class {
+			entries;
+			initial;
+			excluded;
+			entriesById;
+			constructor(entries, excludedIds) {
+				this.entries = entries;
+				this.initial = new Set(excludedIds);
+				this.excluded = new Set(excludedIds);
+				this.entriesById = new Map(entries.map((entry) => [entry.id, entry]));
+			}
+			/** @returns Number of changed loading choices, including hidden filtered rows. */
+			get changeCount() {
+				let count = 0;
+				for (const id of this.initial) if (!this.excluded.has(id)) count += 1;
+				for (const id of this.excluded) if (!this.initial.has(id)) count += 1;
+				return count;
+			}
+			/** @returns A snapshot of exclusions suitable for authenticated saving. */
+			get excludedIds() {
+				return [...this.excluded];
+			}
+			/** @returns Retained exclusions that cannot be saved against the current catalog. */
+			get invalidExclusions() {
+				return [...this.excluded].flatMap((id) => {
+					const entry = this.entriesById.get(id);
+					return entry === void 0 ? [{
+						id,
+						reason: "missing"
+					}] : entry.required ? [{
+						id,
+						reason: "required"
+					}] : [];
+				});
+			}
+			/** Explicitly remove an old exclusion; ordinary optional choices use setLoaded.
+			* @param id - Exact ID of a retained missing or now-required exclusion.
+			* @returns Whether this draft changed; no server request is made.
+			*/
+			clearInvalidExclusion(id) {
+				const entry = this.entriesById.get(id);
+				if (!this.initial.has(id) || entry !== void 0 && !entry.required) return false;
+				return this.excluded.delete(id);
+			}
+			/** @returns Whether a catalog entry is selected for loading, not already loaded. */
+			isLoaded(id) {
+				return this.entriesById.get(id)?.required === true || !this.excluded.has(id);
+			}
+			/** Change one optional choice; required and unknown entries cannot be edited.
+			* @param id - Exact catalog ID.
+			* @param loaded - Whether to load the entry on the next open.
+			*/
+			setLoaded(id, loaded) {
+				const entry = this.entriesById.get(id);
+				if (entry === void 0 || entry.required) return;
+				if (loaded) this.excluded.delete(id);
+				else this.excluded.add(id);
+			}
+			/** Filter a draft without changing hidden choices.
+			* @param query - Search input.
+			* @param filter - Requested loading selection.
+			* @returns Catalog entries in their original stable order.
+			*/
+			matchingEntries(query, filter) {
+				return this.entries.filter((entry) => clientModuleMatches(entry, this.excluded, query, filter));
+			}
+			/** Find invalid old exclusions by name or ID, independently from the protected catalog row.
+			* @param query - Search input.
+			* @param filter - Old exclusions appear in all and excluded selections, not loaded.
+			* @returns Invalid draft exclusions in their retained order.
+			*/
+			matchingInvalidExclusions(query, filter) {
+				return filter === "loaded" ? [] : this.invalidExclusions.filter((entry) => matchesQuery(entry.id, query));
+			}
+		};
+		//#endregion
 		//#region src/client-module-ui.ts
 		/** Device-local module selection and the computer's defaults share a read-only catalog. */
 		const CLIENT_MODULE_COPY = {
 			zh: {
 				title: "移动页面模块",
-				computer: "为移动访问设置默认加载模块，不卸载电脑上的插件。",
-				device: "只为本设备选择加载模块，不改变其他手机或电脑。",
+				computer: "设置此电脑的移动访问默认项；电脑插件不变。",
+				device: "仅本设备，下次打开生效；电脑插件不变。",
 				open: "管理",
+				help: "加载规则",
 				loading: "正在读取模块…",
-				hint: "勾选表示加载。启动必需的模块不能取消；依赖冲突会在保存时说明。",
-				save: "保存，下次打开生效",
+				hint: "勾选表示下次打开时加载。启动必需项受保护；依赖冲突会在保存时说明，不会自动取消其他模块。",
+				save: "保存选择",
 				reset: "恢复默认",
 				close: "关闭",
 				required: "启动必需",
 				dependencies: "依赖：",
-				saved: "已保存，不会自动刷新当前页面。重新打开 DSH 后生效。",
-				failed: "暂时无法完成。请确认移动访问已启用，或检查下面的依赖冲突。",
+				noDependencies: "无声明的前端依赖",
+				details: "模块详情",
+				moduleId: "模块 ID",
+				saved: "已保存，下次打开 DSH 生效。不会自动刷新当前页面或丢弃草稿。",
+				failed: "暂时无法读取模块。请确认移动访问已启用后重试。",
+				saveFailed: "未确认保存成功，已保留你的选择。可重新保存，或重新读取已保存设置。",
 				conflict: "无法保存：",
-				computerSource: "使用电脑默认设置",
-				deviceSource: "使用本设备设置",
-				resetConfirm: "恢复默认模块选择？不会重新加载当前会话。"
+				computerSource: "当前来源：电脑默认设置",
+				deviceSource: "当前来源：本设备设置",
+				pluginSource: "当前来源：插件默认设置",
+				resetConfirm: "恢复默认模块选择？仅下次打开生效，不会重新加载当前会话。",
+				discardConfirm: "放弃未保存的模块选择并关闭？",
+				reloadConfirm: "重新读取会替换未保存的选择。继续吗？",
+				savingCloseConfirm: "保存结果尚未确认。现在关闭不会撤销可能已完成的保存，确定关闭吗？",
+				search: "搜索模块",
+				searchPlaceholder: "搜索名称或模块 ID",
+				filter: "加载选择",
+				all: "全部",
+				loaded: "加载",
+				excluded: "不加载",
+				empty: "没有符合条件的模块。",
+				clearFilters: "清除筛选",
+				extensions: "可选扩展",
+				extensionsHint: "可选择不加载的前端模块；一项模块不一定等于一个完整插件。",
+				advanced: "DSH 可选组件（高级）",
+				advancedHint: "DSH 的可选前端组件。只修改你了解的项目。",
+				requiredGroup: "启动必需项",
+				requiredHint: "这些模块保证页面启动，不能关闭。",
+				changes: "未保存：{count} 项改动",
+				unchanged: "没有未保存的改动",
+				results: "匹配 {visible} / {total} 项",
+				retry: "重新读取",
+				saving: "正在保存…",
+				readTimeout: "读取超时。当前页面和已保存设置未变，请重试。",
+				writeTimeout: "保存超时，结果尚未确认。保留了你的选择；请重新读取确认，不会自动重试保存。",
+				nextOpen: "仅下次打开生效",
+				invalidSelections: "失效的旧选择",
+				invalidHint: "这些旧排除已与当前模块目录不符。移除后仍需保存选择。",
+				invalidMissing: "当前模块目录中不存在。",
+				invalidRequired: "当前已是启动必需项，不能排除。",
+				clearInvalid: "移除旧排除"
 			},
 			en: {
 				title: "Mobile page modules",
-				computer: "Choose default modules for mobile access without uninstalling computer plugins.",
-				device: "Choose modules for this device only; other phones and computers are unchanged.",
+				computer: "Mobile defaults for this computer. Desktop plugins are unchanged.",
+				device: "For this device’s next open only. Computer plugins are unchanged.",
 				open: "Manage",
+				help: "Loading rules",
 				loading: "Reading modules…",
-				hint: "Checked means loaded. Required boot modules cannot be unchecked; saving explains dependency conflicts.",
-				save: "Save for next open",
+				hint: "Checked means load on the next open. Required entries are protected; saving explains dependency conflicts without unchecking other modules.",
+				save: "Save selection",
 				reset: "Restore defaults",
 				close: "Close",
 				required: "Required for boot",
 				dependencies: "Depends on: ",
-				saved: "Saved. This page is not reloaded automatically. Reopen DSH to apply.",
-				failed: "Could not complete this operation. Enable mobile access or check the dependency conflict below.",
+				noDependencies: "No declared frontend dependencies",
+				details: "Module details",
+				moduleId: "Module ID",
+				saved: "Saved for the next DSH open. This page is not refreshed and its draft is kept.",
+				failed: "Could not read modules. Enable mobile access and try again.",
+				saveFailed: "Saving was not confirmed. Your choices are kept. Save again or reread the saved settings.",
 				conflict: "Could not save: ",
-				computerSource: "Using computer defaults",
-				deviceSource: "Using this device’s settings",
-				resetConfirm: "Restore default module selection? The current conversation will not reload."
+				computerSource: "Source: computer defaults",
+				deviceSource: "Source: this device’s settings",
+				pluginSource: "Source: plugin defaults",
+				resetConfirm: "Restore default selections for the next open? The current conversation will not reload.",
+				discardConfirm: "Discard unsaved module choices and close?",
+				reloadConfirm: "Rereading replaces unsaved choices. Continue?",
+				savingCloseConfirm: "Saving is not confirmed. Closing will not undo a save that may have completed. Close anyway?",
+				search: "Search modules",
+				searchPlaceholder: "Search name or module ID",
+				filter: "Loading selection",
+				all: "All",
+				loaded: "Load",
+				excluded: "Do not load",
+				empty: "No modules match these filters.",
+				clearFilters: "Clear filters",
+				extensions: "Optional extensions",
+				extensionsHint: "Optional frontend modules; one module is not necessarily a complete plugin.",
+				advanced: "DSH optional components (advanced)",
+				advancedHint: "Optional DSH frontend components. Change only entries you understand.",
+				requiredGroup: "Required for boot",
+				requiredHint: "These modules keep the page bootable and cannot be disabled.",
+				changes: "Unsaved: {count} changes",
+				unchanged: "No unsaved changes",
+				results: "Matching {visible} / {total}",
+				retry: "Reread settings",
+				saving: "Saving…",
+				readTimeout: "Reading timed out. This page and saved settings are unchanged; try again.",
+				writeTimeout: "Saving timed out and its result is unconfirmed. Your choices are kept. Reread to confirm; saving is not retried automatically.",
+				nextOpen: "Applies on next open only",
+				invalidSelections: "Outdated selections",
+				invalidHint: "These old exclusions no longer match the module catalog. Save your choices after removing them.",
+				invalidMissing: "Not present in the current module catalog.",
+				invalidRequired: "Now required for boot and cannot be excluded.",
+				clearInvalid: "Remove old exclusion"
 			},
 			it: {
 				title: "Moduli della pagina mobile",
-				computer: "Scegli i moduli predefiniti senza disinstallare i plugin del computer.",
-				device: "Scegli i moduli solo per questo dispositivo, senza cambiare gli altri.",
+				computer: "Predefiniti mobile del computer; i plugin non cambiano.",
+				device: "Solo alla prossima apertura su questo dispositivo; i plugin del computer non cambiano.",
 				open: "Gestisci",
+				help: "Regole di caricamento",
 				loading: "Lettura dei moduli…",
-				hint: "Selezionato significa caricato. I moduli obbligatori non possono essere rimossi; il salvataggio mostra i conflitti.",
-				save: "Salva per la prossima apertura",
+				hint: "Selezionato significa caricare alla prossima apertura. I moduli obbligatori sono protetti; il salvataggio mostra i conflitti senza deselezionare altri moduli.",
+				save: "Salva selezione",
 				reset: "Ripristina predefiniti",
 				close: "Chiudi",
 				required: "Obbligatorio",
 				dependencies: "Dipende da: ",
-				saved: "Salvato. La pagina non viene ricaricata automaticamente. Riapri DSH per applicare.",
-				failed: "Operazione non completata. Abilita accesso mobile o controlla il conflitto sotto.",
+				noDependencies: "Nessuna dipendenza frontend dichiarata",
+				details: "Dettagli modulo",
+				moduleId: "ID modulo",
+				saved: "Salvato per la prossima apertura di DSH. La pagina non si aggiorna e la bozza resta.",
+				failed: "Impossibile leggere i moduli. Abilita accesso mobile e riprova.",
+				saveFailed: "Salvataggio non confermato. Le scelte restano; salva di nuovo o rileggi le impostazioni salvate.",
 				conflict: "Impossibile salvare: ",
-				computerSource: "Predefiniti del computer",
-				deviceSource: "Impostazioni del dispositivo",
-				resetConfirm: "Ripristinare i moduli predefiniti? La conversazione attuale non verrà ricaricata."
+				computerSource: "Origine: predefiniti del computer",
+				deviceSource: "Origine: impostazioni del dispositivo",
+				pluginSource: "Origine: predefiniti del plugin",
+				resetConfirm: "Ripristinare i predefiniti per la prossima apertura? La conversazione attuale non verrà ricaricata.",
+				discardConfirm: "Scartare le scelte non salvate e chiudere?",
+				reloadConfirm: "Rileggere sostituisce le scelte non salvate. Continuare?",
+				savingCloseConfirm: "Salvataggio non confermato. Chiudere non annulla un salvataggio già completato. Chiudere comunque?",
+				search: "Cerca moduli",
+				searchPlaceholder: "Cerca nome o ID modulo",
+				filter: "Selezione caricamento",
+				all: "Tutti",
+				loaded: "Carica",
+				excluded: "Non caricare",
+				empty: "Nessun modulo corrisponde ai filtri.",
+				clearFilters: "Cancella filtri",
+				extensions: "Estensioni facoltative",
+				extensionsHint: "Moduli frontend facoltativi; un modulo non è necessariamente un plugin completo.",
+				advanced: "Componenti DSH facoltativi (avanzate)",
+				advancedHint: "Componenti frontend DSH facoltativi. Modifica solo quelli che conosci.",
+				requiredGroup: "Moduli obbligatori",
+				requiredHint: "Questi moduli permettono l’avvio e non possono essere disattivati.",
+				changes: "Non salvate: {count} modifiche",
+				unchanged: "Nessuna modifica non salvata",
+				results: "Corrispondenti {visible} / {total}",
+				retry: "Rileggi impostazioni",
+				saving: "Salvataggio…",
+				readTimeout: "Lettura scaduta. Pagina e impostazioni salvate non cambiano; riprova.",
+				writeTimeout: "Salvataggio scaduto e non confermato. Le scelte restano. Rileggi per confermare; nessun tentativo automatico.",
+				nextOpen: "Solo alla prossima apertura",
+				invalidSelections: "Scelte obsolete",
+				invalidHint: "Queste esclusioni precedenti non corrispondono più al catalogo. Salva le scelte dopo averle rimosse.",
+				invalidMissing: "Assente dal catalogo attuale dei moduli.",
+				invalidRequired: "Ora obbligatorio per l’avvio e non può essere escluso.",
+				clearInvalid: "Rimuovi esclusione precedente"
 			}
 		};
 		var ClientModuleUiConflict = class extends Error {
@@ -5454,29 +5950,40 @@ window.__ModuleLoader__.load({
 				this.detail = detail;
 			}
 		};
+		/** A deadline does not imply that a POST was rolled back by the server. */
+		var ClientModuleRequestTimeout = class extends Error {
+			mutation;
+			constructor(mutation) {
+				super("client_module_request_timeout");
+				this.mutation = mutation;
+			}
+		};
+		const CLIENT_MODULE_REQUEST_TIMEOUT_MS = {
+			read: 15e3,
+			write: 2e4
+		};
 		/** Validate catalog response fields before creating interactive controls.
 		* @param value - Gateway or computer-admin JSON response.
 		* @returns The fields used by the module-selection dialog.
 		*/
 		function parseClientModuleView(value) {
-			if (typeof value !== "object" || value === null || !("entries" in value) || !Array.isArray(value.entries) || !("excludedClientModules" in value) || !Array.isArray(value.excludedClientModules) || !("source" in value) || ![
-				"device",
-				"computer",
-				"plugin"
-			].includes(String(value.source))) throw new Error("invalid_module_catalog");
+			if (typeof value !== "object" || value === null || !("entries" in value) || !Array.isArray(value.entries) || !("excludedClientModules" in value) || !Array.isArray(value.excludedClientModules) || !("source" in value) || value.source !== "device" && value.source !== "computer" && value.source !== "plugin") throw new Error("invalid_module_catalog");
+			const entries = value.entries.map((entry) => {
+				if (typeof entry !== "object" || entry === null || !("id" in entry) || typeof entry.id !== "string" || !("required" in entry) || typeof entry.required !== "boolean" || !("dependencies" in entry) || !Array.isArray(entry.dependencies)) throw new Error("invalid_module_catalog");
+				const dependencies = entry.dependencies.map((dependency) => {
+					if (typeof dependency !== "string") throw new Error("invalid_module_catalog");
+					return dependency;
+				});
+				if (entry.id.trim() === "") throw new Error("invalid_module_catalog");
+				return {
+					id: entry.id,
+					required: entry.required,
+					dependencies
+				};
+			});
+			if (new Set(entries.map((entry) => entry.id)).size !== entries.length) throw new Error("invalid_module_catalog");
 			return {
-				entries: value.entries.map((entry) => {
-					if (typeof entry !== "object" || entry === null || !("id" in entry) || typeof entry.id !== "string" || !("required" in entry) || typeof entry.required !== "boolean" || !("dependencies" in entry) || !Array.isArray(entry.dependencies)) throw new Error("invalid_module_catalog");
-					const dependencies = entry.dependencies.map((dependency) => {
-						if (typeof dependency !== "string") throw new Error("invalid_module_catalog");
-						return dependency;
-					});
-					return {
-						id: entry.id,
-						required: entry.required,
-						dependencies
-					};
-				}),
+				entries,
 				excludedClientModules: value.excludedClientModules.map((id) => {
 					if (typeof id !== "string") throw new Error("invalid_module_catalog");
 					return id;
@@ -5484,32 +5991,103 @@ window.__ModuleLoader__.load({
 				source: value.source === "device" ? "device" : value.source === "computer" ? "computer" : "plugin"
 			};
 		}
+		/** Read or explicitly write module choices with a bounded, cancellable operation.
+		* @param scope - Computer-admin endpoint or authenticated device endpoint.
+		* @param signal - Owning dialog lifetime; cancellation cannot undo a completed write.
+		* @param body - Omit for a read; supplied fields are sent once without automatic replay.
+		* @returns Validated catalog fields returned by the selected endpoint.
+		*/
+		async function requestClientModuleView(scope, signal, body) {
+			if (signal.aborted) throw new DOMException("Dialog closed", "AbortError");
+			const controller = new AbortController();
+			let rejectCancellation = () => {};
+			const cancellation = new Promise((_, reject) => {
+				rejectCancellation = reject;
+			});
+			const abort = () => {
+				controller.abort();
+				rejectCancellation(new DOMException("Dialog closed", "AbortError"));
+			};
+			signal.addEventListener("abort", abort, { once: true });
+			const timer = setTimeout(() => {
+				rejectCancellation(new ClientModuleRequestTimeout(body !== void 0));
+				controller.abort();
+			}, body === void 0 ? CLIENT_MODULE_REQUEST_TIMEOUT_MS.read : CLIENT_MODULE_REQUEST_TIMEOUT_MS.write);
+			const operation = async () => {
+				const init = {
+					method: body === void 0 ? "GET" : "POST",
+					signal: controller.signal,
+					...body === void 0 ? {} : { body: JSON.stringify(body) }
+				};
+				init.headers = scope === "computer" ? localAdminRequestHeaders(init, location) : { "content-type": "application/json" };
+				if (scope === "device" && body !== void 0) {
+					const cookies = document.cookie.split(";").map((value) => value.trim());
+					const csrfCookie = cookies.find((value) => value.startsWith("__Host-dsh_ma_csrf=")) ?? cookies.find((value) => value.startsWith("dsh_ma_csrf="));
+					if (csrfCookie !== void 0) {
+						const headers = new Headers(init.headers);
+						headers.set("x-dsh-mobile-csrf", csrfCookie.slice(csrfCookie.indexOf("=") + 1));
+						init.headers = headers;
+					}
+				}
+				const response = await fetch(scope === "computer" ? "/api/mobile-access/client-modules" : "/mobile-access/client-modules", init);
+				const value = await response.json();
+				if (!response.ok) {
+					const detail = typeof value === "object" && value !== null && "detail" in value && typeof value.detail === "string" ? value.detail.slice(0, 512) : "";
+					if (response.status === 409 && detail !== "" && typeof value === "object" && value !== null && "error" in value && value.error === "excluded_client_modules_invalid") throw new ClientModuleUiConflict(detail);
+					throw new Error("client_module_request_failed");
+				}
+				return parseClientModuleView(value);
+			};
+			try {
+				return await Promise.race([operation(), cancellation]);
+			} finally {
+				clearTimeout(timer);
+				signal.removeEventListener("abort", abort);
+			}
+		}
 		const CLIENT_MODULE_STYLES = `
 .dsh-module-row{display:flex;align-items:center;gap:8px;padding:16px 0;border-bottom:.5px solid var(--dsw-alias-border-l2)}
 .dsh-module-rowText{flex:1;min-width:0}.dsh-module-title{font-size:14px;line-height:22px;color:var(--dsw-alias-label-primary)}
 .dsh-module-description{margin-top:4px;font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary)}
 .dsh-module-button{min-height:48px;padding:0 14px;border:0;border-radius:24px;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-primary);font:inherit;font-size:14px;cursor:pointer}
 .dsh-module-button:focus-visible{outline:2px solid var(--dsw-alias-label-primary-bluish,#2563eb);outline-offset:2px}
-.dsh-module-dialog{box-sizing:border-box;width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-panel,20px);background:var(--dsw-alias-bg-layer-1,#fff);color:var(--dsw-alias-label-primary,#171a21);font:16px/1.5 var(--dsw-font-family,sans-serif);overflow:auto}
-.dsh-module-dialog::backdrop{background:rgb(15 23 42 / 40%)}.dsh-module-dialog h2{font-size:20px;margin:0 0 12px}
-.dsh-module-dialog p{overflow-wrap:anywhere}.dsh-module-list{display:flex;flex-direction:column;gap:4px;margin:12px 0}
-.dsh-module-choice{display:flex;align-items:flex-start;gap:12px;min-height:48px;padding:8px 0;border-bottom:1px solid var(--dsw-alias-border-l2)}
-.dsh-module-choice input{width:24px;height:24px;flex:none;margin:2px 0}.dsh-module-choice span{min-width:0;overflow-wrap:anywhere}
-.dsh-module-choice small{display:block;font-size:12px;color:var(--dsw-alias-label-tertiary);line-height:18px}.dsh-module-actions{display:flex;flex-wrap:wrap;gap:8px}
+.dsh-module-button:not(:disabled):active{background:var(--dsw-alias-interactive-bg-active)}
+.dsh-module-dialog{box-sizing:border-box;width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-panel,20px);background:var(--dsw-alias-bg-layer-1,#fff);color:var(--dsw-alias-label-primary,#171a21);font:16px/1.5 var(--dsw-font-family,sans-serif);overflow:hidden}
+.dsh-module-dialog[open]{display:flex;flex-direction:column}.dsh-module-dialog::backdrop{background:rgb(15 23 42 / 40%)}
+.dsh-module-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--dsw-alias-border-l2);flex:none}
+.dsh-module-header h2{flex:1;min-width:0;font-size:20px;line-height:1.4;margin:0;overflow-wrap:anywhere}.dsh-module-header .dsh-module-button{flex:none}
+.dsh-module-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px;scroll-padding:12px}.dsh-module-dialog p{margin:0 0 12px;overflow-wrap:anywhere}
+.dsh-module-hint,.dsh-module-source,.dsh-module-choice small,.dsh-module-groupHint,.dsh-module-results{font-size:13px;line-height:20px;color:var(--dsw-alias-label-secondary,var(--dsw-alias-label-tertiary))}
+.dsh-module-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.45fr);gap:12px;margin:16px 0 8px}.dsh-module-field{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:13px}
+.dsh-module-help>summary{box-sizing:border-box;min-height:48px;padding:12px 0;cursor:pointer;font-size:13px;color:var(--dsw-alias-label-secondary)}
+.dsh-module-field input,.dsh-module-field select{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:8px 12px;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-base,var(--dsw-alias-bg-layer-1));color:var(--dsw-alias-label-primary);font:inherit;font-size:16px}
+.dsh-module-dialog :is(input,select,summary):focus-visible{outline:2px solid var(--dsw-alias-label-primary-bluish,#2563eb);outline-offset:2px}
+.dsh-module-list{display:flex;flex-direction:column;gap:16px;margin:12px 0}.dsh-module-group h3{margin:0 0 8px;font-size:16px;line-height:24px}
+.dsh-module-group>summary{min-height:48px;cursor:pointer;font-weight:600;overflow-wrap:anywhere;align-content:center}.dsh-module-group>summary+div{margin-top:8px}
+.dsh-module-entry{border-bottom:1px solid var(--dsw-alias-border-l2);padding:8px 0}.dsh-module-choice{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer}
+.dsh-module-choice input{width:24px;height:24px;flex:none;margin:0}.dsh-module-choice span{min-width:0;overflow-wrap:anywhere}.dsh-module-choiceName{display:block;font-weight:500}
+.dsh-module-choice small{display:block}.dsh-module-entryDetails{margin-left:36px;min-width:0}.dsh-module-entryDetails summary{min-height:48px;align-content:center;cursor:pointer;font-size:13px;color:var(--dsw-alias-label-secondary,var(--dsw-alias-label-tertiary))}
+.dsh-module-invalid-entry code{display:block;min-width:0;overflow-wrap:anywhere;white-space:normal;font-size:13px}.dsh-module-invalid-entry .dsh-module-button{max-width:100%;white-space:normal;line-height:20px;padding:8px 14px}
+.dsh-module-entryDetails p,.dsh-module-entryDetails code{overflow-wrap:anywhere;font-size:13px}.dsh-module-entryDetails code{white-space:normal}
+.dsh-module-footer{flex:none;padding:12px 16px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1,#fff)}
+.dsh-module-footer p{font-size:13px;line-height:20px;margin:0 0 8px}.dsh-module-actions{display:flex;flex-wrap:wrap;gap:8px}.dsh-module-actions .dsh-module-button{flex:1;min-width:0;white-space:normal;line-height:20px;padding:8px 12px}
+.dsh-module-button:disabled{opacity:.5;cursor:default}.dsh-module-save{background:var(--dsw-alias-bg-module-platform);font-weight:600}
+.dsh-module-notice:empty{display:none}.dsh-module-notice{max-height:min(96px,24dvh);overflow:auto;font-size:14px;line-height:22px;overscroll-behavior:contain}.dsh-module-empty{padding:16px 0}
+@media(max-width:420px){.dsh-module-tools{grid-template-columns:minmax(0,1fr)}.dsh-module-body{padding:12px}.dsh-module-header,.dsh-module-footer{padding-left:12px;padding-right:12px}}
 .dsh-module-error{color:var(--dsw-alias-state-error-primary,#b42318)}
 `;
 		const openDialogs = /* @__PURE__ */ new Set();
 		/** Cancel pending dialogs when the owning plugin generation is disposed. */
 		function disposeClientModuleDialogs() {
-			for (const dispose of [...openDialogs]) dispose();
+			for (const dialog of [...openDialogs]) dialog.dispose();
 		}
 		/** Close the foreground module modal before navigating its underlying DSH settings.
 		* @returns Whether an open module modal consumed the return action.
 		*/
 		function closeClientModuleDialog() {
-			const dispose = [...openDialogs].at(-1);
-			if (dispose === void 0) return false;
-			dispose();
+			const dialog = [...openDialogs].at(-1);
+			if (dialog === void 0) return false;
+			dialog.requestClose();
 			return true;
 		}
 		/** Open one modal; closing cancels reads and restores focus without reloading the page.
@@ -5519,143 +6097,338 @@ window.__ModuleLoader__.load({
 		*/
 		function openClientModuleSettings(scope, locale, trigger) {
 			const copy = CLIENT_MODULE_COPY[locale];
-			const endpoint = scope === "computer" ? "/api/mobile-access/client-modules" : "/mobile-access/client-modules";
 			const controller = new AbortController();
 			const dialog = document.createElement("dialog");
 			dialog.className = "dsh-module-dialog";
 			dialog.setAttribute("aria-label", copy.title);
+			dialog.lang = locale;
+			const button = (text) => {
+				const result = document.createElement("button");
+				result.type = "button";
+				result.className = "dsh-module-button";
+				result.textContent = text;
+				return result;
+			};
+			const paragraph = (text, className = "") => {
+				const result = document.createElement("p");
+				result.textContent = text;
+				result.className = className;
+				return result;
+			};
+			const header = document.createElement("div");
+			header.className = "dsh-module-header";
 			const title = document.createElement("h2");
 			title.textContent = copy.title;
-			const intro = document.createElement("p");
-			intro.textContent = `${copy[scope]} ${copy.hint}`;
-			const status = document.createElement("p");
+			const close = button(copy.close);
+			header.append(title, close);
+			const body = document.createElement("div");
+			body.className = "dsh-module-body";
+			const intro = paragraph(copy[scope]);
+			const hint = paragraph(copy.hint, "dsh-module-hint");
+			const help = document.createElement("details");
+			help.className = "dsh-module-help";
+			const helpTitle = document.createElement("summary");
+			helpTitle.textContent = copy.help;
+			help.append(helpTitle, hint);
+			const source = paragraph("", "dsh-module-source");
+			const status = paragraph("", "dsh-module-notice");
 			status.setAttribute("role", "status");
 			status.setAttribute("aria-live", "polite");
 			status.tabIndex = -1;
+			const tools = document.createElement("div");
+			tools.className = "dsh-module-tools";
+			const searchLabel = document.createElement("label");
+			searchLabel.className = "dsh-module-field";
+			searchLabel.textContent = copy.search;
+			const search = document.createElement("input");
+			search.type = "search";
+			search.placeholder = copy.searchPlaceholder;
+			search.setAttribute("aria-label", copy.search);
+			searchLabel.append(search);
+			const filterLabel = document.createElement("label");
+			filterLabel.className = "dsh-module-field";
+			filterLabel.textContent = copy.filter;
+			const filter = document.createElement("select");
+			filter.dataset.clientModuleFilter = "true";
+			filter.setAttribute("aria-label", copy.filter);
+			for (const value of [
+				"all",
+				"loaded",
+				"excluded"
+			]) {
+				const option = document.createElement("option");
+				option.value = value;
+				option.textContent = copy[value];
+				filter.append(option);
+			}
+			filterLabel.append(filter);
+			tools.append(searchLabel, filterLabel);
+			const results = paragraph("", "dsh-module-results");
+			results.setAttribute("aria-live", "polite");
 			const list = document.createElement("div");
 			list.className = "dsh-module-list";
+			const footer = document.createElement("div");
+			footer.className = "dsh-module-footer";
+			const changes = paragraph(copy.unchanged);
+			changes.setAttribute("role", "status");
+			changes.setAttribute("aria-live", "polite");
 			const actions = document.createElement("div");
 			actions.className = "dsh-module-actions";
-			const button = (text) => {
-				const result = document.createElement("button");
-				result.type = "button";
-				result.className = "dsh-module-button";
-				result.textContent = text;
-				return result;
-			};
 			const save = button(copy.save);
+			save.classList.add("dsh-module-save");
 			const reset = button(copy.reset);
-			const close = button(copy.close);
-			actions.append(save, reset, close);
-			dialog.append(title, intro, status, list, actions);
+			const reread = button(copy.retry);
+			actions.append(save, reset, reread);
+			footer.append(changes, status, actions);
+			body.append(intro, source, tools, results, list, help);
+			dialog.append(header, body, footer);
 			let disposed = false;
-			let busy = false;
-			let loaded = false;
+			let busy;
+			let generation = 0;
+			let draft;
+			let unconfirmedWrite = false;
+			const expansion = /* @__PURE__ */ new Map([
+				["extensions", true],
+				["advanced", false],
+				["required", false]
+			]);
 			const choices = /* @__PURE__ */ new Map();
-			const setBusy = (value) => {
-				busy = value;
-				save.disabled = value || !loaded;
-				reset.disabled = value || !loaded;
-				for (const input of choices.values()) if (!input.dataset.required) input.disabled = value;
-			};
-			const request = async (body) => {
-				const init = {
-					method: body === void 0 ? "GET" : "POST",
-					signal: controller.signal,
-					...body === void 0 ? {} : { body: JSON.stringify(body) }
-				};
-				init.headers = scope === "computer" ? localAdminRequestHeaders(init, location) : { "content-type": "application/json" };
-				if (scope === "device" && body !== void 0) {
-					const csrfCookie = document.cookie.split(";").map((value) => value.trim()).find((value) => value.startsWith("__Host-dsh_ma_csrf=")) ?? document.cookie.split(";").map((value) => value.trim()).find((value) => value.startsWith("dsh_ma_csrf="));
-					if (csrfCookie !== void 0) {
-						const headers = new Headers(init.headers);
-						headers.set("x-dsh-mobile-csrf", csrfCookie.slice(csrfCookie.indexOf("=") + 1));
-						init.headers = headers;
+			const invalidActions = /* @__PURE__ */ new Map();
+			const filterValue = () => filter.value === "loaded" ? "loaded" : filter.value === "excluded" ? "excluded" : "all";
+			const updateControls = () => {
+				const changed = draft?.changeCount ?? 0;
+				save.disabled = busy !== void 0 || changed === 0;
+				reset.disabled = busy !== void 0 || draft === void 0;
+				reread.disabled = busy !== void 0;
+				search.disabled = busy !== void 0 || draft === void 0;
+				filter.disabled = search.disabled;
+				save.textContent = busy === "write" ? copy.saving : copy.save;
+				changes.textContent = `${changed === 0 ? copy.unchanged : copy.changes.replace("{count}", String(changed))} · ${copy.nextOpen}`;
+				list.setAttribute("aria-busy", String(busy !== void 0));
+				for (const input of choices.values()) input.disabled = busy !== void 0 || input.dataset.required === "true";
+				for (const action of invalidActions.values()) action.disabled = busy !== void 0;
+			};
+			const renderList = () => {
+				choices.clear();
+				invalidActions.clear();
+				list.replaceChildren();
+				if (draft === void 0) {
+					results.textContent = "";
+					return;
+				}
+				const visible = draft.matchingEntries(search.value, filterValue());
+				const invalid = draft.matchingInvalidExclusions(search.value, filterValue());
+				results.textContent = copy.results.replace("{visible}", String(visible.length + invalid.length)).replace("{total}", String(draft.entries.length + draft.invalidExclusions.length));
+				const filtered = search.value.trim() !== "" || filterValue() !== "all";
+				if (visible.length === 0 && invalid.length === 0) {
+					const empty = document.createElement("div");
+					empty.className = "dsh-module-empty";
+					empty.append(paragraph(copy.empty));
+					const clear = button(copy.clearFilters);
+					clear.addEventListener("click", () => {
+						search.value = "";
+						filter.value = "all";
+						renderList();
+						search.focus({ preventScroll: true });
+					});
+					empty.append(clear);
+					list.append(empty);
+				}
+				if (invalid.length > 0) {
+					const section = document.createElement("section");
+					section.className = "dsh-module-group";
+					section.dataset.clientModuleGroup = "invalid";
+					const heading = document.createElement("h3");
+					heading.textContent = `${copy.invalidSelections} (${invalid.length})`;
+					section.append(heading, paragraph(copy.invalidHint, "dsh-module-groupHint"));
+					for (const entry of invalid) {
+						const row = document.createElement("div");
+						row.className = "dsh-module-entry dsh-module-invalid-entry";
+						row.dataset.invalidClientModuleId = entry.id;
+						const id = document.createElement("code");
+						id.textContent = entry.id;
+						const remove = button(copy.clearInvalid);
+						remove.setAttribute("aria-label", `${copy.clearInvalid}: ${entry.id}`);
+						remove.addEventListener("click", () => {
+							if (disposed || busy !== void 0 || draft?.clearInvalidExclusion(entry.id) !== true) return;
+							status.textContent = "";
+							status.classList.remove("dsh-module-error");
+							renderList();
+							(invalidActions.values().next().value ?? save).focus({ preventScroll: true });
+						});
+						row.append(id, paragraph(entry.reason === "missing" ? copy.invalidMissing : copy.invalidRequired), remove);
+						invalidActions.set(entry.id, remove);
+						section.append(row);
 					}
+					list.append(section);
 				}
-				const response = await fetch(endpoint, init);
-				const value = await response.json();
-				if (!response.ok) {
-					const detail = typeof value === "object" && value !== null && "detail" in value && typeof value.detail === "string" ? value.detail.slice(0, 512) : "";
-					if (response.status === 409 && detail !== "" && typeof value === "object" && value !== null && "error" in value && value.error === "excluded_client_modules_invalid") throw new ClientModuleUiConflict(detail);
-					throw new Error("client_module_request_failed");
+				for (const group of [
+					"extensions",
+					"advanced",
+					"required"
+				]) {
+					const entries = visible.filter((entry) => clientModuleGroup(entry) === group);
+					if (entries.length === 0) continue;
+					const section = document.createElement(group === "extensions" ? "section" : "details");
+					section.className = "dsh-module-group";
+					section.dataset.group = group;
+					section.dataset.clientModuleGroup = group === "advanced" ? "system" : group;
+					const headingText = `${group === "required" ? copy.requiredGroup : copy[group]} (${entries.length})`;
+					if (section instanceof HTMLDetailsElement) {
+						section.open = filtered || expansion.get(group) === true;
+						const heading = document.createElement("summary");
+						heading.textContent = headingText;
+						section.append(heading);
+						section.addEventListener("toggle", () => {
+							if (!filtered) expansion.set(group, section.open);
+						});
+					} else {
+						const heading = document.createElement("h3");
+						heading.textContent = headingText;
+						section.append(heading);
+					}
+					const content = document.createElement("div");
+					content.append(paragraph(group === "required" ? copy.requiredHint : group === "advanced" ? copy.advancedHint : copy.extensionsHint, "dsh-module-groupHint"));
+					for (const entry of entries) {
+						const row = document.createElement("div");
+						row.className = "dsh-module-entry";
+						row.dataset.clientModuleId = entry.id;
+						const label = document.createElement("label");
+						label.className = "dsh-module-choice";
+						const input = document.createElement("input");
+						input.type = "checkbox";
+						input.checked = draft.isLoaded(entry.id);
+						if (entry.required) input.dataset.required = "true";
+						const name = document.createElement("span");
+						const shortName = document.createElement("span");
+						shortName.className = "dsh-module-choiceName";
+						shortName.textContent = clientModuleDisplayName(entry.id);
+						const selected = document.createElement("small");
+						selected.textContent = entry.required ? copy.required : input.checked ? copy.loaded : copy.excluded;
+						name.append(shortName, selected);
+						label.append(input, name);
+						row.append(label);
+						const detail = document.createElement("details");
+						detail.className = "dsh-module-entryDetails";
+						const detailSummary = document.createElement("summary");
+						detailSummary.textContent = copy.details;
+						const id = paragraph(`${copy.moduleId}: `);
+						const code = document.createElement("code");
+						code.textContent = entry.id;
+						id.append(code);
+						detail.append(detailSummary, id, paragraph(entry.dependencies.length === 0 ? copy.noDependencies : `${copy.dependencies}${entry.dependencies.join(", ")}`));
+						row.append(detail);
+						input.addEventListener("change", () => {
+							if (busy !== void 0 || draft === void 0) return;
+							draft.setLoaded(entry.id, input.checked);
+							input.checked = draft.isLoaded(entry.id);
+							selected.textContent = entry.required ? copy.required : input.checked ? copy.loaded : copy.excluded;
+							status.textContent = "";
+							status.classList.remove("dsh-module-error");
+							if (filterValue() !== "all") {
+								renderList();
+								filter.focus({ preventScroll: true });
+							}
+							updateControls();
+						});
+						choices.set(entry.id, input);
+						content.append(row);
+					}
+					section.append(content);
+					list.append(section);
 				}
-				return parseClientModuleView(value);
+				updateControls();
 			};
 			const render = (view) => {
-				if (disposed) return;
-				loaded = true;
-				choices.clear();
-				list.replaceChildren();
-				for (const entry of view.entries) {
-					const label = document.createElement("label");
-					label.className = "dsh-module-choice";
-					const input = document.createElement("input");
-					input.type = "checkbox";
-					input.checked = !view.excludedClientModules.includes(entry.id);
-					input.disabled = entry.required;
-					if (entry.required) input.dataset.required = "true";
-					const name = document.createElement("span");
-					name.textContent = entry.id;
-					const hint = document.createElement("small");
-					hint.textContent = entry.required ? copy.required : entry.dependencies.length === 0 ? "" : `${copy.dependencies}${entry.dependencies.join(", ")}`;
-					name.append(hint);
-					label.append(input, name);
-					list.append(label);
-					choices.set(entry.id, input);
-				}
-				status.classList.remove("dsh-module-error");
-				status.textContent = view.source === "device" ? copy.deviceSource : copy.computerSource;
+				draft = new ClientModuleDraft(view.entries, view.excludedClientModules);
+				source.textContent = view.source === "device" ? copy.deviceSource : view.source === "computer" ? copy.computerSource : copy.pluginSource;
+				renderList();
 			};
-			const failed = (error) => {
-				if (disposed || controller.signal.aborted) return;
+			const failed = (error, mutation) => {
 				status.classList.add("dsh-module-error");
-				status.textContent = error instanceof ClientModuleUiConflict ? `${copy.conflict}${error.detail}` : copy.failed;
+				status.textContent = error instanceof ClientModuleUiConflict ? `${copy.conflict}${error.detail}` : error instanceof ClientModuleRequestTimeout ? error.mutation ? copy.writeTimeout : copy.readTimeout : mutation ? copy.saveFailed : copy.failed;
 				status.focus({ preventScroll: true });
 			};
-			const mutate = (body) => {
-				if (busy || !loaded) return;
-				setBusy(true);
-				request(body).then((view) => {
+			const runRequest = (payload) => {
+				if (disposed || busy !== void 0 || payload !== void 0 && draft === void 0) return;
+				const ownGeneration = ++generation;
+				busy = payload === void 0 ? "read" : "write";
+				if (payload !== void 0) unconfirmedWrite = true;
+				status.classList.remove("dsh-module-error");
+				status.textContent = payload === void 0 ? copy.loading : copy.saving;
+				updateControls();
+				requestClientModuleView(scope, controller.signal, payload).then((view) => {
+					if (disposed || ownGeneration !== generation) return;
+					unconfirmedWrite = false;
 					render(view);
-					if (!disposed) status.textContent = copy.saved;
-				}, failed).finally(() => {
-					if (!disposed) setBusy(false);
+					status.textContent = payload === void 0 ? "" : copy.saved;
+				}, (error) => {
+					if (disposed || ownGeneration !== generation) return;
+					if (error instanceof ClientModuleUiConflict) unconfirmedWrite = false;
+					failed(error, payload !== void 0);
+				}).finally(() => {
+					if (disposed || ownGeneration !== generation) return;
+					busy = void 0;
+					updateControls();
 				});
 			};
+			search.addEventListener("input", renderList);
+			filter.addEventListener("change", renderList);
 			save.addEventListener("click", () => {
-				mutate({ excludedClientModules: [...choices].filter(([, input]) => !input.checked).map(([id]) => id) });
+				if ((draft?.changeCount ?? 0) > 0) runRequest({ excludedClientModules: draft?.excludedIds });
 			});
 			reset.addEventListener("click", () => {
-				if (window.confirm(copy.resetConfirm)) mutate({ reset: true });
+				if (busy === void 0 && draft !== void 0 && window.confirm(copy.resetConfirm)) runRequest({ reset: true });
+			});
+			reread.addEventListener("click", () => {
+				if (busy === void 0 && ((draft?.changeCount ?? 0) === 0 || window.confirm(copy.reloadConfirm))) runRequest();
 			});
-			const onBack = (event) => {
-				if (!event.cancelable || !dialog.open || event.defaultPrevented) return;
-				event.preventDefault();
-				event.stopImmediatePropagation();
-				dispose();
-			};
-			window.addEventListener("dsh-mobile:native-back", onBack, true);
 			const dispose = () => {
 				if (disposed) return;
 				disposed = true;
+				++generation;
 				controller.abort();
-				openDialogs.delete(dispose);
+				openDialogs.delete(openDialog);
 				window.removeEventListener("dsh-mobile:native-back", onBack, true);
+				window.removeEventListener("keydown", onEscape, true);
 				if (dialog.open) dialog.close();
 				dialog.remove();
 				if (trigger?.isConnected) trigger.focus({ preventScroll: true });
 			};
-			openDialogs.add(dispose);
+			const requestClose = () => {
+				if (disposed) return;
+				if (unconfirmedWrite && !window.confirm(copy.savingCloseConfirm)) return;
+				if (!unconfirmedWrite && (draft?.changeCount ?? 0) > 0 && !window.confirm(copy.discardConfirm)) return;
+				dispose();
+			};
+			const onBack = (event) => {
+				if (!event.cancelable || !dialog.open || event.defaultPrevented || [...openDialogs].at(-1) !== openDialog) return;
+				event.preventDefault();
+				event.stopImmediatePropagation();
+				requestClose();
+			};
+			const onEscape = (event) => {
+				if (event.key !== "Escape" || event.isComposing || event.ctrlKey || event.altKey || event.metaKey || event.defaultPrevented || !dialog.open || [...openDialogs].at(-1) !== openDialog) return;
+				event.preventDefault();
+				event.stopImmediatePropagation();
+				requestClose();
+			};
+			const openDialog = {
+				dispose,
+				requestClose
+			};
+			openDialogs.add(openDialog);
+			window.addEventListener("dsh-mobile:native-back", onBack, true);
+			window.addEventListener("keydown", onEscape, true);
+			dialog.addEventListener("cancel", (event) => {
+				event.preventDefault();
+				requestClose();
+			});
 			dialog.addEventListener("close", dispose, { once: true });
-			close.addEventListener("click", dispose);
+			close.addEventListener("click", requestClose);
 			document.body.append(dialog);
 			dialog.showModal();
-			setBusy(true);
-			status.textContent = copy.loading;
-			request().then(render, failed).finally(() => {
-				if (!disposed) setBusy(false);
-			});
+			runRequest();
 		}
 		/** Settings row used on mobile pages and on the computer's General settings.
 		* @param props - Selection scope and current locale.
@@ -6161,42 +6934,29 @@ window.__ModuleLoader__.load({
 				error: "Could not switch computers. Try again."
 			};
 		}
-		/** Render the native-app-only action in DSH's General settings row style. */
-		function MobileSwitchComputerRow() {
-			const [nativeReady, setNativeReady] = (0, react.useState)(false);
-			const [state, setState] = (0, react.useState)("idle");
+		function useMobileNativeSettingsAction(action) {
+			const [controller] = (0, react.useState)(() => new MobileNativeSettingsActionController(action, () => window.__DSH_MOBILE_NATIVE__));
+			const snapshot = (0, react.useSyncExternalStore)(controller.subscribe, controller.getSnapshot);
 			(0, react.useEffect)(() => {
-				let disposed = false;
-				const checkNativeAction = () => {
-					const bridge = window.__DSH_MOBILE_NATIVE__;
-					if (bridge === void 0) {
-						setNativeReady(false);
-						return;
-					}
-					Promise.resolve().then(() => bridge.capabilities()).then((capabilities) => {
-						if (!disposed) setNativeReady(capabilities.includes("mobile.switch-computer"));
-					}, () => {
-						if (!disposed) setNativeReady(false);
-					});
-				};
-				checkNativeAction();
-				window.addEventListener("dsh-mobile-native-ready", checkNativeAction);
+				controller.start();
+				window.addEventListener("dsh-mobile-native-ready", controller.refresh);
 				return () => {
-					disposed = true;
-					window.removeEventListener("dsh-mobile-native-ready", checkNativeAction);
+					window.removeEventListener("dsh-mobile-native-ready", controller.refresh);
+					controller.stop();
 				};
-			}, []);
-			if (!nativeReady) return null;
+			}, [controller]);
+			return {
+				...snapshot,
+				invoke: controller.invoke
+			};
+		}
+		/** Render the native-app-only action in DSH's General settings row style. */
+		function MobileSwitchComputerRow() {
+			const { supported, state, invoke } = useMobileNativeSettingsAction("mobile.switch-computer");
+			if (!supported) return null;
 			const locale = selectedMobileControlLocale();
 			const copy = mobileSwitchComputerCopy(locale);
-			const invoke = () => {
-				const bridge = window.__DSH_MOBILE_NATIVE__;
-				if (bridge === void 0 || state === "busy") return;
-				setState("busy");
-				bridge.invoke("mobile.switch-computer", {}).catch(() => {
-					setState("error");
-				});
-			};
+			const busy = state === "busy" || state === "success";
 			return (0, react.createElement)("div", {
 				className: "dsh-mobile-settings_row",
 				lang: locale
@@ -6206,10 +6966,10 @@ window.__ModuleLoader__.load({
 			}, state === "error" ? copy.error : copy.description)), (0, react.createElement)("button", {
 				type: "button",
 				className: "dsh-mobile-settings_selector",
-				disabled: state === "busy",
-				"aria-busy": state === "busy" ? "true" : void 0,
+				disabled: busy,
+				"aria-busy": busy ? "true" : void 0,
 				onClick: invoke
-			}, state === "busy" ? copy.busy : state === "error" ? copy.retry : copy.action));
+			}, busy ? copy.busy : state === "error" ? copy.retry : copy.action));
 		}
 		function mobileTaskNotificationCopy(locale) {
 			if (locale === "zh") return {
@@ -6245,42 +7005,10 @@ window.__ModuleLoader__.load({
 		}
 		/** Render the Android-only notification permission entry in DSH General settings. */
 		function MobileTaskNotificationRow() {
-			const [nativeReady, setNativeReady] = (0, react.useState)(false);
-			const [state, setState] = (0, react.useState)("idle");
-			(0, react.useEffect)(() => {
-				let disposed = false;
-				const checkNativeAction = () => {
-					const bridge = window.__DSH_MOBILE_NATIVE__;
-					if (bridge === void 0) {
-						setNativeReady(false);
-						return;
-					}
-					Promise.resolve().then(() => bridge.capabilities()).then((capabilities) => {
-						if (!disposed) setNativeReady(capabilities.includes("notification.settings"));
-					}, () => {
-						if (!disposed) setNativeReady(false);
-					});
-				};
-				checkNativeAction();
-				window.addEventListener("dsh-mobile-native-ready", checkNativeAction);
-				return () => {
-					disposed = true;
-					window.removeEventListener("dsh-mobile-native-ready", checkNativeAction);
-				};
-			}, []);
-			if (!nativeReady) return null;
+			const { supported, state, invoke } = useMobileNativeSettingsAction("notification.settings");
+			if (!supported) return null;
 			const locale = selectedMobileControlLocale();
 			const copy = mobileTaskNotificationCopy(locale);
-			const invoke = () => {
-				const bridge = window.__DSH_MOBILE_NATIVE__;
-				if (bridge === void 0 || state === "busy") return;
-				setState("busy");
-				bridge.invoke("notification.settings", {}).then(() => {
-					setState("success");
-				}, () => {
-					setState("error");
-				});
-			};
 			return (0, react.createElement)("div", {
 				className: "dsh-mobile-settings_row",
 				lang: locale
@@ -6450,6 +7178,11 @@ window.__ModuleLoader__.load({
 			cpolar_installer_missing: "cpolarExtractFailed",
 			cpolar_executable_missing: "cpolarExtractFailed",
 			cpolar_extract_failed: "cpolarExtractFailed",
+			cpolar_extract_tools_failed: "cpolarExtractToolsFailed",
+			cpolar_extract_archive_failed: "cpolarExtractArchiveFailed",
+			cpolar_extract_database_failed: "cpolarExtractDatabaseFailed",
+			cpolar_extract_cabinet_failed: "cpolarExtractCabinetFailed",
+			cpolar_extract_file_failed: "cpolarExtractFileFailed",
 			cpolar_storage_failed: "cpolarStorageFailed",
 			cpolar_config_missing: "cpolarConfigMissing",
 			cpolar_config_invalid: "cpolarConfigInvalid",
@@ -6531,6 +7264,11 @@ window.__ModuleLoader__.load({
 			"cpolar_component_invalid",
 			"cpolar_config_missing",
 			"cpolar_config_invalid",
+			"cpolar_extract_tools_failed",
+			"cpolar_extract_archive_failed",
+			"cpolar_extract_database_failed",
+			"cpolar_extract_cabinet_failed",
+			"cpolar_extract_file_failed",
 			"funnel_state_invalid",
 			"cpolar_start_timeout",
 			"cpolar_stopped",