vintage-frames 0.14.1 → 0.16.0

package/dist/shell/finder.js

@@ -4,10 +4,17 @@ import { windowChrome as r } from "../window-chrome.js";
 import "../index.js";
 import { FOLDER as i, TRASH as a, childrenOf as o, enclosingFolders as s, isContainerKind as c, isInside as l, isTrashed as u, isVolume as d, itemCount as f } from "./catalog.js";
 import { cleanUp as ee, collisions as te, desktopLattice as ne, fieldExtent as re, fillOrder as ie, folderLattice as ae, frameOf as oe, nextFreeCell as se, pinOf as ce, pinTo as le, trashCell as ue } from "./geometry.js";
-import { appIdOf as de, defineApp as p } from "./shell.js";
-import { fileByDrag as fe } from "./filing.js";
+import { desktopRendered as de } from "./windows.js";
+import { appIdOf as fe, defineApp as p } from "./shell.js";
+import { fileByDrag as pe } from "./filing.js";
+import { composeAlert as me } from "./alert.js";
 //#region src/shell/finder.ts
-var m = "finder", pe = 306, me = 300, he = 20, ge = 18, h = {
+var m = "finder", he = 306, ge = 300, _e = {
+	"new-folder": "New Folder",
+	"empty-trash": "Empty Trash",
+	paste: "Paste",
+	"add-file": "Adding the file"
+}, ve = 20, ye = 18, h = {
 	left: 8,
 	top: 2
 }, g = {
@@ -16,7 +23,7 @@ var m = "finder", pe = 306, me = 300, he = 20, ge = 18, h = {
 }, _ = {
 	left: h.left - 1,
 	top: h.top
-}, _e = {
+}, be = {
 	left: _.left + g.width + 3,
 	top: h.top
 }, v = [
@@ -79,17 +86,17 @@ function y(e) {
 		return i.length ? `<vf-menu data-menu="${t}" label="${n}">${i.join("")}</vf-menu>` : "";
 	}).join("");
 }
-var ve = (e) => e.localName === "vf-icon" && e.dataset.app != null || e instanceof HTMLTemplateElement && e.dataset.folder != null;
-function ye(e) {
+var xe = (e) => e.localName === "vf-icon" && e.dataset.app != null || e instanceof HTMLTemplateElement && e.dataset.folder != null;
+function Se(e) {
 	let t = (e, t) => e != null && t != null && Number.isFinite(+e) && Number.isFinite(+t) ? {
 		left: +e,
 		top: +t
 	} : void 0, n = [];
-	for (let r of [...e.children].filter(ve)) r instanceof HTMLTemplateElement ? n.push({
+	for (let r of [...e.children].filter(xe)) r instanceof HTMLTemplateElement ? n.push({
 		kind: i,
 		name: r.dataset.folder ?? null,
 		at: t(r.dataset.left, r.dataset.top),
-		children: ye(r.content)
+		children: Se(r.content)
 	}) : n.push({
 		kind: "app",
 		name: r.getAttribute("label"),
@@ -100,12 +107,12 @@ function ye(e) {
 	return n;
 }
 function b(i) {
-	let b = i.volumes?.trash !== !1, x = (e) => i.commands?.[e] !== !1 && (e !== "empty-trash" || b), be = [], xe = (e) => e, S = i.seed === "markup" ? async (e) => {
+	let b = i.volumes?.trash !== !1, x = (e) => i.commands?.[e] !== !1 && (e !== "empty-trash" || b), Ce = [], we = (e) => e, S = i.seed === "markup" ? async (e) => {
 		let t = Date.now(), n = async (r, i) => {
 			for (let a of r) {
 				let r = await e.create({
 					kind: a.kind,
-					name: a.name ?? (a.app == null ? void 0 : xe(a.app)),
+					name: a.name ?? (a.app == null ? void 0 : we(a.app)),
 					parent: i,
 					...a.at,
 					...a.app == null ? {} : { data: { app: a.app } },
@@ -114,12 +121,13 @@ function b(i) {
 				r && a.children.length && await n(a.children, r.id);
 			}
 		};
-		await n(be, null);
+		await n(Ce, null);
 	} : i.seed;
 	return p({
 		id: m,
 		name: "Finder",
 		menus: y(x),
+		dialogs: i.dialogs,
 		catalog: {
 			storage: i.storage,
 			volumes: i.volumes,
@@ -127,53 +135,76 @@ function b(i) {
 		},
 		init(p) {
 			let { desktop: y, windows: S } = p, C = p.catalog, w = i.art;
-			xe = (e) => p.app(e)?.name ?? e;
-			let T = i.lattice?.desktop?.cell ?? 64, Se = i.lattice?.folder?.cell ?? 64, Ce = i.window ?? {
+			we = (e) => p.app(e)?.name ?? e;
+			let T = i.lattice?.desktop?.cell ?? 64, Te = i.lattice?.folder?.cell ?? 64, Ee = i.window ?? {
 				width: 320,
 				height: 223
 			}, E = r({
 				scrollbars: "both",
-				headerHeight: he
-			}), D = (e) => (t) => void p.alert(`${e} failed: ${t.message}.`), O = y.querySelector(":scope > vf-icon-field"), we = !O;
-			if (!O) {
-				O = document.createElement("vf-icon-field"), O.label = "Desktop", O.toggleAttribute("fill-width", !0), O.toggleAttribute("fill-height", !0);
+				headerHeight: ve
+			}), De = /* @__PURE__ */ new Map();
+			async function D(e, t, n, r = {}) {
+				let i = De.get(e);
+				if (i) return i(t);
+				let a = me(n, {
+					art: w.caution ?? null,
+					...r
+				});
+				p.hold(a.dialog);
+				try {
+					await a.rendered();
+					let e = p.ask(a.dialog);
+					return a.fit(), await e;
+				} finally {
+					p.release(a.dialog);
+				}
+			}
+			let O = (e) => (t) => {
+				let n = t;
+				D("failed", {
+					action: e,
+					error: n
+				}, `${_e[e]} failed: ${n.message}.`);
+			}, k = y.querySelector(":scope > vf-icon-field"), Oe = !k;
+			if (!k) {
+				k = document.createElement("vf-icon-field"), k.label = "Desktop", k.toggleAttribute("fill-width", !0), k.toggleAttribute("fill-height", !0);
 				let e = y.querySelector(":scope > vf-menu-bar");
-				e ? e.after(O) : y.prepend(O);
+				e ? e.after(k) : y.prepend(k);
 			}
-			let k = O, Te = [...k.children].filter(ve);
-			be = ye(k);
-			for (let e of Te) e.remove();
-			let A = () => S.windowsOf(m).map((e) => [S.itemOf(e), e]).filter((e) => e[0] != null), j = (e) => e.querySelector(":scope > vf-icon-field"), M = () => [[null, k], ...A().flatMap(([e, t]) => {
+			let A = k, ke = [...A.children].filter(xe);
+			Ce = Se(A);
+			for (let e of ke) e.remove();
+			let Ae = () => S.windowsOf(m).map((e) => [S.itemOf(e), e]).filter((e) => e[0] != null), j = (e) => e.querySelector(":scope > vf-icon-field"), M = () => [[null, A], ...Ae().flatMap(([e, t]) => {
 				let n = j(t);
 				return n ? [[e, n]] : [];
-			})], Ee = (e) => M().find(([t]) => t === e)?.[1] ?? null, N = (e) => [...e.querySelectorAll(":scope > vf-icon[data-id]")], P = () => M().flatMap(([, e]) => N(e)), F = (e) => e.dataset.id, I = (e) => P().find((t) => F(t) === e) ?? null, L = (e) => ({
+			})], je = (e) => M().find(([t]) => t === e)?.[1] ?? null, N = (e) => [...e.querySelectorAll(":scope > vf-icon[data-id]")], P = () => M().flatMap(([, e]) => N(e)), F = (e) => e.dataset.id, I = (e) => P().find((t) => F(t) === e) ?? null, L = (e) => ({
 				left: e.left ?? 0,
 				top: e.top ?? 0
-			}), De = (e) => S.itemOf(e.closest("vf-window")), Oe = (e) => ({
+			}), Me = (e) => S.itemOf(e.closest("vf-window")), Ne = (e) => ({
 				width: Math.max(0, (e.width ?? 0) - E.left - E.right),
 				height: Math.max(0, (e.height ?? 0) - E.top - E.bottom)
-			}), ke = (e) => {
+			}), Pe = (e) => {
 				if (e == null) return ne(y.workArea, i.lattice?.desktop);
 				let t = S.windowFor(e);
-				return ae(t ? Oe(t).width : 0, i.lattice?.folder);
-			}, Ae = (e) => {
+				return ae(t ? Ne(t).width : 0, i.lattice?.folder);
+			}, Fe = (e) => {
 				let t = S.windowFor(e), n = t && j(t);
 				if (!t || !n) return;
-				let r = re(N(n).map(L), Oe(t), { cell: Se });
+				let r = re(N(n).map(L), Ne(t), { cell: Te });
 				n.width !== r.width && (n.width = r.width), n.height !== r.height && (n.height = r.height);
-			}, je = (n, r, i) => {
+			}, Ie = (n, r, i) => {
 				if (r == null) {
 					let r = y.workArea, a = t(n), o = (e) => Math.floor(e / a) * a, s = Math.ceil(r.top / a) * a, c = Math.max(r.left, o(r.left + r.width - T)), l = Math.max(s, o(r.top + r.height - T));
 					n.left = Math.min(Math.max(e(i.left, n), r.left), c), n.top = Math.min(Math.max(e(i.top, n), s), l);
 				} else n.left = e(Math.max(0, i.left), n), n.top = e(Math.max(0, i.top), n);
-			}, Me = (e) => {
+			}, Le = (e) => {
 				if (e.kind === "folder") return w.folder;
 				if (e.kind === "trash") return f(C.get(), "trash") ? w.trashFull : w.trash;
 				if (e.kind === "disk") return w.disk ?? w.folder;
 				let t = p.kind(e.kind);
 				return (typeof t?.art == "function" ? t.art(e) : t?.art) || w.document;
 			};
-			function Ne(e, t) {
+			function Re(e, t) {
 				let n = e.querySelector(":scope > vf-img > img");
 				if (!n) {
 					let t = document.createElement("vf-img");
@@ -181,52 +212,52 @@ function b(i) {
 				}
 				n.getAttribute("src") !== t && (n.src = t);
 			}
-			function Pe(e) {
+			function ze(e) {
 				let t = document.createElement("vf-icon");
 				return t.dataset.id = e.id, t.label = e.name, t.width = T, t.selectable = !0, t.movable = !0, c(e.kind) && (t.dataset.folder = e.id), t;
 			}
 			let R = /* @__PURE__ */ new Set(), z = /* @__PURE__ */ new WeakMap();
-			function Fe(e, t, n, r) {
+			function Be(e, t, n, r) {
 				if (t.left != null && t.top != null) {
 					let r = `${t.left},${t.top}`;
 					if (z.get(e) === r) return;
-					z.set(e, r), (e.left !== t.left || e.top !== t.top) && je(e, n, {
+					z.set(e, r), (e.left !== t.left || e.top !== t.top) && Ie(e, n, {
 						left: t.left,
 						top: t.top
 					});
 					return;
 				}
-				let a = N(r).filter((t) => t !== e && t.left != null && t.top != null).map(L), o = n == null && t.id === "trash" ? ue(y.workArea, i.lattice?.desktop) : se(ke(n), a, n == null ? T : Se);
-				je(e, n, o), R.add(e);
+				let a = N(r).filter((t) => t !== e && t.left != null && t.top != null).map(L), o = n == null && t.id === "trash" ? ue(y.workArea, i.lattice?.desktop) : se(Pe(n), a, n == null ? T : Te);
+				Ie(e, n, o), R.add(e);
 			}
-			let B = !1;
+			let Ve = !1, B = !1;
 			function V() {
-				if (!B) {
+				if (!(B || !Ve)) {
 					B = !0;
 					try {
 						let e = C.get(), t = new Map(P().map((e) => [F(e), e])), n = /* @__PURE__ */ new Set(), r = [], i = [];
 						for (let [a, s] of M()) for (let c of o(e, a)) {
-							let e = t.get(c.id) ?? Pe(c);
-							e.parentElement !== s && (s.append(e), e.left = void 0, e.top = void 0, z.delete(e)), n.add(e), e.label !== c.name && (e.label = c.name), e.editable = !d(c.id) && p.kind(c.kind)?.editable !== !1, Ne(e, Me(c));
-							let o = c.kind === "app" ? S.hasWindows(de(c) ?? "") : S.isOpen(c.id);
+							let e = t.get(c.id) ?? ze(c);
+							e.parentElement !== s && (s.append(e), e.left = void 0, e.top = void 0, z.delete(e)), n.add(e), e.label !== c.name && (e.label = c.name), e.editable = !d(c.id) && p.kind(c.kind)?.editable !== !1, Re(e, Le(c));
+							let o = c.kind === "app" ? S.hasWindows(fe(c) ?? "") : S.isOpen(c.id);
 							e.open !== o && (e.open = o);
-							let l = () => Fe(e, c, a, s);
+							let l = () => Be(e, c, a, s);
 							c.left != null && c.top != null ? r.push(l) : i.push(l);
 						}
 						for (let e of t.values()) n.has(e) || e.remove();
 						for (let e of [...r, ...i]) e();
-						for (let [e, t] of A()) {
+						for (let [e, t] of Ae()) {
 							let n = j(t), r = C.item(e)?.name;
-							n && r != null && n.label !== r && (n.label = r), Re(e), Ae(e);
+							n && r != null && n.label !== r && (n.label = r), We(e), Fe(e);
 						}
 					} finally {
 						B = !1;
 					}
-					Ie();
+					He();
 				}
 			}
 			let H = !1;
-			function Ie() {
+			function He() {
 				if (H = !1, !R.size) return;
 				let e = /* @__PURE__ */ new Map();
 				for (let t of R) t.isConnected && t.left != null && t.top != null && e.set(F(t), L(t));
@@ -234,29 +265,29 @@ function b(i) {
 			}
 			p.on(y, "vf-placement-change", (e) => {
 				let t = e.target;
-				t.localName === "vf-icon" && t.dataset.id != null && (R.add(t), !H && (H = !0, queueMicrotask(Ie)));
+				t.localName === "vf-icon" && t.dataset.id != null && (R.add(t), !H && (H = !0, queueMicrotask(He)));
 			}), p.onDispose(C.subscribe(V)), p.onDispose(S.onWindows(V));
-			function Le() {
+			function Ue() {
 				let e = document.createElement("vf-img");
 				e.dataset.trashMark = "", e.width = g.width, e.height = g.height, e.left = _.left, e.top = _.top;
 				let t = document.createElement("img");
 				return t.alt = "in the Trash", t.src = w.trashMark, e.append(t), e;
 			}
-			function Re(e) {
+			function We(e) {
 				let t = S.windowFor(e)?.querySelector(":scope > [slot=\"header\"]"), n = t?.querySelector(":scope > vf-label[data-count]");
 				if (!t || !n) return;
 				let r = C.get(), i = f(r, e), a = `${i} item${i === 1 ? "" : "s"}`;
 				n.textContent !== a && (n.textContent = a);
 				let o = !!w.trashMark && u(r, e), s = t.querySelector(":scope > vf-img[data-trash-mark]");
-				o && !s ? t.prepend(Le()) : !o && s && s.remove();
-				let c = o ? _e : h;
+				o && !s ? t.prepend(Ue()) : !o && s && s.remove();
+				let c = o ? be : h;
 				n.left !== c.left && (n.left = c.left);
 			}
-			function ze(e) {
+			function Ge(e) {
 				let t = C.item(e)?.name ?? "", n = document.createElement("vf-window");
-				n.heading = t, n.movable = !0, n.outlineDrag = !0, n.resizable = !0, n.scrollbars = "both", n.headerHeight = he, n.width = Ce.width, n.height = Ce.height;
+				n.heading = t, n.closable = !0, n.movable = !0, n.outlineDrag = !0, n.resizable = !0, n.scrollbars = "both", n.headerHeight = ve, n.width = Ee.width, n.height = Ee.height;
 				let r = document.createElement("vf-container");
-				r.slot = "header", r.toggleAttribute("fill-width", !0), r.height = ge, r.rule = "bottom";
+				r.slot = "header", r.toggleAttribute("fill-width", !0), r.height = ye, r.rule = "bottom";
 				let i = document.createElement("vf-label");
 				i.face = "body", i.dataset.count = "", i.left = h.left, i.top = h.top, r.append(i);
 				let a = document.createElement("vf-icon-field");
@@ -265,7 +296,7 @@ function b(i) {
 			p.on(y, "vf-resize", (e) => {
 				if (!e.detail?.commit || S.appOf(e.target) !== "finder") return;
 				let t = S.itemOf(e.target);
-				t != null && Ae(t);
+				t != null && Fe(t);
 			});
 			function U(e, t) {
 				let n = C.item(e);
@@ -273,19 +304,19 @@ function b(i) {
 					app: m,
 					item: e,
 					from: t,
-					create: () => ze(e)
+					create: () => Ge(e)
 				}) : p.kind(n.kind)?.open(n, t));
 			}
 			p.on(y, "vf-open", (e) => {
 				let t = e.target;
-				t.localName === "vf-icon" && t.dataset.id != null && (t.selected && q().length > 1 ? Ue() : U(F(t), t.cellRect()));
+				t.localName === "vf-icon" && t.dataset.id != null && (t.selected && q().length > 1 ? Ye() : U(F(t), t.cellRect()));
 			});
-			let Be = (e) => {
-				let t = C.get().items.filter((t) => t.kind === "app" && de(t) === e);
+			let Ke = (e) => {
+				let t = C.get().items.filter((t) => t.kind === "app" && fe(t) === e);
 				return t.find((e) => I(e.id)) ?? t[0] ?? null;
-			}, Ve = (e, t) => C.item(e) ?? (t == null ? null : Be(t));
+			}, qe = (e, t) => C.item(e) ?? (t == null ? null : Ke(t));
 			p.onDispose(S.setHome((e, t) => {
-				let n = Ve(e, t);
+				let n = qe(e, t);
 				if (!n) return null;
 				let r = I(n.id)?.cellRect();
 				if (r) return r;
@@ -295,9 +326,9 @@ function b(i) {
 				}
 				return null;
 			}, (e, t) => {
-				let n = e == null && t == null ? null : Ve(e, t), r = N(k), i = n ? I(n.id) : r.find((e) => e.selected) ?? r[0] ?? null;
+				let n = e == null && t == null ? null : qe(e, t), r = N(A), i = n ? I(n.id) : r.find((e) => e.selected) ?? r[0] ?? null;
 				return i?.checkVisibility() ? (i.focus({ preventScroll: !0 }), !0) : !1;
-			})), p.on(k, "pointerdown", () => y.clearActive());
+			})), p.on(A, "pointerdown", () => y.clearActive());
 			let W = (e) => {
 				let t = e.target;
 				return t.localName === "vf-icon" && t.dataset.id != null;
@@ -314,15 +345,15 @@ function b(i) {
 				if (!W(e) || G) return;
 				G = !0;
 				let { limit: t } = e.detail;
-				p.alert(`That name is too long. A name can have up to ${t} characters.`).finally(() => {
+				D("name-too-long", { limit: t }, `That name is too long. A name can have up to ${t} characters.`).finally(() => {
 					G = !1;
 				});
 			}), p.on(y, "vf-name-rejected", (e) => {
-				W(e) && p.alert("An item needs a name.");
-			}), p.onDispose(fe(y, {
+				W(e) && D("name-rejected", {}, "An item needs a name.");
+			}), p.onDispose(pe(y, {
 				folderOfWindow: (e) => S.appOf(e) === "finder" ? S.itemOf(e) ?? void 0 : void 0,
 				folderOfIcon: (e) => e.dataset.folder,
-				containerOf: (e) => e.dataset.id == null ? void 0 : De(e),
+				containerOf: (e) => e.dataset.id == null ? void 0 : Me(e),
 				canFile: (e, t) => {
 					let n = C.get();
 					return e.every((e) => {
@@ -333,34 +364,34 @@ function b(i) {
 				file: (e, t, n) => {
 					let r = new Map([...n].map(([e, t]) => [F(e), t]));
 					C.move(e.map(F), t, r).catch((e) => {
-						p.alert(`The items couldn’t be moved: ${e.message}.`);
+						D("move-failed", { error: e }, `The items couldn’t be moved: ${e.message}.`);
 					});
 				}
 			}));
-			let He = /* @__PURE__ */ new WeakMap(), K = 0;
+			let Je = /* @__PURE__ */ new WeakMap(), K = 0;
 			p.onDispose(S.onRaster((t, n) => {
-				k.dragIcons([]);
+				A.dragIcons([]);
 				let r = {
 					width: T,
 					height: T
 				}, a = oe(y.workArea.top);
-				for (let i of N(k)) {
+				for (let i of N(A)) {
 					let o = {
 						...L(i),
 						...r
-					}, s = He.get(i), c = !s || s.left !== o.left || s.top !== o.top ? ce(o, t, a) : s.pin, l = le(c, n, a, { size: r });
-					i.left = e(l.left, i), i.top = e(l.top, i), He.set(i, {
+					}, s = Je.get(i), c = !s || s.left !== o.left || s.top !== o.top ? ce(o, t, a) : s.pin, l = le(c, n, a, { size: r });
+					i.left = e(l.left, i), i.top = e(l.top, i), Je.set(i, {
 						pin: c,
 						left: i.left,
 						top: i.top
 					});
 				}
 				i.cleanUpAfterResize && (window.clearTimeout(K), K = window.setTimeout(() => {
-					K = 0, te(N(k).map((e) => ({
+					K = 0, te(N(A).map((e) => ({
 						...L(e),
 						...r
 					}))).size && X(null);
-				}, me));
+				}, ge));
 			})), p.onDispose(() => window.clearTimeout(K));
 			let q = () => {
 				let e = new Set(P().filter((e) => e.selected).map(F));
@@ -373,33 +404,36 @@ function b(i) {
 				return e && S.appOf(e) === "finder" ? S.itemOf(e) : null;
 			};
 			async function X(e) {
-				let t = Ee(e);
+				let t = je(e);
 				if (!t) return;
-				let n = ke(e), r = N(t), i = ee(n, r.map(L)), a = r.map((e, t) => ({
+				let n = Pe(e), r = N(t), i = ee(n, r.map(L)), a = r.map((e, t) => ({
 					icon: e,
 					...i[t]
 				})).sort((e, t) => ie(n, e, t));
 				await t.dragIcons(a);
 			}
-			async function Ue() {
-				let e = n() ? 0 : pe;
+			async function Ye() {
+				let e = n() ? 0 : he;
 				for (let [t, n] of q().entries()) t && e && await new Promise((t) => setTimeout(t, e)), U(n.id, I(n.id)?.cellRect() ?? null);
 			}
-			async function We(e) {
+			async function Xe(e) {
 				let t = I(e);
 				t && (J([e]), await t.updateComplete, t.startEditing());
 			}
-			let Z = () => C.get().available ? !0 : (p.alert("Files can’t be saved in this browser session. A private window, perhaps.", { label: "Storage Unavailable" }), !1);
-			async function Ge() {
+			let Z = () => C.get().available ? !0 : (D("storage-unavailable", {}, "Files can’t be saved in this browser session. A private window, perhaps.", { label: "Storage Unavailable" }), !1);
+			async function Ze() {
 				if (!Z()) return;
-				let e = await C.create({ parent: Y() }).catch(D("New Folder"));
-				e && await We(e.id);
+				let e = await C.create({ parent: Y() }).catch(O("new-folder"));
+				e && await Xe(e.id);
 			}
-			async function Ke() {
+			async function Qe() {
 				let e = f(C.get(), a);
 				if (!b || !e) return;
-				let t = Math.ceil(C.trashSize() / 1024), n = e === 1 ? `The Trash contains 1 item, which uses ${t}K of disk space. Are you sure you want to permanently remove it?` : `The Trash contains ${e} items, which use ${t}K of disk space. Are you sure you want to permanently remove these items?`;
-				await p.alert(n, {
+				let t = C.trashSize(), n = Math.ceil(t / 1024), r = e === 1 ? `The Trash contains 1 item, which uses ${n}K of disk space. Are you sure you want to permanently remove it?` : `The Trash contains ${e} items, which use ${n}K of disk space. Are you sure you want to permanently remove these items?`;
+				await D("empty-trash", {
+					count: e,
+					bytes: t
+				}, r, {
 					label: "Empty Trash",
 					buttons: [{
 						label: "Cancel",
@@ -409,13 +443,13 @@ function b(i) {
 						value: "ok",
 						default: !0
 					}]
-				}) === "ok" && await C.emptyTrash().catch(D("Empty Trash"));
+				}) === "ok" && await C.emptyTrash().catch(O("empty-trash"));
 			}
 			let Q = {
 				ids: [],
 				text: ""
-			}, qe = (e) => e.replace(/\r\n?/g, "\n").trimEnd();
-			async function Je() {
+			}, $e = (e) => e.replace(/\r\n?/g, "\n").trimEnd();
+			async function et() {
 				let e = q().filter((e) => !d(e.id));
 				if (!e.length) return;
 				let t = e.map((e) => e.name).join("\n");
@@ -438,12 +472,12 @@ function b(i) {
 					await navigator.clipboard?.writeText(t);
 				} catch {}
 			}
-			async function Ye(e, t) {
+			async function tt(e, t) {
 				for (let n of p.kinds.values()) if (n.claim && await n.claim(e, t)) return !0;
 				return !1;
 			}
-			let Xe = () => [...p.kinds.values()].some((e) => e.claim);
-			async function Ze() {
+			let nt = () => [...p.kinds.values()].some((e) => e.claim);
+			async function rt() {
 				try {
 					if (navigator.clipboard?.read) {
 						let e = null, t = [];
@@ -463,59 +497,57 @@ function b(i) {
 				} catch {}
 				return null;
 			}
-			async function Qe(e) {
+			async function it(e) {
 				if (!Z()) return;
 				let t = Y();
 				if (u(C.get(), t)) return;
-				let n = e === void 0 ? await Ze() : e, r = Q.ids.length > 0 && (n == null || n.text != null && qe(n.text) === qe(Q.text));
+				let n = e === void 0 ? await rt() : e, r = Q.ids.length > 0 && (n == null || n.text != null && $e(n.text) === $e(Q.text));
 				try {
 					if (r) {
 						let e = await C.copy(Q.ids, t);
 						e.length && J(e.map((e) => e.id));
-					} else for (let e of n?.files ?? []) await Ye(e, t);
+					} else for (let e of n?.files ?? []) await tt(e, t);
 				} catch (e) {
-					D("Paste")(e);
+					O("paste")(e);
 				}
 			}
 			p.on(document, "paste", (e) => {
 				if (!x("paste") || S.front !== "finder" || p.modalOpen() || p.typing()) return;
 				let t = e.clipboardData;
-				t && (e.preventDefault(), Qe({
+				t && (e.preventDefault(), it({
 					text: t.getData("text/plain") || null,
 					files: [...t.files]
 				}));
 			});
-			let $e = (e) => [...e.dataTransfer?.types ?? []].includes("Files");
+			let at = (e) => [...e.dataTransfer?.types ?? []].includes("Files");
 			p.on(y, "dragover", (e) => {
-				$e(e) && Xe() && e.preventDefault();
+				at(e) && nt() && e.preventDefault();
 			}), p.on(y, "drop", (e) => {
-				if (!$e(e) || !Xe()) return;
+				if (!at(e) || !nt()) return;
 				e.preventDefault();
-				let t = e, n = [...t.dataTransfer?.files ?? []];
-				if (!Z()) return;
-				let r = document.elementsFromPoint(t.clientX, t.clientY).find((e) => e.localName === "vf-window");
-				if (r && S.appOf(r) !== "finder") return;
+				let t = e, n = [...t.dataTransfer?.files ?? []], r = document.elementsFromPoint(t.clientX, t.clientY).find((e) => e.localName === "vf-window");
+				if (r && S.appOf(r) !== "finder" || (r ? y.bringToFront(r) : y.clearActive(), !Z())) return;
 				let i = r ? S.itemOf(r) : null;
 				u(C.get(), i) || (async () => {
-					for (let e of n) await Ye(e, i);
-				})().catch(D("Adding the file"));
+					for (let e of n) await tt(e, i);
+				})().catch(O("add-file"));
 			});
-			let et = {
-				open: () => void Ue(),
-				"new-folder": () => void Ge(),
+			let ot = {
+				open: () => void Ye(),
+				"new-folder": () => void Ze(),
 				close: () => {
 					let e = Y(), t = e == null ? null : S.windowFor(e);
 					t && S.requestClose(t);
 				},
-				copy: () => void Je(),
-				paste: () => void Qe(),
+				copy: () => void et(),
+				paste: () => void it(),
 				"select-all": () => {
-					let e = Ee(Y());
+					let e = je(Y());
 					e && J(N(e).map(F));
 				},
 				arrange: () => S.arrange(),
 				"clean-up": () => void X(Y()),
-				"empty-trash": () => void Ke()
+				"empty-trash": () => void Qe()
 			}, $ = (e, t) => {
 				x(e) && p.gate(p.item(e), t);
 			};
@@ -526,15 +558,15 @@ function b(i) {
 					return e.textContent !== t && (e.textContent = t), !0;
 				});
 			}
-			let tt = !0, nt = (e) => {
+			let st = !0, ct = (e) => {
 				let t = p.menus.find((t) => t.dataset.menu === e);
 				if (t) return t;
-				if (!tt) throw Error(`vintage-frames/shell (finder): no ${e} menu; add to it from extend`);
+				if (!st) throw Error(`vintage-frames/shell (finder): no ${e} menu; add to it from extend`);
 				let n = document.createElement("vf-menu");
 				n.dataset.menu = e, n.label = v.find((t) => t.menu === e).label;
 				let r = v.map((e) => e.menu), i = p.menus.findIndex((t) => r.indexOf(t.dataset.menu) > r.indexOf(e));
 				return p.menus.splice(i < 0 ? p.menus.length : i, 0, n), n;
-			}, rt = {
+			}, lt = {
 				catalog: C,
 				selection: q,
 				select: J,
@@ -542,21 +574,29 @@ function b(i) {
 				open: ({ item: e, from: t = null } = {}) => {
 					e != null && U(e, t);
 				},
-				rename: We,
+				rename: Xe,
 				cleanUp: X,
 				iconFor: I,
 				addCommand(e) {
-					let t = nt(e.menu);
+					let t = ct(e.menu);
 					e.separator && t.append(document.createElement("vf-separator"));
 					let n = document.createElement("vf-menu-item");
-					return n.setAttribute("value", e.value), e.shortcut && n.setAttribute("shortcut", e.shortcut), n.textContent = e.label, t.append(n), et[e.value] = e.run, e.enabled && p.gate(n, e.enabled), n;
-				}
+					return n.setAttribute("value", e.value), e.shortcut && n.setAttribute("shortcut", e.shortcut), n.textContent = e.label, t.append(n), ot[e.value] = e.run, e.enabled && p.gate(n, e.enabled), n;
+				},
+				alertWith(e, t) {
+					De.set(e, t);
+				},
+				storageReady: Z
 			};
-			return i.extend?.(rt, p), tt = !1, p.onMenu((e) => et[e]?.()), p.onDispose(() => {
-				for (let [, e] of A()) e.remove();
-				for (let e of N(k)) e.remove();
-				we ? k.remove() : k.append(...Te);
-			}), V(), rt;
+			i.extend?.(lt, p), st = !1, p.onMenu((e) => ot[e]?.());
+			let ut = !1;
+			return p.onDispose(() => {
+				ut = !0;
+				for (let e of N(A)) e.remove();
+				Oe ? A.remove() : A.append(...ke);
+			}), de(y).then(() => {
+				ut || (Ve = !0, V());
+			}), lt;
 		}
 	});
 }

package/dist/shell/index.d.ts

@@ -12,9 +12,9 @@
 export { createShell, defineApp, appIdOf, APP_KIND } from './shell.js';
 export type { AppContext, AppDefinition, CatalogSetup, KindDefinition, Shell, ShellOptions } from './shell.js';
 export { createWindowManager, focusInto } from './windows.js';
-export type { AdoptOptions, ArrangeGroup, BoxInput, FocusHome, HomeBox, OpenOptions, PlacePolicy, Placed, WindowManager, WindowManagerOptions, } from './windows.js';
+export type { AdoptOptions, ArrangeGroup, BoxInput, CloseHandler, FocusHome, HomeBox, OpenOptions, PlacePolicy, Placed, WindowManager, WindowManagerOptions, } from './windows.js';
 export { finder, FINDER } from './finder.js';
-export type { FinderApi, FinderArt, FinderCommand, FinderCommandSpec, FinderMenu, FinderOpen, FinderOptions, } from './finder.js';
+export type { FinderAlert, FinderAlertHandler, FinderAlerts, FinderApi, FinderArt, FinderCommand, FinderCommandSpec, FinderFailedAction, FinderMenu, FinderOpen, FinderOptions, } from './finder.js';
 export { fileByDrag } from './filing.js';
 export type { FilingOptions } from './filing.js';
 export { createCatalog, memoryStorage, childrenOf, containerOf, copyName, descendantsOf, enclosingFolders, isContainerKind, isInside, isTrashed, isVolume, itemCount, itemOf, nextFolderName, DISK, FOLDER, TRASH, UNTITLED_FOLDER, } from './catalog.js';
@@ -25,5 +25,3 @@ export type { LocalStorageStateOptions, SavedSession, SavedWindow, SessionSnapsh
 export { BAND, CASCADE_SLOTS, CASCADE_STEP, ICON_CELL, ICON_COLUMN, ICON_INSET, ICON_ROW, NEAR, WINDOW_ORIGIN, cascadedBox, cascadeFrom, cascadeSlot, centeredBox, cleanUp, collisions, desktopLattice, fieldExtent, fillOrder, folderLattice, frameOf, isPin, latticeCell, latticeSlot, nearBox, nextFreeCell, pinOf, pinTo, trashCell, windowOrigin, } from './geometry.js';
 export type { Bands, Box, CascadeOptions, EdgePin, Frame, Lattice, LatticeOptions, Pin, Point, Policy, Size, } from './geometry.js';
 export { startClock, formatDate, formatTime, DATE_HOLD_MS } from './clock.js';
-export { showAlert } from './alert.js';
-export type { AlertButton, AlertOptions } from './alert.js';

package/dist/shell/index.js

@@ -3,9 +3,8 @@ import { BAND as v, CASCADE_SLOTS as y, CASCADE_STEP as b, ICON_CELL as x, ICON_
 import { createWindowManager as q, focusInto as J } from "./windows.js";
 import { localStorageState as Y, mergeSession as X, openWindowsOf as Z, readSession as Q } from "./state.js";
 import { DATE_HOLD_MS as $, formatDate as ee, formatTime as te, startClock as ne } from "./clock.js";
-import { showAlert as re } from "./alert.js";
-import { APP_KIND as ie, appIdOf as ae, createShell as oe, defineApp as se } from "./shell.js";
-import { fileByDrag as ce } from "./filing.js";
-import { FINDER as le, finder as ue } from "./finder.js";
-import { indexedDbStorage as de } from "./storage.js";
-export { ie as APP_KIND, v as BAND, y as CASCADE_SLOTS, b as CASCADE_STEP, $ as DATE_HOLD_MS, e as DISK, le as FINDER, t as FOLDER, x as ICON_CELL, S as ICON_COLUMN, C as ICON_INSET, w as ICON_ROW, T as NEAR, n as TRASH, r as UNTITLED_FOLDER, E as WINDOW_ORIGIN, ae as appIdOf, D as cascadeFrom, O as cascadeSlot, k as cascadedBox, A as centeredBox, i as childrenOf, j as cleanUp, M as collisions, a as containerOf, o as copyName, s as createCatalog, oe as createShell, q as createWindowManager, se as defineApp, c as descendantsOf, N as desktopLattice, l as enclosingFolders, P as fieldExtent, ce as fileByDrag, F as fillOrder, ue as finder, J as focusInto, I as folderLattice, ee as formatDate, te as formatTime, L as frameOf, de as indexedDbStorage, u as isContainerKind, d as isInside, R as isPin, f as isTrashed, p as isVolume, m as itemCount, h as itemOf, z as latticeCell, B as latticeSlot, Y as localStorageState, g as memoryStorage, X as mergeSession, V as nearBox, _ as nextFolderName, H as nextFreeCell, Z as openWindowsOf, U as pinOf, W as pinTo, Q as readSession, re as showAlert, ne as startClock, G as trashCell, K as windowOrigin };
+import { APP_KIND as re, appIdOf as ie, createShell as ae, defineApp as oe } from "./shell.js";
+import { fileByDrag as se } from "./filing.js";
+import { FINDER as ce, finder as le } from "./finder.js";
+import { indexedDbStorage as ue } from "./storage.js";
+export { re as APP_KIND, v as BAND, y as CASCADE_SLOTS, b as CASCADE_STEP, $ as DATE_HOLD_MS, e as DISK, ce as FINDER, t as FOLDER, x as ICON_CELL, S as ICON_COLUMN, C as ICON_INSET, w as ICON_ROW, T as NEAR, n as TRASH, r as UNTITLED_FOLDER, E as WINDOW_ORIGIN, ie as appIdOf, D as cascadeFrom, O as cascadeSlot, k as cascadedBox, A as centeredBox, i as childrenOf, j as cleanUp, M as collisions, a as containerOf, o as copyName, s as createCatalog, ae as createShell, q as createWindowManager, oe as defineApp, c as descendantsOf, N as desktopLattice, l as enclosingFolders, P as fieldExtent, se as fileByDrag, F as fillOrder, le as finder, J as focusInto, I as folderLattice, ee as formatDate, te as formatTime, L as frameOf, ue as indexedDbStorage, u as isContainerKind, d as isInside, R as isPin, f as isTrashed, p as isVolume, m as itemCount, h as itemOf, z as latticeCell, B as latticeSlot, Y as localStorageState, g as memoryStorage, X as mergeSession, V as nearBox, _ as nextFolderName, H as nextFreeCell, Z as openWindowsOf, U as pinOf, W as pinTo, Q as readSession, ne as startClock, G as trashCell, K as windowOrigin };