dsh-mobile 0.6.17 → 0.6.18

package/lib/client.js

@@ -8145,7 +8145,8 @@ window.__ModuleLoader__.load({
 			draft: "",
 			error: null,
 			hostBusy: false,
-			committed: false
+			committed: false,
+			creating: false
 		});
 		/** Read navigation stops on close; committing is final until the owner withdraws this flow. */
 		var MobileDirectoryBrowser = class {
@@ -8199,6 +8200,14 @@ window.__ModuleLoader__.load({
 					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;
@@ -8281,7 +8290,7 @@ window.__ModuleLoader__.load({
 			}
 			/** Cancel reading immediately; a committed/Host-busy adoption cannot be reported as cancelled. */
 			cancel() {
-				if (!this.canNavigate()) return false;
+				if (!this.canClose()) return false;
 				this.withdrawRead();
 				this.publish(CLOSED);
 				return true;
@@ -8295,9 +8304,12 @@ window.__ModuleLoader__.load({
 				await Promise.allSettled([...this.tasks]);
 				if (this.taskFailures.length > 0) throw new AggregateError(this.taskFailures, "Mobile directory observers failed during a listing");
 			}
-			canNavigate() {
+			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;
 			}
@@ -8311,6 +8323,171 @@ window.__ModuleLoader__.load({
 				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. */
@@ -8335,7 +8512,17 @@ window.__ModuleLoader__.load({
 				"invalid-response": "目录响应不可用，请重试或重新连接电脑",
 				"request-failed": "读取目录失败，请检查连接后重试",
 				timeout: "读取目录超时，请重试或取消",
-				failedOpen: "无法打开目录选择器，请重新连接后重试"
+				failedOpen: "无法打开目录选择器，请重新连接后重试",
+				create: "新建文件夹",
+				createTitle: "新建文件夹名称",
+				createAction: "创建",
+				createInvalid: "请输入单个文件夹名称，不能包含路径分隔符。",
+				createExists: "同名文件夹已存在。",
+				createFailed: "无法创建文件夹，请检查该目录的写入权限后重试。",
+				createParent: "创建位置",
+				creating: "正在创建文件夹…",
+				createStopping: "正在结束创建请求…",
+				createUnknown: "无法确认创建结果，文件夹可能已创建。请返回并重新读取目录，确认后再决定是否重试。"
 			},
 			en: {
 				title: "Select workspace directory",
@@ -8357,7 +8544,17 @@ window.__ModuleLoader__.load({
 				"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."
+				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",
@@ -8378,11 +8575,21 @@ window.__ModuleLoader__.load({
 				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."
+				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 read-only Gateway route; no native picker or Host service is replaced. */
+		/** 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) {
@@ -8399,6 +8606,32 @@ window.__ModuleLoader__.load({
 			}
 			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}`, {
@@ -8424,25 +8657,51 @@ window.__ModuleLoader__.load({
 		const STYLES = `
 dialog.dshm-picker{position:fixed;inset:0;box-sizing:border-box;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:0;background:transparent;color:var(--dsw-alias-label-primary,#16181d);font:400 14px/1.5 system-ui;overflow:hidden}
 dialog.dshm-picker[open]{display:grid;place-items:center}dialog.dshm-picker::backdrop{background:rgb(0 0 0 / 42%)}
-.dshm-picker__panel{display:flex;flex-direction:column;box-sizing:border-box;width:min(680px,100%);height:min(500px,100%);min-height:0;overflow:hidden;border:1px solid var(--dsw-alias-border-l2,#dde0e4);border-radius:16px;background:var(--dsw-alias-bg-layer-1,#fff);box-shadow:0 16px 56px rgb(0 0 0 / 18%)}
-.dshm-picker__header{display:flex;align-items:center;flex:none;gap:12px;padding:12px 16px;border-bottom:1px solid var(--dsw-alias-border-l2,#dde0e4)}
-.dshm-picker__title{flex:1;min-width:0;margin:0;font-size:16px;font-weight:500;overflow-wrap:anywhere}
-.dshm-picker__toolbar{display:flex;flex-wrap:wrap;gap:8px;flex:none;padding:12px 16px 8px}.dshm-picker__path-label{flex:1;min-width:min(180px,100%);display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--dsw-alias-label-secondary,#606873)}
-.dshm-picker__path{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--dsw-alias-border-l3,#cfd5dd);border-radius:10px;background:var(--dsw-alias-bg-layer-2,#f7f8fa);color:var(--dsw-alias-label-primary,#16181d);font:400 16px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}
+.dshm-picker__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 16px 8px}.dshm-picker__navigation .dshm-picker__button{flex:1;white-space:normal}
-.dshm-picker__list{flex:1;min-height:0;margin:0;padding:4px 12px;overflow:auto;overscroll-behavior:contain;list-style:none;scroll-padding:4px}
-.dshm-picker__row{display:flex;align-items:center;gap:12px;box-sizing:border-box;width:100%;min-height:48px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation}
+.dshm-picker__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:48px;min-height:48px;padding:10px 14px;border:1px solid var(--dsw-alias-border-l3,#cfd5dd);border-radius:10px;background:transparent;color:inherit;font:500 14px/1.4 system-ui;cursor:pointer;touch-action:manipulation}
+.dshm-picker__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__status{flex:none;margin:0;padding:8px 16px;font-size:13px;color:var(--dsw-alias-label-secondary,#606873);overflow-wrap:anywhere}.dshm-picker__error{color:var(--dsw-alias-state-error-primary,#b42318)}
-.dshm-picker__status[hidden],.dshm-picker__button[hidden]{display:none}.dshm-picker__footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;flex:none;gap:8px;padding:12px 16px;border-top:1px solid var(--dsw-alias-border-l2,#dde0e4)}
-.dshm-picker__confirm{border-color:transparent;background:var(--dsw-alias-button-primary-fill,#2563eb);color:var(--dsw-alias-label-primary-foreground,#fff)}.dshm-picker__confirm:hover:not(:disabled),.dshm-picker__confirm:active:not(:disabled){background:var(--dsw-alias-button-primary-hover,#1d4ed8)}
-@media(max-width:420px){dialog.dshm-picker{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.dshm-picker__header,.dshm-picker__toolbar,.dshm-picker__footer{padding-left:12px;padding-right:12px}.dshm-picker__footer .dshm-picker__button{flex:1}.dshm-picker__path-label{min-width:0}}
+.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");
@@ -8468,18 +8727,40 @@ dialog.dshm-picker[open]{display:grid;place-items:center}dialog.dshm-picker::bac
 				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 = button(copy.close);
+			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";
-			pathLabel.textContent = copy.path;
+			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";
@@ -8488,16 +8769,17 @@ dialog.dshm-picker[open]{display:grid;place-items:center}dialog.dshm-picker::bac
 			path.autocomplete = "off";
 			path.maxLength = 8192;
 			pathLabel.append(path);
-			const go = button(copy.go, "load");
+			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 = button(copy.home, "home");
-			const up = button(copy.up, "up");
+			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");
@@ -8513,13 +8795,82 @@ dialog.dshm-picker[open]{display:grid;place-items:center}dialog.dshm-picker::bac
 			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");
-			footer.append(retry, cancel, confirm);
-			panel.append(header, toolbar, navigation, status, error, list, footer);
+			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;
@@ -8527,22 +8878,41 @@ dialog.dshm-picker[open]{display:grid;place-items:center}dialog.dshm-picker::bac
 			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;
-				path.disabled = adopting;
+				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 = adopting || state.phase === "loading" || !isMobileDirectoryPath(state.draft);
-				home.disabled = adopting;
-				up.disabled = adopting || state.listing?.parent === void 0;
+				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 = adopting;
-				status.textContent = adopting ? copy.adopting : state.phase === "loading" ? copy.loading : state.listing?.truncated === true ? copy.truncated : state.listing?.entries.length === 0 ? copy.empty : "";
-				status.hidden = status.textContent === "";
+				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 = state.error === null;
+				error.hidden = child.open || state.error === null;
 				list.setAttribute("aria-busy", String(state.phase === "loading"));
 				if (renderedListing !== state.listing) {
 					renderedListing = state.listing;
@@ -8572,11 +8942,21 @@ dialog.dshm-picker[open]{display:grid;place-items:center}dialog.dshm-picker::bac
 						list.append(item);
 					}
 				}
-				for (const row of list.querySelectorAll("button")) row.disabled = adopting;
+				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();
@@ -8597,6 +8977,8 @@ dialog.dshm-picker[open]{display:grid;place-items:center}dialog.dshm-picker::bac
 				if (disposal !== void 0) return disposal;
 				disposed = true;
 				unsubscribe();
+				unsubscribeCreate();
+				const creationStopped = creator.dispose();
 				const stopped = browser.dispose();
 				const failures = [];
 				const clean = (action) => {
@@ -8623,11 +9005,7 @@ dialog.dshm-picker[open]{display:grid;place-items:center}dialog.dshm-picker::bac
 					if (trigger?.isConnected) trigger.focus({ preventScroll: true });
 				});
 				disposal = (async () => {
-					try {
-						await stopped;
-					} catch (error) {
-						failures.push(error);
-					}
+					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;
@@ -14227,7 +14605,7 @@ dialog.dshm-picker[open]{display:grid;place-items:center}dialog.dshm-picker::bac
 						getLayout: () => ctx.get("layout"),
 						getSidebarRight: () => ctx.get("sidebarRight")
 					}));
-					const removeDirectoryPicker = window.__DSH_MOBILE_FRONTEND__ === "dedicated" ? installMobileDirectoryPicker(ctx, document) : () => Promise.resolve();
+					const removeDirectoryPicker = window.__DSH_MOBILE_FRONTEND__ === "dedicated" && !hasUpstreamBrowsePicker(window) ? installMobileDirectoryPicker(ctx, document) : () => Promise.resolve();
 					return async () => {
 						const removal = removeDirectoryPicker();
 						try {