dsh-mobile 0.6.16 → 0.6.18

package/lib/client.js

@@ -6630,18 +6630,67 @@ window.__ModuleLoader__.load({
 			const omitted = !entry.required && excluded.has(entry.id);
 			return matchesQuery(entry.id, query) && (filter === "all" || (filter === "excluded" ? omitted : !omitted));
 		}
+		/** Format a module's measured transfer size for the settings panel.
+		* @param entry - Catalog row with optional measured sizes.
+		* @returns A short size label, or `undefined` when nothing was measured.
+		*/
+		function formatClientModuleSize(entry) {
+			const value = entry.gzipBytes ?? entry.bytes;
+			if (value === void 0 || !Number.isFinite(value) || value < 0) return void 0;
+			if (value === 0) return "0 KB";
+			const kilobytes = value / 1024;
+			return kilobytes >= 1024 ? `${(kilobytes / 1024).toFixed(1)} MB` : `${String(Math.max(1, Math.round(kilobytes)))} KB`;
+		}
+		/** Sort measured modules largest first, keeping unknown sizes last and ties stable by ID. */
+		function sortClientModulesBySize(entries) {
+			return [...entries].sort((left, right) => {
+				const leftBytes = left.gzipBytes ?? left.bytes;
+				const rightBytes = right.gzipBytes ?? right.bytes;
+				if (leftBytes === void 0 && rightBytes !== void 0) return 1;
+				if (rightBytes === void 0 && leftBytes !== void 0) return -1;
+				return (rightBytes ?? 0) - (leftBytes ?? 0) || (left.id < right.id ? -1 : left.id > right.id ? 1 : 0);
+			});
+		}
+		/**
+		* Choose the smallest loadable set: required entries plus everything they depend on.
+		*
+		* Excluding every optional entry naively would keep a required module pointing at
+		* an excluded dependency, which the Gateway rejects on save. The closure keeps
+		* those dependencies loaded instead.
+		* @param entries - Full catalog with declared dependencies.
+		* @returns IDs to exclude, in catalog order.
+		*/
+		function clientModuleMinimalExclusion(entries) {
+			const byId = new Map(entries.map((entry) => [entry.id, entry]));
+			const keep = new Set(entries.filter((entry) => entry.required).map((entry) => entry.id));
+			const pending = [...keep];
+			while (pending.length > 0) {
+				const entry = byId.get(pending.pop());
+				if (entry === void 0) continue;
+				for (const dependency of entry.dependencies) {
+					if (keep.has(dependency)) continue;
+					keep.add(dependency);
+					pending.push(dependency);
+				}
+			}
+			return entries.filter((entry) => !keep.has(entry.id)).map((entry) => entry.id);
+		}
 		/** Editable selections retain unknown server exclusions and never cascade dependencies. */
 		var ClientModuleDraft = class {
-			entries;
 			initial;
 			excluded;
 			entriesById;
+			catalogEntries;
 			constructor(entries, excludedIds) {
-				this.entries = entries;
+				this.catalogEntries = entries;
 				this.initial = new Set(excludedIds);
 				this.excluded = new Set(excludedIds);
 				this.entriesById = new Map(entries.map((entry) => [entry.id, entry]));
 			}
+			/** @returns The original catalog with its most recently measured metadata. */
+			get entries() {
+				return this.catalogEntries;
+			}
 			/** @returns Number of changed loading choices, including hidden filtered rows. */
 			get changeCount() {
 				let count = 0;
@@ -6689,13 +6738,60 @@ window.__ModuleLoader__.load({
 				if (loaded) this.excluded.delete(id);
 				else this.excluded.add(id);
 			}
+			/** @returns Bytes the current selection still downloads, when sizes were measured. */
+			loadedTransferBytes() {
+				let total = 0;
+				for (const entry of this.entries) {
+					if (!this.isLoaded(entry.id)) continue;
+					total += entry.gzipBytes ?? entry.bytes ?? 0;
+				}
+				return total;
+			}
+			/** @returns Number of selected modules whose transfer size is still unknown. */
+			loadedUnknownSizeCount() {
+				return this.entries.filter((entry) => this.isLoaded(entry.id) && entry.gzipBytes === void 0 && entry.bytes === void 0).length;
+			}
+			/** Refresh metadata without replacing saved or unsaved loading choices. */
+			updateMeasurements(entries) {
+				const measured = new Map(entries.map((entry) => [entry.id, entry]));
+				for (const entry of this.entries) {
+					const next = measured.get(entry.id);
+					if (next === void 0) continue;
+					const refreshed = { ...entry };
+					delete refreshed.bytes;
+					delete refreshed.gzipBytes;
+					delete refreshed.description;
+					this.entriesById.set(entry.id, {
+						...refreshed,
+						...next.bytes === void 0 ? {} : { bytes: next.bytes },
+						...next.gzipBytes === void 0 ? {} : { gzipBytes: next.gzipBytes },
+						...next.description === void 0 ? {} : { description: next.description }
+					});
+				}
+				this.catalogEntries = this.entries.map((entry) => this.entriesById.get(entry.id));
+			}
+			/** Exclude every optional entry except dependencies a required entry still needs.
+			* @returns Whether this draft changed; saving remains a separate action.
+			*/
+			applyMinimalSelection() {
+				const target = new Set(clientModuleMinimalExclusion(this.entries));
+				let changed = false;
+				for (const entry of this.entries) {
+					if (entry.required) continue;
+					const shouldExclude = target.has(entry.id);
+					if (shouldExclude !== this.excluded.has(entry.id)) changed = true;
+					if (shouldExclude) this.excluded.add(entry.id);
+					else this.excluded.delete(entry.id);
+				}
+				return changed;
+			}
 			/** Filter a draft without changing hidden choices.
 			* @param query - Search input.
 			* @param filter - Requested loading selection.
 			* @returns Catalog entries in their original stable order.
 			*/
 			matchingEntries(query, filter) {
-				return this.entries.filter((entry) => clientModuleMatches(entry, this.excluded, query, filter));
+				return this.entries.map((entry) => this.entriesById.get(entry.id)).filter((entry) => clientModuleMatches(entry, this.excluded, query, filter));
 			}
 			/** Find invalid old exclusions by name or ID, independently from the protected catalog row.
 			* @param query - Search input.
@@ -6711,6 +6807,12 @@ window.__ModuleLoader__.load({
 		/** Device-local module selection and the computer's defaults share a read-only catalog. */
 		const CLIENT_MODULE_COPY = {
 			zh: {
+				measure: "测量体积",
+				measuring: "正在测量…",
+				cancelMeasure: "取消测量",
+				measured: "测量结束，未测到的项目保持未知。你的模块选择未变。",
+				measureFailed: "测量未完成，已保留模块选择和已有体积。",
+				totalPartial: "已测合计约 {size}；另有 {count} 项未知",
 				title: "移动页面模块",
 				computer: "设置此电脑的移动访问默认项；电脑插件不变。",
 				device: "仅本设备，下次打开生效；电脑插件不变。",
@@ -6754,6 +6856,11 @@ window.__ModuleLoader__.load({
 				changes: "未保存：{count} 项改动",
 				unchanged: "没有未保存的改动",
 				results: "匹配 {visible} / {total} 项",
+				sizeHint: "按传输体积从大到小排列；数字为 gzip 后的字节。说明取自插件包自身的描述字段，不代表上游认证。",
+				total: "勾选合计约 {size}",
+				totalUnknown: "勾选合计：部分模块未测到体积",
+				minimal: "仅必需（最小加载）",
+				minimalConfirm: "把除了启动必需项及其依赖之外全部设为不加载？保存后下次打开生效。",
 				retry: "重新读取",
 				saving: "正在保存…",
 				readTimeout: "读取超时。当前页面和已保存设置未变，请重试。",
@@ -6766,6 +6873,12 @@ window.__ModuleLoader__.load({
 				clearInvalid: "移除旧排除"
 			},
 			en: {
+				measure: "Measure sizes",
+				measuring: "Measuring…",
+				cancelMeasure: "Cancel measurement",
+				measured: "Measurement ended; unavailable sizes stay unknown. Your module choices are unchanged.",
+				measureFailed: "Measurement did not complete. Your choices and known sizes are kept.",
+				totalPartial: "Measured ≈ {size}; {count} sizes unknown",
 				title: "Mobile page modules",
 				computer: "Mobile defaults for this computer. Desktop plugins are unchanged.",
 				device: "For this device’s next open only. Computer plugins are unchanged.",
@@ -6809,6 +6922,11 @@ window.__ModuleLoader__.load({
 				changes: "Unsaved: {count} changes",
 				unchanged: "No unsaved changes",
 				results: "Matching {visible} / {total}",
+				sizeHint: "Sorted by transfer size; numbers are gzipped bytes. Descriptions come from each plugin package; this is not an upstream endorsement.",
+				total: "Selection ≈ {size}",
+				totalUnknown: "Selection total: some sizes are unknown",
+				minimal: "Required only (minimal load)",
+				minimalConfirm: "Mark everything except required modules and their dependencies as not loaded? Applies on the next open after saving.",
 				retry: "Reread settings",
 				saving: "Saving…",
 				readTimeout: "Reading timed out. This page and saved settings are unchanged; try again.",
@@ -6821,6 +6939,12 @@ window.__ModuleLoader__.load({
 				clearInvalid: "Remove old exclusion"
 			},
 			it: {
+				measure: "Misura dimensioni",
+				measuring: "Misurazione…",
+				cancelMeasure: "Annulla misurazione",
+				measured: "Misurazione terminata; le dimensioni non disponibili restano sconosciute. Le scelte non cambiano.",
+				measureFailed: "Misurazione incompleta. Scelte e dimensioni note conservate.",
+				totalPartial: "Misurati ≈ {size}; {count} dimensioni sconosciute",
 				title: "Moduli della pagina mobile",
 				computer: "Predefiniti mobile del computer; i plugin non cambiano.",
 				device: "Solo alla prossima apertura su questo dispositivo; i plugin del computer non cambiano.",
@@ -6864,6 +6988,11 @@ window.__ModuleLoader__.load({
 				changes: "Non salvate: {count} modifiche",
 				unchanged: "Nessuna modifica non salvata",
 				results: "Corrispondenti {visible} / {total}",
+				sizeHint: "Ordinati per dimensione trasferita; i numeri sono byte gzip. Le descrizioni provengono dal pacchetto del plugin; non sono un’approvazione upstream.",
+				total: "Selezione ≈ {size}",
+				totalUnknown: "Totale selezione: alcune dimensioni sono sconosciute",
+				minimal: "Solo obbligatori (caricamento minimo)",
+				minimalConfirm: "Impostare come non caricati tutti i moduli tranne gli obbligatori e le loro dipendenze? Vale alla prossima apertura dopo il salvataggio.",
 				retry: "Rileggi impostazioni",
 				saving: "Salvataggio…",
 				readTimeout: "Lettura scaduta. Pagina e impostazioni salvate non cambiano; riprova.",
@@ -6895,6 +7024,18 @@ window.__ModuleLoader__.load({
 			read: 15e3,
 			write: 2e4
 		};
+		/** Describe measured bytes without presenting unmeasured modules as a complete total. */
+		function clientModuleTotalLabel(draft, locale) {
+			const copy = CLIENT_MODULE_COPY[locale];
+			const unknownSizes = draft?.loadedUnknownSizeCount() ?? 0;
+			const size = formatClientModuleSize({
+				id: "",
+				required: false,
+				dependencies: [],
+				gzipBytes: draft?.loadedTransferBytes() ?? 0
+			}) ?? "0 KB";
+			return unknownSizes > 0 ? copy.totalPartial.replace("{size}", size).replace("{count}", String(unknownSizes)) : copy.total.replace("{size}", size);
+		}
 		/** Validate catalog response fields before creating interactive controls.
 		* @param value - Gateway or computer-admin JSON response.
 		* @returns The fields used by the module-selection dialog.
@@ -6908,10 +7049,23 @@ window.__ModuleLoader__.load({
 					return dependency;
 				});
 				if (entry.id.trim() === "") throw new Error("invalid_module_catalog");
+				const sizes = {};
+				for (const field of ["bytes", "gzipBytes"]) {
+					if (!(field in entry)) continue;
+					const measured = entry[field];
+					if (typeof measured !== "number" || !Number.isSafeInteger(measured) || measured < 0) throw new Error("invalid_module_catalog");
+					sizes[field] = measured;
+				}
+				if ("description" in entry) {
+					const description = entry.description;
+					if (typeof description !== "string" || description.trim() === "" || description.length > 240) throw new Error("invalid_module_catalog");
+					sizes.description = description;
+				}
 				return {
 					id: entry.id,
 					required: entry.required,
-					dependencies
+					dependencies,
+					...sizes
 				};
 			});
 			if (new Set(entries.map((entry) => entry.id)).size !== entries.length) throw new Error("invalid_module_catalog");
@@ -6942,10 +7096,11 @@ window.__ModuleLoader__.load({
 				rejectCancellation(new DOMException("Dialog closed", "AbortError"));
 			};
 			signal.addEventListener("abort", abort, { once: true });
+			const mutation = body !== void 0 && body.measure !== true;
 			const timer = setTimeout(() => {
-				rejectCancellation(new ClientModuleRequestTimeout(body !== void 0));
+				rejectCancellation(new ClientModuleRequestTimeout(mutation));
 				controller.abort();
-			}, body === void 0 ? CLIENT_MODULE_REQUEST_TIMEOUT_MS.read : CLIENT_MODULE_REQUEST_TIMEOUT_MS.write);
+			}, mutation ? CLIENT_MODULE_REQUEST_TIMEOUT_MS.write : CLIENT_MODULE_REQUEST_TIMEOUT_MS.read);
 			const operation = async () => {
 				const init = {
 					method: body === void 0 ? "GET" : "POST",
@@ -6989,6 +7144,8 @@ window.__ModuleLoader__.load({
 .dsh-module-dialog[open]{display:flex;flex-direction:column}.dsh-module-dialog::backdrop{background:rgb(15 23 42 / 40%)}
 .dsh-module-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--dsw-alias-border-l2);flex:none}
 .dsh-module-header h2{flex:1;min-width:0;font-size:20px;line-height:1.4;margin:0;overflow-wrap:anywhere}.dsh-module-header .dsh-module-button{flex:none}
+.dsh-module-packageDescription{margin:2px 0 0;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
+.dsh-module-description-full{margin:4px 0;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.45}
 .dsh-module-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px;scroll-padding:12px}.dsh-module-dialog p{margin:0 0 12px;overflow-wrap:anywhere}
 .dsh-module-hint,.dsh-module-source,.dsh-module-choice small,.dsh-module-groupHint,.dsh-module-results{font-size:13px;line-height:20px;color:var(--dsw-alias-label-secondary,var(--dsw-alias-label-tertiary))}
 .dsh-module-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.45fr);gap:12px;margin:16px 0 8px}.dsh-module-field{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:13px}
@@ -7006,7 +7163,7 @@ window.__ModuleLoader__.load({
 .dsh-module-footer p{font-size:13px;line-height:20px;margin:0 0 8px}.dsh-module-actions{display:flex;flex-wrap:wrap;gap:8px}.dsh-module-actions .dsh-module-button{flex:1;min-width:0;white-space:normal;line-height:20px;padding:8px 12px}
 .dsh-module-button:disabled{opacity:.5;cursor:default}.dsh-module-save{background:var(--dsw-alias-bg-module-platform);font-weight:600}
 .dsh-module-notice:empty{display:none}.dsh-module-notice{max-height:min(96px,24dvh);overflow:auto;font-size:14px;line-height:22px;overscroll-behavior:contain}.dsh-module-empty{padding:16px 0}
-@media(max-width:420px){.dsh-module-tools{grid-template-columns:minmax(0,1fr)}.dsh-module-body{padding:12px}.dsh-module-header,.dsh-module-footer{padding-left:12px;padding-right:12px}}
+@media(max-width:420px){.dsh-module-tools{grid-template-columns:minmax(0,1fr)}.dsh-module-body{padding:12px}.dsh-module-header,.dsh-module-footer{padding-left:12px;padding-right:12px}.dsh-module-header{flex-wrap:wrap;gap:8px}.dsh-module-header h2{flex:1 1 100%}.dsh-module-header .dsh-module-button{flex:1 1 0;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4;padding:8px 12px}}
 .dsh-module-error{color:var(--dsw-alias-state-error-primary,#b42318)}
 `;
 		const openDialogs = /* @__PURE__ */ new Set();
@@ -7053,7 +7210,9 @@ window.__ModuleLoader__.load({
 			const title = document.createElement("h2");
 			title.textContent = copy.title;
 			const close = button(copy.close);
-			header.append(title, close);
+			const measure = button(copy.measure);
+			measure.dataset.clientModuleMeasure = "true";
+			header.append(title, measure, close);
 			const body = document.createElement("div");
 			body.className = "dsh-module-body";
 			const intro = paragraph(copy[scope]);
@@ -7063,6 +7222,7 @@ window.__ModuleLoader__.load({
 			const helpTitle = document.createElement("summary");
 			helpTitle.textContent = copy.help;
 			help.append(helpTitle, hint);
+			help.append(paragraph(copy.sizeHint, "dsh-module-hint"));
 			const source = paragraph("", "dsh-module-source");
 			const status = paragraph("", "dsh-module-notice");
 			status.setAttribute("role", "status");
@@ -7109,14 +7269,16 @@ window.__ModuleLoader__.load({
 			actions.className = "dsh-module-actions";
 			const save = button(copy.save);
 			save.classList.add("dsh-module-save");
+			const minimal = button(copy.minimal);
 			const reset = button(copy.reset);
 			const reread = button(copy.retry);
 			actions.append(save, reset, reread);
 			footer.append(changes, status, actions);
-			body.append(intro, source, tools, results, list, help);
+			body.append(intro, source, tools, results, minimal, list, help);
 			dialog.append(header, body, footer);
 			let disposed = false;
 			let busy;
+			let measurementController;
 			let generation = 0;
 			let draft;
 			let unconfirmedWrite = false;
@@ -7132,11 +7294,15 @@ window.__ModuleLoader__.load({
 				const changed = draft?.changeCount ?? 0;
 				save.disabled = busy !== void 0 || changed === 0;
 				reset.disabled = busy !== void 0 || draft === void 0;
+				minimal.disabled = busy !== void 0 || draft === void 0;
+				measure.disabled = busy !== void 0 && busy !== "measure" || draft === void 0;
+				measure.textContent = busy === "measure" ? copy.cancelMeasure : copy.measure;
 				reread.disabled = busy !== void 0;
 				search.disabled = busy !== void 0 || draft === void 0;
 				filter.disabled = search.disabled;
 				save.textContent = busy === "write" ? copy.saving : copy.save;
-				changes.textContent = `${changed === 0 ? copy.unchanged : copy.changes.replace("{count}", String(changed))} · ${copy.nextOpen}`;
+				const total = clientModuleTotalLabel(draft, locale);
+				changes.textContent = `${changed === 0 ? copy.unchanged : copy.changes.replace("{count}", String(changed))} · ${total} · ${copy.nextOpen}`;
 				list.setAttribute("aria-busy", String(busy !== void 0));
 				for (const input of choices.values()) input.disabled = busy !== void 0 || input.dataset.required === "true";
 				for (const action of invalidActions.values()) action.disabled = busy !== void 0;
@@ -7200,7 +7366,7 @@ window.__ModuleLoader__.load({
 					"advanced",
 					"required"
 				]) {
-					const entries = visible.filter((entry) => clientModuleGroup(entry) === group);
+					const entries = sortClientModulesBySize(visible.filter((entry) => clientModuleGroup(entry) === group));
 					if (entries.length === 0) continue;
 					const section = document.createElement(group === "extensions" ? "section" : "details");
 					section.className = "dsh-module-group";
@@ -7238,9 +7404,19 @@ window.__ModuleLoader__.load({
 						shortName.textContent = clientModuleDisplayName(entry.id);
 						const selected = document.createElement("small");
 						selected.textContent = entry.required ? copy.required : input.checked ? copy.loaded : copy.excluded;
-						name.append(shortName, selected);
+						const size = formatClientModuleSize(entry);
+						const sizeLabel = document.createElement("small");
+						sizeLabel.className = "dsh-module-size";
+						sizeLabel.textContent = size ?? "";
+						if (size !== void 0) sizeLabel.dataset.clientModuleSize = "true";
+						name.append(shortName, selected, sizeLabel);
 						label.append(input, name);
 						row.append(label);
+						if (entry.description !== void 0) {
+							const summary = paragraph(entry.description, "dsh-module-packageDescription");
+							summary.dataset.clientModuleDescription = "true";
+							row.append(summary);
+						}
 						const detail = document.createElement("details");
 						detail.className = "dsh-module-entryDetails";
 						const detailSummary = document.createElement("summary");
@@ -7249,7 +7425,9 @@ window.__ModuleLoader__.load({
 						const code = document.createElement("code");
 						code.textContent = entry.id;
 						id.append(code);
-						detail.append(detailSummary, id, paragraph(entry.dependencies.length === 0 ? copy.noDependencies : `${copy.dependencies}${entry.dependencies.join(", ")}`));
+						detail.append(detailSummary, id);
+						if (entry.description !== void 0) detail.append(paragraph(entry.description, "dsh-module-description-full"));
+						detail.append(paragraph(entry.dependencies.length === 0 ? copy.noDependencies : `${copy.dependencies}${entry.dependencies.join(", ")}`));
 						row.append(detail);
 						input.addEventListener("change", () => {
 							if (busy !== void 0 || draft === void 0) return;
@@ -7284,23 +7462,36 @@ window.__ModuleLoader__.load({
 			};
 			const runRequest = (payload) => {
 				if (disposed || busy !== void 0 || payload !== void 0 && draft === void 0) return;
+				const measuring = payload?.measure === true;
+				const mutation = payload !== void 0 && !measuring;
 				const ownGeneration = ++generation;
-				busy = payload === void 0 ? "read" : "write";
-				if (payload !== void 0) unconfirmedWrite = true;
+				busy = measuring ? "measure" : mutation ? "write" : "read";
+				if (mutation) unconfirmedWrite = true;
+				if (measuring) measurementController = new AbortController();
 				status.classList.remove("dsh-module-error");
-				status.textContent = payload === void 0 ? copy.loading : copy.saving;
+				status.textContent = measuring ? copy.measuring : mutation ? copy.saving : copy.loading;
 				updateControls();
-				requestClientModuleView(scope, controller.signal, payload).then((view) => {
+				requestClientModuleView(scope, measuring ? measurementController.signal : controller.signal, payload).then((view) => {
 					if (disposed || ownGeneration !== generation) return;
-					unconfirmedWrite = false;
-					render(view);
-					status.textContent = payload === void 0 ? "" : copy.saved;
+					if (measuring && draft !== void 0) {
+						draft.updateMeasurements(view.entries);
+						renderList();
+					} else {
+						unconfirmedWrite = false;
+						render(view);
+					}
+					status.textContent = measuring ? copy.measured : mutation ? copy.saved : "";
 				}, (error) => {
 					if (disposed || ownGeneration !== generation) return;
+					if (measuring) {
+						status.textContent = copy.measureFailed;
+						return;
+					}
 					if (error instanceof ClientModuleUiConflict) unconfirmedWrite = false;
-					failed(error, payload !== void 0);
+					failed(error, mutation);
 				}).finally(() => {
 					if (disposed || ownGeneration !== generation) return;
+					measurementController = void 0;
 					busy = void 0;
 					updateControls();
 				});
@@ -7313,6 +7504,18 @@ window.__ModuleLoader__.load({
 			reset.addEventListener("click", () => {
 				if (busy === void 0 && draft !== void 0 && window.confirm(copy.resetConfirm)) runRequest({ reset: true });
 			});
+			minimal.addEventListener("click", () => {
+				if (busy !== void 0 || draft === void 0 || !window.confirm(copy.minimalConfirm)) return;
+				if (draft.applyMinimalSelection()) {
+					renderList();
+					search.focus({ preventScroll: true });
+				}
+				updateControls();
+			});
+			measure.addEventListener("click", () => {
+				if (busy === "measure") measurementController?.abort();
+				else if (busy === void 0 && draft !== void 0) runRequest({ measure: true });
+			});
 			reread.addEventListener("click", () => {
 				if (busy === void 0 && ((draft?.changeCount ?? 0) === 0 || window.confirm(copy.reloadConfirm))) runRequest();
 			});
@@ -7321,6 +7524,7 @@ window.__ModuleLoader__.load({
 				disposed = true;
 				++generation;
 				controller.abort();
+				measurementController?.abort();
 				openDialogs.delete(openDialog);
 				window.removeEventListener("dsh-mobile:native-back", onBack, true);
 				window.removeEventListener("keydown", onEscape, true);
@@ -7890,6 +8094,1074 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/mobile-directory-browser.ts
+		/** Expected Gateway or response-validation failure for one read-only listing. */
+		var MobileDirectoryReadError = class extends Error {
+			code;
+			constructor(code, options) {
+				super(`Mobile directory listing failed: ${code}`, options);
+				this.code = code;
+				this.name = "MobileDirectoryReadError";
+			}
+		};
+		/** Accept portable absolute spellings; the Host remains authoritative for its platform. */
+		function isMobileDirectoryPath(path) {
+			return path.length > 0 && path.length <= 8192 && !path.includes("\0") && (path.startsWith("/") || /^[a-z]:[\\/]/iu.test(path) || /^\\\\[^\\/]+[\\/][^\\/]+/u.test(path));
+		}
+		function object(value) {
+			return typeof value === "object" && value !== null && !Array.isArray(value) ? value : void 0;
+		}
+		/** Validate a wire response before publishing names or adopting a Host path. */
+		function parseMobileDirectoryListing(value) {
+			const record = object(value);
+			const fail = () => {
+				throw new MobileDirectoryReadError("invalid-response");
+			};
+			if (record === void 0 || typeof record.path !== "string" || !isMobileDirectoryPath(record.path) || typeof record.truncated !== "boolean" || !Array.isArray(record.entries) || record.entries.length > 500) return fail();
+			const parent = record.parent;
+			if (parent !== void 0 && (typeof parent !== "string" || !isMobileDirectoryPath(parent))) return fail();
+			const paths = /* @__PURE__ */ new Set();
+			const entries = [];
+			for (const candidate of record.entries) {
+				const entry = object(candidate);
+				if (entry === void 0 || typeof entry.name !== "string" || entry.name.length === 0 || entry.name.includes("\0") || typeof entry.path !== "string" || !isMobileDirectoryPath(entry.path) || paths.has(entry.path)) return fail();
+				paths.add(entry.path);
+				entries.push(Object.freeze({
+					name: entry.name,
+					path: entry.path
+				}));
+			}
+			return Object.freeze({
+				path: record.path,
+				...parent === void 0 ? {} : { parent },
+				entries: Object.freeze(entries),
+				truncated: record.truncated
+			});
+		}
+		const CLOSED = Object.freeze({
+			open: false,
+			phase: "idle",
+			listing: null,
+			draft: "",
+			error: null,
+			hostBusy: false,
+			committed: false,
+			creating: false
+		});
+		/** Read navigation stops on close; committing is final until the owner withdraws this flow. */
+		var MobileDirectoryBrowser = class {
+			read;
+			deadlineMs;
+			snapshot = CLOSED;
+			listeners = /* @__PURE__ */ new Set();
+			tasks = /* @__PURE__ */ new Set();
+			taskFailures = [];
+			activeRead;
+			generation = 0;
+			disposed = false;
+			lastTarget = null;
+			constructor(read, deadlineMs = 3e4) {
+				this.read = read;
+				this.deadlineMs = deadlineMs;
+			}
+			getSnapshot = () => this.snapshot;
+			/** Subscribe to this occurrence; the returned disposer removes the observer. */
+			subscribe(listener) {
+				this.listeners.add(listener);
+				return () => {
+					this.listeners.delete(listener);
+				};
+			}
+			/** Start a new open edge at the Host home; returns false after permanent disposal. */
+			start() {
+				if (this.disposed || this.snapshot.open) return false;
+				this.publish({
+					...CLOSED,
+					open: true
+				});
+				return this.navigate(null);
+			}
+			/** Editing invalidates any pending scan and cannot commit the previously listed path. */
+			setDraft(draft) {
+				if (!this.canNavigate() || draft === this.snapshot.draft) return;
+				this.withdrawRead();
+				this.publish({
+					...this.snapshot,
+					draft,
+					phase: "idle",
+					error: isMobileDirectoryPath(draft) ? null : "bad-path"
+				});
+			}
+			/** Project the owner's adoption state without undoing this flow's synchronous commit claim. */
+			setHostBusy(hostBusy) {
+				if (this.disposed || this.snapshot.hostBusy === hostBusy) return;
+				this.publish({
+					...this.snapshot,
+					hostBusy
+				});
+			}
+			/** Block navigation/adoption while this flow's child-folder editor owns interaction. */
+			setCreating(creating) {
+				if (this.disposed || this.snapshot.creating === creating) return;
+				this.publish({
+					...this.snapshot,
+					creating
+				});
+			}
+			/** Read a folder or the initial home; superseded results cannot publish into the new request. */
+			navigate(path) {
+				if (!this.canNavigate()) return false;
+				this.withdrawRead();
+				if (path !== null && !isMobileDirectoryPath(path)) {
+					this.publish({
+						...this.snapshot,
+						draft: path,
+						phase: "error",
+						error: "bad-path"
+					});
+					return false;
+				}
+				this.lastTarget = path;
+				const controller = new AbortController();
+				this.activeRead = controller;
+				const generation = this.generation;
+				this.publish({
+					...this.snapshot,
+					phase: "loading",
+					error: null,
+					...path === null ? {} : { draft: path }
+				});
+				const task = (async () => {
+					const timeout = setTimeout(() => {
+						controller.abort(new MobileDirectoryReadError("timeout"));
+					}, this.deadlineMs);
+					try {
+						const value = await this.read(path, controller.signal);
+						controller.signal.throwIfAborted();
+						const listing = parseMobileDirectoryListing(value);
+						if (!this.current(generation)) return;
+						this.publish({
+							...this.snapshot,
+							phase: "idle",
+							listing,
+							draft: listing.path,
+							error: null
+						});
+					} catch (error) {
+						if (!this.current(generation)) return;
+						const reason = controller.signal.aborted ? controller.signal.reason : error;
+						this.publish({
+							...this.snapshot,
+							phase: "error",
+							error: reason instanceof MobileDirectoryReadError ? reason.code : "request-failed"
+						});
+					} finally {
+						clearTimeout(timeout);
+						if (this.activeRead === controller) this.activeRead = void 0;
+					}
+				})();
+				this.tasks.add(task);
+				task.then(() => {
+					this.tasks.delete(task);
+				}, (error) => {
+					this.tasks.delete(task);
+					this.taskFailures.push(error);
+				});
+				return true;
+			}
+			/** Retry only the explicitly failed read, without adopting or replaying a write. */
+			retry() {
+				return this.navigate(this.lastTarget);
+			}
+			/** Whether the confirmed listing still matches the editable path and can be adopted. */
+			canConfirm() {
+				const value = this.snapshot;
+				return this.canNavigate() && value.phase === "idle" && value.error === null && value.listing !== null && value.draft === value.listing.path;
+			}
+			/** Claim one adoption synchronously; returns no path for stale input, busy state or duplicate taps. */
+			confirm() {
+				if (!this.canConfirm()) return void 0;
+				const path = this.snapshot.listing.path;
+				this.publish({
+					...this.snapshot,
+					committed: true
+				});
+				return path;
+			}
+			/** Cancel reading immediately; a committed/Host-busy adoption cannot be reported as cancelled. */
+			cancel() {
+				if (!this.canClose()) return false;
+				this.withdrawRead();
+				this.publish(CLOSED);
+				return true;
+			}
+			/** Withdraw callbacks immediately and await every admitted read before disposal completes. */
+			async dispose() {
+				this.disposed = true;
+				this.withdrawRead();
+				this.snapshot = CLOSED;
+				this.listeners.clear();
+				await Promise.allSettled([...this.tasks]);
+				if (this.taskFailures.length > 0) throw new AggregateError(this.taskFailures, "Mobile directory observers failed during a listing");
+			}
+			canClose() {
+				return !this.disposed && this.snapshot.open && !this.snapshot.hostBusy && !this.snapshot.committed;
+			}
+			canNavigate() {
+				return this.canClose() && !this.snapshot.creating;
+			}
+			current(generation) {
+				return !this.disposed && this.snapshot.open && generation === this.generation;
+			}
+			withdrawRead() {
+				this.generation++;
+				this.activeRead?.abort();
+				this.activeRead = void 0;
+			}
+			publish(snapshot) {
+				this.snapshot = Object.freeze(snapshot);
+				for (const listener of this.listeners) listener();
+			}
+		};
+		/** A creation failure without raw response bodies or filesystem details. */
+		var MobileDirectoryCreateError = class extends Error {
+			code;
+			constructor(code) {
+				super(`Mobile directory creation failed: ${code}`);
+				this.code = code;
+				this.name = "MobileDirectoryCreateError";
+			}
+		};
+		/** Portable single-segment validation; the Host additionally enforces its filesystem rules. */
+		function isMobileDirectoryName(name) {
+			return name.trim() !== "" && name.length <= 255 && name !== "." && name !== ".." && !/[\\/\0]/u.test(name);
+		}
+		const CREATE_CLOSED = Object.freeze({
+			open: false,
+			parent: null,
+			name: "",
+			pending: false,
+			error: null
+		});
+		/** Owns one non-replayed write, its deadline, cancellation and physical teardown. */
+		var MobileDirectoryCreator = class {
+			create;
+			onCreated;
+			deadlineMs;
+			snapshot = CREATE_CLOSED;
+			listeners = /* @__PURE__ */ new Set();
+			tasks = /* @__PURE__ */ new Set();
+			failures = [];
+			active;
+			generation = 0;
+			disposed = false;
+			constructor(create, onCreated, deadlineMs = 3e4) {
+				this.create = create;
+				this.onCreated = onCreated;
+				this.deadlineMs = deadlineMs;
+			}
+			getSnapshot = () => this.snapshot;
+			/** Subscribe to this editor; the returned disposer withdraws the observer. */
+			subscribe(listener) {
+				this.listeners.add(listener);
+				return () => {
+					this.listeners.delete(listener);
+				};
+			}
+			/** Open against one already confirmed parent; cancelled physical work retains admission. */
+			open(parent) {
+				if (this.disposed || this.snapshot.open || this.tasks.size > 0 || !isMobileDirectoryPath(parent)) return false;
+				this.publish({
+					...CREATE_CLOSED,
+					open: true,
+					parent
+				});
+				return true;
+			}
+			/** Edit only while no write is in flight; typing never starts a filesystem operation. */
+			setName(name) {
+				if (this.disposed || !this.snapshot.open || this.snapshot.pending) return;
+				this.publish({
+					...this.snapshot,
+					name,
+					error: null
+				});
+			}
+			/** Admit one explicit creation. Repeated clicks/Enter cannot replay an admitted request. */
+			submit() {
+				if (this.disposed || !this.snapshot.open || this.snapshot.pending || this.tasks.size > 0 || this.snapshot.parent === null) return false;
+				const name = this.snapshot.name.trim();
+				if (!isMobileDirectoryName(name)) {
+					this.publish({
+						...this.snapshot,
+						error: "invalid-name"
+					});
+					return false;
+				}
+				const parent = this.snapshot.parent;
+				const generation = this.generation;
+				const controller = new AbortController();
+				this.active = controller;
+				this.publish({
+					...this.snapshot,
+					pending: true,
+					error: null
+				});
+				if (!this.current(generation) || controller.signal.aborted) {
+					if (this.active === controller) this.active = void 0;
+					if (!this.disposed) this.publish({
+						...this.snapshot,
+						pending: false
+					});
+					return false;
+				}
+				const timer = setTimeout(() => {
+					controller.abort(new MobileDirectoryCreateError("timeout"));
+					if (this.current(generation)) this.publish({
+						...this.snapshot,
+						error: "timeout"
+					});
+				}, this.deadlineMs);
+				const task = (async () => {
+					let created;
+					try {
+						created = await this.create(parent, name, controller.signal);
+						controller.signal.throwIfAborted();
+						if (!isMobileDirectoryPath(created)) throw new MobileDirectoryCreateError("invalid-response");
+					} catch (error) {
+						created = void 0;
+						if (this.current(generation)) {
+							const failure = controller.signal.aborted ? controller.signal.reason : error;
+							this.publish({
+								...this.snapshot,
+								error: failure instanceof MobileDirectoryCreateError ? failure.code : "request-failed"
+							});
+						}
+					} finally {
+						clearTimeout(timer);
+						if (this.active === controller) this.active = void 0;
+						if (!this.disposed) this.publish({
+							...this.snapshot,
+							pending: false
+						});
+					}
+					if (created !== void 0 && this.current(generation)) {
+						this.publish(CREATE_CLOSED);
+						this.onCreated(created);
+					}
+				})();
+				this.tasks.add(task);
+				task.then(() => {
+					this.tasks.delete(task);
+				}, (error) => {
+					this.tasks.delete(task);
+					this.failures.push(error);
+				});
+				return true;
+			}
+			/** Withdraw the editor and late results; an already completed mkdir is not rolled back. */
+			close() {
+				if (this.disposed || !this.snapshot.open) return false;
+				this.generation++;
+				this.active?.abort();
+				this.publish({
+					...CREATE_CLOSED,
+					pending: this.active !== void 0
+				});
+				return true;
+			}
+			/** Stop admission synchronously and await every accepted write before completion. */
+			async dispose() {
+				this.disposed = true;
+				this.generation++;
+				this.active?.abort();
+				this.snapshot = CREATE_CLOSED;
+				this.listeners.clear();
+				await Promise.allSettled([...this.tasks]);
+				if (this.failures.length > 0) throw new AggregateError(this.failures, "Mobile directory creation observers failed");
+			}
+			current(generation) {
+				return !this.disposed && this.snapshot.open && generation === this.generation;
+			}
+			publish(snapshot) {
+				this.snapshot = Object.freeze(snapshot);
+				for (const listener of this.listeners) listener();
+			}
+		};
+		//#endregion
+		//#region src/mobile-directory-picker.ts
+		/** Dedicated Mobile directory-flow occupant; stock DSH retains its own chooser. */
+		const MESSAGES = {
+			zh: {
+				title: "选择工作区目录",
+				path: "目录路径",
+				go: "前往",
+				home: "主目录",
+				up: "上一级",
+				cancel: "取消",
+				close: "关闭",
+				open: "打开",
+				retry: "重试",
+				loading: "正在读取文件夹…",
+				adopting: "正在打开工作区…",
+				empty: "此目录中没有子文件夹",
+				truncated: "文件夹过多，仅显示开头部分；可输入完整路径前往其他目录",
+				"bad-path": "请输入电脑上的绝对目录路径，例如 C:\\projects 或 /home/user/projects",
+				unavailable: "无法读取此目录，请检查路径和访问权限后重试",
+				unauthorized: "连接授权不可用，请关闭窗口并重新连接电脑",
+				"invalid-response": "目录响应不可用，请重试或重新连接电脑",
+				"request-failed": "读取目录失败，请检查连接后重试",
+				timeout: "读取目录超时，请重试或取消",
+				failedOpen: "无法打开目录选择器，请重新连接后重试",
+				create: "新建文件夹",
+				createTitle: "新建文件夹名称",
+				createAction: "创建",
+				createInvalid: "请输入单个文件夹名称，不能包含路径分隔符。",
+				createExists: "同名文件夹已存在。",
+				createFailed: "无法创建文件夹，请检查该目录的写入权限后重试。",
+				createParent: "创建位置",
+				creating: "正在创建文件夹…",
+				createStopping: "正在结束创建请求…",
+				createUnknown: "无法确认创建结果，文件夹可能已创建。请返回并重新读取目录，确认后再决定是否重试。"
+			},
+			en: {
+				title: "Select workspace directory",
+				path: "Directory path",
+				go: "Go",
+				home: "Home",
+				up: "Up one level",
+				cancel: "Cancel",
+				close: "Close",
+				open: "Open",
+				retry: "Retry",
+				loading: "Loading folders…",
+				adopting: "Opening workspace…",
+				empty: "No subfolders in this directory",
+				truncated: "Only the first folders are shown; enter a full path to open another directory",
+				"bad-path": "Enter an absolute computer path, such as C:\\projects or /home/user/projects",
+				unavailable: "Could not read this directory. Check its path and access permissions, then retry.",
+				unauthorized: "Connection authorization is unavailable. Close this dialog and reconnect to the computer.",
+				"invalid-response": "The directory response is unavailable. Retry or reconnect to the computer.",
+				"request-failed": "Could not load this directory. Check the connection and retry.",
+				timeout: "Loading timed out. Retry or cancel.",
+				failedOpen: "Could not open the directory picker. Reconnect and retry.",
+				create: "New folder",
+				createTitle: "New folder name",
+				createAction: "Create",
+				createInvalid: "Enter a single folder name without path separators.",
+				createExists: "A folder with that name already exists.",
+				createFailed: "Could not create the folder. Check write access to this directory and retry.",
+				createParent: "Create in",
+				creating: "Creating folder…",
+				createStopping: "Finishing the creation request…",
+				createUnknown: "The creation result is unknown; the folder may already exist. Go back and reload the directory before deciding whether to retry."
+			},
+			it: {
+				title: "Seleziona la cartella del workspace",
+				path: "Percorso della cartella",
+				go: "Vai",
+				home: "Home",
+				up: "Cartella superiore",
+				cancel: "Annulla",
+				close: "Chiudi",
+				open: "Apri",
+				retry: "Riprova",
+				loading: "Caricamento delle cartelle…",
+				adopting: "Apertura del workspace…",
+				empty: "Nessuna sottocartella in questa cartella",
+				truncated: "Sono mostrate solo le prime cartelle; inserisci un percorso completo per aprirne un’altra",
+				"bad-path": "Inserisci un percorso assoluto del computer, come C:\\projects o /home/user/projects",
+				unavailable: "Impossibile leggere questa cartella. Controlla il percorso e i permessi, poi riprova.",
+				unauthorized: "Autorizzazione non disponibile. Chiudi questa finestra e riconnettiti al computer.",
+				"invalid-response": "Risposta della cartella non disponibile. Riprova o riconnettiti al computer.",
+				"request-failed": "Impossibile caricare la cartella. Controlla la connessione e riprova.",
+				create: "Nuova cartella",
+				createTitle: "Nome della nuova cartella",
+				createAction: "Crea",
+				createInvalid: "Inserisci un singolo nome di cartella senza separatori di percorso.",
+				createExists: "Esiste già una cartella con questo nome.",
+				createFailed: "Impossibile creare la cartella. Controlla i permessi di scrittura e riprova.",
+				timeout: "Caricamento scaduto. Riprova o annulla.",
+				failedOpen: "Impossibile aprire la selezione della cartella. Riconnettiti e riprova.",
+				createParent: "Crea in",
+				creating: "Creazione della cartella…",
+				createStopping: "Chiusura della richiesta di creazione…",
+				createUnknown: "Esito della creazione sconosciuto: la cartella potrebbe già esistere. Torna indietro e ricarica la directory prima di riprovare."
+			}
+		};
+		/** Authenticated directory browsing/creation route; no native picker or Host service is replaced. */
+		const WORKSPACE_DIRECTORIES_PATH = "/mobile-access/workspace-directories";
+		/** Ask only this plugin's live directory dialog to handle a routed native Back. */
+		function dismissMobileDirectoryPicker(dialog) {
+			if (dialog.tagName !== "DIALOG" || dialog.getAttribute("data-dshm-picker-dialog") !== "true" || dialog.getAttribute("open") === null) return false;
+			const dismiss = new Event("dsh-mobile:directory-picker-dismiss", { cancelable: true });
+			dialog.dispatchEvent(dismiss);
+			return dismiss.defaultPrevented;
+		}
+		function localeOf(doc) {
+			const languages = [doc.documentElement.lang, ...doc.defaultView?.navigator.languages ?? []];
+			for (const language of languages) {
+				const code = language.toLowerCase().split("-")[0];
+				if (code === "zh" || code === "en" || code === "it") return code;
+			}
+			return "en";
+		}
+		/** Create one child directory through the same authenticated route that lists them. */
+		async function createDirectory(path, name, signal) {
+			const response = await fetch(WORKSPACE_DIRECTORIES_PATH, {
+				method: "POST",
+				credentials: "same-origin",
+				cache: "no-store",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({
+					path,
+					name
+				}),
+				signal
+			});
+			if (!response.ok) {
+				const code = response.status === 409 ? "directory-exists" : response.status === 400 ? "directory-create-failed" : response.status === 401 || response.status === 403 ? "unauthorized" : "directory-create-failed";
+				try {
+					await response.body?.cancel();
+				} catch (error) {
+					throw new MobileDirectoryCreateError(code);
+				}
+				throw new MobileDirectoryCreateError(code);
+			}
+			const payload = await response.json();
+			if (typeof payload?.path !== "string" || !isMobileDirectoryPath(payload.path)) throw new MobileDirectoryCreateError("invalid-response");
+			return payload.path;
+		}
+		async function readDirectories(path, signal) {
+			const query = path === null ? "" : `?path=${encodeURIComponent(path)}`;
+			const response = await fetch(`${WORKSPACE_DIRECTORIES_PATH}${query}`, {
+				credentials: "same-origin",
+				cache: "no-store",
+				signal
+			});
+			if (!response.ok) {
+				const code = response.status === 400 ? "bad-path" : response.status === 401 || response.status === 403 ? "unauthorized" : "unavailable";
+				try {
+					await response.body?.cancel();
+				} catch (error) {
+					throw new MobileDirectoryReadError(code, { cause: error });
+				}
+				throw new MobileDirectoryReadError(code);
+			}
+			try {
+				return await response.json();
+			} catch (error) {
+				throw new MobileDirectoryReadError("invalid-response", { cause: error });
+			}
+		}
+		const STYLES = `
+dialog.dshm-picker{position:fixed;inset:0;box-sizing:border-box;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:0;background:transparent;color:var(--dsw-alias-label-primary,#16181d);font:400 14px/1.5 system-ui;overflow:hidden}
+dialog.dshm-picker[open]{display:grid;place-items:center}dialog.dshm-picker::backdrop{background:rgb(0 0 0 / 42%)}
+.dshm-picker__panel{display:flex;flex-direction:column;box-sizing:border-box;width:min(680px,100%);height:min(720px,100%);min-height:0;overflow:hidden;border:0;border-radius:20px;box-shadow:0 0 0 .5px rgba(0 0 0 / 16%),0 3px 8px rgba(0 0 0 / 4%);background:var(--dsw-alias-bg-layer-1,#fff)}
+.dshm-picker__header{display:flex;align-items:center;flex:none;gap:8px;padding:4px 8px 4px 12px;border-bottom:1px solid var(--dsw-alias-border-l2,#dde0e4)}
+.dshm-picker__title{flex:1;min-width:0;margin:0;font-size:16px;font-weight:510;line-height:24px;overflow-wrap:anywhere}
+.dshm-picker__toolbar{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;flex:none;padding:8px 10px}.dshm-picker__path-label{flex:1;min-width:0;display:flex;color:var(--dsw-alias-label-secondary,#606873)}
+.dshm-picker__path-caption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
+.dshm-picker__path{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:6px 8px;border:1px solid var(--dsw-alias-border-l3,#cfd5dd);border-radius:8px;background:var(--dsw-alias-bg-layer-2,#f7f8fa);color:var(--dsw-alias-label-primary,#16181d);font:400 16px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}
+.dshm-picker__path[aria-invalid=true]{border-color:var(--dsw-alias-state-error-primary,#b42318)}.dshm-picker__go{align-self:flex-end}
+.dshm-picker__navigation{display:flex;flex:none;gap:8px;padding:0}
+.dshm-picker__list{flex:1;min-height:0;margin:0;padding:0 10px 4px;overflow:auto;overscroll-behavior:contain;list-style:none;scroll-padding:4px}
+.dshm-picker__row{display:flex;align-items:center;gap:8px;box-sizing:border-box;width:100%;min-height:44px;padding:6px 8px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation}
+.dshm-picker__folder{flex:none;width:20px;height:20px;color:var(--dsw-alias-label-secondary,#606873)}
+.dshm-picker__name{flex:1;min-width:0;overflow-wrap:anywhere}.dshm-picker__row:hover:not(:disabled),.dshm-picker__button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,#eef1f5)}
+.dshm-picker__row:active:not(:disabled),.dshm-picker__button:active:not(:disabled){background:var(--dsw-alias-interactive-bg-active,#e4e8ee)}
+.dshm-picker__button{flex:none;box-sizing:border-box;min-width:44px;min-height:44px;padding:6px 10px;border:1px solid var(--dsw-alias-border-l3,#cfd5dd);border-radius:8px;background:transparent;color:inherit;font:500 14px/1.4 system-ui;cursor:pointer;touch-action:manipulation}
+.dshm-picker__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;padding:0;border-color:transparent}.dshm-picker__icon>svg{display:block;width:18px;height:18px}
+.dshm-picker :is(button,input):focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#2563eb);outline-offset:2px}.dshm-picker button:disabled{opacity:.5;cursor:default}
+.dshm-picker [hidden]{display:none!important}.dshm-picker__create{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:12px 16px}
+.dshm-picker__create-title{margin:0;font-size:13px;color:var(--dsw-alias-label-secondary,#606873)}
+.dshm-picker__create-input{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--dsw-alias-border-l3,#cfd5dd);border-radius:10px;background:var(--dsw-alias-bg-layer-2,#f7f8fa);color:var(--dsw-alias-label-primary,#0f1115);font:inherit;font-size:16px;line-height:1.4}
+.dshm-picker__create-actions{display:flex;justify-content:flex-end;gap:8px}.dshm-picker__create-error{color:var(--dsw-alias-state-error-primary,#b42318)}
+.dshm-picker__create-trigger{margin-right:auto;border-color:transparent;padding-left:8px;padding-right:8px}
+.dshm-picker__status{flex:none;margin:0;padding:4px 10px;font-size:13px;color:var(--dsw-alias-label-secondary,#606873);overflow-wrap:anywhere}.dshm-picker__error{color:var(--dsw-alias-state-error-primary,#b42318)}
+.dshm-picker__status[hidden],.dshm-picker__button[hidden]{display:none}.dshm-picker__footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;flex:none;gap:8px;padding:6px 10px;border-top:1px solid var(--dsw-alias-border-l2,#dde0e4)}
+.dshm-picker__confirm{min-width:72px;border-color:transparent;background:var(--dsw-alias-button-primary-fill,#2563eb);color:var(--dsw-alias-label-primary-foreground,#fff)}.dshm-picker__confirm:hover:not(:disabled),.dshm-picker__confirm:active:not(:disabled){background:var(--dsw-alias-button-primary-hover,#1d4ed8)}
+@media(max-width:420px){dialog.dshm-picker{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}}
+`;
+		/**
+		* Whether DSH's own browse directory picker is already mounted on this page.
+		*
+		* DSH's adaptive `directory-picker` resolves to
+		* `@deepseek-ai/dsh-host-directory-picker-auto`, which mounts the Host backend
+		* and the Client face together and picks `browse` whenever the host is remotely
+		* reachable. Its client face fills the same directory-flow slots this plugin
+		* would use, so a plugin-owned picker would shadow the upstream one and take
+		* away its folder creation. The desktop keeps the native OS chooser; a remote
+		* browser can only reach the web implementation.
+		*
+		* @returns true when the upstream browse surface owns those slots on this page.
+		*/
+		function hasUpstreamBrowsePicker(view) {
+			if (!("__DSH_BOOT__" in view)) return false;
+			const graph = view.__DSH_BOOT__;
+			if (typeof graph !== "object" || graph === null || !("entries" in graph) || !Array.isArray(graph.entries)) return false;
+			return graph.entries.some((entry) => typeof entry === "object" && entry !== null && "id" in entry && entry.id === "@deepseek-ai/dsh-client-ui-directory-picker-browse");
+		}
+		function openDirectoryDialog(doc, getProps, trackDisposal) {
+			const view = doc.defaultView;
+			if (view === null) throw new Error("Directory picker requires a browser window");
+			const copy = MESSAGES[localeOf(doc)];
+			const active = doc.activeElement;
+			const activeText = active instanceof HTMLElement && (active.isContentEditable || active instanceof HTMLInputElement || active instanceof HTMLTextAreaElement);
+			const trigger = active instanceof HTMLElement && !activeText ? active : void 0;
+			if (activeText) active.blur();
+			const dialog = doc.createElement("dialog");
+			dialog.className = "dshm-picker";
+			dialog.lang = localeOf(doc);
+			dialog.setAttribute("role", "dialog");
+			dialog.setAttribute("aria-modal", "true");
+			dialog.setAttribute("aria-label", copy.title);
+			dialog.setAttribute("data-dshm-picker-dialog", "true");
+			const panel = doc.createElement("section");
+			panel.className = "dshm-picker__panel";
+			const button = (text, name) => {
+				const value = doc.createElement("button");
+				value.type = "button";
+				value.textContent = text;
+				value.className = "dshm-picker__button";
+				if (name !== void 0) value.setAttribute(`data-dshm-picker-${name}`, "");
+				return value;
+			};
+			const iconButton = (label, outline, name) => {
+				const value = button("", name);
+				value.classList.add("dshm-picker__icon");
+				value.setAttribute("aria-label", label);
+				value.title = label;
+				const icon = doc.createElementNS("http://www.w3.org/2000/svg", "svg");
+				icon.setAttribute("viewBox", "0 0 24 24");
+				icon.setAttribute("fill", "none");
+				icon.setAttribute("stroke", "currentColor");
+				icon.setAttribute("stroke-width", "1.75");
+				icon.setAttribute("stroke-linecap", "round");
+				icon.setAttribute("stroke-linejoin", "round");
+				icon.setAttribute("aria-hidden", "true");
+				const shape = doc.createElementNS("http://www.w3.org/2000/svg", "path");
+				shape.setAttribute("d", outline);
+				icon.append(shape);
+				value.append(icon);
+				return value;
+			};
+			const header = doc.createElement("header");
+			header.className = "dshm-picker__header";
+			const title = doc.createElement("h2");
+			title.className = "dshm-picker__title";
+			title.textContent = copy.title;
+			const close = iconButton(copy.close, "M6 6l12 12M6 18L18 6");
+			header.append(title, close);
+			const toolbar = doc.createElement("form");
+			toolbar.className = "dshm-picker__toolbar";
+			const pathLabel = doc.createElement("label");
+			pathLabel.className = "dshm-picker__path-label";
+			const pathCaption = doc.createElement("span");
+			pathCaption.className = "dshm-picker__path-caption";
+			pathCaption.textContent = copy.path;
+			pathLabel.append(pathCaption);
+			const path = doc.createElement("input");
+			path.type = "text";
+			path.className = "dshm-picker__path";
+			path.setAttribute("data-dshm-picker-path", "");
+			path.spellcheck = false;
+			path.autocomplete = "off";
+			path.maxLength = 8192;
+			pathLabel.append(path);
+			const go = iconButton(copy.go, "M5 12h14m-6-6 6 6-6 6", "load");
+			go.type = "submit";
+			go.classList.add("dshm-picker__go");
+			toolbar.append(pathLabel, go);
+			const navigation = doc.createElement("nav");
+			navigation.className = "dshm-picker__navigation";
+			navigation.setAttribute("aria-label", copy.title);
+			const home = iconButton(copy.home, "m3 10 9-7 9 7v10a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1Z", "home");
+			const up = iconButton(copy.up, "M12 20V4m-7 7 7-7 7 7", "up");
+			navigation.append(home, up);
+			toolbar.prepend(navigation);
+			const status = doc.createElement("p");
+			status.className = "dshm-picker__status";
+			status.setAttribute("role", "status");
+			status.setAttribute("aria-live", "polite");
+			const error = doc.createElement("p");
+			error.className = "dshm-picker__status dshm-picker__error";
+			error.setAttribute("role", "alert");
+			error.hidden = true;
+			const list = doc.createElement("ul");
+			list.className = "dshm-picker__list";
+			list.setAttribute("aria-label", copy.title);
+			const footer = doc.createElement("footer");
+			footer.className = "dshm-picker__footer";
+			const retry = button(copy.retry, "retry");
+			retry.hidden = true;
+			const create = button(copy.create, "create");
+			create.classList.add("dshm-picker__create-trigger");
+			const cancel = button(copy.cancel, "cancel");
+			const confirm = button(copy.open, "confirm");
+			confirm.classList.add("dshm-picker__confirm");
+			const createPanel = doc.createElement("div");
+			createPanel.className = "dshm-picker__create";
+			createPanel.hidden = true;
+			const createTitle = doc.createElement("label");
+			createTitle.className = "dshm-picker__create-title";
+			createTitle.textContent = copy.createTitle;
+			const createInput = doc.createElement("input");
+			createInput.type = "text";
+			createInput.className = "dshm-picker__create-input";
+			createInput.setAttribute("data-dshm-picker-create-name", "");
+			createInput.spellcheck = false;
+			createInput.autocomplete = "off";
+			createInput.maxLength = 255;
+			createTitle.append(createInput);
+			const createParent = doc.createElement("p");
+			createParent.className = "dshm-picker__status";
+			const createStatus = doc.createElement("p");
+			createStatus.className = "dshm-picker__status";
+			createStatus.setAttribute("role", "status");
+			createStatus.setAttribute("aria-live", "polite");
+			const createError = doc.createElement("p");
+			createError.className = "dshm-picker__status dshm-picker__create-error";
+			createError.setAttribute("role", "alert");
+			createError.setAttribute("data-dshm-picker-create-error", "");
+			createError.hidden = true;
+			const createActions = doc.createElement("div");
+			createActions.className = "dshm-picker__create-actions";
+			const createCancel = button(copy.cancel, "create-cancel");
+			const createConfirm = button(copy.createAction, "create-confirm");
+			createActions.append(createCancel, createConfirm);
+			createPanel.append(createParent, createTitle, createError, createStatus, createActions);
+			footer.append(create, retry, cancel, confirm);
+			panel.append(header, toolbar, status, error, list, createPanel, footer);
+			dialog.append(panel);
+			const browser = new MobileDirectoryBrowser(readDirectories);
+			const creator = new MobileDirectoryCreator(createDirectory, (created) => {
+				browser.navigate(created);
+			});
+			let creationNotice = false;
+			let creationNoticeListing = null;
+			const closeCreate = () => {
+				const child = creator.getSnapshot();
+				if (child.pending || child.error === "timeout" || child.error === "request-failed" || child.error === "invalid-response") {
+					creationNotice = true;
+					creationNoticeListing = browser.getSnapshot().listing;
+				}
+				if (creator.close()) {
+					if (create.disabled) close.focus();
+					else create.focus();
+				}
+			};
+			create.addEventListener("click", () => {
+				const parent = browser.getSnapshot().listing?.path;
+				if (!browser.canConfirm() || parent === void 0 || !creator.open(parent)) return;
+				creationNotice = false;
+				createInput.focus();
+				createInput.select();
+			});
+			createCancel.addEventListener("click", closeCreate);
+			createConfirm.addEventListener("click", () => {
+				creator.submit();
+			});
+			createInput.addEventListener("input", () => {
+				creator.setName(createInput.value);
+			});
+			createInput.addEventListener("keydown", (event) => {
+				if (event.key === "Enter" && !event.isComposing) {
+					event.preventDefault();
+					creator.submit();
+				}
+			});
+			let disposed = false;
+			let closedByOwner = false;
+			let renderedListing;
+			let disposal;
+			const render = () => {
+				if (disposed) return;
+				const state = browser.getSnapshot();
+				if (creationNotice && state.listing !== creationNoticeListing) creationNotice = false;
+				const child = creator.getSnapshot();
+				const adopting = state.committed || state.hostBusy;
+				const blocked = adopting || state.creating;
+				path.disabled = blocked;
+				if (path.value !== state.draft) path.value = state.draft;
+				path.setAttribute("aria-invalid", String(state.error === "bad-path"));
+				go.disabled = blocked || state.phase === "loading" || !isMobileDirectoryPath(state.draft);
+				home.disabled = blocked;
+				up.disabled = blocked || state.listing?.parent === void 0;
+				confirm.disabled = !browser.canConfirm();
+				cancel.disabled = adopting;
+				close.disabled = adopting;
+				retry.hidden = state.phase !== "error" || state.error === "bad-path";
+				retry.disabled = blocked;
+				create.disabled = !browser.canConfirm();
+				title.textContent = child.open ? copy.create : copy.title;
+				toolbar.hidden = child.open;
+				navigation.hidden = child.open;
+				list.hidden = child.open;
+				footer.hidden = child.open;
+				createPanel.hidden = !child.open;
+				if (createInput.value !== child.name) createInput.value = child.name;
+				createInput.disabled = child.pending;
+				createInput.setAttribute("aria-invalid", String(child.error === "invalid-name"));
+				createConfirm.disabled = child.pending || !isMobileDirectoryName(child.name.trim());
+				createParent.textContent = `${copy.createParent}: ${child.parent ?? ""}`;
+				createError.textContent = child.error === null ? "" : child.error === "invalid-name" ? copy.createInvalid : child.error === "directory-exists" ? copy.createExists : child.error === "directory-create-failed" ? copy.createFailed : child.error === "unauthorized" ? copy.unauthorized : copy.createUnknown;
+				createError.hidden = child.error === null;
+				createStatus.textContent = child.pending && child.error === null ? copy.creating : "";
+				createStatus.hidden = createStatus.textContent === "";
+				status.textContent = child.pending ? copy.createStopping : creationNotice ? copy.createUnknown : adopting ? copy.adopting : state.phase === "loading" ? copy.loading : state.listing?.truncated === true ? copy.truncated : state.listing?.entries.length === 0 ? copy.empty : "";
+				status.hidden = child.open || status.textContent === "";
+				error.textContent = state.error === null ? "" : copy[state.error];
+				error.hidden = child.open || state.error === null;
+				list.setAttribute("aria-busy", String(state.phase === "loading"));
+				if (renderedListing !== state.listing) {
+					renderedListing = state.listing;
+					list.replaceChildren();
+					for (const entry of state.listing?.entries ?? []) {
+						const item = doc.createElement("li");
+						const row = button("");
+						row.className = "dshm-picker__row";
+						const icon = doc.createElementNS("http://www.w3.org/2000/svg", "svg");
+						icon.setAttribute("class", "dshm-picker__folder");
+						icon.setAttribute("aria-hidden", "true");
+						icon.setAttribute("viewBox", "0 0 24 24");
+						icon.setAttribute("fill", "none");
+						icon.setAttribute("stroke", "currentColor");
+						icon.setAttribute("stroke-width", "1.5");
+						const outline = doc.createElementNS("http://www.w3.org/2000/svg", "path");
+						outline.setAttribute("d", "M3 7V6a2 2 0 0 1 2-2h5l2 3h7a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z");
+						icon.append(outline);
+						const name = doc.createElement("span");
+						name.className = "dshm-picker__name";
+						name.textContent = entry.name;
+						row.append(icon, name);
+						row.addEventListener("click", () => {
+							browser.navigate(entry.path);
+						});
+						item.append(row);
+						list.append(item);
+					}
+				}
+				for (const row of list.querySelectorAll("button")) row.disabled = blocked;
+			};
+			const unsubscribe = browser.subscribe(render);
+			const unsubscribeCreate = creator.subscribe(() => {
+				const child = creator.getSnapshot();
+				browser.setCreating(child.open || child.pending);
+				render();
+			});
+			const requestClose = () => {
+				if (creator.getSnapshot().open) {
+					closeCreate();
+					return;
+				}
+				if (disposed || !browser.cancel()) return;
+				creator.close();
+				closedByOwner = true;
+				if (dialog.open) dialog.close();
+				getProps().onCancel();
+			};
+			const onBack = (event) => {
+				if (!event.cancelable || event.defaultPrevented || !dialog.open) return;
+				event.preventDefault();
+				event.stopImmediatePropagation();
+				requestClose();
+			};
+			const onEscape = (event) => {
+				if (event.key !== "Escape" || event.isComposing || event.ctrlKey || event.altKey || event.metaKey || event.defaultPrevented || !dialog.open) return;
+				event.preventDefault();
+				event.stopImmediatePropagation();
+				requestClose();
+			};
+			const dispose = () => {
+				if (disposal !== void 0) return disposal;
+				disposed = true;
+				unsubscribe();
+				unsubscribeCreate();
+				const creationStopped = creator.dispose();
+				const stopped = browser.dispose();
+				const failures = [];
+				const clean = (action) => {
+					try {
+						action();
+					} catch (error) {
+						failures.push(error);
+					}
+				};
+				clean(() => {
+					view.removeEventListener("dsh-mobile:native-back", onBack, true);
+				});
+				clean(() => {
+					view.removeEventListener("keydown", onEscape, true);
+				});
+				closedByOwner = true;
+				clean(() => {
+					if (dialog.open) dialog.close();
+				});
+				clean(() => {
+					dialog.remove();
+				});
+				clean(() => {
+					if (trigger?.isConnected) trigger.focus({ preventScroll: true });
+				});
+				disposal = (async () => {
+					for (const result of await Promise.allSettled([stopped, creationStopped])) if (result.status === "rejected") failures.push(result.reason);
+					if (failures.length > 0) throw new AggregateError(failures, "Mobile directory dialog disposal failed");
+				})();
+				return disposal;
+			};
+			toolbar.addEventListener("submit", (event) => {
+				event.preventDefault();
+				browser.navigate(path.value);
+			});
+			path.addEventListener("input", () => {
+				browser.setDraft(path.value);
+			});
+			home.addEventListener("click", () => {
+				browser.navigate(null);
+			});
+			up.addEventListener("click", () => {
+				const parent = browser.getSnapshot().listing?.parent;
+				if (parent !== void 0) browser.navigate(parent);
+			});
+			retry.addEventListener("click", () => {
+				browser.retry();
+			});
+			cancel.addEventListener("click", requestClose);
+			close.addEventListener("click", requestClose);
+			confirm.addEventListener("click", () => {
+				const picked = browser.confirm();
+				if (picked !== void 0) getProps().onPicked(picked);
+			});
+			dialog.addEventListener("cancel", (event) => {
+				event.preventDefault();
+				requestClose();
+			});
+			dialog.addEventListener("dsh-mobile:directory-picker-dismiss", (event) => {
+				if (!dialog.open || disposed || !event.cancelable) return;
+				event.preventDefault();
+				requestClose();
+			});
+			dialog.addEventListener("click", (event) => {
+				if (event.target === dialog) requestClose();
+			});
+			dialog.addEventListener("close", () => {
+				if (!disposed && !closedByOwner && browser.cancel()) getProps().onCancel();
+			});
+			view.addEventListener("dsh-mobile:native-back", onBack, true);
+			view.addEventListener("keydown", onEscape, true);
+			try {
+				doc.body.append(dialog);
+				dialog.showModal();
+				close.focus({ preventScroll: true });
+				browser.start();
+				browser.setHostBusy(getProps().busy === true);
+			} catch (error) {
+				trackDisposal(dispose());
+				throw error;
+			}
+			return {
+				setHostBusy: (value) => {
+					browser.setHostBusy(value);
+				},
+				dispose
+			};
+		}
+		/** Register two public directory flows and drain their read work before removing styles. */
+		function installMobileDirectoryPicker(ctx, doc) {
+			const style = doc.createElement("style");
+			style.dataset.plugin = "dsh-mobile-directory-picker";
+			style.textContent = STYLES;
+			doc.head.append(style);
+			const owners = /* @__PURE__ */ new Set();
+			const pending = /* @__PURE__ */ new Set();
+			const cleanupFailures = [];
+			let disposed = false;
+			const trackDisposal = (task) => {
+				pending.add(task);
+				task.then(() => {
+					pending.delete(task);
+				}, (error) => {
+					pending.delete(task);
+					cleanupFailures.push(error);
+					console.error("DSH Mobile directory picker cleanup failed");
+				});
+			};
+			const retire = (owner) => {
+				if (owners.delete(owner)) trackDisposal(owner.dispose());
+			};
+			function MobileDirectoryFlow(props) {
+				const current = (0, react.useRef)(props);
+				current.current = props;
+				const owner = (0, react.useRef)(void 0);
+				(0, react.useEffect)(() => {
+					if (!props.open || disposed) return;
+					try {
+						const dialog = openDirectoryDialog(doc, () => current.current, trackDisposal);
+						owners.add(dialog);
+						owner.current = dialog;
+						return () => {
+							owner.current = void 0;
+							retire(dialog);
+						};
+					} catch (error) {
+						console.error("DSH Mobile directory picker could not open");
+						current.current.onError(MESSAGES[localeOf(doc)].failedOpen);
+					}
+				}, [props.open]);
+				(0, react.useEffect)(() => {
+					owner.current?.setHostBusy(props.busy === true);
+				}, [props.busy]);
+				return null;
+			}
+			let remove;
+			try {
+				remove = ctx.slots.inject("sidebar.workspaces.directoryFlow", () => ctx.slots.inject("conversation.hero.workspace.directoryFlow", () => {
+					const removeSidebar = ctx.slots.register({
+						name: "sidebar.workspaces.directoryFlow",
+						id: "dsh-mobile-directory-picker",
+						priority: -1
+					}, MobileDirectoryFlow);
+					let removeHero;
+					try {
+						removeHero = ctx.slots.register({
+							name: "conversation.hero.workspace.directoryFlow",
+							id: "dsh-mobile-directory-picker",
+							priority: -1
+						}, MobileDirectoryFlow);
+					} catch (error) {
+						removeSidebar();
+						throw error;
+					}
+					return () => {
+						removeHero();
+						removeSidebar();
+					};
+				}));
+			} catch (error) {
+				style.remove();
+				throw error;
+			}
+			return async () => {
+				disposed = true;
+				const failures = [];
+				try {
+					remove();
+				} catch (error) {
+					failures.push(error);
+				}
+				for (const owner of [...owners]) try {
+					retire(owner);
+				} catch (error) {
+					failures.push(error);
+				}
+				await Promise.allSettled([...pending]);
+				style.remove();
+				failures.push(...cleanupFailures);
+				if (failures.length > 0) throw new AggregateError(failures, "Mobile directory picker disposal failed");
+			};
+		}
+		//#endregion
 		//#region src/client.ts
 		/** Map a host-reported provider onto the UI union, defaulting to the built-in one. */
 		function parseMobileRemoteProvider(value) {
@@ -7944,6 +9216,7 @@ window.__ModuleLoader__.load({
 				const top = layers.at(-1);
 				if (top === void 0) return;
 				claim();
+				if (dismissMobileDirectoryPicker(top)) return;
 				const modelEntry = [...modelPopups].find(([popup]) => popup.contains(top));
 				if (modelEntry !== void 0) {
 					const [modelPopup, trigger] = modelEntry;
@@ -13332,16 +14605,22 @@ window.__ModuleLoader__.load({
 						getLayout: () => ctx.get("layout"),
 						getSidebarRight: () => ctx.get("sidebarRight")
 					}));
-					return () => {
-						disposeClientModuleDialogs();
-						removeModuleSettings();
-						removeSettingsAction();
-						removeCustom();
-						removeSurface();
-						removeVoiceSession();
-						removeDraftTransfer();
-						localFont.dispose();
-						style.remove();
+					const removeDirectoryPicker = window.__DSH_MOBILE_FRONTEND__ === "dedicated" && !hasUpstreamBrowsePicker(window) ? installMobileDirectoryPicker(ctx, document) : () => Promise.resolve();
+					return async () => {
+						const removal = removeDirectoryPicker();
+						try {
+							disposeClientModuleDialogs();
+							removeModuleSettings();
+							removeSettingsAction();
+							removeCustom();
+							removeSurface();
+							removeVoiceSession();
+							removeDraftTransfer();
+							localFont.dispose();
+							style.remove();
+						} finally {
+							await removal;
+						}
 					};
 				}
 				const removeControl = installDshLanguageBoundSurface(() => {