@harryy/react-file-browser 1.1.0 → 1.2.0

package/dist/index.js

@@ -4,15 +4,15 @@ import { t as d } from "./chunks/browser-4lIkMGbo.js";
 import { createContext as f, createElement as p, forwardRef as m, useCallback as h, useContext as g, useEffect as _, useMemo as v, useRef as y, useState as b, useSyncExternalStore as x } from "react";
 import S from "react-selecto";
 import { createPortal as C } from "react-dom";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { Fragment as ee, jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region src/core/use-file-browser.ts
-function ee({ adapter: n, path: i, initialPath: o = "/", onPathChange: s, searchQuery: c, initialSearchQuery: l = "", onSearchQueryChange: u }) {
-	let d = i === void 0 ? void 0 : a(i), [f, p] = b(() => a(o)), m = d ?? f, [g, x] = b("loading"), [S, C] = b([]), [w, T] = b(), [E, ee] = b(null), [O, k] = b(() => /* @__PURE__ */ new Set()), [ae, A] = b(null), [oe, j] = b(null), [M, N] = b(null), [se, P] = b("grid"), [ce, le] = b(l), F = c ?? ce, [I, ue] = b("all"), [L, de] = b("name"), [fe, pe] = b("asc"), R = y(0), me = y(m), z = y(void 0), he = y(F);
-	he.current = F;
-	let ge = h((e) => {
-		let t = typeof e == "function" ? e(he.current) : e;
-		he.current = t, c === void 0 && le(t), u?.(t);
-	}, [c, u]), B = v(() => ({
+function te({ adapter: n, path: i, initialPath: o = "/", onPathChange: s, searchQuery: c, initialSearchQuery: l = "", onSearchQueryChange: u }) {
+	let d = i === void 0 ? void 0 : a(i), [f, p] = b(() => a(o)), m = d ?? f, [g, x] = b("loading"), [S, C] = b([]), [ee, w] = b(), [T, te] = b(null), [D, O] = b(() => /* @__PURE__ */ new Set()), [oe, k] = b(null), [se, A] = b(null), [j, ce] = b(null), [le, M] = b("grid"), [ue, de] = b(l), fe = c ?? ue, [pe, N] = b("all"), [P, me] = b("name"), [he, ge] = b("asc"), _e = y(0), ve = y(m), ye = y(void 0), be = y(fe);
+	be.current = fe;
+	let xe = h((e) => {
+		let t = typeof e == "function" ? e(be.current) : e;
+		be.current = t, c === void 0 && de(t), u?.(t);
+	}, [c, u]), F = v(() => ({
 		createFolder: typeof n.createFolder == "function",
 		rename: typeof n.rename == "function",
 		move: typeof n.move == "function",
@@ -21,86 +21,86 @@ function ee({ adapter: n, path: i, initialPath: o = "/", onPathChange: s, search
 		exists: typeof n.exists == "function",
 		multipart: typeof n.createMultipartUpload == "function" && typeof n.uploadPart == "function" && typeof n.completeMultipartUpload == "function",
 		bulkDownload: typeof n.bulkDownloadUrl == "function"
-	}), [n]), V = v(() => re(Array.from(O)), [O]), H = v(() => S.filter((e) => O.has(e.path)), [S, O]), _e = v(() => {
-		let e = F.trim().toLowerCase();
-		return [...S].filter((t) => e ? t.name.toLowerCase().includes(e) : !0).filter((e) => I === "all" ? !0 : e.kind === (I === "files" ? "file" : "folder")).sort((e, t) => D(e, t, L, fe));
+	}), [n]), I = v(() => E(Array.from(D)), [D]), L = v(() => S.filter((e) => D.has(e.path)), [S, D]), Se = v(() => {
+		let e = fe.trim().toLowerCase();
+		return [...S].filter((t) => e ? t.name.toLowerCase().includes(e) : !0).filter((e) => pe === "all" ? !0 : e.kind === (pe === "files" ? "file" : "folder")).sort((e, t) => ie(e, t, P, he));
 	}, [
-		I,
+		pe,
 		S,
-		F,
-		L,
-		fe
-	]), U = h(async (e, t) => {
-		let r = a(e), i = ++R.current;
-		x((e) => t === "replace" || e === "idle" ? "loading" : e), ee(null);
+		fe,
+		P,
+		he
+	]), R = h(async (e, t) => {
+		let r = a(e), i = ++_e.current;
+		x((e) => t === "replace" || e === "idle" ? "loading" : e), te(null);
 		try {
-			let e = await n.list(r, { cursor: t === "append" ? z.current : void 0 });
-			if (i !== R.current) return;
-			C((n) => t === "append" ? te(n, e.items) : e.items), z.current = e.cursor, T(e.cursor), x("ready");
+			let e = await n.list(r, { cursor: t === "append" ? ye.current : void 0 });
+			if (i !== _e.current) return;
+			C((n) => t === "append" ? ne(n, e.items) : e.items), ye.current = e.cursor, w(e.cursor), x("ready");
 		} catch (e) {
-			if (i !== R.current) return;
-			ee(ie(e)), x("error");
+			if (i !== _e.current) return;
+			te(ae(e)), x("error");
 		}
-	}, [n]), ve = h(async () => {
-		await U(m, "replace");
-	}, [m, U]), ye = h(async (e, t = { source: "programmatic" }) => {
+	}, [n]), z = h(async () => {
+		await R(m, "replace");
+	}, [m, R]), Ce = h(async (e, t = { source: "programmatic" }) => {
 		let n = a(e);
-		n !== me.current && (s?.(n, t), d === void 0 && (me.current = n, p(n), k(/* @__PURE__ */ new Set()), A(null), j(null), z.current = void 0, T(void 0), await U(n, "replace")));
+		n !== ve.current && (s?.(n, t), d === void 0 && (ve.current = n, p(n), O(/* @__PURE__ */ new Set()), k(null), A(null), ye.current = void 0, w(void 0), await R(n, "replace")));
 	}, [
 		d,
-		U,
+		R,
 		s
-	]), be = h(async () => {
-		!w || g === "loading" || await U(m, "append");
+	]), we = h(async () => {
+		!ee || g === "loading" || await R(m, "append");
 	}, [
 		m,
-		w,
-		U,
+		ee,
+		R,
 		g
 	]);
 	_(() => {
 		let e = m;
-		e !== me.current && (me.current = e, k(/* @__PURE__ */ new Set()), A(null), j(null)), z.current = void 0, T(void 0), Promise.resolve().then(() => U(e, "replace"));
+		e !== ve.current && (ve.current = e, O(/* @__PURE__ */ new Set()), k(null), A(null)), ye.current = void 0, w(void 0), Promise.resolve().then(() => R(e, "replace"));
 	}, [n, d]);
-	let xe = h((e) => {
+	let B = h((e) => {
 		let t = a(e);
-		k(/* @__PURE__ */ new Set([t])), A(t), j(t);
-	}, []), Se = h((e) => {
+		O(/* @__PURE__ */ new Set([t])), k(t), A(t);
+	}, []), Te = h((e) => {
 		let t = a(e);
-		k((e) => {
+		O((e) => {
 			let n = new Set(e);
 			return n.has(t) ? n.delete(t) : n.add(t), n;
-		}), A(t);
-	}, []), Ce = h((e) => {
-		let t = a(e), n = oe ?? ae ?? t, r = _e.map((e) => e.path), i = r.indexOf(n), o = r.indexOf(t);
+		}), k(t);
+	}, []), Ee = h((e) => {
+		let t = a(e), n = se ?? oe ?? t, r = Se.map((e) => e.path), i = r.indexOf(n), o = r.indexOf(t);
 		if (i === -1 || o === -1) {
-			xe(t);
+			B(t);
 			return;
 		}
 		let s = Math.min(i, o), c = Math.max(i, o);
-		k(new Set(r.slice(s, c + 1))), A(t);
+		O(new Set(r.slice(s, c + 1))), k(t);
 	}, [
-		_e,
-		ae,
+		Se,
 		oe,
-		xe
-	]), we = h((e, t = {}) => {
+		se,
+		B
+	]), V = h((e, t = {}) => {
 		let n = e.map(a);
-		k((e) => {
+		O((e) => {
 			let r = t.additive ? new Set(e) : /* @__PURE__ */ new Set();
 			for (let e of n) r.add(e);
 			return r;
-		}), A(n.at(-1) ?? null), j(n.at(0) ?? null);
-	}, []), Te = h(() => {
-		k(new Set(S.map((e) => e.path))), A(S.at(0)?.path ?? null), j(S.at(0)?.path ?? null);
-	}, [S]), Ee = h(() => {
-		k(/* @__PURE__ */ new Set()), A(null), j(null);
-	}, []), De = h(async (e) => {
-		e.kind === "folder" ? await ye(e.path, {
+		}), k(n.at(-1) ?? null), A(n.at(0) ?? null);
+	}, []), De = h(() => {
+		O(new Set(S.map((e) => e.path))), k(S.at(0)?.path ?? null), A(S.at(0)?.path ?? null);
+	}, [S]), Oe = h(() => {
+		O(/* @__PURE__ */ new Set()), k(null), A(null);
+	}, []), ke = h(async (e) => {
+		e.kind === "folder" ? await Ce(e.path, {
 			source: "item",
 			item: e
-		}) : xe(e.path);
-	}, [ye, xe]), Oe = h(async (r) => {
+		}) : B(e.path);
+	}, [Ce, B]), Ae = h(async (r) => {
 		if (!n.createFolder) throw new t("not_supported", "Folder creation is not supported by this adapter");
 		let i = e(m, r.trim()), a = {
 			path: i,
@@ -108,14 +108,14 @@ function ee({ adapter: n, path: i, initialPath: o = "/", onPathChange: s, search
 			kind: "folder",
 			modifiedAt: (/* @__PURE__ */ new Date()).toISOString()
 		};
-		C((e) => te(e, [a]));
+		C((e) => ne(e, [a]));
 		try {
 			let e = await n.createFolder(i);
-			return C((t) => te(ne(t, [i]), [e])), e;
+			return C((t) => ne(re(t, [i]), [e])), e;
 		} catch (e) {
-			throw C((e) => ne(e, [i])), e;
+			throw C((e) => re(e, [i])), e;
 		}
-	}, [n, m]), ke = h(async (e, r) => {
+	}, [n, m]), je = h(async (e, r) => {
 		if (!n.rename) throw new t("not_supported", "Rename is not supported by this adapter");
 		let i = a(e), o = S;
 		C((e) => e.map((e) => e.path === i ? {
@@ -128,9 +128,9 @@ function ee({ adapter: n, path: i, initialPath: o = "/", onPathChange: s, search
 		} catch (e) {
 			throw C(o), e;
 		}
-	}, [n, S]), Ae = h(async (e) => {
-		let t = e.map(a), i = S, o = O;
-		C((e) => ne(e, t)), k((e) => {
+	}, [n, S]), Me = h(async (e) => {
+		let t = e.map(a), i = S, o = D;
+		C((e) => re(e, t)), O((e) => {
 			let n = new Set(e);
 			for (let e of t) n.delete(e);
 			return n;
@@ -140,17 +140,17 @@ function ee({ adapter: n, path: i, initialPath: o = "/", onPathChange: s, search
 		} catch (e) {
 			if (e instanceof r) {
 				let t = e.succeededPaths.map(a), n = e.failures.map((e) => a(e.path));
-				throw C(ne(i, t)), k(new Set(n)), A(n.at(0) ?? null), j(n.at(0) ?? null), e;
+				throw C(re(i, t)), O(new Set(n)), k(n.at(0) ?? null), A(n.at(0) ?? null), e;
 			}
-			throw C(i), k(o), e;
+			throw C(i), O(o), e;
 		}
 	}, [
 		n,
 		S,
-		O
-	]), je = h(async () => {
-		await Ae(V);
-	}, [Ae, V]), W = h(async (e, i) => {
+		D
+	]), Ne = h(async () => {
+		await Me(I);
+	}, [Me, I]), H = h(async (e, i) => {
 		if (!n.move) throw new t("not_supported", "Move is not supported by this adapter");
 		let o = e.map(a);
 		if (o.length === 0) return;
@@ -160,131 +160,131 @@ function ee({ adapter: n, path: i, initialPath: o = "/", onPathChange: s, search
 		} catch (e) {
 			if (e instanceof r) {
 				let t = e.succeededPaths.map(a), n = e.failures.map((e) => a(e.path));
-				throw s === m ? await ve() : C((e) => ne(e, t)), k(new Set(n)), A(n.at(0) ?? null), j(n.at(0) ?? null), e;
+				throw s === m ? await z() : C((e) => re(e, t)), O(new Set(n)), k(n.at(0) ?? null), A(n.at(0) ?? null), e;
 			}
 			throw e;
 		}
-		k((e) => {
+		O((e) => {
 			let t = new Set(e);
 			for (let e of o) t.delete(e);
 			return t;
-		}), A(null), j(null), s === m ? await ve() : C((e) => ne(e, o));
+		}), k(null), A(null), s === m ? await z() : C((e) => re(e, o));
 	}, [
 		n,
 		m,
-		ve
-	]), Me = h(async (e) => {
-		await W(V, e), N((e) => e?.type === "cut" ? null : e);
-	}, [W, V]), G = h((e = V) => {
-		N({
+		z
+	]), Pe = h(async (e) => {
+		await H(I, e), ce((e) => e?.type === "cut" ? null : e);
+	}, [H, I]), Fe = h((e = I) => {
+		ce({
 			type: "copy",
 			paths: e.map(a)
 		});
-	}, [V]), Ne = h((e = V) => {
-		N({
+	}, [I]), Ie = h((e = I) => {
+		ce({
 			type: "cut",
 			paths: e.map(a)
 		});
-	}, [V]), Pe = h(async (e) => {
-		if (!M || M.paths.length === 0) return;
+	}, [I]), Le = h(async (e) => {
+		if (!j || j.paths.length === 0) return;
 		let r = a(e);
-		if (M.type === "copy") {
+		if (j.type === "copy") {
 			if (!n.copy) throw new t("not_supported", "Copy is not supported by this adapter");
-			await n.copy(M.paths, r);
+			await n.copy(j.paths, r);
 		} else {
 			if (!n.move) throw new t("not_supported", "Move is not supported by this adapter");
-			await W(M.paths, r), N(null);
+			await H(j.paths, r), ce(null);
 			return;
 		}
-		r === m && await ve();
+		r === m && await z();
 	}, [
 		n,
-		M,
+		j,
 		m,
-		W,
-		ve
-	]), Fe = h(async (t, r = {}) => {
+		H,
+		z
+	]), Re = h(async (t, r = {}) => {
 		if (r.onConflict === "skip") return [];
 		let i = Array.from(t), a = [];
 		for (let t of i) {
-			let i = e(me.current, t.name), o = await n.upload(i, t, { onConflict: r.onConflict ?? "keep-both" });
-			a.push(o), C((e) => te(e, [o]));
+			let i = e(ve.current, t.name), o = await n.upload(i, t, { onConflict: r.onConflict ?? "keep-both" });
+			a.push(o), C((e) => ne(e, [o]));
 		}
 		return a;
 	}, [n]);
 	return {
 		adapter: n,
-		capabilities: B,
+		capabilities: F,
 		currentPath: m,
 		status: g,
 		items: S,
-		error: E,
-		hasMore: !!w,
-		selectedPaths: V,
-		selectedItems: H,
-		focusedPath: ae,
-		clipboard: M,
-		view: se,
-		searchQuery: F,
-		filterKind: I,
-		sortBy: L,
-		sortDirection: fe,
-		filteredItems: _e,
-		setView: P,
-		setSearchQuery: ge,
-		setFilterKind: ue,
-		setSortBy: de,
-		setSortDirection: pe,
-		refresh: ve,
-		loadMore: be,
-		navigate: ye,
-		open: De,
-		selectOnly: xe,
-		toggleSelection: Se,
-		selectRange: Ce,
-		setSelection: we,
-		selectAllLoaded: Te,
-		clearSelection: Ee,
-		createFolder: Oe,
-		rename: ke,
-		deleteSelected: je,
-		deletePaths: Ae,
-		movePathsTo: W,
-		moveSelectedTo: Me,
-		copySelection: G,
-		cutSelection: Ne,
-		pasteInto: Pe,
-		uploadFiles: Fe
+		error: T,
+		hasMore: !!ee,
+		selectedPaths: I,
+		selectedItems: L,
+		focusedPath: oe,
+		clipboard: j,
+		view: le,
+		searchQuery: fe,
+		filterKind: pe,
+		sortBy: P,
+		sortDirection: he,
+		filteredItems: Se,
+		setView: M,
+		setSearchQuery: xe,
+		setFilterKind: N,
+		setSortBy: me,
+		setSortDirection: ge,
+		refresh: z,
+		loadMore: we,
+		navigate: Ce,
+		open: ke,
+		selectOnly: B,
+		toggleSelection: Te,
+		selectRange: Ee,
+		setSelection: V,
+		selectAllLoaded: De,
+		clearSelection: Oe,
+		createFolder: Ae,
+		rename: je,
+		deleteSelected: Ne,
+		deletePaths: Me,
+		movePathsTo: H,
+		moveSelectedTo: Pe,
+		copySelection: Fe,
+		cutSelection: Ie,
+		pasteInto: Le,
+		uploadFiles: Re
 	};
 }
-function te(e, t) {
+function ne(e, t) {
 	let n = new Map(e.map((e) => [e.path, e]));
 	for (let e of t) n.set(e.path, e);
-	return Array.from(n.values()).sort((e, t) => D(e, t, "name", "asc"));
+	return Array.from(n.values()).sort((e, t) => ie(e, t, "name", "asc"));
 }
-function ne(e, t) {
+function re(e, t) {
 	let n = new Set(t);
 	return e.filter((e) => !n.has(e.path));
 }
-function D(e, t, n, r) {
+function ie(e, t, n, r) {
 	let i = r === "asc" ? 1 : -1;
 	return e.kind === t.kind ? n === "size" ? ((e.size ?? 0) - (t.size ?? 0)) * i : n === "modifiedAt" ? String(e.modifiedAt ?? "").localeCompare(String(t.modifiedAt ?? "")) * i : e.name.localeCompare(t.name, void 0, {
 		numeric: !0,
 		sensitivity: "base"
 	}) * i : e.kind === "folder" ? -1 : 1;
 }
-function re(e) {
+function E(e) {
 	return [...e].sort((e, t) => e.localeCompare(t));
 }
-function ie(e) {
+function ae(e) {
 	return e instanceof Error ? e : Error(String(e));
 }
 //#endregion
 //#region node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs
-var O = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), k = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ae = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), A = (e) => {
-	let t = ae(e);
+var D = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), O = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), oe = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), k = (e) => {
+	let t = oe(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, oe = {
+}, se = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -294,37 +294,43 @@ var O = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 	strokeWidth: 2,
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
-}, j = (e) => {
+}, A = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, M = f({}), N = () => g(M), se = m(({ color: e, size: t, strokeWidth: n, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...s }, c) => {
-	let { size: l = 24, strokeWidth: u = 2, absoluteStrokeWidth: d = !1, color: f = "currentColor", className: m = "" } = N() ?? {}, h = r ?? d ? Number(n ?? u) * 24 / Number(t ?? l) : n ?? u;
+}, j = f({}), ce = () => g(j), le = m(({ color: e, size: t, strokeWidth: n, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...s }, c) => {
+	let { size: l = 24, strokeWidth: u = 2, absoluteStrokeWidth: d = !1, color: f = "currentColor", className: m = "" } = ce() ?? {}, h = r ?? d ? Number(n ?? u) * 24 / Number(t ?? l) : n ?? u;
 	return p("svg", {
 		ref: c,
-		...oe,
-		width: t ?? l ?? oe.width,
-		height: t ?? l ?? oe.height,
+		...se,
+		width: t ?? l ?? se.width,
+		height: t ?? l ?? se.height,
 		stroke: e ?? f,
 		strokeWidth: h,
-		className: O("lucide", m, i),
-		...!a && !j(s) && { "aria-hidden": "true" },
+		className: D("lucide", m, i),
+		...!a && !A(s) && { "aria-hidden": "true" },
 		...s
 	}, [...o.map(([e, t]) => p(e, t)), ...Array.isArray(a) ? a : [a]]);
-}), P = (e, t) => {
-	let n = m(({ className: n, ...r }, i) => p(se, {
+}), M = (e, t) => {
+	let n = m(({ className: n, ...r }, i) => p(le, {
 		ref: i,
 		iconNode: t,
-		className: O(`lucide-${k(A(e))}`, `lucide-${e}`, n),
+		className: D(`lucide-${O(k(e))}`, `lucide-${e}`, n),
 		...r
 	}));
-	return n.displayName = A(e), n;
-}, ce = P("chevron-left", [["path", {
+	return n.displayName = k(e), n;
+}, ue = M("chevron-down", [["path", {
+	d: "m6 9 6 6 6-6",
+	key: "qrunsl"
+}]]), de = M("chevron-left", [["path", {
 	d: "m15 18-6-6 6-6",
 	key: "1wnfg3"
-}]]), le = P("chevron-right", [["path", {
+}]]), fe = M("chevron-right", [["path", {
 	d: "m9 18 6-6-6-6",
 	key: "mthhwq"
-}]]), F = P("copy", [["rect", {
+}]]), pe = M("chevron-up", [["path", {
+	d: "m18 15-6-6-6 6",
+	key: "153udz"
+}]]), N = M("copy", [["rect", {
 	width: "14",
 	height: "14",
 	x: "8",
@@ -335,7 +341,7 @@ var O = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 }], ["path", {
 	d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
 	key: "zix9uf"
-}]]), I = P("download", [
+}]]), P = M("download", [
 	["path", {
 		d: "M12 15V3",
 		key: "m9g1x1"
@@ -348,13 +354,32 @@ var O = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "m7 10 5 5 5-5",
 		key: "brsn70"
 	}]
-]), ue = P("file", [["path", {
+]), me = M("ellipsis", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "1",
+		key: "41hilf"
+	}],
+	["circle", {
+		cx: "19",
+		cy: "12",
+		r: "1",
+		key: "1wjl8i"
+	}],
+	["circle", {
+		cx: "5",
+		cy: "12",
+		r: "1",
+		key: "1pcz8c"
+	}]
+]), he = M("file", [["path", {
 	d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
 	key: "1oefj6"
 }], ["path", {
 	d: "M14 2v5a1 1 0 0 0 1 1h5",
 	key: "wfsgrz"
-}]]), L = P("folder-input", [
+}]]), ge = M("folder-input", [
 	["path", {
 		d: "M2 9V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-1",
 		key: "fm4g5t"
@@ -367,10 +392,10 @@ var O = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "m9 16 3-3-3-3",
 		key: "6m91ic"
 	}]
-]), de = P("folder", [["path", {
+]), _e = M("folder", [["path", {
 	d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",
 	key: "1kt360"
-}]]), fe = P("grid-2x2", [
+}]]), ve = M("grid-2x2", [
 	["path", {
 		d: "M12 3v18",
 		key: "108xh3"
@@ -387,7 +412,22 @@ var O = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		rx: "2",
 		key: "h1oib"
 	}]
-]), pe = P("list", [
+]), ye = M("info", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["path", {
+		d: "M12 16v-4",
+		key: "1dtifu"
+	}],
+	["path", {
+		d: "M12 8h.01",
+		key: "e9boi3"
+	}]
+]), be = M("list", [
 	["path", {
 		d: "M3 5h.01",
 		key: "18ugdj"
@@ -412,7 +452,7 @@ var O = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "M8 19h13",
 		key: "m83p4d"
 	}]
-]), R = P("pause", [["rect", {
+]), xe = M("pause", [["rect", {
 	x: "14",
 	y: "3",
 	width: "5",
@@ -426,16 +466,16 @@ var O = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 	height: "18",
 	rx: "1",
 	key: "1wsw3u"
-}]]), me = P("pencil", [["path", {
+}]]), F = M("pencil", [["path", {
 	d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
 	key: "1a8usu"
 }], ["path", {
 	d: "m15 5 4 4",
 	key: "1mk7zo"
-}]]), z = P("play", [["path", {
+}]]), I = M("play", [["path", {
 	d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
 	key: "10ikf1"
-}]]), he = P("scissors", [
+}]]), L = M("scissors", [
 	["circle", {
 		cx: "6",
 		cy: "6",
@@ -460,7 +500,7 @@ var O = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "M14.8 14.8 20 20",
 		key: "ptml3r"
 	}]
-]), ge = P("search", [["path", {
+]), Se = M("search", [["path", {
 	d: "m21 21-4.34-4.34",
 	key: "14j7rj"
 }], ["circle", {
@@ -468,20 +508,20 @@ var O = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 	cy: "11",
 	r: "8",
 	key: "4ej97u"
-}]]), B = P("square-check-big", [["path", {
+}]]), R = M("square-check-big", [["path", {
 	d: "M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344",
 	key: "2acyp4"
 }], ["path", {
 	d: "m9 11 3 3L22 4",
 	key: "1pflzl"
-}]]), V = P("square", [["rect", {
+}]]), z = M("square", [["rect", {
 	width: "18",
 	height: "18",
 	x: "3",
 	y: "3",
 	rx: "2",
 	key: "afitv7"
-}]]), H = P("trash-2", [
+}]]), Ce = M("trash-2", [
 	["path", {
 		d: "M10 11v6",
 		key: "nco0om"
@@ -502,7 +542,7 @@ var O = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",
 		key: "e791ji"
 	}]
-]), _e = P("upload", [
+]), we = M("upload", [
 	["path", {
 		d: "M12 3v12",
 		key: "1x0j5s"
@@ -515,7 +555,7 @@ var O = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
 		key: "ih7n3h"
 	}]
-]), U = P("x", [["path", {
+]), B = M("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"
 }], ["path", {
@@ -524,37 +564,37 @@ var O = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 }]]);
 //#endregion
 //#region src/core/upload-drop.ts
-async function ve(e) {
+async function Te(e) {
 	let t = Array.from(e.items).map((e) => e.webkitGetAsEntry?.()).filter((e) => !!e);
-	if (t.length === 0) return ye(e.files);
+	if (t.length === 0) return Ee(e.files);
 	let n = [];
-	for (let e of t) n.push(...await be(e));
+	for (let e of t) n.push(...await V(e));
 	return n;
 }
-function ye(e) {
+function Ee(e) {
 	return Array.from(e).map((e) => ({
 		file: e,
-		relativePath: Te(Ce(e))
+		relativePath: je(ke(e))
 	}));
 }
-async function be(e, t = "") {
+async function V(e, t = "") {
 	if (e.isFile) {
-		let n = await xe(e);
+		let n = await De(e);
 		return [{
 			file: n,
-			relativePath: Te(we(t, n.name))
+			relativePath: je(Ae(t, n.name))
 		}];
 	}
-	let n = we(t, e.name), r = await Se(e), i = [];
-	for (let e of r) i.push(...await be(e, n));
+	let n = Ae(t, e.name), r = await Oe(e), i = [];
+	for (let e of r) i.push(...await V(e, n));
 	return i;
 }
-function xe(e) {
+function De(e) {
 	return new Promise((t, n) => {
 		e.file(t, n);
 	});
 }
-async function Se(e) {
+async function Oe(e) {
 	let t = e.createReader(), n = [];
 	for (;;) {
 		let e = await new Promise((e, n) => {
@@ -565,18 +605,18 @@ async function Se(e) {
 	}
 	return n;
 }
-function Ce(e) {
+function ke(e) {
 	return e.webkitRelativePath || e.name;
 }
-function we(...e) {
+function Ae(...e) {
 	return e.filter(Boolean).join("/");
 }
-function Te(e) {
+function je(e) {
 	return e.replaceAll("\\", "/").split("/").filter((e) => e && e !== "." && e !== "..").join("/");
 }
 //#endregion
 //#region src/transfers/transfer-manager.ts
-var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, Oe = class {
+var Me = "react-file-browser-transfers", Ne = 1440 * 60 * 1e3, H = class {
 	uploads = /* @__PURE__ */ new Map();
 	downloads = /* @__PURE__ */ new Map();
 	uploadSpeedSamples = /* @__PURE__ */ new Map();
@@ -590,7 +630,7 @@ var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, Oe = class {
 	maxConcurrentUploads;
 	snapshotCache;
 	constructor(e = {}) {
-		this.storage = e.storage ?? void 0, this.storageKey = e.storageKey ?? Ee, this.idFactory = e.idFactory ?? K, this.now = e.now ?? (() => /* @__PURE__ */ new Date()), this.maxConcurrentUploads = Le(e.maxConcurrentUploads), this.restorePersisted(), this.downloads.size > 0 && this.pruneExpiredDownloads();
+		this.storage = e.storage ?? void 0, this.storageKey = e.storageKey ?? Me, this.idFactory = e.idFactory ?? W, this.now = e.now ?? (() => /* @__PURE__ */ new Date()), this.maxConcurrentUploads = Ue(e.maxConcurrentUploads), this.restorePersisted(), this.downloads.size > 0 && this.pruneExpiredDownloads();
 	}
 	subscribe(e) {
 		return this.subscribers.add(e), () => {
@@ -599,13 +639,13 @@ var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, Oe = class {
 	}
 	getSnapshot() {
 		return this.snapshotCache ??= {
-			uploads: Array.from(this.uploads.values()).map(Me),
-			downloads: Array.from(this.downloads.values()).map((e) => ({ ...G(e) }))
+			uploads: Array.from(this.uploads.values()).map(Re),
+			downloads: Array.from(this.downloads.values()).map((e) => ({ ...U(e) }))
 		}, this.snapshotCache;
 	}
 	getUpload(e) {
 		let t = this.uploads.get(e);
-		return t ? Me(t) : void 0;
+		return t ? Re(t) : void 0;
 	}
 	getRestorableUploads() {
 		return Array.from(this.uploads.values()).filter((e) => [
@@ -613,7 +653,7 @@ var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, Oe = class {
 			"uploading",
 			"paused",
 			"failed"
-		].includes(e.status)).filter((e) => !e.file || !e.adapter).map(Me);
+		].includes(e.status)).filter((e) => !e.file || !e.adapter).map(Re);
 	}
 	dismissRestoredUploads(e) {
 		for (let t of e) {
@@ -624,7 +664,7 @@ var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, Oe = class {
 	}
 	dismissDownload(e) {
 		let t = this.downloads.get(e);
-		t && (ze(t.url), this.downloads.delete(e), this.persistAndNotify());
+		t && (Ge(t.url), this.downloads.delete(e), this.persistAndNotify());
 	}
 	hasActiveTransfers() {
 		let e = this.getSnapshot();
@@ -686,12 +726,12 @@ var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, Oe = class {
 			if (e.bulkDownloadUrl) {
 				let n = await e.bulkDownloadUrl(t);
 				s.status = "ready", s.url = n.url, s.expiresAt = n.expiresAt;
-			} else if (i) n > r ? (s.status = "warning", s.warning = "client_zip_size") : (s.url = await Ve(e, t), s.status = "ready");
+			} else if (i) n > r ? (s.status = "warning", s.warning = "client_zip_size") : (s.url = await qe(e, t), s.status = "ready");
 			else throw Error("Client-side ZIP fallback is disabled.");
 		} catch (e) {
-			s.status = "failed", s.error = Be(e);
+			s.status = "failed", s.error = Ke(e);
 		}
-		return s.updatedAt = this.timestamp(), this.persistAndNotify(), G(s);
+		return s.updatedAt = this.timestamp(), this.persistAndNotify(), U(s);
 	}
 	async prepareSingleDownload({ adapter: e, path: t, selectedBytes: n = 0 }) {
 		let r = this.idFactory(), i = this.timestamp(), a = {
@@ -709,22 +749,22 @@ var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, Oe = class {
 		try {
 			a.url = await e.signedUrl(t), a.status = "ready";
 		} catch (e) {
-			a.status = "failed", a.error = Be(e);
+			a.status = "failed", a.error = Ke(e);
 		}
-		return a.updatedAt = this.timestamp(), this.persistAndNotify(), G(a);
+		return a.updatedAt = this.timestamp(), this.persistAndNotify(), U(a);
 	}
 	async confirmBulkDownload(e) {
 		let t = this.downloads.get(e);
 		if (t) {
-			if (t.status !== "warning") return G(t);
-			if (!t.adapter) return t.status = "failed", t.error = "This download can no longer continue in the current session.", t.updatedAt = this.timestamp(), this.persistAndNotify(), G(t);
+			if (t.status !== "warning") return U(t);
+			if (!t.adapter) return t.status = "failed", t.error = "This download can no longer continue in the current session.", t.updatedAt = this.timestamp(), this.persistAndNotify(), U(t);
 			t.status = "preparing", t.warning = void 0, t.updatedAt = this.timestamp(), this.persistAndNotify();
 			try {
-				t.url = await Ve(t.adapter, t.paths), t.status = "ready";
+				t.url = await qe(t.adapter, t.paths), t.status = "ready";
 			} catch (e) {
-				t.status = "failed", t.error = Be(e);
+				t.status = "failed", t.error = Ke(e);
 			}
-			return t.updatedAt = this.timestamp(), this.persistAndNotify(), G(t);
+			return t.updatedAt = this.timestamp(), this.persistAndNotify(), U(t);
 		}
 	}
 	async runUpload(e) {
@@ -732,7 +772,7 @@ var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, Oe = class {
 		if (!(!t?.adapter || !t.file || t.status !== "queued")) {
 			t.status = "uploading", t.updatedAt = this.timestamp(), this.persistAndNotify();
 			try {
-				let e = ke(t.adapter) ? await this.runMultipartUpload(t) : await this.runSimpleUpload(t);
+				let e = Pe(t.adapter) ? await this.runMultipartUpload(t) : await this.runSimpleUpload(t);
 				if (["paused", "cancelled"].includes(t.status)) {
 					this.uploadSpeedSamples.delete(t.id), this.persistAndNotify();
 					return;
@@ -743,7 +783,7 @@ var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, Oe = class {
 					this.uploadSpeedSamples.delete(t.id), this.persistAndNotify();
 					return;
 				}
-				t.status = "failed", t.error = Be(e), this.uploadSpeedSamples.delete(t.id), t.updatedAt = this.timestamp(), this.persistAndNotify();
+				t.status = "failed", t.error = Ke(e), this.uploadSpeedSamples.delete(t.id), t.updatedAt = this.timestamp(), this.persistAndNotify();
 			}
 		}
 	}
@@ -759,16 +799,16 @@ var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, Oe = class {
 	}
 	async runMultipartUpload(e) {
 		let t = e.adapter, n = e.file;
-		if (!t || !n || !ke(t)) throw Error("Multipart upload is not available");
+		if (!t || !n || !Pe(t)) throw Error("Multipart upload is not available");
 		if (!e.uploadId || !e.partSize) {
-			await je(e);
+			await Ie(e);
 			let r = await t.createMultipartUpload(e.path, n.size);
 			e.uploadId = r.uploadId, e.partSize = r.partSize, e.updatedAt = this.timestamp(), this.persistAndNotify();
 		}
 		let r = e.partSize, i = Math.ceil(n.size / r);
 		for (let a = 1; a <= i; a += 1) {
 			if (e.completedParts.some((e) => e.partNumber === a)) continue;
-			let i = (a - 1) * r, o = Math.min(i + r, n.size), s = n.slice(i, o), c = Ae(e), l = await t.uploadPart({
+			let i = (a - 1) * r, o = Math.min(i + r, n.size), s = n.slice(i, o), c = Fe(e), l = await t.uploadPart({
 				uploadId: e.uploadId,
 				partNumber: a,
 				chunk: s,
@@ -780,7 +820,7 @@ var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, Oe = class {
 			e.completedParts = [...e.completedParts, {
 				partNumber: a,
 				etag: l.etag
-			}].sort((e, t) => e.partNumber - t.partNumber), e.loadedBytes = Ae(e), e.updatedAt = this.timestamp(), this.persistAndNotify();
+			}].sort((e, t) => e.partNumber - t.partNumber), e.loadedBytes = Fe(e), e.updatedAt = this.timestamp(), this.persistAndNotify();
 		}
 		return t.completeMultipartUpload({
 			uploadId: e.uploadId,
@@ -814,8 +854,8 @@ var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, Oe = class {
 	persist() {
 		if (!this.storage) return;
 		let e = {
-			uploads: Array.from(this.uploads.values()).map(Ne),
-			downloads: Array.from(this.downloads.values()).map(Fe)
+			uploads: Array.from(this.uploads.values()).map(ze),
+			downloads: Array.from(this.downloads.values()).map(Ve)
 		};
 		this.storage.setItem(this.storageKey, JSON.stringify(e));
 	}
@@ -825,11 +865,11 @@ var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, Oe = class {
 		if (e) try {
 			let t = JSON.parse(e);
 			for (let e of t.uploads ?? []) {
-				let t = Pe(e);
+				let t = Be(e);
 				this.uploads.set(t.id, t);
 			}
 			for (let e of t.downloads ?? []) {
-				let t = Ie(e);
+				let t = He(e);
 				this.downloads.set(t.id, t);
 			}
 		} catch {
@@ -841,33 +881,33 @@ var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, Oe = class {
 	}
 	pruneExpiredDownloads() {
 		let e = this.now().getTime(), t = !1;
-		for (let [n, r] of this.downloads) Re(r, e) && (ze(r.url), this.downloads.delete(n), t = !0);
+		for (let [n, r] of this.downloads) We(r, e) && (Ge(r.url), this.downloads.delete(n), t = !0);
 		t && (this.snapshotCache = void 0, this.persist());
 	}
 };
-function ke(e) {
+function Pe(e) {
 	return typeof e.createMultipartUpload == "function" && typeof e.uploadPart == "function" && typeof e.completeMultipartUpload == "function";
 }
-function Ae(e) {
+function Fe(e) {
 	let t = e.partSize ?? e.totalBytes;
 	return e.completedParts.reduce((n, r) => {
 		let i = (r.partNumber - 1) * t;
 		return n + Math.min(t, e.totalBytes - i);
 	}, 0);
 }
-async function je(e) {
+async function Ie(e) {
 	let n = e.adapter;
 	if (!n?.exists) return;
 	let r = (e) => n.exists?.(e) ?? Promise.resolve({});
 	if ((await r([e.path]))[e.path]) {
 		if (e.onConflict === "keep-both") {
-			e.path = await W(r, e.path);
+			e.path = await Le(r, e.path);
 			return;
 		}
 		if (e.onConflict !== "replace") throw new t("conflict", `A file browser entry already exists at ${e.path}`);
 	}
 }
-async function W(n, r) {
+async function Le(n, r) {
 	let a = o(r), s = i(r), c = s.lastIndexOf("."), l = c > 0, u = l ? s.slice(0, c) : s, d = l ? s.slice(c) : "";
 	for (let t = 1; t < 2 ** 53 - 1; t += 1) {
 		let r = e(a, `${u} (${t})${d}`);
@@ -875,21 +915,21 @@ async function W(n, r) {
 	}
 	throw new t("conflict", `Could not allocate a unique file browser path for ${r}`);
 }
-function Me(e) {
+function Re(e) {
 	return {
 		...e,
 		group: e.group ? { ...e.group } : void 0,
 		completedParts: e.completedParts.map((e) => ({ ...e }))
 	};
 }
-function G(e) {
+function U(e) {
 	let { adapter: t, ...n } = e;
 	return {
 		...n,
 		paths: [...e.paths]
 	};
 }
-function Ne(e) {
+function ze(e) {
 	return {
 		id: e.id,
 		kind: e.kind,
@@ -909,7 +949,7 @@ function Ne(e) {
 		group: e.group ? { ...e.group } : void 0
 	};
 }
-function Pe(e) {
+function Be(e) {
 	return {
 		id: e.id,
 		kind: "upload",
@@ -929,7 +969,7 @@ function Pe(e) {
 		group: e.group ? { ...e.group } : void 0
 	};
 }
-function Fe(e) {
+function Ve(e) {
 	return {
 		id: e.id,
 		kind: e.kind,
@@ -945,34 +985,34 @@ function Fe(e) {
 		error: e.error
 	};
 }
-function Ie(e) {
-	return Fe(e);
+function He(e) {
+	return Ve(e);
 }
-function Le(e) {
+function Ue(e) {
 	if (e === void 0) return Infinity;
 	if (!Number.isInteger(e) || e < 1) throw RangeError("maxConcurrentUploads must be a positive integer");
 	return e;
 }
-function Re(e, t) {
+function We(e, t) {
 	if (e.status === "preparing") return !1;
 	if (e.expiresAt) {
 		let n = Date.parse(e.expiresAt);
 		if (Number.isFinite(n) && n <= t) return !0;
 	}
 	let n = Date.parse(e.updatedAt);
-	return Number.isFinite(n) && t - n > De;
+	return Number.isFinite(n) && t - n > Ne;
 }
-function ze(e) {
+function Ge(e) {
 	!e?.startsWith("blob:") || typeof URL > "u" || typeof URL.revokeObjectURL != "function" || URL.revokeObjectURL(e);
 }
-function K() {
+function W() {
 	return `transfer-${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;
 }
-function Be(e) {
+function Ke(e) {
 	return e instanceof Error ? e.message : String(e);
 }
-async function Ve(e, t) {
-	let n = await q(e, t), r = {};
+async function qe(e, t) {
+	let n = await G(e, t), r = {};
 	for (let t of n) {
 		let n = await e.signedUrl(t.path), i = await fetch(n);
 		if (!i.ok) throw Error(`Could not fetch ${t.path} for the client zip`);
@@ -981,52 +1021,52 @@ async function Ve(e, t) {
 	let i = d(r);
 	return URL.createObjectURL(new Blob([i], { type: "application/zip" }));
 }
-async function q(e, t) {
+async function G(e, t) {
 	let n = [], r = /* @__PURE__ */ new Set();
-	for (let i of t) await He(e, i, n, r);
+	for (let i of t) await Je(e, i, n, r);
 	return n;
 }
-async function He(e, t, n, r) {
+async function Je(e, t, n, r) {
 	if (r.has(t)) return;
 	r.add(t);
-	let i = await We(e, t);
+	let i = await K(e, t);
 	if (i?.kind === "file") {
 		n.push({
 			path: t,
-			archivePath: Ke(t)
+			archivePath: Ze(t)
 		});
 		return;
 	}
 	if (i?.kind === "folder") {
-		await Ue(e, t, n, r);
+		await Ye(e, t, n, r);
 		return;
 	}
-	let a = await Ge(e, t);
+	let a = await Xe(e, t);
 	if (a) {
-		for (let t of a) await He(e, t.path, n, r);
+		for (let t of a) await Je(e, t.path, n, r);
 		return;
 	}
 	n.push({
 		path: t,
-		archivePath: Ke(t)
+		archivePath: Ze(t)
 	});
 }
-async function Ue(e, t, n, r) {
+async function Ye(e, t, n, r) {
 	let i;
 	do {
 		let a = await e.list(t, { cursor: i });
-		for (let t of a.items) await He(e, t.path, n, r);
+		for (let t of a.items) await Je(e, t.path, n, r);
 		i = a.cursor;
 	} while (i);
 }
-async function We(e, t) {
+async function K(e, t) {
 	if (e.stat) try {
 		return await e.stat(t);
 	} catch {
 		return;
 	}
 }
-async function Ge(e, t) {
+async function Xe(e, t) {
 	try {
 		let n, r = [];
 		do {
@@ -1038,15 +1078,132 @@ async function Ge(e, t) {
 		return;
 	}
 }
-function Ke(e) {
+function Ze(e) {
 	return e.replace(/^\/+/, "") || "download";
 }
 //#endregion
+//#region src/components/responsive.tsx
+function Qe() {
+	let [e, t] = b(!1);
+	return _(() => {
+		let e = window.matchMedia?.("(max-width: 39.999rem)");
+		if (!e) return;
+		let n = () => t(e.matches);
+		return n(), e.addEventListener("change", n), () => e.removeEventListener("change", n);
+	}, []), e;
+}
+function $e(e) {
+	let [t, n] = b(null), [r, i] = b(16);
+	return _(() => {
+		let t = e.current;
+		if (!t) return;
+		let r = (e = t.clientWidth) => {
+			i(Number.parseFloat(getComputedStyle(document.documentElement).fontSize) || 16), e > 0 && n(e);
+		};
+		r();
+		let a = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(([e]) => r(e.contentRect.width));
+		a?.observe(t);
+		let o = () => r();
+		return window.addEventListener("resize", o), () => {
+			a?.disconnect(), window.removeEventListener("resize", o);
+		};
+	}, [e]), {
+		isNarrow: t !== null && t < 40 * r,
+		hasSidebar: t === null || t >= 64 * r
+	};
+}
+function et(e) {
+	let t = y(null), n = y(!1), r = y(e);
+	r.current = e;
+	function i() {
+		t.current !== null && clearTimeout(t.current), t.current = null;
+	}
+	return _(() => i, []), {
+		onTouchStart(e) {
+			i(), n.current = !1, !(e.touches?.length > 1 || e.target.closest("input, [data-fb-touch-control]")) && (t.current = setTimeout(() => {
+				t.current = null, n.current = !0, r.current();
+			}, 500));
+		},
+		onTouchMove: i,
+		onTouchCancel() {
+			i(), n.current = !1;
+		},
+		onTouchEnd() {
+			i(), n.current && (t.current = setTimeout(() => {
+				t.current = null, n.current = !1;
+			}, 350));
+		},
+		onClickCapture(e) {
+			n.current && (i(), n.current = !1, e.preventDefault(), e.stopPropagation());
+		},
+		onContextMenuCapture(e) {
+			n.current && (e.preventDefault(), e.stopPropagation());
+		}
+	};
+}
+var tt = "button:not(:disabled), a[href], input:not(:disabled):not([type=\"hidden\"]), select:not(:disabled), textarea:not(:disabled), [tabindex=\"0\"]";
+function nt({ children: e, label: t, narrow: n = !1, onClose: r }) {
+	let i = y(null), a = y(r);
+	return a.current = r, _(() => {
+		let e = document.activeElement, t = i.current;
+		return t?.contains(document.activeElement) || (t?.querySelector("input:not([type=\"hidden\"]):not([type=\"checkbox\"])") ?? t)?.focus({ preventScroll: !0 }), () => {
+			e instanceof HTMLElement && e.isConnected && e.focus({ preventScroll: !0 });
+		};
+	}, []), /* @__PURE__ */ w("div", {
+		"aria-label": t,
+		"aria-modal": "true",
+		className: `fixed inset-0 z-[60] flex min-w-0 justify-center overflow-y-auto overscroll-contain bg-[color-mix(in_oklch,var(--fb-text)_20%,transparent)] p-[calc(var(--fb-gap)*3)] text-[var(--fb-text)] outline-none [overflow-wrap:anywhere] ${n ? "items-end" : "items-center"}`,
+		"data-fb-dialog": n ? "sheet" : "modal",
+		onClick: (e) => {
+			e.stopPropagation(), e.target === e.currentTarget && a.current();
+		},
+		onKeyDown: (e) => {
+			if (e.stopPropagation(), e.key === "Escape" && (e.preventDefault(), a.current()), e.key !== "Tab") return;
+			let t = Array.from(i.current?.querySelectorAll(tt) ?? []).filter((e) => !e.closest("[hidden]") && getComputedStyle(e).display !== "none"), n = t[0], r = t.at(-1);
+			n ? e.shiftKey && (document.activeElement === n || document.activeElement === i.current) ? (e.preventDefault(), r?.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n.focus()) : (e.preventDefault(), i.current?.focus());
+		},
+		ref: i,
+		role: "dialog",
+		style: {
+			paddingBottom: "max(calc(var(--fb-gap) * 3), env(safe-area-inset-bottom))",
+			paddingTop: "max(calc(var(--fb-gap) * 3), env(safe-area-inset-top))"
+		},
+		tabIndex: -1,
+		children: /* @__PURE__ */ w("div", {
+			className: "flex max-h-[calc(100dvh-max(calc(var(--fb-gap)*6),env(safe-area-inset-bottom)+env(safe-area-inset-top)))] w-full min-w-0 max-w-[calc(var(--fb-gap)*180)] flex-col items-center overflow-y-auto overscroll-contain [scrollbar-gutter:stable] [&>*]:shrink-0",
+			children: e
+		})
+	});
+}
+function rt({ children: e, label: t, onClose: n }) {
+	return /* @__PURE__ */ w(nt, {
+		label: t,
+		narrow: !0,
+		onClose: n,
+		children: /* @__PURE__ */ T("section", {
+			className: "w-full min-w-0 max-w-[calc(var(--fb-gap)*120)] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-[calc(var(--fb-gap)*4)]",
+			children: [/* @__PURE__ */ T("header", {
+				className: "mb-[calc(var(--fb-gap)*3)] flex items-center justify-between gap-[calc(var(--fb-gap)*2)]",
+				children: [/* @__PURE__ */ w("h2", {
+					className: "min-w-0 font-semibold",
+					children: t
+				}), /* @__PURE__ */ w("button", {
+					"aria-label": `Close ${t}`,
+					className: "min-h-[calc(var(--fb-gap)*11)] shrink-0 rounded-[var(--fb-radius)] px-[calc(var(--fb-gap)*3)] text-[var(--fb-accent)] focus-visible:outline-2 focus-visible:outline-[var(--fb-accent)]",
+					onClick: n,
+					type: "button",
+					children: "Close"
+				})]
+			}), e]
+		})
+	});
+}
+//#endregion
 //#region src/transfers/file-browser-provider.tsx
-var qe = f(null), Je = "transition-[background-color,border-color,color,box-shadow,opacity] duration-150 ease-out motion-reduce:transition-none", J = "transition-[background-color,border-color,box-shadow,opacity] duration-200 ease-out motion-reduce:transition-none";
-function Ye({ children: e, manager: t, options: n, resolveRestoredUpload: r, showFloatingWidget: i = !0 }) {
-	let [a] = b(() => t ?? new Oe(et(n))), o = t ?? a, s = Qe(o), [c, l] = b(!1), u = o.getRestorableUploads();
-	$e(o);
+var it = f(null), at = "transition-[background-color,border-color,color,box-shadow,opacity] duration-150 ease-out motion-reduce:transition-none", ot = "transition-[background-color,border-color,box-shadow,opacity] duration-200 ease-out motion-reduce:transition-none", st = "min-h-[calc(var(--fb-gap)*11)] min-w-[calc(var(--fb-gap)*11)] shrink-0 whitespace-nowrap sm:min-h-7 sm:min-w-7 [@media(pointer:coarse)]:min-h-[calc(var(--fb-gap)*11)] [@media(pointer:coarse)]:min-w-[calc(var(--fb-gap)*11)]";
+function q({ children: e, manager: t, options: n, resolveRestoredUpload: r, showFloatingWidget: i = !0 }) {
+	let [a] = b(() => t ?? new H(ft(n))), o = t ?? a, s = ut(o), [c, l] = b(!1), u = o.getRestorableUploads();
+	dt(o);
 	async function d(e) {
 		for (let t of e) {
 			if (t.adapter && t.file) {
@@ -1061,15 +1218,15 @@ function Ye({ children: e, manager: t, options: n, resolveRestoredUpload: r, sho
 		}
 		l(!0);
 	}
-	return /* @__PURE__ */ E(qe.Provider, {
+	return /* @__PURE__ */ T(it.Provider, {
 		value: o,
 		children: [
 			e,
-			i ? /* @__PURE__ */ T(tt, {
+			i ? /* @__PURE__ */ w(pt, {
 				manager: o,
 				snapshot: s
 			}) : null,
-			!c && u.length > 0 ? /* @__PURE__ */ T(rt, {
+			!c && u.length > 0 ? /* @__PURE__ */ w(gt, {
 				count: u.length,
 				onDismiss: () => {
 					o.dismissRestoredUploads(u.map((e) => e.id)), l(!0);
@@ -1081,19 +1238,19 @@ function Ye({ children: e, manager: t, options: n, resolveRestoredUpload: r, sho
 		]
 	});
 }
-function Xe() {
-	return g(qe) ?? it;
+function ct() {
+	return g(it) ?? _t;
 }
-function Ze() {
-	return Qe(Xe());
+function lt() {
+	return ut(ct());
 }
-function Qe(e) {
+function ut(e) {
 	return x((t) => e.subscribe(t), () => e.getSnapshot(), () => ({
 		uploads: [],
 		downloads: []
 	}));
 }
-function $e(e) {
+function dt(e) {
 	_(() => {
 		let t = (t) => {
 			e.hasActiveTransfers() && (t.preventDefault(), t.returnValue = "");
@@ -1101,7 +1258,7 @@ function $e(e) {
 		return window.addEventListener("beforeunload", t), () => window.removeEventListener("beforeunload", t);
 	}, [e]);
 }
-function et(e) {
+function ft(e) {
 	if (e?.storage !== void 0) return e;
 	let t = typeof window > "u" ? void 0 : window.localStorage;
 	return t ? {
@@ -1109,115 +1266,129 @@ function et(e) {
 		storage: t
 	} : e ?? {};
 }
-function tt({ manager: e, snapshot: t }) {
-	let n = t.uploads.filter(ct), r = lt(t.uploads), i = new Set(r.flatMap((e) => e.activeUploads.map((e) => e.id))), a = n.filter((e) => !i.has(e.id)), o = t.downloads.filter((e) => [
+function pt({ manager: e, snapshot: t }) {
+	let n = Qe(), [r, i] = b(null), a = r ?? !n, o = t.uploads.filter(xt), s = J(t.uploads), c = new Set(s.flatMap((e) => e.activeUploads.map((e) => e.id))), l = o.filter((e) => !c.has(e.id)), u = t.downloads.filter((e) => [
 		"preparing",
 		"warning",
 		"ready",
 		"failed"
 	].includes(e.status));
-	return n.length === 0 && o.length === 0 ? null : C(/* @__PURE__ */ E("aside", {
+	return o.length === 0 && u.length === 0 ? null : C(/* @__PURE__ */ T("aside", {
 		"aria-label": "Transfers",
-		className: `fixed bottom-4 right-4 z-50 w-[min(360px,calc(100vw-2rem))] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-3 text-[12px] text-[var(--fb-text)] shadow-[0_16px_44px_color-mix(in_oklch,var(--fb-text)_16%,transparent)] ${J}`,
-		children: [/* @__PURE__ */ E("div", {
-			className: "mb-2 flex items-center justify-between gap-2",
-			children: [/* @__PURE__ */ T("div", {
-				className: "font-semibold",
-				children: "Transfers"
-			}), /* @__PURE__ */ E("div", {
-				className: "text-[11px] text-[var(--fb-muted)]",
-				children: [n.length + o.length, " active"]
-			})]
-		}), /* @__PURE__ */ E("div", {
-			className: "flex flex-col gap-2",
+		className: `fixed bottom-[calc(env(safe-area-inset-bottom)+var(--fb-gap)*28)] right-[max(calc(var(--fb-gap)*3),env(safe-area-inset-right))] z-50 flex max-h-[50dvh] max-w-[calc(100%-var(--fb-gap)*6)] flex-col rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-[calc(var(--fb-gap)*3)] text-[12px] text-[var(--fb-text)] shadow-[0_16px_44px_color-mix(in_oklch,var(--fb-text)_16%,transparent)] sm:bottom-[calc(env(safe-area-inset-bottom)+var(--fb-gap)*4)] ${a ? "w-[calc(var(--fb-gap)*90)]" : "w-auto"} ${ot}`,
+		children: [/* @__PURE__ */ T("div", {
+			className: "flex shrink-0 items-center justify-between gap-2",
 			children: [
-				r.map((t) => /* @__PURE__ */ T(nt, {
+				/* @__PURE__ */ w("div", {
+					className: "font-semibold",
+					children: "Transfers"
+				}),
+				/* @__PURE__ */ T("div", {
+					className: "text-[11px] text-[var(--fb-muted)]",
+					children: [o.length + u.length, " active"]
+				}),
+				/* @__PURE__ */ w("button", {
+					"aria-expanded": a,
+					"aria-label": a ? "Collapse transfers" : "Expand transfers",
+					className: vt(),
+					onClick: () => i(!a),
+					type: "button",
+					children: w(a ? ue : pe, {
+						"aria-hidden": "true",
+						className: "size-4"
+					})
+				})
+			]
+		}), a ? /* @__PURE__ */ T("div", {
+			className: "mt-2 flex min-h-0 min-w-0 flex-col gap-2 overflow-y-auto overscroll-contain [overflow-wrap:anywhere]",
+			children: [
+				s.map((t) => /* @__PURE__ */ w(mt, {
 					group: t,
 					manager: e
 				}, t.group.id)),
-				a.map((t) => /* @__PURE__ */ T(Y, {
+				l.map((t) => /* @__PURE__ */ w(ht, {
 					manager: e,
 					upload: t
 				}, t.id)),
-				o.map((t) => /* @__PURE__ */ E("div", {
+				u.map((t) => /* @__PURE__ */ T("div", {
 					className: "text-[11px] text-[var(--fb-muted)]",
 					children: [
-						t.status === "ready" && t.url ? /* @__PURE__ */ E("div", {
+						t.status === "ready" && t.url ? /* @__PURE__ */ T("div", {
 							className: "flex items-center justify-between gap-2",
-							children: [/* @__PURE__ */ E("a", {
+							children: [/* @__PURE__ */ T("a", {
 								"aria-label": "Open prepared download",
-								className: `inline-flex min-w-0 items-center gap-1 rounded-[calc(var(--fb-radius)-4px)] px-1.5 py-1 font-medium text-[var(--fb-accent)] hover:bg-[var(--fb-accent-soft)] ${Je}`,
+								className: `inline-flex min-h-[calc(var(--fb-gap)*11)] min-w-0 items-center gap-1 rounded-[calc(var(--fb-radius)-4px)] px-1.5 py-1 font-medium text-[var(--fb-accent)] hover:bg-[var(--fb-accent-soft)] sm:min-h-7 [@media(pointer:coarse)]:min-h-[calc(var(--fb-gap)*11)] ${at}`,
 								download: !0,
 								href: t.url,
 								onClick: () => e.dismissDownload(t.id),
-								children: [/* @__PURE__ */ T(I, {
+								children: [/* @__PURE__ */ w(P, {
 									"aria-hidden": "true",
 									className: "size-3.5 shrink-0"
-								}), /* @__PURE__ */ T("span", {
+								}), /* @__PURE__ */ w("span", {
 									className: "truncate",
-									children: pt(t)
+									children: Tt(t)
 								})]
-							}), /* @__PURE__ */ T("button", {
+							}), /* @__PURE__ */ w("button", {
 								"aria-label": "Dismiss download",
-								className: at(),
+								className: vt(),
 								onClick: () => e.dismissDownload(t.id),
 								type: "button",
-								children: /* @__PURE__ */ T(U, {
+								children: /* @__PURE__ */ w(B, {
 									"aria-hidden": "true",
 									className: "size-3.5"
 								})
 							})]
 						}) : null,
-						t.status === "warning" ? /* @__PURE__ */ E("div", {
+						t.status === "warning" ? /* @__PURE__ */ T("div", {
 							className: "flex items-center justify-between gap-2",
-							children: [/* @__PURE__ */ T("span", { children: "Large client zip" }), /* @__PURE__ */ T("button", {
-								className: ot(),
+							children: [/* @__PURE__ */ w("span", { children: "Large client zip" }), /* @__PURE__ */ w("button", {
+								className: yt(),
 								onClick: () => void e.confirmBulkDownload(t.id),
 								type: "button",
 								children: "Continue"
 							})]
 						}) : null,
-						t.status === "preparing" ? /* @__PURE__ */ T("span", { children: "Preparing zip" }) : null,
-						t.status === "failed" ? /* @__PURE__ */ T("span", {
+						t.status === "preparing" ? /* @__PURE__ */ w("span", { children: "Preparing zip" }) : null,
+						t.status === "failed" ? /* @__PURE__ */ w("span", {
 							className: "text-[var(--fb-danger)]",
 							children: t.error ?? "Download failed"
 						}) : null
 					]
 				}, t.id))
 			]
-		})]
+		}) : null]
 	}), document.body);
 }
-function nt({ group: e, manager: t }) {
-	return /* @__PURE__ */ E("div", {
-		className: J,
-		children: [/* @__PURE__ */ E("div", {
+function mt({ group: e, manager: t }) {
+	return /* @__PURE__ */ T("div", {
+		className: ot,
+		children: [/* @__PURE__ */ T("div", {
 			className: "flex items-center justify-between gap-2",
-			children: [/* @__PURE__ */ E("div", {
+			children: [/* @__PURE__ */ T("div", {
 				className: "min-w-0",
-				children: [/* @__PURE__ */ E("div", {
+				children: [/* @__PURE__ */ T("div", {
 					className: "truncate font-semibold",
 					children: ["Uploading ", e.group.name]
-				}), /* @__PURE__ */ T("div", {
+				}), /* @__PURE__ */ w("div", {
 					className: "text-[11px] text-[var(--fb-muted)]",
-					children: ut(e)
+					children: St(e)
 				})]
-			}), /* @__PURE__ */ T("button", {
+			}), /* @__PURE__ */ w("button", {
 				"aria-label": `Cancel upload group ${e.group.name}`,
-				className: at(),
+				className: vt(),
 				onClick: () => {
 					for (let n of e.activeUploads) t.cancelUpload(n.id);
 				},
 				title: "Cancel",
 				type: "button",
-				children: /* @__PURE__ */ T(U, {
+				children: /* @__PURE__ */ w(B, {
 					"aria-hidden": "true",
 					className: "size-3.5"
 				})
 			})]
-		}), /* @__PURE__ */ T("div", {
-			className: `mt-2 flex flex-col gap-1.5 border-l border-[var(--fb-border)] pl-3 ${J}`,
-			children: e.activeUploads.map((e) => /* @__PURE__ */ T(Y, {
+		}), /* @__PURE__ */ w("div", {
+			className: `mt-2 flex flex-col gap-1.5 border-l border-[var(--fb-border)] pl-3 ${ot}`,
+			children: e.activeUploads.map((e) => /* @__PURE__ */ w(ht, {
 				compact: !0,
 				manager: t,
 				upload: e
@@ -1225,81 +1396,80 @@ function nt({ group: e, manager: t }) {
 		})]
 	});
 }
-function Y({ compact: e = !1, manager: t, upload: n }) {
-	return /* @__PURE__ */ E("div", {
-		className: J,
-		children: [/* @__PURE__ */ E("div", {
+function ht({ compact: e = !1, manager: t, upload: n }) {
+	return /* @__PURE__ */ T("div", {
+		className: ot,
+		children: [/* @__PURE__ */ T("div", {
 			className: "flex items-center justify-between gap-2",
-			children: [/* @__PURE__ */ E("div", {
+			children: [/* @__PURE__ */ T("div", {
 				className: "min-w-0",
-				children: [/* @__PURE__ */ T("span", {
+				children: [/* @__PURE__ */ w("span", {
 					className: "block truncate font-medium",
 					children: n.name
-				}), /* @__PURE__ */ T("span", {
+				}), /* @__PURE__ */ w("span", {
 					className: "text-[11px] text-[var(--fb-muted)]",
-					children: dt(n)
+					children: Ct(n)
 				})]
-			}), /* @__PURE__ */ E("div", {
+			}), /* @__PURE__ */ T("div", {
 				className: "flex shrink-0 items-center gap-1",
 				children: [
-					["queued", "uploading"].includes(n.status) ? /* @__PURE__ */ T("button", {
+					["queued", "uploading"].includes(n.status) ? /* @__PURE__ */ w("button", {
 						"aria-label": `Pause upload ${n.name}`,
-						className: at(),
+						className: vt(),
 						onClick: () => t.pauseUpload(n.id),
 						title: "Pause",
 						type: "button",
-						children: /* @__PURE__ */ T(R, {
+						children: /* @__PURE__ */ w(xe, {
 							"aria-hidden": "true",
 							className: "size-3.5"
 						})
 					}) : null,
-					["failed", "paused"].includes(n.status) ? /* @__PURE__ */ T("button", {
+					["failed", "paused"].includes(n.status) ? /* @__PURE__ */ w("button", {
 						"aria-label": `Resume upload ${n.name}`,
-						className: at(),
+						className: vt(),
 						onClick: () => void t.resumeUpload(n.id),
 						title: "Resume",
 						type: "button",
-						children: /* @__PURE__ */ T(z, {
+						children: /* @__PURE__ */ w(I, {
 							"aria-hidden": "true",
 							className: "size-3.5"
 						})
 					}) : null,
-					/* @__PURE__ */ T("button", {
+					/* @__PURE__ */ w("button", {
 						"aria-label": `Cancel upload ${n.name}`,
-						className: at(),
+						className: vt(),
 						onClick: () => void t.cancelUpload(n.id),
 						title: "Cancel",
 						type: "button",
-						children: /* @__PURE__ */ T(U, {
+						children: /* @__PURE__ */ w(B, {
 							"aria-hidden": "true",
 							className: "size-3.5"
 						})
 					})
 				]
 			})]
-		}), /* @__PURE__ */ T("div", {
-			className: `h-1.5 overflow-hidden rounded-full bg-[var(--fb-surface-2)] ${J} ${e ? "mt-1" : "mt-1.5"}`,
-			children: /* @__PURE__ */ T("div", {
+		}), /* @__PURE__ */ w("div", {
+			className: `h-1.5 overflow-hidden rounded-full bg-[var(--fb-surface-2)] ${ot} ${e ? "mt-1" : "mt-1.5"}`,
+			children: /* @__PURE__ */ w("div", {
 				className: "h-full rounded-full bg-[var(--fb-accent)] transition-[width] duration-300 ease-out motion-reduce:transition-none",
 				style: { width: `${Math.min(100, n.totalBytes ? n.loadedBytes / n.totalBytes * 100 : 0)}%` }
 			})
 		})]
 	});
 }
-function rt({ count: e, onDismiss: t, onResume: n }) {
-	return C(/* @__PURE__ */ T("div", {
-		"aria-label": "Resume uploads",
-		"aria-modal": "true",
-		className: `fixed inset-0 z-50 grid place-items-center bg-[color-mix(in_oklch,var(--fb-text)_20%,transparent)] p-4 text-[13px] text-[var(--fb-text)] ${J}`,
-		role: "dialog",
-		children: /* @__PURE__ */ E("div", {
-			className: `w-[min(380px,100%)] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-4 shadow-[0_18px_50px_color-mix(in_oklch,var(--fb-text)_18%,transparent)] ${J}`,
+function gt({ count: e, onDismiss: t, onResume: n }) {
+	return C(/* @__PURE__ */ w(nt, {
+		label: "Resume uploads",
+		narrow: Qe(),
+		onClose: t,
+		children: /* @__PURE__ */ T("div", {
+			className: `w-[min(380px,100%)] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-4 shadow-[0_18px_50px_color-mix(in_oklch,var(--fb-text)_18%,transparent)] ${ot}`,
 			children: [
-				/* @__PURE__ */ T("h2", {
+				/* @__PURE__ */ w("h2", {
 					className: "m-0 text-[14px] font-semibold",
 					children: "Resume uploads"
 				}),
-				/* @__PURE__ */ E("p", {
+				/* @__PURE__ */ T("p", {
 					className: "mt-2 text-[12px] text-[var(--fb-muted)]",
 					children: [
 						"Resume ",
@@ -1308,15 +1478,15 @@ function rt({ count: e, onDismiss: t, onResume: n }) {
 						e === 1 ? "?" : "s?"
 					]
 				}),
-				/* @__PURE__ */ E("div", {
-					className: "mt-4 flex justify-end gap-2",
-					children: [/* @__PURE__ */ T("button", {
-						className: ot(),
+				/* @__PURE__ */ T("div", {
+					className: "mt-4 flex flex-wrap justify-end gap-2",
+					children: [/* @__PURE__ */ w("button", {
+						className: yt(),
 						onClick: t,
 						type: "button",
 						children: "Dismiss"
-					}), /* @__PURE__ */ T("button", {
-						className: st(),
+					}), /* @__PURE__ */ w("button", {
+						className: bt(),
 						onClick: n,
 						type: "button",
 						children: "Resume uploads"
@@ -1326,17 +1496,17 @@ function rt({ count: e, onDismiss: t, onResume: n }) {
 		})
 	}), document.body);
 }
-var it = new Oe();
-function at() {
-	return `grid size-7 place-items-center rounded-[calc(var(--fb-radius)-4px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] text-[var(--fb-muted)] outline-none hover:bg-[var(--fb-bg)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${Je}`;
+var _t = new H();
+function vt() {
+	return `grid size-7 place-items-center rounded-[calc(var(--fb-radius)-4px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] text-[var(--fb-muted)] outline-none hover:bg-[var(--fb-bg)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${st} ${at}`;
 }
-function ot() {
-	return `inline-flex h-7 items-center rounded-[calc(var(--fb-radius)-4px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] px-2 text-[11px] font-medium text-[var(--fb-text)] outline-none hover:bg-[var(--fb-bg)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${Je}`;
+function yt() {
+	return `inline-flex h-7 items-center justify-center rounded-[calc(var(--fb-radius)-4px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] px-2 text-[11px] font-medium text-[var(--fb-text)] outline-none hover:bg-[var(--fb-bg)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${st} ${at}`;
 }
-function st() {
-	return `inline-flex h-7 items-center rounded-[calc(var(--fb-radius)-4px)] border border-[var(--fb-accent)] bg-[var(--fb-accent)] px-2 text-[11px] font-semibold text-[var(--fb-surface)] outline-none hover:opacity-90 focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${Je}`;
+function bt() {
+	return `inline-flex h-7 items-center justify-center rounded-[calc(var(--fb-radius)-4px)] border border-[var(--fb-accent)] bg-[var(--fb-accent)] px-2 text-[11px] font-semibold text-[var(--fb-surface)] outline-none hover:opacity-90 focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${st} ${at}`;
 }
-function ct(e) {
+function xt(e) {
 	return [
 		"queued",
 		"uploading",
@@ -1344,7 +1514,7 @@ function ct(e) {
 		"paused"
 	].includes(e.status);
 }
-function lt(e) {
+function J(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
 		if (!n.group) continue;
@@ -1354,18 +1524,18 @@ function lt(e) {
 			activeUploads: [],
 			completedCount: 0
 		};
-		e.uploads.push(n), n.status === "completed" && (e.completedCount += 1), ct(n) && e.activeUploads.push(n), t.set(n.group.id, e);
+		e.uploads.push(n), n.status === "completed" && (e.completedCount += 1), xt(n) && e.activeUploads.push(n), t.set(n.group.id, e);
 	}
 	return Array.from(t.values()).filter((e) => e.activeUploads.length > 0);
 }
-function ut(e) {
+function St(e) {
 	let t = e.group.createdFolders, n = `${e.completedCount} of ${e.group.totalFiles} files`;
 	return t <= 0 ? n : `${n}, ${t} folder${t === 1 ? "" : "s"} created`;
 }
-function dt(e) {
-	return e.status !== "uploading" || typeof e.bytesPerSecond != "number" || !Number.isFinite(e.bytesPerSecond) || e.bytesPerSecond <= 0 ? e.status : `${e.status}, ${ft(e.bytesPerSecond)}/s`;
+function Ct(e) {
+	return e.status !== "uploading" || typeof e.bytesPerSecond != "number" || !Number.isFinite(e.bytesPerSecond) || e.bytesPerSecond <= 0 ? e.status : `${e.status}, ${wt(e.bytesPerSecond)}/s`;
 }
-function ft(e) {
+function wt(e) {
 	let t = [
 		"B",
 		"KB",
@@ -1376,21 +1546,21 @@ function ft(e) {
 	for (; n >= 1024 && r < t.length - 1;) n /= 1024, r += 1;
 	return `${r === 0 || n >= 10 ? Math.round(n).toString() : n.toFixed(1)} ${t[r]}`;
 }
-function pt(e) {
-	let t = e.expiresAt ? mt(e.expiresAt) : void 0;
+function Tt(e) {
+	let t = e.expiresAt ? Et(e.expiresAt) : void 0;
 	return t ? `Download ready, expires in ${t}` : "Download ready";
 }
-function mt(e) {
+function Et(e) {
 	let t = Date.parse(e) - Date.now();
 	if (!(!Number.isFinite(t) || t <= 0)) return t < 3600 * 1e3 ? `${Math.ceil(t / (60 * 1e3))}m` : t < 1440 * 60 * 1e3 ? `${Math.ceil(t / (3600 * 1e3))}h` : `${Math.ceil(t / (1440 * 60 * 1e3))}d`;
 }
 //#endregion
 //#region src/components/file-browser.tsx
-var ht = "application/x.react-file-browser.paths", gt = 220, _t = 5e3, X = "transition-[background-color,border-color,color,box-shadow,opacity] duration-150 ease-out motion-reduce:transition-none", Z = "transition-[background-color,border-color,box-shadow,opacity] duration-200 ease-out motion-reduce:transition-none", vt = [
+var Dt = "application/x.react-file-browser.paths", Ot = 220, kt = 5e3, Y = "transition-[background-color,border-color,color,box-shadow,opacity] duration-150 ease-out motion-reduce:transition-none", At = "shrink-0 whitespace-nowrap [@media(pointer:coarse)]:min-h-[calc(var(--fb-gap)*11)] [@media(pointer:coarse)]:min-w-[calc(var(--fb-gap)*11)]", X = "transition-[background-color,border-color,box-shadow,opacity] duration-200 ease-out motion-reduce:transition-none", jt = [
 	"skip",
 	"replace",
 	"keep-both"
-], yt = {
+], Mt = {
 	comfortable: {
 		"--fb-font": "13px",
 		"--fb-control-h": "32px",
@@ -1420,8 +1590,8 @@ var ht = "application/x.react-file-browser.paths", gt = 220, _t = 5e3, X = "tran
 		"--fb-panel-pad": "12px"
 	}
 };
-function bt({ adapter: e, className: n, emptyState: i, initialPath: a = "/", path: s, onPathChange: c, rootLabel: l = "Files", searchQuery: u, initialSearchQuery: d, onSearchQueryChange: f, density: p = "comfortable", readOnly: m = !1, showDetailsPanel: g = !0, uploadPolicy: x, uploadConflictResolutions: S, allowClientZipFallback: C = !0, renderItemMeta: w, renderDetailsContent: te, warnZipSizeBytes: ne }) {
-	let D = ee({
+function Nt({ adapter: e, className: n, emptyState: i, initialPath: a = "/", path: s, onPathChange: c, rootLabel: l = "Files", searchQuery: u, initialSearchQuery: d, onSearchQueryChange: f, density: p = "comfortable", readOnly: m = !1, showDetailsPanel: g = !0, uploadPolicy: x, uploadConflictResolutions: S, allowClientZipFallback: C = !0, renderItemMeta: ne, renderDetailsContent: re, warnZipSizeBytes: ie }) {
+	let E = te({
 		adapter: e,
 		initialPath: a,
 		path: s,
@@ -1429,270 +1599,299 @@ function bt({ adapter: e, className: n, emptyState: i, initialPath: a = "/", pat
 		searchQuery: u,
 		initialSearchQuery: d,
 		onSearchQueryChange: f
-	}), re = Xe(), ie = Ze(), [O, k] = b(!1), [ae, A] = b(""), [oe, j] = b(null), [M, N] = b(null), [se, P] = b(""), [F, I] = b(null), [L, R] = b(null), [me, z] = b(""), [he, B] = b(null), [V, H] = b(!1), [U, be] = b(!1), [xe, Se] = b(null), [Ce, we] = b(s ?? a), [Te, Ee] = b([]), [De, Oe] = b("idle"), [ke, Ae] = b(null), [je, W] = b(null), [Me, G] = b(null), [Ne, Pe] = b([]), [Fe, Ie] = b(!1), [Le, Re] = b(null), [ze, K] = b(!1), [Be, Ve] = b(null), [q, He] = b(null), Ue = y(null), We = y(null), Ge = y([]), Ke = y(null), qe = y(null), Je = y(null), J = y(/* @__PURE__ */ new Set()), Ye = D.selectedItems.at(0) ?? null, Qe = v(() => on(S ?? vt), [S]), $e = D.capabilities.bulkDownload || C, et = cn(D.selectedItems, $e), tt = v(() => D.filteredItems.filter((e) => e.kind === "file"), [D.filteredItems]), nt = h(async (t) => {
-		He({
+	}), ae = ct(), D = lt(), [O, oe] = b(!1), [k, se] = b(""), [A, j] = b(null), [ce, le] = b(null), [M, ue] = b(""), [pe, N] = b(null), [P, ge] = b(null), [xe, F] = b(""), [I, L] = b(null), [R, z] = b(!1), [Ce, V] = b(!1), [De, Oe] = b(null), [ke, Ae] = b(s ?? a), [je, Me] = b([]), [Ne, H] = b("idle"), [Pe, Fe] = b(null), [Ie, Le] = b(null), [Re, U] = b(null), [ze, Be] = b([]), [Ve, He] = b(!1), [Ue, We] = b(null), [Ge, W] = b(!1), [Ke, qe] = b(null), [G, Je] = b(null), Ye = y(null), { isNarrow: K, hasSidebar: Xe } = $e(Ye), [Ze, Qe] = b(null), [et, tt] = b(!1), [it, at] = b(!1), [ot, st] = b(!1), q = K && Ze === E.currentPath;
+	_(() => {
+		Qe(null), st(!1), at(!1), tt(!1);
+	}, [E.currentPath, K]);
+	let ut = y(null), dt = y([]), ft = y(null), pt = y(null), mt = y(null), ht = y(/* @__PURE__ */ new Set()), gt = E.selectedItems.at(0) ?? null, _t = v(() => bn(S ?? jt), [S]), vt = E.capabilities.bulkDownload || C, yt = Sn(E.selectedItems, vt), bt = v(() => E.filteredItems.filter((e) => e.kind === "file"), [E.filteredItems]), xt = h(async (t) => {
+		Je({
 			item: t,
 			status: "loading"
 		});
 		try {
 			let n = await e.signedUrl(t.path);
-			He((e) => e?.item.path === t.path ? {
+			Je((e) => e?.item.path === t.path ? {
 				item: t,
 				status: "ready",
 				url: n
 			} : e);
 		} catch (e) {
-			He((n) => n?.item.path === t.path ? {
+			Je((n) => n?.item.path === t.path ? {
 				item: t,
 				status: "error",
-				error: tn(e)
+				error: gn(e)
 			} : n);
 		}
-	}, [e]), Y = h(() => {
-		Ke.current &&= (clearTimeout(Ke.current.timeoutId), null);
-	}, []), rt = h((e) => {
-		Y(), Ke.current = {
+	}, [e]), J = h(() => {
+		ft.current &&= (clearTimeout(ft.current.timeoutId), null);
+	}, []), St = h((e) => {
+		J(), ft.current = {
 			path: e,
 			timeoutId: setTimeout(() => {
-				Ke.current?.path === e && (Ke.current = null, D.clearSelection());
-			}, gt)
+				ft.current?.path === e && (ft.current = null, E.clearSelection());
+			}, Ot)
 		};
-	}, [D, Y]), it = h((e, t) => {
-		let n = Date.now(), r = qe.current, i = r?.path === e && n - r.timeMs <= gt;
+	}, [E, J]), Ct = h((e, t) => {
+		if (K) {
+			if (q) E.toggleSelection(e);
+			else {
+				let t = E.filteredItems.find((t) => t.path === e);
+				t?.kind === "folder" ? E.open(t) : t && xt(t);
+			}
+			return;
+		}
+		let n = Date.now(), r = pt.current, i = r?.path === e && n - r.timeMs <= Ot;
 		if ("detail" in t && t.detail > 1) {
-			i && (Y(), Je.current = e), qe.current = {
+			i && (J(), mt.current = e), pt.current = {
 				path: e,
 				timeMs: n
 			};
 			return;
 		}
-		Je.current = null, qe.current = {
+		mt.current = null, pt.current = {
 			path: e,
 			timeMs: n
-		}, qt(D, e, t, {
-			cancelPendingSelectedItemUnselect: Y,
-			scheduleSelectedItemUnselect: rt
+		}, cn(E, e, t, {
+			cancelPendingSelectedItemUnselect: J,
+			scheduleSelectedItemUnselect: St
 		});
 	}, [
-		D,
-		Y,
-		rt
-	]), at = h((e) => {
-		Je.current === e.path && (Je.current = null, Y(), e.kind === "folder" ? D.open(e) : nt(e));
+		E,
+		J,
+		K,
+		q,
+		xt,
+		St
+	]), wt = h((e) => {
+		K || mt.current === e.path && (mt.current = null, J(), e.kind === "folder" ? E.open(e) : xt(e));
 	}, [
-		D,
-		Y,
-		nt
+		E,
+		J,
+		K,
+		xt
 	]);
 	_(() => () => {
-		Y();
-	}, [Y]);
-	let ot = v(() => D.selectedItems.reduce((e, t) => e + (t.size ?? 0), 0), [D.selectedItems]), st = h((e, t) => {
-		let n = D.filteredItems;
+		J();
+	}, [J]);
+	let Tt = v(() => E.selectedItems.reduce((e, t) => e + (t.size ?? 0), 0), [E.selectedItems]), Et = h((e, t) => {
+		let n = E.filteredItems;
 		if (n.length === 0) return;
-		let r = D.focusedPath ?? D.selectedPaths.at(-1), i = n.findIndex((e) => e.path === r), a = e === "ArrowUp" || e === "ArrowLeft" || e === "End" ? n.length - 1 : 0, o = n[i === -1 ? a : Xt(e, i, n.length)];
-		t ? D.selectRange(o.path) : D.selectOnly(o.path);
-	}, [D]), ct = h((e = D.selectedPaths) => {
-		e.length !== 0 && (D.copySelection(e), Re(`Copied ${an(e.length)}`));
-	}, [D]), lt = h((e = D.selectedPaths) => {
-		e.length !== 0 && (D.cutSelection(e), Re(`Cut ${an(e.length)}`));
-	}, [D]), ut = h(async (e) => {
-		e.length !== 0 && (await navigator.clipboard.writeText(e.join(", ")), Re(e.length === 1 ? "Copied path" : `Copied ${e.length} paths`));
-	}, []), dt = h(async (e) => {
-		let t = D.clipboard?.paths.length ?? 0;
-		await D.pasteInto(e), t > 0 && Re(`Pasted ${an(t)}`);
-	}, [D]);
+		let r = E.focusedPath ?? E.selectedPaths.at(-1), i = n.findIndex((e) => e.path === r), a = e === "ArrowUp" || e === "ArrowLeft" || e === "End" ? n.length - 1 : 0, o = n[i === -1 ? a : dn(e, i, n.length)];
+		t ? E.selectRange(o.path) : E.selectOnly(o.path);
+	}, [E]), Nt = h((e = E.selectedPaths) => {
+		e.length !== 0 && (E.copySelection(e), We(`Copied ${yn(e.length)}`));
+	}, [E]), zt = h((e = E.selectedPaths) => {
+		e.length !== 0 && (E.cutSelection(e), We(`Cut ${yn(e.length)}`));
+	}, [E]), Vt = h(async (e) => {
+		e.length !== 0 && (await navigator.clipboard.writeText(e.join(", ")), We(e.length === 1 ? "Copied path" : `Copied ${e.length} paths`));
+	}, []), Ut = h(async (e) => {
+		let t = E.clipboard?.paths.length ?? 0;
+		await E.pasteInto(e), t > 0 && We(`Pasted ${yn(t)}`);
+	}, [E]);
 	_(() => {
 		let e = (e) => {
-			if (e.key === "Escape" && (D.clearSelection(), R(null), z(""), B(null), N(null), I(null), j(null), H(!1), be(!1), Se(null), W(null), G(null), He(null)), !nn(e.target)) {
-				if (Yt(e.key)) {
-					e.preventDefault(), st(e.key, e.shiftKey);
+			if (!(e.defaultPrevented || e.target instanceof Element && e.target.closest("[role=\"dialog\"], [role=\"menu\"]")) && (e.key === "Escape" && (E.clearSelection(), Qe(null), tt(!1), at(!1), st(!1), ge(null), F(""), L(null), le(null), N(null), j(null), z(!1), V(!1), Oe(null), Le(null), U(null), Je(null)), !(_n(e.target) || e.target instanceof Element && (e.target.closest("[data-fb-touch-control]") || e.key === "Enter" && e.target.closest("button, a") && !e.target.closest("[data-fb-path]"))))) {
+				if (e.key === "Enter" && K && q) {
+					e.preventDefault();
+					let t = e.target instanceof Element ? e.target.closest("[data-fb-path]")?.getAttribute("data-fb-path") : null;
+					t && E.toggleSelection(t);
 					return;
 				}
-				if (!m && e.key === "F2" && D.capabilities.rename && D.selectedItems.length === 1) {
+				if (un(e.key)) {
+					e.preventDefault(), Et(e.key, e.shiftKey);
+					return;
+				}
+				if (!m && e.key === "F2" && E.capabilities.rename && E.selectedItems.length === 1) {
 					e.preventDefault();
-					let t = D.selectedItems[0];
-					N(null), I(null), R(t), z(t.name), B(null);
+					let t = E.selectedItems[0];
+					le(null), N(null), ge(t), F(t.name), L(null);
 					return;
 				}
-				if (!m && (e.key === "Delete" || e.key === "Backspace") && D.selectedPaths.length > 0) {
-					e.preventDefault(), H(!0);
+				if (!m && (e.key === "Delete" || e.key === "Backspace") && E.selectedPaths.length > 0) {
+					e.preventDefault(), z(!0);
 					return;
 				}
 				if ((e.metaKey || e.ctrlKey) && !m) {
 					let t = e.key.toLowerCase();
-					if (t === "c" && D.capabilities.copy && D.selectedPaths.length > 0) {
-						e.preventDefault(), ct();
+					if (t === "c" && E.capabilities.copy && E.selectedPaths.length > 0) {
+						e.preventDefault(), Nt();
 						return;
 					}
-					if (t === "x" && D.capabilities.move && D.selectedPaths.length > 0) {
-						e.preventDefault(), lt();
+					if (t === "x" && E.capabilities.move && E.selectedPaths.length > 0) {
+						e.preventDefault(), zt();
 						return;
 					}
-					if (t === "v" && D.clipboard) {
-						e.preventDefault(), dt(D.currentPath);
+					if (t === "v" && E.clipboard) {
+						e.preventDefault(), Ut(E.currentPath);
 						return;
 					}
 				}
-				if (e.key === "Enter" && D.selectedItems.length === 1) {
-					let e = D.selectedItems[0];
-					e.kind === "folder" ? D.open(e) : nt(e);
+				if (e.key === "Enter" && E.selectedItems.length === 1) {
+					let e = E.selectedItems[0];
+					e.kind === "folder" ? E.open(e) : xt(e);
 				}
-				(e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "a" && (e.preventDefault(), D.selectAllLoaded());
+				(e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "a" && (e.preventDefault(), E.selectAllLoaded());
 			}
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [
-		D,
-		ct,
-		lt,
-		st,
-		nt,
-		dt,
+		E,
+		Nt,
+		zt,
+		K,
+		q,
+		Et,
+		xt,
+		Ut,
 		m
 	]), _(() => {
-		D.focusedPath && (Ue.current?.querySelector(`[data-fb-path="${Zt(D.focusedPath)}"]`))?.focus();
+		!E.focusedPath || Ye.current?.querySelector("[role=\"dialog\"], [role=\"menu\"]") || (Ye.current?.querySelector(`[data-fb-path="${fn(E.focusedPath)}"]`))?.focus();
 	}, [
-		D.focusedPath,
-		D.filteredItems,
-		D.view
+		E.focusedPath,
+		E.filteredItems,
+		E.view
 	]), _(() => {
-		if (!je) return;
-		let e = () => W(null);
+		if (!Ie) return;
+		let e = () => Le(null);
 		return document.addEventListener("click", e), () => document.removeEventListener("click", e);
-	}, [je]), _(() => {
-		if (!Le) return;
-		let e = setTimeout(() => Re(null), _t);
+	}, [Ie]), _(() => {
+		if (!Ue) return;
+		let e = setTimeout(() => We(null), kt);
 		return () => clearTimeout(e);
-	}, [Le]), _(() => {
-		for (let e of ie.uploads) e.status !== "completed" || !e.result || J.current.has(e.id) || (J.current.add(e.id), o(e.result.path) === D.currentPath && D.refresh());
-	}, [D, ie.uploads]), _(() => {
-		if (!U) return;
+	}, [Ue]), _(() => {
+		for (let e of D.uploads) e.status !== "completed" || !e.result || ht.current.has(e.id) || (ht.current.add(e.id), o(e.result.path) === E.currentPath && E.refresh());
+	}, [E, D.uploads]), _(() => {
+		if (!Ce) return;
 		let t = !1;
-		return Promise.resolve().then(async () => t ? [] : (Oe("loading"), Ae(null), Tt(e, D.selectedPaths))).then((e) => {
+		return Promise.resolve().then(async () => t ? [] : (H("loading"), Fe(null), Rt(e, E.selectedPaths))).then((e) => {
 			if (t || e.length === 0) {
-				!t && e.length === 0 && (Ee([]), Oe("ready"));
+				!t && e.length === 0 && (Me([]), H("ready"));
 				return;
 			}
-			Ee(e), Oe("ready");
+			Me(e), H("ready");
 		}).catch((e) => {
-			t || (Ee([]), Oe("error"), Ae(tn(e)));
+			t || (Me([]), H("error"), Fe(gn(e)));
 		}), () => {
 			t = !0;
 		};
 	}, [
 		e,
-		D.selectedPaths,
-		U
+		E.selectedPaths,
+		Ce
 	]);
-	async function ft() {
-		if (ae.trim()) {
+	async function Wt() {
+		if (k.trim()) {
 			j(null);
 			try {
-				await D.createFolder(ae), A(""), k(!1);
+				await E.createFolder(k), se(""), oe(!1);
 			} catch (e) {
-				j(tn(e));
+				j(gn(e));
 			}
 		}
 	}
-	function pt(e = D.selectedItems.at(0)) {
-		e && (R(null), z(""), B(null), N(e), P(e.name), I(null));
+	function Gt(e = E.selectedItems.at(0)) {
+		e && (ge(null), F(""), L(null), le(e), ue(e.name), N(null));
 	}
-	async function mt() {
-		let e = se.trim();
-		if (!(!M || !e)) {
-			I(null);
+	async function qt() {
+		let e = M.trim();
+		if (!(!ce || !e)) {
+			N(null);
 			try {
-				await D.rename(M.path, e), N(null), P("");
+				await E.rename(ce.path, e), le(null), ue("");
 			} catch (e) {
-				I(tn(e));
+				N(gn(e));
 			}
 		}
 	}
-	async function bt() {
-		let e = L, t = me.trim();
-		if (B(null), !e || !t || t === e.name) {
-			R(null), z("");
+	async function Z() {
+		let e = P, t = xe.trim();
+		if (L(null), !e || !t || t === e.name) {
+			ge(null), F("");
 			return;
 		}
 		try {
-			await D.rename(e.path, t), R(null), z("");
+			await E.rename(e.path, t), ge(null), F("");
 		} catch (n) {
-			R(e), z(t), B(tn(n));
+			ge(e), F(t), L(gn(n));
 		}
 	}
-	function Et() {
-		R(null), z(""), B(null);
+	function Qt() {
+		ge(null), F(""), L(null);
 	}
-	async function Ot() {
+	async function tn() {
+		z(!1);
 		try {
-			await D.deleteSelected(), H(!1);
+			await E.deleteSelected();
 		} catch (e) {
 			if (e instanceof r) {
-				H(!1), Se(e);
+				Oe(e);
 				return;
 			}
-			throw e;
+			throw z(!0), e;
 		}
 	}
-	function At() {
-		D.selectedPaths.length !== 0 && (we(D.currentPath), be(!0));
+	function hn() {
+		E.selectedPaths.length !== 0 && (Ae(E.currentPath), V(!0));
 	}
-	async function jt() {
+	async function vn() {
 		try {
-			await D.moveSelectedTo(Ce), be(!1);
+			await E.moveSelectedTo(ke), V(!1);
 		} catch (e) {
 			if (e instanceof r) {
-				be(!1), Se(e);
+				V(!1), Oe(e);
 				return;
 			}
 			throw e;
 		}
 	}
-	function Mt(e, t) {
-		if (m || !D.capabilities.move) return;
-		let n = D.selectedPaths.includes(e.path) ? D.selectedPaths : [e.path];
-		Ge.current = n, K(!1), Ve(null), D.setSelection(n), t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData(ht, JSON.stringify(n));
+	function xn(e, t) {
+		if (m || !E.capabilities.move) return;
+		let n = E.selectedPaths.includes(e.path) ? E.selectedPaths : [e.path];
+		dt.current = n, W(!1), qe(null), E.setSelection(n), t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData(Dt, JSON.stringify(n));
 	}
-	function Q() {
-		Ge.current = [], K(!1), Ve(null);
+	function Dn() {
+		dt.current = [], W(!1), qe(null);
 	}
-	function Rt(e) {
-		let t = Qt(e);
-		return t.length > 0 ? t : Ge.current;
+	function On(e) {
+		let t = pn(e);
+		return t.length > 0 ? t : dt.current;
 	}
-	function Vt(e, t) {
-		if (m || !D.capabilities.move || e.kind !== "folder") return;
-		let n = Rt(t.dataTransfer);
-		n.length === 0 || n.some((t) => e.path === t || e.path.startsWith(`${t}/`)) || (t.preventDefault(), t.stopPropagation(), t.dataTransfer.dropEffect = "move", K(!1), Ve(e.path));
+	function kn(e, t) {
+		if (m || !E.capabilities.move || e.kind !== "folder") return;
+		let n = On(t.dataTransfer);
+		n.length === 0 || n.some((t) => e.path === t || e.path.startsWith(`${t}/`)) || (t.preventDefault(), t.stopPropagation(), t.dataTransfer.dropEffect = "move", W(!1), qe(e.path));
 	}
-	async function en(e, t) {
-		if (m || !D.capabilities.move || e.kind !== "folder") return;
-		let n = Rt(t.dataTransfer);
+	async function An(e, t) {
+		if (m || !E.capabilities.move || e.kind !== "folder") return;
+		let n = On(t.dataTransfer);
 		if (n.length !== 0) {
-			t.preventDefault(), t.stopPropagation(), Q();
+			t.preventDefault(), t.stopPropagation(), Dn();
 			try {
-				await D.movePathsTo(n, e.path);
+				await E.movePathsTo(n, e.path);
 			} catch (e) {
 				if (e instanceof r) {
-					Se(e);
+					Oe(e);
 					return;
 				}
 				throw e;
 			}
 		}
 	}
-	function rn(e, t) {
-		t.preventDefault(), t.stopPropagation(), D.selectedPaths.includes(e.path) || D.selectOnly(e.path), W({
+	function jn(e, t) {
+		t.preventDefault(), t.stopPropagation(), E.selectedPaths.includes(e.path) || E.selectOnly(e.path), Le({
 			target: "item",
 			item: e,
 			x: t.clientX,
 			y: t.clientY,
-			mode: "context"
+			mode: K ? "sheet" : "context"
 		});
 	}
-	function sn(e) {
-		D.selectedPaths.includes(e.path) || D.selectOnly(e.path), W({
+	function Mn(e) {
+		if (E.selectedPaths.includes(e.path) || E.selectOnly(e.path), K) {
+			Qe(E.currentPath);
+			return;
+		}
+		Le({
 			target: "item",
 			item: e,
 			x: 0,
@@ -1700,120 +1899,120 @@ function bt({ adapter: e, className: n, emptyState: i, initialPath: a = "/", pat
 			mode: "sheet"
 		});
 	}
-	function mn(e) {
-		e.preventDefault(), D.clearSelection(), W({
+	function Nn(e) {
+		e.preventDefault(), E.clearSelection(), Le({
 			target: "empty",
 			x: e.clientX,
 			y: e.clientY,
-			mode: "context"
+			mode: K ? "sheet" : "context"
 		});
 	}
-	function hn(e) {
-		e.target !== e.currentTarget || Jt(e) || D.clearSelection();
+	function Pn(e) {
+		q || e.target !== e.currentTarget || ln(e) || E.clearSelection();
 	}
-	function gn(e) {
-		if (!q || tt.length === 0) return;
-		let t = tt.findIndex((e) => e.path === q.item.path), n = ((t >= 0 ? t : 0) + e + tt.length) % tt.length, r = tt[n];
-		nt(r), D.selectOnly(r.path);
+	function Fn(e) {
+		if (!G || bt.length === 0) return;
+		let t = bt.findIndex((e) => e.path === G.item.path), n = ((t >= 0 ? t : 0) + e + bt.length) % bt.length, r = bt[n];
+		xt(r), E.selectOnly(r.path);
 	}
-	async function _n() {
-		if (!et) return;
-		if (D.selectedItems.length === 1 && D.selectedItems[0].kind === "file") {
-			await vn(D.selectedItems[0]);
+	async function In() {
+		if (!yt) return;
+		if (E.selectedItems.length === 1 && E.selectedItems[0].kind === "file") {
+			await Ln(E.selectedItems[0]);
 			return;
 		}
-		let e = D.selectedPaths;
-		await yn(e, ot);
+		let e = E.selectedPaths;
+		await Rn(e, Tt);
 	}
-	async function vn(t) {
+	async function Ln(t) {
 		if (t.kind === "file") {
-			await re.prepareSingleDownload({
+			await ae.prepareSingleDownload({
 				adapter: e,
 				path: t.path,
 				selectedBytes: t.size ?? 0
 			});
 			return;
 		}
-		$e && await yn([t.path], t.size ?? 0);
+		vt && await Rn([t.path], t.size ?? 0);
 	}
-	async function yn(t, n) {
-		t.length === 0 || !$e || await re.prepareBulkDownload({
+	async function Rn(t, n) {
+		t.length === 0 || !vt || await ae.prepareBulkDownload({
 			allowClientZipFallback: C,
 			adapter: e,
 			paths: t,
 			selectedBytes: n,
-			warnZipSizeBytes: ne
+			warnZipSizeBytes: ie
 		});
 	}
-	async function bn(e) {
-		!e || e.length === 0 || (await xn(e), We.current && (We.current.value = ""));
+	async function zn(e) {
+		!e || e.length === 0 || (await Bn(e), ut.current && (ut.current.value = ""));
 	}
-	async function xn(e) {
-		await Cn(ye(e));
+	async function Bn(e) {
+		await Hn(Ee(e));
 	}
-	async function Sn(e) {
-		await Cn(await ve(e));
+	async function Vn(e) {
+		await Hn(await Te(e));
 	}
-	async function Cn(e) {
+	async function Hn(e) {
 		if (e.length === 0) return;
 		if (x?.maxFilesPerBatch !== void 0 && e.length > x.maxFilesPerBatch) {
-			Pe(e.map((t) => ({
+			Be(e.map((t) => ({
 				fileName: t.file.name,
 				relativePath: t.relativePath,
 				reasons: [`Batch contains ${e.length} files; maximum is ${x.maxFilesPerBatch}`]
 			})));
 			return;
 		}
-		let { acceptedCandidates: t, rejectedCandidates: n } = Dt(e, x, D.currentPath);
-		if (n.length > 0 && Pe(n), t.length === 0) return;
-		let r = wn(t);
+		let { acceptedCandidates: t, rejectedCandidates: n } = Bt(e, x, E.currentPath);
+		if (n.length > 0 && Be(n), t.length === 0) return;
+		let r = Un(t);
 		if (r.length === 0) return;
-		let i = await Tn(r), a = await En(r);
-		if (a.length > 0 && Qe.length === 0) {
-			let e = new Set(a), t = r.filter((t) => !e.has(xt(D.currentPath, t.relativePath))), n = r.filter((t) => e.has(xt(D.currentPath, t.relativePath)));
-			Pe((e) => [...e, ...n.map((e) => ({
+		let i = await Wn(r), a = await Gn(r);
+		if (a.length > 0 && _t.length === 0) {
+			let e = new Set(a), t = r.filter((t) => !e.has(Pt(E.currentPath, t.relativePath))), n = r.filter((t) => e.has(Pt(E.currentPath, t.relativePath)));
+			Be((e) => [...e, ...n.map((e) => ({
 				fileName: e.file.name,
 				relativePath: e.relativePath,
 				reasons: ["No upload conflict resolutions are enabled"]
-			}))]), t.length > 0 && On(t, [], 0, void 0, wt(D.currentPath, t, i));
+			}))]), t.length > 0 && qn(t, [], 0, void 0, Lt(E.currentPath, t, i));
 			return;
 		}
-		On(r, a, 0, void 0, wt(D.currentPath, r, i));
+		qn(r, a, 0, void 0, Lt(E.currentPath, r, i));
 	}
-	function wn(e) {
-		if (D.capabilities.createFolder) return e;
-		let [t, n] = Ct(e, (e) => e.relativePath.includes("/"));
-		return t.length > 0 && Pe((e) => [...e, ...t.map((e) => ({
+	function Un(e) {
+		if (E.capabilities.createFolder) return e;
+		let [t, n] = It(e, (e) => e.relativePath.includes("/"));
+		return t.length > 0 && Be((e) => [...e, ...t.map((e) => ({
 			fileName: e.file.name,
 			relativePath: e.relativePath,
 			reasons: ["Folder uploads require folder creation support"]
 		}))]), n;
 	}
-	async function Tn(n) {
-		let r = St(n), i = 0;
+	async function Wn(n) {
+		let r = Ft(n), i = 0;
 		if (!e.createFolder) {
 			if (r.length > 0) throw new t("not_supported", "Folder uploads require folder creation support");
 			return 0;
 		}
 		for (let n of r) try {
-			await e.createFolder(xt(D.currentPath, n)), i += 1;
+			await e.createFolder(Pt(E.currentPath, n)), i += 1;
 		} catch (e) {
 			if (e instanceof t && e.code === "conflict") continue;
 			throw e;
 		}
-		return i > 0 && await D.refresh(), i;
+		return i > 0 && await E.refresh(), i;
 	}
-	async function En(t) {
-		let n = t.map((e) => xt(D.currentPath, e.relativePath));
+	async function Gn(t) {
+		let n = t.map((e) => Pt(E.currentPath, e.relativePath));
 		if (e.exists) try {
 			let t = await e.exists(n);
 			return n.filter((e) => t[e]);
 		} catch {}
-		let r = new Set(D.items.map((e) => e.path)), i = [];
-		for (let e of n) (r.has(e) || await Dn(e)) && i.push(e);
+		let r = new Set(E.items.map((e) => e.path)), i = [];
+		for (let e of n) (r.has(e) || await Kn(e)) && i.push(e);
 		return i;
 	}
-	async function Dn(t) {
+	async function Kn(t) {
 		let n = o(t), r;
 		do {
 			let i = await e.list(n, { cursor: r });
@@ -1822,397 +2021,542 @@ function bt({ adapter: e, className: n, emptyState: i, initialPath: a = "/", pat
 		} while (r);
 		return !1;
 	}
-	function On(e, t, n, r, i) {
+	function qn(e, t, n, r, i) {
 		let a = new Set(t);
 		for (let o = n; o < e.length; o += 1) {
-			let n = e[o], s = xt(D.currentPath, n.relativePath);
+			let n = e[o], s = Pt(E.currentPath, n.relativePath);
 			if (a.has(s)) {
 				if (!r) {
-					G({
+					U({
 						candidates: e,
 						conflictPaths: t,
 						group: i,
 						index: o
-					}), Ie(!1);
+					}), He(!1);
 					return;
 				}
-				r !== "skip" && An(n, r, i);
-			} else An(n, void 0, i);
+				r !== "skip" && Yn(n, r, i);
+			} else Yn(n, void 0, i);
 		}
-		G(null), Ie(!1);
+		U(null), He(!1);
 	}
-	function kn(e) {
-		if (!Me || !Qe.includes(e)) return;
-		let { candidates: t, conflictPaths: n, group: r, index: i } = Me;
-		if (Fe) {
-			On(t, n, i, e, r);
+	function Jn(e) {
+		if (!Re || !_t.includes(e)) return;
+		let { candidates: t, conflictPaths: n, group: r, index: i } = Re;
+		if (Ve) {
+			qn(t, n, i, e, r);
 			return;
 		}
 		let a = t[i];
-		e !== "skip" && An(a, e, r), On(t, n, i + 1, void 0, r);
+		e !== "skip" && Yn(a, e, r), qn(t, n, i + 1, void 0, r);
 	}
-	function An(t, n, r) {
-		re.enqueueUpload({
+	function Yn(t, n, r) {
+		ae.enqueueUpload({
 			adapter: e,
-			destinationPath: xt(D.currentPath, t.relativePath),
+			destinationPath: Pt(E.currentPath, t.relativePath),
 			file: t.file,
 			group: r,
 			onConflict: n === "skip" ? void 0 : n
 		});
 	}
-	return /* @__PURE__ */ E("section", {
-		className: `flex min-h-[520px] w-full overflow-hidden rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] font-[inherit] text-[length:var(--fb-font)] text-[var(--fb-text)] ${Z}${n ? ` ${n}` : ""}`,
+	function Xn() {
+		E.clearSelection(), Qe(null), st(!1);
+	}
+	let Zn = /* @__PURE__ */ T("div", {
+		className: "flex min-w-0 flex-wrap items-center gap-[calc(var(--fb-gap)*2)]",
+		children: [
+			/* @__PURE__ */ T("select", {
+				"aria-label": "Filter files",
+				className: En(),
+				onChange: (e) => E.setFilterKind(e.target.value),
+				value: E.filterKind,
+				children: [
+					/* @__PURE__ */ w("option", {
+						value: "all",
+						children: "All"
+					}),
+					/* @__PURE__ */ w("option", {
+						value: "folders",
+						children: "Folders"
+					}),
+					/* @__PURE__ */ w("option", {
+						value: "files",
+						children: "Files"
+					})
+				]
+			}),
+			/* @__PURE__ */ T("select", {
+				"aria-label": "Sort files",
+				className: En(),
+				onChange: (e) => E.setSortBy(e.target.value),
+				value: E.sortBy,
+				children: [
+					/* @__PURE__ */ w("option", {
+						value: "name",
+						children: "Name"
+					}),
+					/* @__PURE__ */ w("option", {
+						value: "modifiedAt",
+						children: "Modified"
+					}),
+					/* @__PURE__ */ w("option", {
+						value: "size",
+						children: "Size"
+					})
+				]
+			}),
+			/* @__PURE__ */ w("button", {
+				"aria-label": "Toggle sort direction",
+				className: Q(!1),
+				onClick: () => E.setSortDirection((e) => e === "asc" ? "desc" : "asc"),
+				type: "button",
+				children: E.sortDirection === "asc" ? "Asc" : "Desc"
+			}),
+			/* @__PURE__ */ w("button", {
+				"aria-label": "Grid view",
+				className: Q(E.view === "grid"),
+				onClick: () => E.setView("grid"),
+				type: "button",
+				children: /* @__PURE__ */ w(ve, {
+					"aria-hidden": "true",
+					className: "size-4"
+				})
+			}),
+			/* @__PURE__ */ w("button", {
+				"aria-label": "List view",
+				className: Q(E.view === "list"),
+				onClick: () => E.setView("list"),
+				type: "button",
+				children: /* @__PURE__ */ w(be, {
+					"aria-hidden": "true",
+					className: "size-4"
+				})
+			}),
+			!m && E.capabilities.createFolder ? /* @__PURE__ */ T("button", {
+				className: $(!1),
+				onClick: () => {
+					tt(!1), j(null), oe(!0);
+				},
+				type: "button",
+				children: [/* @__PURE__ */ w(_e, {
+					"aria-hidden": "true",
+					className: "size-4"
+				}), "New folder"]
+			}) : null,
+			K ? /* @__PURE__ */ w("button", {
+				className: $(!1),
+				disabled: E.filteredItems.length === 0,
+				onClick: () => {
+					tt(!1), Qe(E.currentPath);
+				},
+				type: "button",
+				children: "Select items"
+			}) : null,
+			K && !m && E.clipboard ? /* @__PURE__ */ w("button", {
+				className: $(!1),
+				onClick: () => {
+					tt(!1), Ut(E.currentPath);
+				},
+				type: "button",
+				children: "Paste here"
+			}) : null
+		]
+	}), Qn = /* @__PURE__ */ w($t, {
+		canCopy: !m && E.capabilities.copy,
+		canCut: !m && E.capabilities.move,
+		canDelete: !m,
+		canMove: !m && E.capabilities.move,
+		canRename: !m && E.capabilities.rename,
+		canDownload: yt,
+		itemCount: E.filteredItems.length,
+		onCopy: () => Nt(),
+		onCut: () => zt(),
+		onDelete: () => z(!0),
+		onDownload: () => void In(),
+		onMove: hn,
+		onRename: Gt,
+		onSelectAll: E.selectAllLoaded,
+		onSelectNone: E.clearSelection,
+		selectedCount: E.selectedPaths.length
+	}), $n = /* @__PURE__ */ w(nn, {
+		canDownload: yt,
+		item: gt,
+		onCopyPath: () => void Vt(E.selectedPaths),
+		onDownload: () => void In(),
+		renderDetailsContent: re,
+		selectedCount: E.selectedItems.length,
+		totalBytes: Tt,
+		sheet: !Xe
+	});
+	return /* @__PURE__ */ T("section", {
+		className: `@container/fb relative flex min-h-[min(520px,100svh)] w-full min-w-0 max-w-full rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] font-[inherit] text-[length:var(--fb-font)] text-[var(--fb-text)] ${X}${n ? ` ${n}` : ""}`,
 		"data-fb-density": p,
-		ref: Ue,
-		style: yt[p],
+		"data-fb-layout": K ? "narrow" : Xe ? "wide" : "medium",
+		ref: Ye,
+		style: {
+			...Mt[p],
+			...K ? { "--fb-control-h": "calc(var(--fb-gap) * 11)" } : {}
+		},
 		onDragEnter: (e) => {
-			if (Rt(e.dataTransfer).length > 0) {
-				K(!1);
+			if (On(e.dataTransfer).length > 0) {
+				W(!1);
 				return;
 			}
-			e.preventDefault(), m || K(!0);
+			e.preventDefault(), m || W(!0);
 		},
 		onDragLeave: (e) => {
-			e.currentTarget === e.target && (K(!1), Ve(null));
+			e.currentTarget === e.target && (W(!1), qe(null));
 		},
 		onDragOver: (e) => {
-			if (Rt(e.dataTransfer).length > 0) {
-				K(!1), Ve(null);
+			if (On(e.dataTransfer).length > 0) {
+				W(!1), qe(null);
 				return;
 			}
 			e.preventDefault();
 		},
 		onDrop: (e) => {
-			if (e.preventDefault(), Rt(e.dataTransfer).length > 0) {
-				Q();
+			if (e.preventDefault(), On(e.dataTransfer).length > 0) {
+				Dn();
 				return;
 			}
-			K(!1), !m && Sn(e.dataTransfer);
+			W(!1), !m && Vn(e.dataTransfer);
 		},
 		onPaste: (e) => {
 			if (m) return;
 			let t = Array.from(e.clipboardData.files).filter((e) => e.type.startsWith("image/"));
-			t.length > 0 && xn(t);
+			t.length > 0 && Bn(t);
 		},
 		children: [
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ w("div", {
 				"aria-atomic": "true",
 				"aria-live": "polite",
 				className: "sr-only",
 				role: "status",
-				children: ln({
-					currentPath: D.currentPath,
-					itemCount: D.filteredItems.length,
+				children: Cn({
+					currentPath: E.currentPath,
+					itemCount: E.filteredItems.length,
 					rootLabel: l,
-					selectedCount: D.selectedPaths.length,
-					status: D.status
+					selectedCount: E.selectedPaths.length,
+					status: E.status
 				})
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ T("div", {
 				className: "flex min-w-0 flex-1 flex-col",
 				children: [
-					/* @__PURE__ */ E("header", {
-						className: `flex flex-wrap items-center gap-2 border-b border-[var(--fb-border)] bg-[var(--fb-surface)] px-[var(--fb-pad)] py-[var(--fb-cell-y)] ${Z}`,
+					/* @__PURE__ */ w("input", {
+						accept: x?.allowedMimeTypes?.length ? x.allowedMimeTypes.join(",") : void 0,
+						"aria-label": "Upload files",
+						multiple: !0,
+						onChange: (e) => void zn(e.target.files),
+						ref: ut,
+						type: "file",
+						className: "hidden"
+					}),
+					/* @__PURE__ */ T("header", {
+						className: `flex min-w-0 flex-wrap items-center gap-[calc(var(--fb-gap)*2)] rounded-t-[var(--fb-radius)] border-b border-[var(--fb-border)] bg-[var(--fb-surface)] px-[var(--fb-pad)] py-[var(--fb-cell-y)] ${X}`,
 						children: [
-							/* @__PURE__ */ T(Bt, {
-								onNavigate: (e) => D.navigate(e, { source: "breadcrumb" }),
-								path: D.currentPath,
-								rootLabel: l
-							}),
-							Le ? /* @__PURE__ */ T("span", {
-								"aria-label": "Clipboard status",
-								className: `rounded-[calc(var(--fb-radius)-4px)] bg-[var(--fb-accent-soft)] px-2 py-1 text-[12px] font-medium text-[var(--fb-accent)] ${X}`,
-								role: "status",
-								children: Le
-							}) : null,
-							/* @__PURE__ */ E("div", {
-								className: "ml-auto flex min-w-0 items-center gap-1.5",
+							q ? /* @__PURE__ */ T("div", {
+								className: "flex w-full min-w-0 items-center gap-[calc(var(--fb-gap)*2)]",
 								children: [
-									/* @__PURE__ */ E("label", {
-										className: "relative block min-w-[140px] max-w-[220px]",
-										children: [/* @__PURE__ */ T(ge, {
-											"aria-hidden": "true",
-											className: "pointer-events-none absolute left-2 top-1/2 size-3.5 -translate-y-1/2 text-[var(--fb-muted)]"
-										}), /* @__PURE__ */ T("input", {
-											"aria-label": "Search files",
-											className: `h-[var(--fb-control-h)] w-full rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] pl-7 pr-2 text-[12px] text-[var(--fb-text)] outline-none focus:border-[var(--fb-accent)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${X}`,
-											onChange: (e) => D.setSearchQuery(e.target.value),
-											placeholder: "Search",
-											type: "search",
-											value: D.searchQuery
-										})]
-									}),
-									/* @__PURE__ */ E("select", {
-										"aria-label": "Filter files",
-										className: pn(),
-										onChange: (e) => D.setFilterKind(e.target.value),
-										value: D.filterKind,
-										children: [
-											/* @__PURE__ */ T("option", {
-												value: "all",
-												children: "All"
-											}),
-											/* @__PURE__ */ T("option", {
-												value: "folders",
-												children: "Folders"
-											}),
-											/* @__PURE__ */ T("option", {
-												value: "files",
-												children: "Files"
-											})
-										]
-									}),
-									/* @__PURE__ */ E("select", {
-										"aria-label": "Sort files",
-										className: pn(),
-										onChange: (e) => D.setSortBy(e.target.value),
-										value: D.sortBy,
-										children: [
-											/* @__PURE__ */ T("option", {
-												value: "name",
-												children: "Name"
-											}),
-											/* @__PURE__ */ T("option", {
-												value: "modifiedAt",
-												children: "Modified"
-											}),
-											/* @__PURE__ */ T("option", {
-												value: "size",
-												children: "Size"
-											})
-										]
-									}),
-									/* @__PURE__ */ T("button", {
-										"aria-label": "Toggle sort direction",
-										className: un(!1),
-										onClick: () => D.setSortDirection((e) => e === "asc" ? "desc" : "asc"),
+									/* @__PURE__ */ w("button", {
+										"aria-label": "Exit selection",
+										className: Q(!1),
+										onClick: Xn,
 										type: "button",
-										children: D.sortDirection === "asc" ? "Asc" : "Desc"
-									}),
-									/* @__PURE__ */ T("button", {
-										"aria-label": "Grid view",
-										className: un(D.view === "grid"),
-										onClick: () => D.setView("grid"),
-										type: "button",
-										children: /* @__PURE__ */ T(fe, {
+										children: /* @__PURE__ */ w(B, {
 											"aria-hidden": "true",
 											className: "size-4"
 										})
 									}),
-									/* @__PURE__ */ T("button", {
-										"aria-label": "List view",
-										className: un(D.view === "list"),
-										onClick: () => D.setView("list"),
-										type: "button",
-										children: /* @__PURE__ */ T(pe, {
-											"aria-hidden": "true",
-											className: "size-4"
-										})
+									/* @__PURE__ */ T("span", {
+										className: "mr-auto whitespace-nowrap font-semibold",
+										children: [E.selectedPaths.length, " selected"]
 									}),
-									!m && D.capabilities.createFolder ? /* @__PURE__ */ E("button", {
+									/* @__PURE__ */ w("button", {
 										className: $(!1),
-										onClick: () => {
-											j(null), k(!0);
-										},
+										onClick: E.selectAllLoaded,
 										type: "button",
-										children: [/* @__PURE__ */ T(de, {
+										children: "Select all"
+									})
+								]
+							}) : /* @__PURE__ */ T(ee, { children: [/* @__PURE__ */ w("div", {
+								className: K ? "min-w-0 flex-1" : "min-w-0 max-w-full",
+								children: /* @__PURE__ */ w(en, {
+									narrow: K,
+									onNavigate: (e) => E.navigate(e, { source: "breadcrumb" }),
+									path: E.currentPath,
+									rootLabel: l
+								})
+							}), K ? /* @__PURE__ */ w("button", {
+								"aria-label": "Browser options",
+								"aria-expanded": et,
+								"aria-haspopup": "dialog",
+								className: Q(!1),
+								onClick: () => tt(!0),
+								type: "button",
+								children: /* @__PURE__ */ w(me, {
+									"aria-hidden": "true",
+									className: "size-5"
+								})
+							}) : null] }),
+							Ue ? /* @__PURE__ */ w("span", {
+								"aria-label": "Clipboard status",
+								className: `rounded-[calc(var(--fb-radius)-4px)] bg-[var(--fb-accent-soft)] px-2 py-1 text-[12px] font-medium text-[var(--fb-accent)] ${Y}`,
+								role: "status",
+								children: Ue
+							}) : null,
+							q ? null : /* @__PURE__ */ T("div", {
+								className: `flex min-w-0 flex-wrap items-center gap-[calc(var(--fb-gap)*2)] ${K ? "w-full" : "ml-auto max-w-full"}`,
+								children: [
+									/* @__PURE__ */ T("label", {
+										className: `relative block min-w-0 ${K ? "w-full" : "w-[calc(var(--fb-gap)*44)] flex-1"}`,
+										children: [/* @__PURE__ */ w(Se, {
 											"aria-hidden": "true",
-											className: "size-4"
-										}), "New folder"]
-									}) : null,
-									/* @__PURE__ */ T("input", {
-										"aria-label": "Upload files",
-										multiple: !0,
-										onChange: (e) => void bn(e.target.files),
-										ref: We,
-										type: "file",
-										className: "hidden"
+											className: "pointer-events-none absolute left-2 top-1/2 size-3.5 -translate-y-1/2 text-[var(--fb-muted)]"
+										}), /* @__PURE__ */ w("input", {
+											"aria-label": "Search files",
+											className: `h-[var(--fb-control-h)] min-h-[var(--fb-control-h)] w-full min-w-0 rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] pl-7 pr-2 text-[16px] text-[var(--fb-text)] outline-none focus:border-[var(--fb-accent)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] @min-[40rem]/fb:text-[12px] [@media(pointer:coarse)]:min-h-[calc(var(--fb-gap)*11)] [@media(pointer:coarse)]:text-[16px] ${Y}`,
+											onChange: (e) => E.setSearchQuery(e.target.value),
+											placeholder: "Search",
+											type: "search",
+											value: E.searchQuery
+										})]
 									}),
-									m ? null : /* @__PURE__ */ E("button", {
-										className: dn(),
-										onClick: () => We.current?.click(),
+									K ? null : Zn,
+									!K && !m ? /* @__PURE__ */ T("button", {
+										className: wn(),
+										onClick: () => ut.current?.click(),
 										type: "button",
-										children: [/* @__PURE__ */ T(_e, {
+										children: [/* @__PURE__ */ w(we, {
 											"aria-hidden": "true",
 											className: "size-4"
 										}), "Upload"]
-									})
+									}) : null
 								]
 							})
 						]
 					}),
-					/* @__PURE__ */ T(zt, {
-						canCopy: !m && D.capabilities.copy,
-						canCut: !m && D.capabilities.move,
-						canDelete: !m,
-						canMove: !m && D.capabilities.move,
-						canRename: !m && D.capabilities.rename,
-						canDownload: et,
-						itemCount: D.filteredItems.length,
-						onCopy: () => ct(),
-						onCut: () => lt(),
-						onDelete: () => H(!0),
-						onDownload: () => void _n(),
-						onMove: At,
-						onRename: pt,
-						onSelectAll: D.selectAllLoaded,
-						onSelectNone: D.clearSelection,
-						selectedCount: D.selectedPaths.length
-					}),
-					Ne.length > 0 ? /* @__PURE__ */ T(Kt, {
-						onDismiss: () => Pe([]),
-						rejections: Ne
+					K ? null : Qn,
+					!Xe && !K && g ? /* @__PURE__ */ w("div", {
+						className: "flex justify-end border-b border-[var(--fb-border)] px-[var(--fb-pad)] py-[var(--fb-cell-y)]",
+						children: /* @__PURE__ */ T("button", {
+							className: $(!1),
+							onClick: () => at(!0),
+							type: "button",
+							children: [/* @__PURE__ */ w(ye, {
+								"aria-hidden": "true",
+								className: "size-4"
+							}), "Details"]
+						})
+					}) : null,
+					ze.length > 0 ? /* @__PURE__ */ w(sn, {
+						onDismiss: () => Be([]),
+						rejections: ze
 					}) : null,
-					/* @__PURE__ */ E("div", {
-						className: `relative min-h-0 flex-1 overflow-auto bg-[var(--fb-bg)] p-[var(--fb-pad)] ${Z}`,
-						onClick: hn,
-						onContextMenu: mn,
-						children: [D.status === "loading" && D.items.length === 0 ? /* @__PURE__ */ T(Wt, { rootLabel: l }) : D.status === "error" ? /* @__PURE__ */ T(Gt, {
-							title: $t(D.error).title,
+					/* @__PURE__ */ T("div", {
+						className: `relative min-h-0 min-w-0 flex-1 overflow-auto bg-[var(--fb-bg)] p-[var(--fb-pad)] ${K && !m && !q ? "pb-[calc(var(--fb-gap)*20)]" : ""} ${X}`,
+						onClick: Pn,
+						onContextMenu: Nn,
+						children: [E.status === "loading" && E.items.length === 0 ? /* @__PURE__ */ w(an, { rootLabel: l }) : E.status === "error" ? /* @__PURE__ */ w(on, {
+							title: mn(E.error).title,
 							tone: "danger",
-							value: $t(D.error).value
-						}) : D.filteredItems.length === 0 ? /* @__PURE__ */ T(Gt, {
+							value: mn(E.error).value
+						}) : E.filteredItems.length === 0 ? /* @__PURE__ */ w(on, {
 							title: i ? i.title : "This folder is empty",
 							value: i ? i.description : "Create a folder or upload files to start."
-						}) : D.view === "grid" ? /* @__PURE__ */ T(kt, {
-							browser: D,
-							canMove: !m && D.capabilities.move,
-							folderDropTargetPath: Be,
-							inlineRenameError: he,
-							inlineRenameLabel: L?.name ?? "",
-							inlineRenameItem: L,
-							inlineRenameValue: me,
-							onDragStart: Mt,
-							onDragEnd: Q,
-							onFolderDragOver: Vt,
-							onFolderDrop: (e, t) => void en(e, t),
-							onEmptyClick: () => D.clearSelection(),
-							onInlineRenameCancel: Et,
+						}) : E.view === "grid" ? /* @__PURE__ */ w(Ht, {
+							browser: E,
+							canMove: !m && E.capabilities.move,
+							folderDropTargetPath: Ke,
+							inlineRenameError: I,
+							inlineRenameLabel: P?.name ?? "",
+							inlineRenameItem: P,
+							inlineRenameValue: xe,
+							onDragStart: xn,
+							onDragEnd: Dn,
+							onFolderDragOver: kn,
+							onFolderDrop: (e, t) => void An(e, t),
+							onEmptyClick: () => E.clearSelection(),
+							onInlineRenameCancel: Qt,
 							onInlineRenameChange: (e) => {
-								z(e), B(null);
+								F(e), L(null);
 							},
-							onInlineRenameCommit: () => void bt(),
-							onContextMenu: rn,
-							onOpenItem: at,
-							onSelectItem: it,
-							onTouchMenu: sn,
-							renderItemMeta: w,
+							onInlineRenameCommit: () => void Z(),
+							onContextMenu: jn,
+							onOpenItem: wt,
+							onSelectItem: Ct,
+							onTouchMenu: Mn,
+							narrow: K,
+							selectionMode: q,
+							onToggleItem: E.toggleSelection,
+							renderItemMeta: ne,
 							rootLabel: l,
-							selectedPaths: D.selectedPaths
-						}) : /* @__PURE__ */ T(Nt, {
-							browser: D,
-							canMove: !m && D.capabilities.move,
-							folderDropTargetPath: Be,
-							inlineRenameError: he,
-							inlineRenameLabel: L?.name ?? "",
-							inlineRenameItem: L,
-							inlineRenameValue: me,
-							onDragStart: Mt,
-							onDragEnd: Q,
-							onFolderDragOver: Vt,
-							onFolderDrop: (e, t) => void en(e, t),
-							onInlineRenameCancel: Et,
+							selectedPaths: E.selectedPaths
+						}) : /* @__PURE__ */ w(Kt, {
+							browser: E,
+							canMove: !m && E.capabilities.move,
+							folderDropTargetPath: Ke,
+							inlineRenameError: I,
+							inlineRenameLabel: P?.name ?? "",
+							inlineRenameItem: P,
+							inlineRenameValue: xe,
+							onDragStart: xn,
+							onDragEnd: Dn,
+							onFolderDragOver: kn,
+							onFolderDrop: (e, t) => void An(e, t),
+							onInlineRenameCancel: Qt,
 							onInlineRenameChange: (e) => {
-								z(e), B(null);
+								F(e), L(null);
 							},
-							onInlineRenameCommit: () => void bt(),
-							onContextMenu: rn,
-							onOpenItem: at,
-							onSelectItem: it,
-							renderItemMeta: w,
+							onInlineRenameCommit: () => void Z(),
+							onContextMenu: jn,
+							onOpenItem: wt,
+							onSelectItem: Ct,
+							onTouchMenu: Mn,
+							narrow: K,
+							selectionMode: q,
+							onToggleItem: E.toggleSelection,
+							renderItemMeta: ne,
 							rootLabel: l,
-							selectedPaths: D.selectedPaths
-						}), ze ? /* @__PURE__ */ T("div", {
-							className: `pointer-events-none absolute inset-3 z-10 grid place-items-center rounded-[var(--fb-radius)] border-2 border-dashed border-[var(--fb-accent)] bg-[var(--fb-accent-soft)] text-[13px] font-semibold text-[var(--fb-accent)] ${Z}`,
+							selectedPaths: E.selectedPaths
+						}), Ge ? /* @__PURE__ */ w("div", {
+							className: `pointer-events-none absolute inset-3 z-10 grid place-items-center rounded-[var(--fb-radius)] border-2 border-dashed border-[var(--fb-accent)] bg-[var(--fb-accent-soft)] text-[13px] font-semibold text-[var(--fb-accent)] ${X}`,
 							children: "Drop files to upload"
 						}) : null]
 					}),
-					/* @__PURE__ */ E("footer", {
-						className: `flex h-9 items-center justify-between border-t border-[var(--fb-border)] px-[var(--fb-pad)] text-[11px] text-[var(--fb-muted)] ${Z}`,
-						children: [/* @__PURE__ */ E("span", { children: [
-							D.filteredItems.length,
-							" items",
-							D.selectedPaths.length ? ` · ${D.selectedPaths.length} selected` : ""
-						] }), D.hasMore ? /* @__PURE__ */ T("button", {
-							className: `rounded-[calc(var(--fb-radius)-4px)] px-2 py-1 font-medium text-[var(--fb-accent)] hover:bg-[var(--fb-accent-soft)] ${X}`,
-							onClick: () => void D.loadMore(),
-							type: "button",
-							children: "Load more"
-						}) : /* @__PURE__ */ T("span", {})]
+					/* @__PURE__ */ T("footer", {
+						className: `sticky bottom-0 flex min-h-[calc(var(--fb-gap)*11)] min-w-0 flex-wrap items-center justify-between gap-[var(--fb-gap)] rounded-b-[var(--fb-radius)] border-t border-[var(--fb-border)] bg-[var(--fb-surface)] px-[var(--fb-pad)] py-[var(--fb-gap)] text-[11px] text-[var(--fb-muted)] ${X}`,
+						children: [
+							q ? /* @__PURE__ */ T("div", {
+								"aria-label": "Selection actions",
+								className: "flex w-full flex-wrap items-center gap-[calc(var(--fb-gap)*2)]",
+								role: "toolbar",
+								children: [/* @__PURE__ */ T("button", {
+									className: $(!1),
+									disabled: !gt,
+									onClick: () => st(!0),
+									type: "button",
+									children: [/* @__PURE__ */ w(me, {
+										"aria-hidden": "true",
+										className: "size-4"
+									}), "Actions"]
+								}), g ? /* @__PURE__ */ T("button", {
+									className: $(!1),
+									disabled: !gt,
+									onClick: () => at(!0),
+									type: "button",
+									children: [/* @__PURE__ */ w(ye, {
+										"aria-hidden": "true",
+										className: "size-4"
+									}), "Details"]
+								}) : null]
+							}) : null,
+							/* @__PURE__ */ T("span", { children: [
+								E.filteredItems.length,
+								" items",
+								E.selectedPaths.length ? ` · ${E.selectedPaths.length} selected` : ""
+							] }),
+							K && !m && !q ? /* @__PURE__ */ T("button", {
+								"aria-label": "Upload",
+								className: `${wn()} absolute bottom-[calc(var(--fb-gap)*14)] right-[var(--fb-pad)] shadow-lg`,
+								onClick: () => ut.current?.click(),
+								type: "button",
+								children: [/* @__PURE__ */ w(we, {
+									"aria-hidden": "true",
+									className: "size-5"
+								}), "Upload"]
+							}) : null,
+							E.hasMore ? /* @__PURE__ */ w("button", {
+								className: `min-h-[var(--fb-control-h)] rounded-[calc(var(--fb-radius)-4px)] px-2 py-1 font-medium text-[var(--fb-accent)] hover:bg-[var(--fb-accent-soft)] ${At} ${Y}`,
+								onClick: () => void E.loadMore(),
+								type: "button",
+								children: "Load more"
+							}) : /* @__PURE__ */ w("span", {})
+						]
 					})
 				]
 			}),
-			g ? /* @__PURE__ */ T(Ht, {
-				canDownload: et,
-				item: Ye,
-				onCopyPath: () => void ut(D.selectedPaths),
-				onDownload: () => void _n(),
-				renderDetailsContent: te,
-				selectedCount: D.selectedItems.length,
-				totalBytes: ot
+			g && Xe ? $n : null,
+			g && !Xe && it ? /* @__PURE__ */ w(rt, {
+				label: "Details",
+				onClose: () => at(!1),
+				children: $n
+			}) : null,
+			K && et ? /* @__PURE__ */ w(rt, {
+				label: "Browser options",
+				onClose: () => tt(!1),
+				children: Zn
 			}) : null,
-			je ? /* @__PURE__ */ T(Pt, {
-				browser: D,
-				canDownload: et,
-				menu: je,
-				onClose: () => W(null),
-				onDelete: () => H(!0),
-				onDownload: () => void _n(),
-				onMove: At,
+			q && ot ? /* @__PURE__ */ w(rt, {
+				label: "Selected item actions",
+				onClose: () => st(!1),
+				children: /* @__PURE__ */ w("div", {
+					onClick: (e) => {
+						e.target.closest("button:not(:disabled)") && st(!1);
+					},
+					children: Qn
+				})
+			}) : null,
+			Ie ? /* @__PURE__ */ w(Jt, {
+				browser: E,
+				canDownload: yt,
+				menu: Ie,
+				onClose: () => Le(null),
+				onDelete: () => z(!0),
+				onDownload: () => void In(),
+				onMove: hn,
 				onNewFolder: () => {
-					j(null), k(!0);
+					j(null), oe(!0);
 				},
-				onCopy: () => ct(),
-				onCopyPath: (e) => void ut(D.selectedPaths.includes(e.path) ? D.selectedPaths : [e.path]),
-				onCut: () => lt(),
-				onPaste: () => void dt(D.currentPath),
-				onRename: pt,
-				onUpload: () => We.current?.click(),
+				onCopy: () => Nt(),
+				onCopyPath: (e) => void Vt(E.selectedPaths.includes(e.path) ? E.selectedPaths : [e.path]),
+				onCut: () => zt(),
+				onPaste: () => void Ut(E.currentPath),
+				onRename: Gt,
+				onUpload: () => ut.current?.click(),
 				readOnly: m
 			}) : null,
-			O ? /* @__PURE__ */ T("div", {
-				"aria-label": "New folder",
-				"aria-modal": "true",
-				className: `fixed inset-0 z-40 grid place-items-center bg-[color-mix(in_oklch,var(--fb-text)_20%,transparent)] p-4 ${Z}`,
-				role: "dialog",
-				children: /* @__PURE__ */ E("form", {
-					className: `w-[min(360px,100%)] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-4 shadow-[0_18px_50px_color-mix(in_oklch,var(--fb-text)_18%,transparent)] ${Z}`,
+			O ? /* @__PURE__ */ w(nt, {
+				label: "New folder",
+				narrow: K,
+				onClose: () => oe(!1),
+				children: /* @__PURE__ */ T("form", {
+					className: `w-[min(360px,100%)] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-4 shadow-[0_18px_50px_color-mix(in_oklch,var(--fb-text)_18%,transparent)] ${X}`,
 					onSubmit: (e) => {
-						e.preventDefault(), ft();
+						e.preventDefault(), Wt();
 					},
 					children: [
-						/* @__PURE__ */ T("h2", {
+						/* @__PURE__ */ w("h2", {
 							className: "m-0 text-[14px] font-semibold",
 							children: "New folder"
 						}),
-						/* @__PURE__ */ E("label", {
+						/* @__PURE__ */ T("label", {
 							className: "mt-3 block text-[12px] font-medium text-[var(--fb-muted)]",
-							children: ["Folder name", /* @__PURE__ */ T("input", {
+							children: ["Folder name", /* @__PURE__ */ w("input", {
 								"aria-label": "Folder name",
-								autoFocus: !0,
-								className: `mt-1 h-9 w-full rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] px-2 text-[13px] text-[var(--fb-text)] outline-none focus:border-[var(--fb-accent)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${X}`,
+								className: `mt-1 h-[max(var(--fb-control-h),calc(var(--fb-gap)*9))] w-full min-w-0 rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] px-2 text-[16px] text-[var(--fb-text)] outline-none focus:border-[var(--fb-accent)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${Y}`,
 								onChange: (e) => {
-									A(e.target.value), j(null);
+									se(e.target.value), j(null);
 								},
-								value: ae
+								value: k
 							})]
 						}),
-						oe ? /* @__PURE__ */ T("div", {
-							className: `mt-3 rounded-[calc(var(--fb-radius)-4px)] border border-[var(--fb-danger)] bg-[var(--fb-danger-soft)] px-2 py-1.5 text-[12px] text-[var(--fb-danger)] ${Z}`,
+						A ? /* @__PURE__ */ w("div", {
+							className: `mt-3 rounded-[calc(var(--fb-radius)-4px)] border border-[var(--fb-danger)] bg-[var(--fb-danger-soft)] px-2 py-1.5 text-[12px] text-[var(--fb-danger)] ${X}`,
 							role: "alert",
-							children: oe
+							children: A
 						}) : null,
-						/* @__PURE__ */ E("div", {
-							className: "mt-4 flex justify-end gap-2",
-							children: [/* @__PURE__ */ T("button", {
+						/* @__PURE__ */ T("div", {
+							className: "mt-4 flex flex-wrap justify-end gap-2",
+							children: [/* @__PURE__ */ w("button", {
 								className: $(!1),
 								onClick: () => {
-									j(null), k(!1);
+									j(null), oe(!1);
 								},
 								type: "button",
 								children: "Cancel"
-							}), /* @__PURE__ */ T("button", {
-								className: dn(),
+							}), /* @__PURE__ */ w("button", {
+								className: wn(),
 								type: "submit",
 								children: "Create folder"
 							})]
@@ -2220,49 +2564,47 @@ function bt({ adapter: e, className: n, emptyState: i, initialPath: a = "/", pat
 					]
 				})
 			}) : null,
-			M ? /* @__PURE__ */ T("div", {
-				"aria-label": "Rename item",
-				"aria-modal": "true",
-				className: `fixed inset-0 z-40 grid place-items-center bg-[color-mix(in_oklch,var(--fb-text)_20%,transparent)] p-4 ${Z}`,
-				role: "dialog",
-				children: /* @__PURE__ */ E("form", {
-					className: `w-[min(360px,100%)] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-4 shadow-[0_18px_50px_color-mix(in_oklch,var(--fb-text)_18%,transparent)] ${Z}`,
+			ce ? /* @__PURE__ */ w(nt, {
+				label: "Rename item",
+				narrow: K,
+				onClose: () => le(null),
+				children: /* @__PURE__ */ T("form", {
+					className: `w-[min(360px,100%)] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-4 shadow-[0_18px_50px_color-mix(in_oklch,var(--fb-text)_18%,transparent)] ${X}`,
 					onSubmit: (e) => {
-						e.preventDefault(), mt();
+						e.preventDefault(), qt();
 					},
 					children: [
-						/* @__PURE__ */ T("h2", {
+						/* @__PURE__ */ w("h2", {
 							className: "m-0 text-[14px] font-semibold",
 							children: "Rename"
 						}),
-						/* @__PURE__ */ E("label", {
+						/* @__PURE__ */ T("label", {
 							className: "mt-3 block text-[12px] font-medium text-[var(--fb-muted)]",
-							children: ["New name", /* @__PURE__ */ T("input", {
+							children: ["New name", /* @__PURE__ */ w("input", {
 								"aria-label": "New name",
-								autoFocus: !0,
-								className: `mt-1 h-9 w-full rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] px-2 text-[13px] text-[var(--fb-text)] outline-none focus:border-[var(--fb-accent)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${X}`,
+								className: `mt-1 h-[max(var(--fb-control-h),calc(var(--fb-gap)*9))] w-full min-w-0 rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] px-2 text-[16px] text-[var(--fb-text)] outline-none focus:border-[var(--fb-accent)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${Y}`,
 								onChange: (e) => {
-									P(e.target.value), I(null);
+									ue(e.target.value), N(null);
 								},
-								value: se
+								value: M
 							})]
 						}),
-						F ? /* @__PURE__ */ T("div", {
-							className: `mt-3 rounded-[calc(var(--fb-radius)-4px)] border border-[var(--fb-danger)] bg-[var(--fb-danger-soft)] px-2 py-1.5 text-[12px] text-[var(--fb-danger)] ${Z}`,
+						pe ? /* @__PURE__ */ w("div", {
+							className: `mt-3 rounded-[calc(var(--fb-radius)-4px)] border border-[var(--fb-danger)] bg-[var(--fb-danger-soft)] px-2 py-1.5 text-[12px] text-[var(--fb-danger)] ${X}`,
 							role: "alert",
-							children: F
+							children: pe
 						}) : null,
-						/* @__PURE__ */ E("div", {
-							className: "mt-4 flex justify-end gap-2",
-							children: [/* @__PURE__ */ T("button", {
+						/* @__PURE__ */ T("div", {
+							className: "mt-4 flex flex-wrap justify-end gap-2",
+							children: [/* @__PURE__ */ w("button", {
 								className: $(!1),
 								onClick: () => {
-									N(null), P(""), I(null);
+									le(null), ue(""), N(null);
 								},
 								type: "button",
 								children: "Cancel"
-							}), /* @__PURE__ */ T("button", {
-								className: dn(),
+							}), /* @__PURE__ */ w("button", {
+								className: wn(),
 								type: "submit",
 								children: "Rename item"
 							})]
@@ -2270,41 +2612,40 @@ function bt({ adapter: e, className: n, emptyState: i, initialPath: a = "/", pat
 					]
 				})
 			}) : null,
-			V ? /* @__PURE__ */ T("div", {
-				"aria-label": "Delete selected items",
-				"aria-modal": "true",
-				className: `fixed inset-0 z-40 grid place-items-center bg-[color-mix(in_oklch,var(--fb-text)_20%,transparent)] p-4 ${Z}`,
-				role: "dialog",
-				children: /* @__PURE__ */ E("form", {
-					className: `w-[min(400px,100%)] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-4 shadow-[0_18px_50px_color-mix(in_oklch,var(--fb-text)_18%,transparent)] ${Z}`,
+			R ? /* @__PURE__ */ w(nt, {
+				label: "Delete selected items",
+				narrow: K,
+				onClose: () => z(!1),
+				children: /* @__PURE__ */ T("form", {
+					className: `w-[min(400px,100%)] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-4 shadow-[0_18px_50px_color-mix(in_oklch,var(--fb-text)_18%,transparent)] ${X}`,
 					onSubmit: (e) => {
-						e.preventDefault(), Ot();
+						e.preventDefault(), tn();
 					},
 					children: [
-						/* @__PURE__ */ T("h2", {
+						/* @__PURE__ */ w("h2", {
 							className: "m-0 text-[14px] font-semibold",
 							children: "Delete selected items"
 						}),
-						/* @__PURE__ */ T("p", {
+						/* @__PURE__ */ w("p", {
 							className: "mt-2 text-[12px] text-[var(--fb-muted)]",
 							children: "This removes the selected entries from storage."
 						}),
-						/* @__PURE__ */ T("ul", {
-							className: `mt-3 max-h-32 overflow-auto rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-bg)] p-2 text-[12px] ${Z}`,
-							children: D.selectedItems.map((e) => /* @__PURE__ */ T("li", {
+						/* @__PURE__ */ w("ul", {
+							className: `mt-3 max-h-32 overflow-auto rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-bg)] p-2 text-[12px] ${X}`,
+							children: E.selectedItems.map((e) => /* @__PURE__ */ w("li", {
 								className: "truncate py-1",
 								children: e.name
 							}, e.path))
 						}),
-						/* @__PURE__ */ E("div", {
-							className: "mt-4 flex justify-end gap-2",
-							children: [/* @__PURE__ */ T("button", {
+						/* @__PURE__ */ T("div", {
+							className: "mt-4 flex flex-wrap justify-end gap-2",
+							children: [/* @__PURE__ */ w("button", {
 								className: $(!1),
-								onClick: () => H(!1),
+								onClick: () => z(!1),
 								type: "button",
 								children: "Cancel"
-							}), /* @__PURE__ */ T("button", {
-								className: fn(),
+							}), /* @__PURE__ */ w("button", {
+								className: Tn(),
 								type: "submit",
 								children: "Delete selected"
 							})]
@@ -2312,47 +2653,46 @@ function bt({ adapter: e, className: n, emptyState: i, initialPath: a = "/", pat
 					]
 				})
 			}) : null,
-			U ? /* @__PURE__ */ T("div", {
-				"aria-label": "Move selected items",
-				"aria-modal": "true",
-				className: `fixed inset-0 z-40 grid place-items-center bg-[color-mix(in_oklch,var(--fb-text)_20%,transparent)] p-4 ${Z}`,
-				role: "dialog",
-				children: /* @__PURE__ */ E("form", {
-					className: `w-[min(420px,100%)] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-4 shadow-[0_18px_50px_color-mix(in_oklch,var(--fb-text)_18%,transparent)] ${Z}`,
+			Ce ? /* @__PURE__ */ w(nt, {
+				label: "Move selected items",
+				narrow: K,
+				onClose: () => V(!1),
+				children: /* @__PURE__ */ T("form", {
+					className: `w-[min(420px,100%)] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-4 shadow-[0_18px_50px_color-mix(in_oklch,var(--fb-text)_18%,transparent)] ${X}`,
 					onSubmit: (e) => {
-						e.preventDefault(), jt();
+						e.preventDefault(), vn();
 					},
 					children: [
-						/* @__PURE__ */ T("h2", {
+						/* @__PURE__ */ w("h2", {
 							className: "m-0 text-[14px] font-semibold",
 							children: "Move selected items"
 						}),
-						/* @__PURE__ */ T("p", {
+						/* @__PURE__ */ w("p", {
 							className: "mt-2 text-[12px] text-[var(--fb-muted)]",
 							children: "Choose a destination folder from the folder tree."
 						}),
-						/* @__PURE__ */ T(Lt, {
-							currentPath: D.currentPath,
-							destinations: Te,
-							error: ke,
-							onSelect: we,
+						/* @__PURE__ */ w(Zt, {
+							currentPath: E.currentPath,
+							destinations: je,
+							error: Pe,
+							onSelect: Ae,
 							rootLabel: l,
-							selectedPath: Ce,
-							status: De
+							selectedPath: ke,
+							status: Ne
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ T("div", {
 							className: "mt-3 truncate text-[11px] text-[var(--fb-muted)]",
-							children: ["Destination: ", Ce]
+							children: ["Destination: ", ke]
 						}),
-						/* @__PURE__ */ E("div", {
-							className: "mt-4 flex justify-end gap-2",
-							children: [/* @__PURE__ */ T("button", {
+						/* @__PURE__ */ T("div", {
+							className: "mt-4 flex flex-wrap justify-end gap-2",
+							children: [/* @__PURE__ */ w("button", {
 								className: $(!1),
-								onClick: () => be(!1),
+								onClick: () => V(!1),
 								type: "button",
 								children: "Cancel"
-							}), /* @__PURE__ */ T("button", {
-								className: dn(),
+							}), /* @__PURE__ */ w("button", {
+								className: wn(),
 								type: "submit",
 								children: "Move here"
 							})]
@@ -2360,96 +2700,97 @@ function bt({ adapter: e, className: n, emptyState: i, initialPath: a = "/", pat
 					]
 				})
 			}) : null,
-			xe ? /* @__PURE__ */ T(It, {
-				error: xe,
-				onClose: () => Se(null)
+			De ? /* @__PURE__ */ w(Xt, {
+				error: De,
+				narrow: K,
+				onClose: () => Oe(null)
 			}) : null,
-			Me ? /* @__PURE__ */ T(Ft, {
-				applyToAll: Fe,
-				currentPath: D.currentPath,
-				onApplyToAllChange: Ie,
+			Re ? /* @__PURE__ */ w(Yt, {
+				applyToAll: Ve,
+				narrow: K,
+				currentPath: E.currentPath,
+				onApplyToAllChange: He,
 				onCancel: () => {
-					G(null), Ie(!1);
+					U(null), He(!1);
 				},
-				onResolve: (e) => kn(e),
-				queue: Me,
-				resolutions: Qe
+				onResolve: (e) => Jn(e),
+				queue: Re,
+				resolutions: _t
 			}) : null,
-			q ? /* @__PURE__ */ T("div", {
-				"aria-label": `Preview ${q.item.name}`,
-				"aria-modal": "true",
-				className: `fixed inset-0 z-40 grid place-items-center bg-[color-mix(in_oklch,var(--fb-text)_35%,transparent)] p-4 ${Z}`,
-				role: "dialog",
-				children: /* @__PURE__ */ E("div", {
-					className: `w-[min(720px,100%)] overflow-hidden rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] shadow-[0_22px_70px_color-mix(in_oklch,var(--fb-text)_24%,transparent)] ${Z}`,
-					children: [/* @__PURE__ */ E("div", {
-						className: `flex h-12 items-center justify-between border-b border-[var(--fb-border)] px-4 ${Z}`,
-						children: [/* @__PURE__ */ E("div", {
-							className: "min-w-0 truncate font-semibold",
-							children: ["Preview ", q.item.name]
-						}), /* @__PURE__ */ E("div", {
-							className: "flex items-center gap-1",
+			G ? /* @__PURE__ */ w(nt, {
+				label: `Preview ${G.item.name}`,
+				narrow: K,
+				onClose: () => Je(null),
+				children: /* @__PURE__ */ T("div", {
+					className: `w-[min(720px,100%)] overflow-hidden rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] shadow-[0_22px_70px_color-mix(in_oklch,var(--fb-text)_24%,transparent)] ${X}`,
+					children: [/* @__PURE__ */ T("div", {
+						className: `flex min-h-[calc(var(--fb-gap)*12)] min-w-0 flex-wrap items-center justify-between gap-[calc(var(--fb-gap)*2)] border-b border-[var(--fb-border)] p-[calc(var(--fb-gap)*3)] ${X}`,
+						children: [/* @__PURE__ */ T("div", {
+							className: "min-w-0 max-w-full flex-1 basis-[calc(var(--fb-gap)*40)] truncate font-semibold",
+							children: ["Preview ", G.item.name]
+						}), /* @__PURE__ */ T("div", {
+							className: "flex shrink-0 items-center gap-1",
 							children: [
-								/* @__PURE__ */ T("button", {
+								/* @__PURE__ */ w("button", {
 									"aria-label": "Previous file",
-									className: un(!1),
-									disabled: tt.length <= 1,
-									onClick: () => gn(-1),
+									className: Q(!1),
+									disabled: bt.length <= 1,
+									onClick: () => Fn(-1),
 									type: "button",
-									children: /* @__PURE__ */ T(ce, {
+									children: /* @__PURE__ */ w(de, {
 										"aria-hidden": "true",
 										className: "size-4"
 									})
 								}),
-								/* @__PURE__ */ T("button", {
+								/* @__PURE__ */ w("button", {
 									"aria-label": "Next file",
-									className: un(!1),
-									disabled: tt.length <= 1,
-									onClick: () => gn(1),
+									className: Q(!1),
+									disabled: bt.length <= 1,
+									onClick: () => Fn(1),
 									type: "button",
-									children: /* @__PURE__ */ T(le, {
+									children: /* @__PURE__ */ w(fe, {
 										"aria-hidden": "true",
 										className: "size-4"
 									})
 								}),
-								/* @__PURE__ */ T("button", {
-									className: un(!1),
-									onClick: () => He(null),
+								/* @__PURE__ */ w("button", {
+									className: Q(!1),
+									onClick: () => Je(null),
 									type: "button",
 									children: "Close"
 								})
 							]
 						})]
-					}), /* @__PURE__ */ T("div", {
-						className: `grid min-h-[260px] place-items-center bg-[var(--fb-bg)] p-8 ${Z}`,
-						children: q.item.mimeType?.startsWith("image/") && q.url || q.item.thumbnailUrl ? /* @__PURE__ */ E("div", {
-							className: "text-center",
-							children: [/* @__PURE__ */ T("img", {
-								alt: q.item.name,
-								className: `max-h-[420px] max-w-full rounded-[calc(var(--fb-radius)-2px)] object-contain ${Z}`,
-								src: q.url ?? q.item.thumbnailUrl
-							}), /* @__PURE__ */ T(Ut, { preview: q })]
-						}) : /* @__PURE__ */ E("div", {
-							className: "text-center",
+					}), /* @__PURE__ */ w("div", {
+						className: `grid min-h-[min(260px,40dvh)] min-w-0 place-items-center bg-[var(--fb-bg)] p-[var(--fb-pad)] ${X}`,
+						children: G.item.mimeType?.startsWith("image/") && G.url || G.item.thumbnailUrl ? /* @__PURE__ */ T("div", {
+							className: "min-w-0 max-w-full text-center",
+							children: [/* @__PURE__ */ w("img", {
+								alt: G.item.name,
+								className: `max-h-[min(420px,55dvh)] max-w-full rounded-[calc(var(--fb-radius)-2px)] object-contain ${X}`,
+								src: G.url ?? G.item.thumbnailUrl
+							}), /* @__PURE__ */ w(rn, { preview: G })]
+						}) : /* @__PURE__ */ T("div", {
+							className: "min-w-0 max-w-full text-center",
 							children: [
-								/* @__PURE__ */ T(ue, { className: "mx-auto size-12 text-[var(--fb-muted)]" }),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ w(he, { className: "mx-auto size-12 text-[var(--fb-muted)]" }),
+								/* @__PURE__ */ w("div", {
 									className: "mt-3 font-semibold",
-									children: q.item.name
+									children: G.item.name
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ w("div", {
 									className: "mt-1 text-[12px] text-[var(--fb-muted)]",
-									children: q.item.mimeType ?? "File"
+									children: G.item.mimeType ?? "File"
 								}),
-								q.status === "loading" ? /* @__PURE__ */ T("div", {
+								G.status === "loading" ? /* @__PURE__ */ w("div", {
 									className: "mt-3 text-[12px] text-[var(--fb-muted)]",
 									children: "Loading preview"
 								}) : null,
-								q.status === "error" ? /* @__PURE__ */ T("div", {
+								G.status === "error" ? /* @__PURE__ */ w("div", {
 									className: "mt-3 text-[12px] text-[var(--fb-danger)]",
-									children: q.error ?? "Could not load preview"
+									children: G.error ?? "Could not load preview"
 								}) : null,
-								/* @__PURE__ */ T(Ut, { preview: q })
+								/* @__PURE__ */ w(rn, { preview: G })
 							]
 						})
 					})]
@@ -2458,10 +2799,10 @@ function bt({ adapter: e, className: n, emptyState: i, initialPath: a = "/", pat
 		]
 	});
 }
-function xt(t, n) {
+function Pt(t, n) {
 	return n.split("/").filter(Boolean).reduce((t, n) => e(t, n), t);
 }
-function St(e) {
+function Ft(e) {
 	let t = /* @__PURE__ */ new Set();
 	for (let { relativePath: n } of e) {
 		let e = n.split("/").filter(Boolean);
@@ -2469,22 +2810,22 @@ function St(e) {
 	}
 	return Array.from(t).sort((e, t) => e.split("/").length - t.split("/").length || e.localeCompare(t));
 }
-function Ct(e, t) {
+function It(e, t) {
 	let n = [], r = [];
 	for (let i of e) t(i) ? n.push(i) : r.push(i);
 	return [n, r];
 }
-function wt(e, t, n = 0) {
-	if (St(t).length === 0) return;
+function Lt(e, t, n = 0) {
+	if (Ft(t).length === 0) return;
 	let r = t.map((e) => e.relativePath.split("/").filter(Boolean)[0]).filter((e) => !!e), i = Array.from(new Set(r)), o = i.length === 1 ? i[0] : "Folder upload";
 	return {
-		id: i.length === 1 ? xt(e, o) : `${a(e)}#folder-upload`,
+		id: i.length === 1 ? Pt(e, o) : `${a(e)}#folder-upload`,
 		name: o,
 		totalFiles: t.length,
 		createdFolders: n
 	};
 }
-async function Tt(e, t) {
+async function Rt(e, t) {
 	let n = [], r = t.map(a);
 	async function i(t, a) {
 		let o;
@@ -2493,7 +2834,7 @@ async function Tt(e, t) {
 				numeric: !0,
 				sensitivity: "base"
 			}));
-			for (let e of c) Et(e.path, r) || (n.push({
+			for (let e of c) zt(e.path, r) || (n.push({
 				path: e.path,
 				name: e.name,
 				depth: a
@@ -2503,11 +2844,11 @@ async function Tt(e, t) {
 	}
 	return await i("/", 0), n;
 }
-function Et(e, t) {
+function zt(e, t) {
 	let n = a(e);
 	return t.some((e) => n === e || n.startsWith(`${e}/`));
 }
-function Dt(e, t, n) {
+function Bt(e, t, n) {
 	if (!t) return {
 		acceptedCandidates: e,
 		rejectedCandidates: []
@@ -2515,7 +2856,7 @@ function Dt(e, t, n) {
 	let r = [], i = [], a = 0;
 	for (let o of e) {
 		let e = [];
-		t.maxFileSizeBytes !== void 0 && o.file.size > t.maxFileSizeBytes && e.push(`File is larger than ${rn(t.maxFileSizeBytes)}`), t.allowedMimeTypes?.length && !Ot(o.file, t.allowedMimeTypes) && e.push(`File type ${o.file.type || "unknown"} is not allowed`), t.remainingQuotaBytes !== void 0 && a + o.file.size > t.remainingQuotaBytes && e.push(`Upload exceeds remaining quota of ${rn(t.remainingQuotaBytes)}`);
+		t.maxFileSizeBytes !== void 0 && o.file.size > t.maxFileSizeBytes && e.push(`File is larger than ${vn(t.maxFileSizeBytes)}`), t.allowedMimeTypes?.length && !Vt(o.file, t.allowedMimeTypes) && e.push(`File type ${o.file.type || "unknown"} is not allowed`), t.remainingQuotaBytes !== void 0 && a + o.file.size > t.remainingQuotaBytes && e.push(`Upload exceeds remaining quota of ${vn(t.remainingQuotaBytes)}`);
 		let s = t.validate?.(o, {
 			acceptedBytes: a,
 			currentPath: n
@@ -2535,34 +2876,37 @@ function Dt(e, t, n) {
 		rejectedCandidates: i
 	};
 }
-function Ot(e, t) {
+function Vt(e, t) {
 	return t.some((t) => t.endsWith("/*") ? e.type.startsWith(t.slice(0, -1)) : t.startsWith(".") ? e.name.toLowerCase().endsWith(t.toLowerCase()) : e.type === t);
 }
-function kt({ browser: e, canMove: t, folderDropTargetPath: n, inlineRenameError: r, inlineRenameLabel: i, inlineRenameItem: a, inlineRenameValue: o, selectedPaths: s, onContextMenu: c, onDragEnd: l, onDragStart: u, onEmptyClick: d, onFolderDragOver: f, onFolderDrop: p, onInlineRenameCancel: m, onInlineRenameChange: h, onInlineRenameCommit: g, onOpenItem: _, onSelectItem: v, onTouchMenu: y, renderItemMeta: x, rootLabel: C }) {
-	let [ee, te] = b(null);
-	function ne(t) {
+function Ht({ browser: e, canMove: t, folderDropTargetPath: n, inlineRenameError: r, inlineRenameLabel: i, inlineRenameItem: a, inlineRenameValue: o, selectedPaths: s, onContextMenu: c, onDragEnd: l, onDragStart: u, onEmptyClick: d, onFolderDragOver: f, onFolderDrop: p, onInlineRenameCancel: m, onInlineRenameChange: h, onInlineRenameCommit: g, onOpenItem: _, onSelectItem: v, onTouchMenu: y, narrow: x, selectionMode: C, onToggleItem: te, renderItemMeta: ne, rootLabel: re }) {
+	let [ie, E] = b(null);
+	function ae(t) {
 		let n = t.inputEvent, r = t.selected.map((e) => e.getAttribute("data-fb-path")).filter((e) => !!e);
 		e.setSelection(r, { additive: !!(n?.shiftKey || n?.metaKey || n?.ctrlKey) });
 	}
-	return /* @__PURE__ */ E(w, { children: [ee ? /* @__PURE__ */ T(S, {
+	return /* @__PURE__ */ T(ee, { children: [ie && !x ? /* @__PURE__ */ w(S, {
 		className: "[background:var(--fb-accent-soft)!important] [border-color:var(--fb-accent)!important]",
-		container: ee,
-		dragContainer: ee,
+		container: ie,
+		dragContainer: ie,
 		hitRate: 10,
-		onSelect: ne,
+		onSelect: ae,
+		onDragStart: (e) => {
+			e.inputEvent?.type?.startsWith("touch") && e.stop();
+		},
 		preventClickEventOnDrag: !0,
 		selectByClick: !1,
-		selectableTargets: [() => Array.from(ee.querySelectorAll("[data-fb-selectable='true']"))],
+		selectableTargets: [() => Array.from(ie.querySelectorAll("[data-fb-selectable='true']"))],
 		selectFromInside: !1
-	}) : null, /* @__PURE__ */ T("div", {
-		"aria-label": C,
-		className: "relative grid min-h-full content-start grid-cols-[repeat(auto-fill,minmax(var(--fb-card-min),1fr))] gap-[var(--fb-grid-gap)]",
+	}) : null, /* @__PURE__ */ w("div", {
+		"aria-label": re,
+		className: "relative grid min-h-full min-w-0 touch-pan-y content-start grid-cols-[repeat(2,minmax(0,1fr))] gap-[var(--fb-grid-gap)] @min-[40rem]/fb:grid-cols-[repeat(auto-fill,minmax(min(100%,var(--fb-card-min)),1fr))]",
 		onClick: (e) => {
-			e.target === e.currentTarget && !Jt(e) && d();
+			!C && e.target === e.currentTarget && !ln(e) && d();
 		},
-		ref: te,
+		ref: E,
 		role: "grid",
-		children: e.filteredItems.map((e) => /* @__PURE__ */ T(At, {
+		children: e.filteredItems.map((e) => /* @__PURE__ */ w(Ut, {
 			canMove: t,
 			dropTarget: n === e.path,
 			item: e,
@@ -2581,28 +2925,23 @@ function kt({ browser: e, canMove: t, folderDropTargetPath: n, inlineRenameError
 			onInlineRenameCommit: g,
 			onSelect: (t) => v(e.path, t),
 			onTouchMenu: () => y(e),
-			renderItemMeta: x,
+			narrow: x,
+			selectionMode: C,
+			onToggle: () => te(e.path),
+			renderItemMeta: ne,
 			selected: s.includes(e.path)
 		}, e.path))
 	})] });
 }
-function At({ canMove: e, dropTarget: t, inlineRenameError: n, inlineRenameLabel: r, inlineRenameValue: i, isRenaming: a, item: o, selected: s, onSelect: c, onOpen: l, onContextMenu: u, onDragEnd: d, onDragStart: f, onFolderDragOver: p, onFolderDrop: m, onInlineRenameCancel: h, onInlineRenameChange: g, onInlineRenameCommit: _, onTouchMenu: v, renderItemMeta: b }) {
-	let x = y(null);
-	function S() {
-		x.current &&= (clearTimeout(x.current), null);
-	}
-	function C() {
-		S(), x.current = setTimeout(() => {
-			x.current = null, v();
-		}, 520);
-	}
-	return /* @__PURE__ */ E("article", {
+function Ut({ canMove: e, dropTarget: t, inlineRenameError: n, inlineRenameLabel: r, inlineRenameValue: i, isRenaming: a, item: o, selected: s, onSelect: c, onOpen: l, onContextMenu: u, onDragEnd: d, onDragStart: f, onFolderDragOver: p, onFolderDrop: m, onInlineRenameCancel: h, onInlineRenameChange: g, onInlineRenameCommit: _, onTouchMenu: v, narrow: y, selectionMode: b, onToggle: x, renderItemMeta: S }) {
+	let C = et(v);
+	return /* @__PURE__ */ T("article", {
 		"aria-selected": s,
 		"data-fb-drop-target": t ? "true" : void 0,
 		"data-fb-path": o.path,
 		"data-fb-selectable": "true",
-		draggable: e,
-		className: `group relative flex min-h-[var(--fb-card-minh)] cursor-default flex-col rounded-[calc(var(--fb-radius)-1px)] border p-[var(--fb-card-pad)] outline-none hover:shadow-[0_8px_22px_color-mix(in_oklch,var(--fb-text)_8%,transparent)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${Z} ${t ? "border-[var(--fb-accent)] bg-[var(--fb-accent-soft)] ring-2 ring-[var(--fb-accent)] ring-offset-2 ring-offset-[var(--fb-surface)]" : s ? "border-[var(--fb-accent)] bg-[var(--fb-accent-soft)]" : "border-[var(--fb-border)] bg-[var(--fb-surface)] hover:border-[var(--fb-border-strong)]"}`,
+		draggable: e && !y,
+		className: `group relative flex min-h-[var(--fb-card-minh)] min-w-0 cursor-default flex-col rounded-[calc(var(--fb-radius)-1px)] border p-[var(--fb-card-pad)] outline-none hover:shadow-[0_8px_22px_color-mix(in_oklch,var(--fb-text)_8%,transparent)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${X} ${t ? "border-[var(--fb-accent)] bg-[var(--fb-accent-soft)] ring-2 ring-[var(--fb-accent)] ring-offset-2 ring-offset-[var(--fb-surface)]" : s ? "border-[var(--fb-accent)] bg-[var(--fb-accent-soft)]" : "border-[var(--fb-border)] bg-[var(--fb-surface)] hover:border-[var(--fb-border-strong)]"}`,
 		onClick: c,
 		onContextMenu: u,
 		onDoubleClick: l,
@@ -2610,29 +2949,39 @@ function At({ canMove: e, dropTarget: t, inlineRenameError: n, inlineRenameLabel
 		onDragOver: o.kind === "folder" ? p : void 0,
 		onDragStart: e ? f : void 0,
 		onDrop: o.kind === "folder" ? m : void 0,
-		onTouchCancel: S,
-		onTouchEnd: S,
-		onTouchMove: S,
-		onTouchStart: C,
+		...C,
 		role: "gridcell",
 		tabIndex: 0,
 		children: [
-			/* @__PURE__ */ T("span", {
+			b ? /* @__PURE__ */ w("button", {
+				"aria-label": `Select ${o.name}`,
+				"aria-pressed": s,
+				className: "absolute right-0 top-0 z-10 grid size-[calc(var(--fb-gap)*11)] place-items-center text-[var(--fb-accent)]",
+				"data-fb-touch-control": !0,
+				onClick: (e) => {
+					e.stopPropagation(), x();
+				},
+				type: "button",
+				children: w(s ? R : z, {
+					"aria-hidden": "true",
+					className: "size-5"
+				})
+			}) : /* @__PURE__ */ w("span", {
 				"aria-hidden": "true",
-				className: `absolute right-2 top-2 grid size-4 place-items-center rounded border text-[10px] ${X} ${s ? "border-[var(--fb-accent)] bg-[var(--fb-accent)] text-[var(--fb-surface)]" : "border-[var(--fb-border)] bg-[var(--fb-surface)] opacity-0 group-hover:opacity-100"}`,
+				className: `absolute right-2 top-2 grid size-4 place-items-center rounded border text-[10px] ${Y} ${s ? "border-[var(--fb-accent)] bg-[var(--fb-accent)] text-[var(--fb-surface)]" : "border-[var(--fb-border)] bg-[var(--fb-surface)] opacity-0 group-hover:opacity-100"}`,
 				children: s ? "✓" : ""
 			}),
-			/* @__PURE__ */ T("div", {
-				className: `grid h-[var(--fb-thumb-h)] place-items-center rounded-[calc(var(--fb-radius)-3px)] bg-[var(--fb-surface-2)] group-hover:bg-[var(--fb-bg)] ${X}`,
-				children: o.kind === "folder" ? /* @__PURE__ */ T(de, {
+			/* @__PURE__ */ w("div", {
+				className: `grid h-[var(--fb-thumb-h)] place-items-center rounded-[calc(var(--fb-radius)-3px)] bg-[var(--fb-surface-2)] group-hover:bg-[var(--fb-bg)] ${Y}`,
+				children: o.kind === "folder" ? /* @__PURE__ */ w(_e, {
 					"aria-hidden": "true",
 					className: "size-9 text-[var(--fb-folder)]"
-				}) : /* @__PURE__ */ T(ue, {
+				}) : /* @__PURE__ */ w(he, {
 					"aria-hidden": "true",
 					className: "size-9 text-[var(--fb-muted)]"
 				})
 			}),
-			a ? /* @__PURE__ */ T(Mt, {
+			a ? /* @__PURE__ */ w(Gt, {
 				item: o,
 				error: n,
 				label: r,
@@ -2640,42 +2989,42 @@ function At({ canMove: e, dropTarget: t, inlineRenameError: n, inlineRenameLabel
 				onChange: g,
 				onCommit: _,
 				value: i
-			}) : /* @__PURE__ */ T("button", {
-				className: `mt-2 min-w-0 truncate text-left text-[12.5px] font-semibold text-[var(--fb-text)] outline-none ${X}`,
+			}) : /* @__PURE__ */ w("button", {
+				className: `mt-2 min-w-0 truncate text-left text-[12.5px] font-semibold text-[var(--fb-text)] outline-none [@media(pointer:coarse)]:min-h-[calc(var(--fb-gap)*11)] ${y ? "min-h-[calc(var(--fb-gap)*11)]" : ""} ${Y}`,
 				onClick: (e) => {
 					e.stopPropagation(), c(e);
 				},
 				type: "button",
 				children: o.name
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ w("div", {
 				className: "mt-1 text-[11px] text-[var(--fb-muted)]",
-				children: o.kind === "folder" ? "Folder" : rn(o.size ?? 0)
+				children: o.kind === "folder" ? "Folder" : vn(o.size ?? 0)
 			}),
-			/* @__PURE__ */ T(jt, {
+			/* @__PURE__ */ w(Wt, {
 				item: o,
-				renderItemMeta: b,
+				renderItemMeta: S,
 				view: "grid"
 			})
 		]
 	});
 }
-function jt({ item: e, renderItemMeta: t, view: n }) {
+function Wt({ item: e, renderItemMeta: t, view: n }) {
 	if (!t) return null;
 	let r = t(e, { view: n });
-	return r == null || r === !1 ? null : /* @__PURE__ */ T("div", {
-		className: "mt-1 min-w-0 text-[11px]",
+	return r == null || r === !1 ? null : /* @__PURE__ */ w("div", {
+		className: "mt-1 min-w-0 max-w-full text-[11px] [overflow-wrap:anywhere] [&_*]:max-w-full",
 		"data-fb-item-meta": n,
 		children: r
 	});
 }
-function Mt({ error: e, item: t, label: n, onCancel: r, onChange: i, onCommit: a, value: o }) {
-	return /* @__PURE__ */ E("div", {
+function Gt({ error: e, item: t, label: n, onCancel: r, onChange: i, onCommit: a, value: o }) {
+	return /* @__PURE__ */ T("div", {
 		className: "min-w-0",
-		children: [/* @__PURE__ */ T("input", {
+		children: [/* @__PURE__ */ w("input", {
 			"aria-label": `Rename ${n || t.name}`,
 			autoFocus: !0,
-			className: `mt-2 min-w-0 rounded-[calc(var(--fb-radius)-4px)] border border-[var(--fb-accent)] bg-[var(--fb-surface)] px-1.5 py-1 text-[12.5px] font-semibold text-[var(--fb-text)] outline-none ring-2 ring-[var(--fb-accent-soft)] ${X}`,
+			className: `mt-2 w-full min-w-0 rounded-[calc(var(--fb-radius)-4px)] border border-[var(--fb-accent)] bg-[var(--fb-surface)] px-1.5 py-1 text-[12.5px] font-semibold text-[var(--fb-text)] outline-none ring-2 ring-[var(--fb-accent-soft)] [@media(pointer:coarse)]:min-h-[calc(var(--fb-gap)*11)] [@media(pointer:coarse)]:text-[16px] ${Y}`,
 			onBlur: a,
 			onChange: (e) => i(e.target.value),
 			onClick: (e) => e.stopPropagation(),
@@ -2684,39 +3033,40 @@ function Mt({ error: e, item: t, label: n, onCancel: r, onChange: i, onCommit: a
 				e.key === "Enter" && (e.preventDefault(), a()), e.key === "Escape" && (e.preventDefault(), r());
 			},
 			value: o
-		}), e ? /* @__PURE__ */ T("div", {
-			className: `mt-1 rounded-[calc(var(--fb-radius)-5px)] border border-[var(--fb-danger)] bg-[var(--fb-danger-soft)] px-1.5 py-1 text-[11px] text-[var(--fb-danger)] ${Z}`,
+		}), e ? /* @__PURE__ */ w("div", {
+			className: `mt-1 rounded-[calc(var(--fb-radius)-5px)] border border-[var(--fb-danger)] bg-[var(--fb-danger-soft)] px-1.5 py-1 text-[11px] text-[var(--fb-danger)] ${X}`,
 			role: "alert",
 			children: e
 		}) : null]
 	});
 }
-function Nt({ browser: e, canMove: t, folderDropTargetPath: n, inlineRenameError: r, inlineRenameLabel: i, inlineRenameItem: a, inlineRenameValue: o, selectedPaths: s, onContextMenu: c, onDragEnd: l, onDragStart: u, onFolderDragOver: d, onFolderDrop: f, onInlineRenameCancel: p, onInlineRenameChange: m, onInlineRenameCommit: h, onOpenItem: g, onSelectItem: _, renderItemMeta: v, rootLabel: y }) {
-	return /* @__PURE__ */ E("table", {
-		"aria-label": y,
-		className: `w-full border-separate border-spacing-0 overflow-hidden rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] text-left ${Z}`,
-		children: [/* @__PURE__ */ T("thead", {
+function Kt({ browser: e, canMove: t, folderDropTargetPath: n, inlineRenameError: r, inlineRenameLabel: i, inlineRenameItem: a, inlineRenameValue: o, selectedPaths: s, onContextMenu: c, onDragEnd: l, onDragStart: u, onFolderDragOver: d, onFolderDrop: f, onInlineRenameCancel: p, onInlineRenameChange: m, onInlineRenameCommit: h, onOpenItem: g, onSelectItem: _, onTouchMenu: v, narrow: y, selectionMode: b, onToggleItem: x, renderItemMeta: S, rootLabel: C }) {
+	return /* @__PURE__ */ T("table", {
+		"aria-label": C,
+		className: `w-full table-fixed border-separate border-spacing-0 overflow-hidden rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] text-left ${X}`,
+		children: [/* @__PURE__ */ w("thead", {
 			className: "text-[11px] text-[var(--fb-muted)]",
-			children: /* @__PURE__ */ E("tr", { children: [
-				/* @__PURE__ */ T("th", {
+			children: /* @__PURE__ */ T("tr", { children: [
+				/* @__PURE__ */ w("th", {
 					className: "border-b border-[var(--fb-border)] px-[var(--fb-cell-x)] py-[var(--fb-cell-y)] font-medium",
 					children: "Name"
 				}),
-				/* @__PURE__ */ T("th", {
-					className: "border-b border-[var(--fb-border)] px-[var(--fb-cell-x)] py-[var(--fb-cell-y)] font-medium",
+				y ? null : /* @__PURE__ */ w("th", {
+					className: "w-[22%] border-b border-[var(--fb-border)] px-[var(--fb-cell-x)] py-[var(--fb-cell-y)] font-medium",
 					children: "Size"
 				}),
-				/* @__PURE__ */ T("th", {
-					className: "border-b border-[var(--fb-border)] px-[var(--fb-cell-x)] py-[var(--fb-cell-y)] font-medium",
+				y ? null : /* @__PURE__ */ w("th", {
+					className: "w-[26%] border-b border-[var(--fb-border)] px-[var(--fb-cell-x)] py-[var(--fb-cell-y)] font-medium",
 					children: "Modified"
 				})
 			] })
-		}), /* @__PURE__ */ T("tbody", { children: e.filteredItems.map((e) => /* @__PURE__ */ E("tr", {
+		}), /* @__PURE__ */ w("tbody", { children: e.filteredItems.map((e) => /* @__PURE__ */ T(qt, {
 			"aria-selected": s.includes(e.path),
 			"data-fb-drop-target": n === e.path ? "true" : void 0,
 			"data-fb-path": e.path,
-			className: n === e.path ? `bg-[var(--fb-accent-soft)] ring-2 ring-inset ring-[var(--fb-accent)] ${X}` : s.includes(e.path) ? `bg-[var(--fb-accent-soft)] outline-none focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${X}` : `outline-none hover:bg-[var(--fb-bg)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${X}`,
-			draggable: t,
+			className: n === e.path ? `bg-[var(--fb-accent-soft)] ring-2 ring-inset ring-[var(--fb-accent)] ${Y}` : s.includes(e.path) ? `bg-[var(--fb-accent-soft)] outline-none focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${Y}` : `outline-none hover:bg-[var(--fb-bg)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${Y}`,
+			draggable: t && !y,
+			onLongPress: () => v(e),
 			onClick: (t) => _(e.path, t),
 			onContextMenu: (t) => c(e, t),
 			onDragEnd: l,
@@ -2726,40 +3076,67 @@ function Nt({ browser: e, canMove: t, folderDropTargetPath: n, inlineRenameError
 			onDoubleClick: () => g(e),
 			tabIndex: 0,
 			children: [
-				/* @__PURE__ */ T("td", {
+				/* @__PURE__ */ w("td", {
 					className: "border-b border-[var(--fb-border)] px-[var(--fb-cell-x)] py-[var(--fb-cell-y)]",
-					children: /* @__PURE__ */ E("div", {
+					children: /* @__PURE__ */ T("div", {
 						className: "flex min-w-0 items-start gap-2",
-						children: [e.kind === "folder" ? /* @__PURE__ */ T(de, { className: "mt-0.5 size-4 shrink-0 text-[var(--fb-folder)]" }) : /* @__PURE__ */ T(ue, { className: "mt-0.5 size-4 shrink-0 text-[var(--fb-muted)]" }), /* @__PURE__ */ E("div", {
-							className: "min-w-0",
-							children: [a?.path === e.path ? /* @__PURE__ */ T(Mt, {
-								item: e,
-								error: r,
-								label: i,
-								onCancel: p,
-								onChange: m,
-								onCommit: h,
-								value: o
-							}) : /* @__PURE__ */ T("button", {
-								className: `block max-w-full truncate font-medium ${X}`,
+						children: [
+							b ? /* @__PURE__ */ w("button", {
+								"aria-label": `Select ${e.name}`,
+								"aria-pressed": s.includes(e.path),
+								className: "grid size-[calc(var(--fb-gap)*11)] shrink-0 place-items-center text-[var(--fb-accent)]",
+								"data-fb-touch-control": !0,
 								onClick: (t) => {
-									t.stopPropagation(), _(e.path, t);
+									t.stopPropagation(), x(e.path);
 								},
 								type: "button",
-								children: e.name
-							}), /* @__PURE__ */ T(jt, {
-								item: e,
-								renderItemMeta: v,
-								view: "list"
-							})]
-						})]
+								children: s.includes(e.path) ? /* @__PURE__ */ w(R, {
+									"aria-hidden": "true",
+									className: "size-5"
+								}) : /* @__PURE__ */ w(z, {
+									"aria-hidden": "true",
+									className: "size-5"
+								})
+							}) : null,
+							e.kind === "folder" ? /* @__PURE__ */ w(_e, { className: "mt-0.5 size-4 shrink-0 text-[var(--fb-folder)]" }) : /* @__PURE__ */ w(he, { className: "mt-0.5 size-4 shrink-0 text-[var(--fb-muted)]" }),
+							/* @__PURE__ */ T("div", {
+								className: "min-w-0 flex-1",
+								children: [
+									a?.path === e.path ? /* @__PURE__ */ w(Gt, {
+										item: e,
+										error: r,
+										label: i,
+										onCancel: p,
+										onChange: m,
+										onCommit: h,
+										value: o
+									}) : /* @__PURE__ */ w("button", {
+										className: `block max-w-full truncate text-left font-medium [@media(pointer:coarse)]:min-h-[calc(var(--fb-gap)*11)] ${y ? "min-h-[calc(var(--fb-gap)*11)]" : ""} ${Y}`,
+										onClick: (t) => {
+											t.stopPropagation(), _(e.path, t);
+										},
+										type: "button",
+										children: e.name
+									}),
+									/* @__PURE__ */ w(Wt, {
+										item: e,
+										renderItemMeta: S,
+										view: "list"
+									}),
+									y ? /* @__PURE__ */ T("div", {
+										className: "mt-[var(--fb-gap)] flex flex-wrap gap-x-[calc(var(--fb-gap)*3)] text-[11px] text-[var(--fb-muted)]",
+										children: [/* @__PURE__ */ w("span", { children: e.kind === "folder" ? "Folder" : vn(e.size ?? 0) }), e.modifiedAt ? /* @__PURE__ */ w("span", { children: new Date(e.modifiedAt).toLocaleDateString() }) : null]
+									}) : null
+								]
+							})
+						]
 					})
 				}),
-				/* @__PURE__ */ T("td", {
+				y ? null : /* @__PURE__ */ w("td", {
 					className: "border-b border-[var(--fb-border)] px-[var(--fb-cell-x)] py-[var(--fb-cell-y)] text-[12px] text-[var(--fb-muted)]",
-					children: e.kind === "folder" ? "Folder" : rn(e.size ?? 0)
+					children: e.kind === "folder" ? "Folder" : vn(e.size ?? 0)
 				}),
-				/* @__PURE__ */ T("td", {
+				y ? null : /* @__PURE__ */ w("td", {
 					className: "border-b border-[var(--fb-border)] px-[var(--fb-cell-x)] py-[var(--fb-cell-y)] text-[12px] text-[var(--fb-muted)]",
 					children: e.modifiedAt ? new Date(e.modifiedAt).toLocaleDateString() : "—"
 				})
@@ -2767,169 +3144,212 @@ function Nt({ browser: e, canMove: t, folderDropTargetPath: n, inlineRenameError
 		}, e.path)) })]
 	});
 }
-function Pt({ browser: e, canDownload: t, menu: n, onClose: r, onDelete: i, onDownload: a, onCopy: o, onCopyPath: s, onCut: c, onMove: l, onNewFolder: u, onPaste: d, onRename: f, onUpload: p, readOnly: m }) {
-	let h = n.target === "item", g = n.mode === "sheet";
-	function _(e) {
+function qt({ onLongPress: e, ...t }) {
+	let n = et(e);
+	return /* @__PURE__ */ w("tr", {
+		...t,
+		...n
+	});
+}
+function Jt({ browser: e, canDownload: t, menu: n, onClose: r, onDelete: i, onDownload: a, onCopy: o, onCopyPath: s, onCut: c, onMove: l, onNewFolder: u, onPaste: d, onRename: f, onUpload: p, readOnly: m }) {
+	let h = n.target === "item", g = n.mode === "sheet", v = y(null), [x, S] = b({
+		left: n.x,
+		top: n.y
+	});
+	_(() => {
+		if (g) return;
+		let e = v.current, t = document.activeElement, r = () => {
+			let t = e ? (Number.parseFloat(getComputedStyle(e).paddingLeft) || 0) * 2 : 0, r = e?.getBoundingClientRect();
+			S({
+				left: Math.max(t, Math.min(n.x, document.documentElement.clientWidth - (r?.width ?? 0) - t)),
+				top: Math.max(t, Math.min(n.y, window.innerHeight - (r?.height ?? 0) - t))
+			});
+		};
+		return r(), e?.querySelector("button")?.focus(), window.addEventListener("resize", r), () => {
+			window.removeEventListener("resize", r), t instanceof HTMLElement && t.isConnected && t.focus({ preventScroll: !0 });
+		};
+	}, [
+		n.x,
+		n.y,
+		g
+	]);
+	function C(e) {
 		e(), r();
 	}
-	return /* @__PURE__ */ E("div", {
+	let te = /* @__PURE__ */ T("div", {
 		"aria-label": h ? "Item actions" : "Folder actions",
-		className: `fixed z-50 rounded-[calc(var(--fb-radius)-2px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-1 text-[12px] text-[var(--fb-text)] shadow-[0_16px_44px_color-mix(in_oklch,var(--fb-text)_16%,transparent)] ${Z} ${g ? "inset-x-3 bottom-3 max-h-[80vh] overflow-auto" : "min-w-40"}`,
+		className: `rounded-[calc(var(--fb-radius)-2px)] bg-[var(--fb-surface)] p-1 text-[12px] text-[var(--fb-text)] ${X} ${g ? "w-full" : "fixed z-[60] max-h-[calc(100dvh-var(--fb-gap)*4)] min-w-40 max-w-[calc(100%-var(--fb-gap)*4)] overflow-y-auto border border-[var(--fb-border)] shadow-[0_16px_44px_color-mix(in_oklch,var(--fb-text)_16%,transparent)]"}`,
 		"data-fb-menu": g ? "sheet" : "context",
 		role: "menu",
-		style: g ? void 0 : {
-			left: n.x,
-			top: n.y
+		ref: v,
+		style: g ? void 0 : x,
+		onKeyDown: (e) => {
+			if (e.key === "Escape" || e.key === "Tab" && !g) {
+				e.stopPropagation(), r();
+				return;
+			}
+			if (![
+				"ArrowDown",
+				"ArrowUp",
+				"Home",
+				"End"
+			].includes(e.key)) return;
+			e.preventDefault(), e.stopPropagation();
+			let t = Array.from(e.currentTarget.querySelectorAll("button")), n = t.indexOf(document.activeElement);
+			t[e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : (n + (e.key === "ArrowDown" ? 1 : -1) + t.length) % t.length]?.focus();
 		},
 		children: [
-			h && !m && e.capabilities.rename ? /* @__PURE__ */ T(Q, {
-				onClick: () => _(() => f(n.item)),
+			h && !m && e.capabilities.rename ? /* @__PURE__ */ w(Z, {
+				onClick: () => C(() => f(n.item)),
 				children: "Rename"
 			}) : null,
-			h && !m && e.capabilities.move ? /* @__PURE__ */ T(Q, {
-				onClick: () => _(l),
+			h && !m && e.capabilities.move ? /* @__PURE__ */ w(Z, {
+				onClick: () => C(l),
 				children: "Move"
 			}) : null,
-			h && !m && e.capabilities.copy ? /* @__PURE__ */ T(Q, {
-				onClick: () => _(o),
+			h && !m && e.capabilities.copy ? /* @__PURE__ */ w(Z, {
+				onClick: () => C(o),
 				children: "Copy"
 			}) : null,
-			h && !m && e.capabilities.move ? /* @__PURE__ */ T(Q, {
-				onClick: () => _(c),
+			h && !m && e.capabilities.move ? /* @__PURE__ */ w(Z, {
+				onClick: () => C(c),
 				children: "Cut"
 			}) : null,
-			h ? /* @__PURE__ */ E(w, { children: [
-				/* @__PURE__ */ T(Q, {
-					onClick: () => _(() => s(n.item)),
+			h ? /* @__PURE__ */ T(ee, { children: [
+				/* @__PURE__ */ w(Z, {
+					onClick: () => C(() => s(n.item)),
 					children: e.selectedPaths.includes(n.item.path) && e.selectedPaths.length > 1 ? "Copy paths" : "Copy path"
 				}),
-				t ? /* @__PURE__ */ T(Q, {
-					onClick: () => _(a),
+				t ? /* @__PURE__ */ w(Z, {
+					onClick: () => C(a),
 					children: "Download"
 				}) : null,
-				m ? null : /* @__PURE__ */ T(Q, {
+				m ? null : /* @__PURE__ */ w(Z, {
 					danger: !0,
 					onClick: () => {
 						i(), r();
 					},
 					children: "Delete"
 				})
-			] }) : /* @__PURE__ */ E(w, { children: [m ? null : /* @__PURE__ */ E(w, { children: [e.capabilities.createFolder ? /* @__PURE__ */ T(Q, {
-				onClick: () => _(u),
+			] }) : /* @__PURE__ */ T(ee, { children: [m ? null : /* @__PURE__ */ T(ee, { children: [e.capabilities.createFolder ? /* @__PURE__ */ w(Z, {
+				onClick: () => C(u),
 				children: "New folder"
-			}) : null, /* @__PURE__ */ T(Q, {
-				onClick: () => _(p),
+			}) : null, /* @__PURE__ */ w(Z, {
+				onClick: () => C(p),
 				children: "Upload"
-			})] }), !m && e.clipboard ? /* @__PURE__ */ T(Q, {
-				onClick: () => _(d),
+			})] }), !m && e.clipboard ? /* @__PURE__ */ w(Z, {
+				onClick: () => C(d),
 				children: "Paste here"
 			}) : null] })
 		]
 	});
-}
-function Q({ children: e, danger: t, onClick: n }) {
-	return /* @__PURE__ */ T("button", {
-		className: `flex h-8 w-full items-center rounded-[calc(var(--fb-radius)-4px)] px-2 text-left font-medium outline-none hover:bg-[var(--fb-bg)] focus:bg-[var(--fb-bg)] ${X} ${t ? "text-[var(--fb-danger)]" : ""}`,
+	return g ? /* @__PURE__ */ w(rt, {
+		label: h ? "Item actions" : "Folder actions",
+		onClose: r,
+		children: te
+	}) : te;
+}
+function Z({ children: e, danger: t, onClick: n }) {
+	return /* @__PURE__ */ w("button", {
+		className: `flex min-h-[var(--fb-control-h)] w-full items-center rounded-[calc(var(--fb-radius)-4px)] px-2 text-left font-medium outline-none hover:bg-[var(--fb-bg)] focus:bg-[var(--fb-bg)] ${At} ${Y} ${t ? "text-[var(--fb-danger)]" : ""}`,
 		onClick: n,
 		role: "menuitem",
 		type: "button",
 		children: e
 	});
 }
-function Ft({ applyToAll: e, currentPath: t, onApplyToAllChange: n, onCancel: r, onResolve: i, queue: a, resolutions: o }) {
-	let s = a.candidates[a.index], c = xt(t, s.relativePath), l = a.conflictPaths.indexOf(c) + 1;
-	return /* @__PURE__ */ T("div", {
-		"aria-label": "File conflict",
-		"aria-modal": "true",
-		className: `fixed inset-0 z-40 grid place-items-center bg-[color-mix(in_oklch,var(--fb-text)_20%,transparent)] p-4 ${Z}`,
-		role: "dialog",
-		children: /* @__PURE__ */ E("div", {
-			className: `w-[min(420px,100%)] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-4 shadow-[0_18px_50px_color-mix(in_oklch,var(--fb-text)_18%,transparent)] ${Z}`,
+function Yt({ applyToAll: e, narrow: t, currentPath: n, onApplyToAllChange: r, onCancel: i, onResolve: a, queue: o, resolutions: s }) {
+	let c = o.candidates[o.index], l = Pt(n, c.relativePath), u = o.conflictPaths.indexOf(l) + 1;
+	return /* @__PURE__ */ w(nt, {
+		label: "File conflict",
+		narrow: t,
+		onClose: i,
+		children: /* @__PURE__ */ T("div", {
+			className: `w-[min(420px,100%)] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-4 shadow-[0_18px_50px_color-mix(in_oklch,var(--fb-text)_18%,transparent)] ${X}`,
 			children: [
-				/* @__PURE__ */ T("h2", {
+				/* @__PURE__ */ w("h2", {
 					className: "m-0 text-[14px] font-semibold",
 					children: "File conflict"
 				}),
-				/* @__PURE__ */ E("p", {
+				/* @__PURE__ */ T("p", {
 					className: "mt-2 text-[12px] text-[var(--fb-muted)]",
-					children: [s.relativePath, " already exists in this folder."]
+					children: [c.relativePath, " already exists in this folder."]
 				}),
-				/* @__PURE__ */ E("div", {
-					className: `mt-3 rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-bg)] p-2 text-[12px] ${Z}`,
+				/* @__PURE__ */ T("div", {
+					className: `mt-3 rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-bg)] p-2 text-[12px] ${X}`,
 					children: [
 						"Conflict ",
-						l,
+						u,
 						" of ",
-						a.conflictPaths.length
+						o.conflictPaths.length
 					]
 				}),
-				/* @__PURE__ */ E("label", {
-					className: "mt-3 flex items-center gap-2 text-[12px] font-medium text-[var(--fb-muted)]",
-					children: [/* @__PURE__ */ T("input", {
+				/* @__PURE__ */ T("label", {
+					className: "mt-3 flex min-h-[calc(var(--fb-gap)*11)] items-center gap-2 text-[12px] font-medium text-[var(--fb-muted)]",
+					children: [/* @__PURE__ */ w("input", {
 						checked: e,
-						onChange: (e) => n(e.target.checked),
+						onChange: (e) => r(e.target.checked),
 						type: "checkbox"
 					}), "Apply to all conflicts"]
 				}),
-				/* @__PURE__ */ E("div", {
-					className: "mt-4 flex flex-wrap justify-end gap-2",
-					children: [/* @__PURE__ */ T("button", {
+				/* @__PURE__ */ T("div", {
+					className: `mt-4 flex flex-wrap justify-end gap-2 ${t ? "flex-col [&>button]:w-full [&>button]:justify-center" : ""}`,
+					children: [/* @__PURE__ */ w("button", {
 						className: $(!1),
-						onClick: r,
+						onClick: i,
 						type: "button",
 						children: "Cancel"
-					}), o.map((e) => /* @__PURE__ */ T("button", {
-						className: e === "keep-both" ? dn() : $(!1),
-						onClick: () => i(e),
+					}), s.map((e) => /* @__PURE__ */ w("button", {
+						className: e === "keep-both" ? wn() : $(!1),
+						onClick: () => a(e),
 						type: "button",
-						children: sn(e)
+						children: xn(e)
 					}, e))]
 				})
 			]
 		})
 	});
 }
-function It({ error: e, onClose: t }) {
-	let n = e.succeededPaths.length;
-	return /* @__PURE__ */ T("div", {
-		"aria-label": "Partial bulk failure",
-		"aria-modal": "true",
-		className: `fixed inset-0 z-40 grid place-items-center bg-[color-mix(in_oklch,var(--fb-text)_20%,transparent)] p-4 ${Z}`,
-		role: "dialog",
-		children: /* @__PURE__ */ E("div", {
-			className: `w-[min(440px,100%)] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-4 shadow-[0_18px_50px_color-mix(in_oklch,var(--fb-text)_18%,transparent)] ${Z}`,
+function Xt({ error: e, narrow: t, onClose: n }) {
+	let r = e.succeededPaths.length;
+	return /* @__PURE__ */ w(nt, {
+		label: "Partial bulk failure",
+		narrow: t,
+		onClose: n,
+		children: /* @__PURE__ */ T("div", {
+			className: `w-[min(440px,100%)] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-4 shadow-[0_18px_50px_color-mix(in_oklch,var(--fb-text)_18%,transparent)] ${X}`,
 			children: [
-				/* @__PURE__ */ T("h2", {
+				/* @__PURE__ */ w("h2", {
 					className: "m-0 text-[14px] font-semibold",
 					children: "Partial bulk failure"
 				}),
-				/* @__PURE__ */ E("p", {
+				/* @__PURE__ */ T("p", {
 					className: "mt-2 text-[12px] text-[var(--fb-muted)]",
 					children: [
-						n,
+						r,
 						" of ",
 						e.totalCount,
 						" completed"
 					]
 				}),
-				/* @__PURE__ */ T("ul", {
-					className: `mt-3 max-h-40 overflow-auto rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-bg)] p-2 text-[12px] ${Z}`,
-					children: e.failures.map((e) => /* @__PURE__ */ E("li", {
+				/* @__PURE__ */ w("ul", {
+					className: `mt-3 max-h-40 overflow-auto rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-bg)] p-2 text-[12px] ${X}`,
+					children: e.failures.map((e) => /* @__PURE__ */ T("li", {
 						className: "py-1",
-						children: [/* @__PURE__ */ T("div", {
+						children: [/* @__PURE__ */ w("div", {
 							className: "truncate font-medium",
 							children: e.path.split("/").filter(Boolean).at(-1) ?? e.path
-						}), /* @__PURE__ */ T("div", {
+						}), /* @__PURE__ */ w("div", {
 							className: "text-[var(--fb-danger)]",
 							children: e.message
 						})]
 					}, e.path))
 				}),
-				/* @__PURE__ */ T("div", {
+				/* @__PURE__ */ w("div", {
 					className: "mt-4 flex justify-end",
-					children: /* @__PURE__ */ T("button", {
-						className: dn(),
-						onClick: t,
+					children: /* @__PURE__ */ w("button", {
+						className: wn(),
+						onClick: n,
 						type: "button",
 						children: "OK"
 					})
@@ -2938,35 +3358,35 @@ function It({ error: e, onClose: t }) {
 		})
 	});
 }
-function Lt({ currentPath: e, destinations: t, error: n, onSelect: r, rootLabel: i, selectedPath: a, status: o }) {
-	return /* @__PURE__ */ E("div", {
-		className: `mt-3 max-h-64 overflow-auto rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-bg)] p-2 ${Z}`,
+function Zt({ currentPath: e, destinations: t, error: n, onSelect: r, rootLabel: i, selectedPath: a, status: o }) {
+	return /* @__PURE__ */ T("div", {
+		className: `mt-3 max-h-64 overflow-auto rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-bg)] p-2 ${X}`,
 		children: [
-			/* @__PURE__ */ T(Rt, {
+			/* @__PURE__ */ w(Qt, {
 				active: a === e,
 				label: "Current folder",
 				onClick: () => r(e),
 				path: e
 			}),
-			/* @__PURE__ */ T(Rt, {
+			/* @__PURE__ */ w(Qt, {
 				active: a === "/",
 				label: i,
 				onClick: () => r("/"),
 				path: "/"
 			}),
-			o === "loading" ? /* @__PURE__ */ T("div", {
+			o === "loading" ? /* @__PURE__ */ w("div", {
 				className: "px-2 py-3 text-[12px] text-[var(--fb-muted)]",
 				children: "Loading folders"
 			}) : null,
-			o === "error" ? /* @__PURE__ */ T("div", {
+			o === "error" ? /* @__PURE__ */ w("div", {
 				className: "px-2 py-3 text-[12px] text-[var(--fb-danger)]",
 				children: n ?? "Could not load folders"
 			}) : null,
-			o === "ready" && t.length === 0 ? /* @__PURE__ */ T("div", {
+			o === "ready" && t.length === 0 ? /* @__PURE__ */ w("div", {
 				className: "px-2 py-3 text-[12px] text-[var(--fb-muted)]",
 				children: "No folders available."
 			}) : null,
-			t.map((e) => /* @__PURE__ */ T(Rt, {
+			t.map((e) => /* @__PURE__ */ w(Qt, {
 				active: a === e.path,
 				depth: e.depth,
 				label: e.name,
@@ -2976,117 +3396,154 @@ function Lt({ currentPath: e, destinations: t, error: n, onSelect: r, rootLabel:
 		]
 	});
 }
-function Rt({ active: e, depth: t = 0, label: n, onClick: r, path: i }) {
-	return /* @__PURE__ */ E("button", {
+function Qt({ active: e, depth: t = 0, label: n, onClick: r, path: i }) {
+	return /* @__PURE__ */ T("button", {
 		"aria-label": `Move destination ${i}`,
-		className: `mt-1 flex h-8 w-full items-center gap-2 rounded-[calc(var(--fb-radius)-4px)] px-2 text-left text-[12px] font-medium ${X} ${e ? "bg-[var(--fb-accent-soft)] text-[var(--fb-accent)]" : "hover:bg-[var(--fb-surface)]"}`,
+		className: `mt-1 flex min-h-[var(--fb-control-h)] w-full min-w-0 items-center gap-2 rounded-[calc(var(--fb-radius)-4px)] px-2 text-left text-[12px] font-medium ${At} ${Y} ${e ? "bg-[var(--fb-accent-soft)] text-[var(--fb-accent)]" : "hover:bg-[var(--fb-surface)]"}`,
 		onClick: r,
-		style: { paddingLeft: `calc((${t} * 6 + 2) * var(--fb-gap))` },
+		style: { paddingLeft: `min(40%, calc((${t} * 6 + 2) * var(--fb-gap)))` },
 		type: "button",
-		children: [/* @__PURE__ */ T(de, {
+		children: [/* @__PURE__ */ w(_e, {
 			"aria-hidden": "true",
 			className: "size-4 shrink-0"
-		}), /* @__PURE__ */ T("span", {
+		}), /* @__PURE__ */ w("span", {
 			className: "truncate",
 			children: n
 		})]
 	});
 }
-function zt({ selectedCount: e, itemCount: t, canRename: n, canMove: r, canCopy: i, canCut: a, canDelete: o, canDownload: s, onRename: c, onMove: l, onCopy: u, onCut: d, onDelete: f, onDownload: p, onSelectAll: m, onSelectNone: h }) {
+function $t({ selectedCount: e, itemCount: t, canRename: n, canMove: r, canCopy: i, canCut: a, canDelete: o, canDownload: s, onRename: c, onMove: l, onCopy: u, onCut: d, onDelete: f, onDownload: p, onSelectAll: m, onSelectNone: h }) {
 	let g = e > 0;
-	return /* @__PURE__ */ E("div", {
+	return /* @__PURE__ */ T("div", {
 		"aria-label": "Selection actions",
-		className: `flex min-h-11 flex-wrap items-center gap-2 border-b border-[var(--fb-border)] px-[var(--fb-pad)] py-1.5 ${Z} ${g ? "bg-[var(--fb-accent-soft)]" : "bg-[var(--fb-surface)]"}`,
+		className: `flex min-h-11 flex-wrap items-center gap-2 border-b border-[var(--fb-border)] px-[var(--fb-pad)] py-1.5 ${X} ${g ? "bg-[var(--fb-accent-soft)]" : "bg-[var(--fb-surface)]"}`,
 		role: "toolbar",
 		children: [
-			/* @__PURE__ */ E("span", {
+			/* @__PURE__ */ T("span", {
 				className: "mr-auto text-[12px] font-semibold",
 				children: [e, " selected"]
 			}),
-			/* @__PURE__ */ E("button", {
+			/* @__PURE__ */ T("button", {
 				className: $(!1),
 				disabled: t === 0,
 				onClick: m,
 				type: "button",
-				children: [/* @__PURE__ */ T(B, { className: "size-4" }), "Select all"]
+				children: [/* @__PURE__ */ w(R, { className: "size-4" }), "Select all"]
 			}),
-			/* @__PURE__ */ E("button", {
+			/* @__PURE__ */ T("button", {
 				className: $(!1),
 				disabled: !g,
 				onClick: h,
 				type: "button",
-				children: [/* @__PURE__ */ T(U, { className: "size-4" }), "Select none"]
+				children: [/* @__PURE__ */ w(B, { className: "size-4" }), "Select none"]
 			}),
-			g && n && e === 1 ? /* @__PURE__ */ E("button", {
+			g && n && e === 1 ? /* @__PURE__ */ T("button", {
 				className: $(!1),
 				onClick: () => c(),
 				type: "button",
-				children: [/* @__PURE__ */ T(me, { className: "size-4" }), "Rename"]
+				children: [/* @__PURE__ */ w(F, { className: "size-4" }), "Rename"]
 			}) : null,
-			g && r ? /* @__PURE__ */ E("button", {
+			g && r ? /* @__PURE__ */ T("button", {
 				className: $(!1),
 				onClick: l,
 				type: "button",
-				children: [/* @__PURE__ */ T(L, { className: "size-4" }), "Move"]
+				children: [/* @__PURE__ */ w(ge, { className: "size-4" }), "Move"]
 			}) : null,
-			g && i ? /* @__PURE__ */ E("button", {
+			g && i ? /* @__PURE__ */ T("button", {
 				className: $(!1),
 				onClick: u,
 				type: "button",
-				children: [/* @__PURE__ */ T(F, { className: "size-4" }), "Copy"]
+				children: [/* @__PURE__ */ w(N, { className: "size-4" }), "Copy"]
 			}) : null,
-			g && a ? /* @__PURE__ */ E("button", {
+			g && a ? /* @__PURE__ */ T("button", {
 				className: $(!1),
 				onClick: d,
 				type: "button",
-				children: [/* @__PURE__ */ T(he, { className: "size-4" }), "Cut"]
+				children: [/* @__PURE__ */ w(L, { className: "size-4" }), "Cut"]
 			}) : null,
-			g && s ? /* @__PURE__ */ E("button", {
+			g && s ? /* @__PURE__ */ T("button", {
 				className: $(!1),
 				onClick: p,
 				type: "button",
-				children: [/* @__PURE__ */ T(I, { className: "size-4" }), "Download"]
+				children: [/* @__PURE__ */ w(P, { className: "size-4" }), "Download"]
 			}) : null,
-			g && o ? /* @__PURE__ */ E("button", {
-				className: fn(),
+			g && o ? /* @__PURE__ */ T("button", {
+				className: Tn(),
 				onClick: f,
 				type: "button",
-				children: [/* @__PURE__ */ T(H, { className: "size-4" }), "Delete"]
+				children: [/* @__PURE__ */ w(Ce, { className: "size-4" }), "Delete"]
 			}) : null
 		]
 	});
 }
-function Bt({ path: e, onNavigate: t, rootLabel: n }) {
-	let r = e.split("/").filter(Boolean);
+function en({ path: e, onNavigate: t, rootLabel: n, narrow: r }) {
+	let [i, a] = b(!1), s = e.split("/").filter(Boolean), c = [{
+		label: n,
+		path: "/"
+	}].concat(s.map((e, t) => ({
+		label: e,
+		path: `/${s.slice(0, t + 1).join("/")}`
+	}))), l = r && c.length > 1 ? [{
+		kind: "collapsed",
+		key: "collapsed"
+	}, {
+		...c[c.length - 1],
+		kind: "crumb",
+		key: e
+	}] : tn(c);
 	return /* @__PURE__ */ T("nav", {
 		"aria-label": "Breadcrumb",
-		className: "flex min-w-0 items-center gap-1",
-		children: Vt([{
-			label: n,
-			path: "/"
-		}].concat(r.map((e, t) => ({
-			label: e,
-			path: `/${r.slice(0, t + 1).join("/")}`
-		})))).map((e, n) => /* @__PURE__ */ E("span", {
-			className: "flex min-w-0 items-center gap-1",
-			children: [n > 0 ? /* @__PURE__ */ T("span", {
-				className: "text-[var(--fb-muted)]",
-				"aria-hidden": "true",
-				children: "/"
-			}) : null, e.kind === "collapsed" ? /* @__PURE__ */ T("span", {
-				"aria-label": "Collapsed breadcrumb",
-				className: `rounded-[calc(var(--fb-radius)-4px)] px-1.5 py-1 text-[12px] font-semibold text-[var(--fb-muted)] ${X}`,
-				children: "..."
-			}) : /* @__PURE__ */ T("button", {
-				className: `max-w-[160px] truncate rounded-[calc(var(--fb-radius)-4px)] px-1.5 py-1 text-[12px] font-semibold hover:bg-[var(--fb-bg)] ${X}`,
-				onClick: () => void t(e.path),
+		className: "flex min-w-0 max-w-full items-center gap-1",
+		children: [
+			r && s.length > 0 ? /* @__PURE__ */ w("button", {
+				"aria-label": "Parent folder",
+				className: Q(!1),
+				onClick: () => void t(o(e)),
 				type: "button",
-				children: e.label
-			})]
-		}, e.key))
+				children: /* @__PURE__ */ w(de, {
+					"aria-hidden": "true",
+					className: "size-4"
+				})
+			}) : null,
+			l.map((e, n) => /* @__PURE__ */ T("span", {
+				className: "flex min-w-0 items-center gap-1 last:flex-1",
+				children: [n > 0 ? /* @__PURE__ */ w("span", {
+					className: "text-[var(--fb-muted)]",
+					"aria-hidden": "true",
+					children: "/"
+				}) : null, e.kind === "collapsed" ? /* @__PURE__ */ w("button", {
+					"aria-label": "Collapsed breadcrumb",
+					"aria-haspopup": "dialog",
+					className: `${Q(!1)} border-0`,
+					onClick: () => a(!0),
+					type: "button",
+					children: "..."
+				}) : /* @__PURE__ */ w("button", {
+					className: `min-h-[var(--fb-control-h)] min-w-[var(--fb-control-h)] max-w-[160px] truncate rounded-[calc(var(--fb-radius)-4px)] px-1.5 py-1 text-[12px] font-semibold hover:bg-[var(--fb-bg)] [@media(pointer:coarse)]:min-h-[calc(var(--fb-gap)*11)] [@media(pointer:coarse)]:min-w-[calc(var(--fb-gap)*11)] ${Y}`,
+					onClick: () => void t(e.path),
+					type: "button",
+					children: e.label
+				})]
+			}, e.key)),
+			i ? /* @__PURE__ */ w(rt, {
+				label: "Folder path",
+				onClose: () => a(!1),
+				children: /* @__PURE__ */ w("div", {
+					className: "flex min-w-0 flex-col",
+					children: c.map((e) => /* @__PURE__ */ w("button", {
+						className: `${$(!1)} my-[var(--fb-gap)] block w-full truncate text-left`,
+						onClick: () => {
+							a(!1), t(e.path);
+						},
+						type: "button",
+						children: e.label
+					}, e.path))
+				})
+			}) : null
+		]
 	});
 }
-function Vt(e) {
+function tn(e) {
 	return e.length <= 4 ? e.map((e) => ({
 		...e,
 		kind: "crumb",
@@ -3113,178 +3570,179 @@ function Vt(e) {
 		}))
 	];
 }
-function Ht({ canDownload: e, item: t, onCopyPath: n, onDownload: r, renderDetailsContent: i, selectedCount: a, totalBytes: o }) {
-	if (!t) return /* @__PURE__ */ T("aside", {
+function nn({ canDownload: e, item: t, onCopyPath: n, onDownload: r, renderDetailsContent: i, selectedCount: a, totalBytes: o, sheet: s }) {
+	let c = `min-w-0 max-w-full shrink-0 bg-[var(--fb-surface)] [overflow-wrap:anywhere] [&_*]:max-w-full ${X} ${s ? "w-full" : "w-[var(--fb-panel-w)] rounded-r-[var(--fb-radius)] border-l border-[var(--fb-border)] p-[var(--fb-panel-pad)]"}`;
+	if (!t) return /* @__PURE__ */ w("aside", {
 		"aria-label": "Details",
-		className: `hidden w-[var(--fb-panel-w)] shrink-0 border-l border-[var(--fb-border)] bg-[var(--fb-surface)] p-[var(--fb-panel-pad)] md:flex ${Z}`,
-		children: /* @__PURE__ */ E("div", {
+		className: `${c} flex`,
+		children: /* @__PURE__ */ T("div", {
 			className: "flex min-h-full flex-1 flex-col items-center justify-center text-center",
-			children: [/* @__PURE__ */ T("div", {
-				className: `grid h-28 w-full place-items-center rounded-[var(--fb-radius)] bg-[var(--fb-bg)] ${Z}`,
-				children: /* @__PURE__ */ T(V, { className: "size-12 text-[var(--fb-muted)]" })
-			}), /* @__PURE__ */ T("h2", {
+			children: [/* @__PURE__ */ w("div", {
+				className: `grid h-28 w-full place-items-center rounded-[var(--fb-radius)] bg-[var(--fb-bg)] ${X}`,
+				children: /* @__PURE__ */ w(z, { className: "size-12 text-[var(--fb-muted)]" })
+			}), /* @__PURE__ */ w("h2", {
 				className: "mt-4 text-[14px] font-semibold",
 				children: "No item selected"
 			})]
 		})
 	});
-	if (a > 1) return /* @__PURE__ */ E("aside", {
+	if (a > 1) return /* @__PURE__ */ T("aside", {
 		"aria-label": "Details",
-		className: `hidden w-[var(--fb-panel-w)] shrink-0 border-l border-[var(--fb-border)] bg-[var(--fb-surface)] p-[var(--fb-panel-pad)] md:block ${Z}`,
+		className: c,
 		children: [
-			/* @__PURE__ */ T("div", {
-				className: `grid h-28 place-items-center rounded-[var(--fb-radius)] bg-[var(--fb-bg)] ${Z}`,
-				children: /* @__PURE__ */ T(F, { className: "size-12 text-[var(--fb-muted)]" })
+			/* @__PURE__ */ w("div", {
+				className: `grid h-28 place-items-center rounded-[var(--fb-radius)] bg-[var(--fb-bg)] ${X}`,
+				children: /* @__PURE__ */ w(N, { className: "size-12 text-[var(--fb-muted)]" })
 			}),
-			/* @__PURE__ */ E("h2", {
+			/* @__PURE__ */ T("h2", {
 				className: "mt-4 text-[14px] font-semibold",
-				children: [an(a), " selected"]
+				children: [yn(a), " selected"]
 			}),
-			/* @__PURE__ */ T("dl", {
+			/* @__PURE__ */ w("dl", {
 				className: "mt-3 space-y-2 text-[12px]",
-				children: /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
+				children: /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
 					className: "text-[var(--fb-muted)]",
 					children: "Total size"
-				}), /* @__PURE__ */ T("dd", {
+				}), /* @__PURE__ */ w("dd", {
 					className: "font-medium",
-					children: rn(o)
+					children: vn(o)
 				})] })
 			}),
-			e ? /* @__PURE__ */ E("button", {
-				"aria-label": `Download ${an(a)}`,
+			e ? /* @__PURE__ */ T("button", {
+				"aria-label": `Download ${yn(a)}`,
 				className: `${$(!1)} mt-4 w-full justify-center`,
 				onClick: r,
 				type: "button",
-				children: [/* @__PURE__ */ T(I, { className: "size-4" }), "Download"]
+				children: [/* @__PURE__ */ w(P, { className: "size-4" }), "Download"]
 			}) : null,
-			/* @__PURE__ */ E("button", {
-				"aria-label": `Copy ${an(a)} paths`,
+			/* @__PURE__ */ T("button", {
+				"aria-label": `Copy ${yn(a)} paths`,
 				className: `${$(!1)} mt-2 w-full justify-center`,
 				onClick: n,
 				type: "button",
-				children: [/* @__PURE__ */ T(F, { className: "size-4" }), "Copy paths"]
+				children: [/* @__PURE__ */ w(N, { className: "size-4" }), "Copy paths"]
 			})
 		]
 	});
-	let s = /* @__PURE__ */ E(w, { children: [
-		/* @__PURE__ */ T("div", {
-			className: `grid h-28 place-items-center rounded-[var(--fb-radius)] bg-[var(--fb-bg)] ${Z}`,
-			children: t.kind === "folder" ? /* @__PURE__ */ T(de, { className: "size-12 text-[var(--fb-folder)]" }) : /* @__PURE__ */ T(ue, { className: "size-12 text-[var(--fb-muted)]" })
+	let l = /* @__PURE__ */ T(ee, { children: [
+		/* @__PURE__ */ w("div", {
+			className: `grid h-28 place-items-center rounded-[var(--fb-radius)] bg-[var(--fb-bg)] ${X}`,
+			children: t.kind === "folder" ? /* @__PURE__ */ w(_e, { className: "size-12 text-[var(--fb-folder)]" }) : /* @__PURE__ */ w(he, { className: "size-12 text-[var(--fb-muted)]" })
 		}),
-		/* @__PURE__ */ T("h2", {
+		/* @__PURE__ */ w("h2", {
 			className: "mt-4 truncate text-[14px] font-semibold",
 			children: t.name
 		}),
-		/* @__PURE__ */ E("dl", {
+		/* @__PURE__ */ T("dl", {
 			className: "mt-3 space-y-2 text-[12px]",
 			children: [
-				/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
+				/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
 					className: "text-[var(--fb-muted)]",
 					children: "Path"
-				}), /* @__PURE__ */ T("dd", {
+				}), /* @__PURE__ */ w("dd", {
 					className: "truncate font-medium",
 					children: t.path
 				})] }),
-				/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
+				/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
 					className: "text-[var(--fb-muted)]",
 					children: "Type"
-				}), /* @__PURE__ */ T("dd", {
+				}), /* @__PURE__ */ w("dd", {
 					className: "font-medium",
 					children: t.kind
 				})] }),
-				t.kind === "file" ? /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
+				t.kind === "file" ? /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
 					className: "text-[var(--fb-muted)]",
 					children: "Size"
-				}), /* @__PURE__ */ T("dd", {
+				}), /* @__PURE__ */ w("dd", {
 					className: "font-medium",
-					children: rn(t.size ?? 0)
+					children: vn(t.size ?? 0)
 				})] }) : null
 			]
 		}),
-		e ? /* @__PURE__ */ E("button", {
+		e ? /* @__PURE__ */ T("button", {
 			"aria-label": `Download ${t.name}`,
 			className: `${$(!1)} mt-4 w-full justify-center`,
 			onClick: r,
 			type: "button",
-			children: [/* @__PURE__ */ T(I, { className: "size-4" }), "Download"]
+			children: [/* @__PURE__ */ w(P, { className: "size-4" }), "Download"]
 		}) : null,
-		/* @__PURE__ */ E("button", {
+		/* @__PURE__ */ T("button", {
 			"aria-label": `Copy path of ${t.name}`,
 			className: `${$(!1)} mt-2 w-full justify-center`,
 			onClick: n,
 			type: "button",
-			children: [/* @__PURE__ */ T(F, { className: "size-4" }), "Copy path"]
+			children: [/* @__PURE__ */ w(N, { className: "size-4" }), "Copy path"]
 		})
 	] });
-	return /* @__PURE__ */ T("aside", {
+	return /* @__PURE__ */ w("aside", {
 		"aria-label": "Details",
-		className: `hidden w-72 shrink-0 border-l border-[var(--fb-border)] bg-[var(--fb-surface)] p-4 md:block ${Z}`,
-		children: i ? i(t, s) : s
+		className: c,
+		children: i ? i(t, l) : l
 	});
 }
-function Ut({ preview: e }) {
-	return e.url ? /* @__PURE__ */ T("a", {
+function rn({ preview: e }) {
+	return e.url ? /* @__PURE__ */ w("a", {
 		"aria-label": `Open original ${e.item.name}`,
-		className: `mt-4 inline-flex h-8 items-center rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] px-2.5 text-[12px] font-medium text-[var(--fb-accent)] outline-none hover:bg-[var(--fb-bg)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${X}`,
+		className: `mt-4 inline-flex min-h-[var(--fb-control-h)] items-center rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] px-2.5 text-[12px] font-medium text-[var(--fb-accent)] outline-none hover:bg-[var(--fb-bg)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${At} ${Y}`,
 		href: e.url,
 		rel: "noreferrer",
 		target: "_blank",
 		children: "Open original"
 	}) : null;
 }
-function Wt({ rootLabel: e }) {
-	return /* @__PURE__ */ T("div", {
+function an({ rootLabel: e }) {
+	return /* @__PURE__ */ w("div", {
 		"aria-label": e,
-		className: "grid grid-cols-[repeat(auto-fill,minmax(var(--fb-card-min),1fr))] gap-[var(--fb-grid-gap)]",
+		className: "grid min-w-0 grid-cols-[repeat(2,minmax(0,1fr))] gap-[var(--fb-grid-gap)] @min-[40rem]/fb:grid-cols-[repeat(auto-fill,minmax(min(100%,var(--fb-card-min)),1fr))]",
 		role: "grid",
-		children: Array.from({ length: 8 }, (e, t) => /* @__PURE__ */ E("div", {
-			className: `min-h-[var(--fb-card-minh)] animate-pulse rounded-[calc(var(--fb-radius)-1px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-[var(--fb-card-pad)] ${Z}`,
+		children: Array.from({ length: 8 }, (e, t) => /* @__PURE__ */ T("div", {
+			className: `min-h-[var(--fb-card-minh)] animate-pulse rounded-[calc(var(--fb-radius)-1px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-[var(--fb-card-pad)] ${X}`,
 			children: [
-				/* @__PURE__ */ T("div", { className: "h-[var(--fb-thumb-h)] rounded-[calc(var(--fb-radius)-3px)] bg-[var(--fb-surface-2)]" }),
-				/* @__PURE__ */ T("div", { className: "mt-3 h-3 w-3/4 rounded bg-[var(--fb-surface-2)]" }),
-				/* @__PURE__ */ T("div", { className: "mt-2 h-3 w-1/2 rounded bg-[var(--fb-surface-2)]" })
+				/* @__PURE__ */ w("div", { className: "h-[var(--fb-thumb-h)] rounded-[calc(var(--fb-radius)-3px)] bg-[var(--fb-surface-2)]" }),
+				/* @__PURE__ */ w("div", { className: "mt-3 h-3 w-3/4 rounded bg-[var(--fb-surface-2)]" }),
+				/* @__PURE__ */ w("div", { className: "mt-2 h-3 w-1/2 rounded bg-[var(--fb-surface-2)]" })
 			]
 		}, t))
 	});
 }
-function Gt({ title: e, value: t, tone: n }) {
-	return /* @__PURE__ */ T("div", {
-		className: `grid min-h-[280px] place-items-center rounded-[var(--fb-radius)] border border-dashed border-[var(--fb-border)] bg-[var(--fb-surface)] p-8 text-center ${Z}`,
-		children: /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("div", {
+function on({ title: e, value: t, tone: n }) {
+	return /* @__PURE__ */ w("div", {
+		className: `grid min-h-[min(280px,50svh)] min-w-0 place-items-center rounded-[var(--fb-radius)] border border-dashed border-[var(--fb-border)] bg-[var(--fb-surface)] p-[var(--fb-pad)] text-center [overflow-wrap:anywhere] [&_*]:max-w-full ${X}`,
+		children: /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("div", {
 			className: `font-semibold ${n === "danger" ? "text-[var(--fb-danger)]" : ""}`,
 			children: e
-		}), t === void 0 ? null : /* @__PURE__ */ T("div", {
+		}), t === void 0 ? null : /* @__PURE__ */ w("div", {
 			className: "mt-1 text-[12px] text-[var(--fb-muted)]",
 			children: t
 		})] })
 	});
 }
-function Kt({ onDismiss: e, rejections: t }) {
-	return /* @__PURE__ */ T("div", {
+function sn({ onDismiss: e, rejections: t }) {
+	return /* @__PURE__ */ w("div", {
 		"aria-label": "Upload rejected",
-		className: "border-b border-[var(--fb-border)] bg-[var(--fb-danger-soft)] px-3 py-2 text-[12px] text-[var(--fb-text)]",
+		className: "min-w-0 border-b border-[var(--fb-border)] bg-[var(--fb-danger-soft)] px-3 py-2 text-[12px] text-[var(--fb-text)] [overflow-wrap:anywhere]",
 		role: "alert",
-		children: /* @__PURE__ */ E("div", {
+		children: /* @__PURE__ */ T("div", {
 			className: "flex items-start gap-3",
-			children: [/* @__PURE__ */ E("div", {
+			children: [/* @__PURE__ */ T("div", {
 				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ T("div", {
+				children: [/* @__PURE__ */ w("div", {
 					className: "font-semibold text-[var(--fb-danger)]",
 					children: "Upload rejected"
-				}), /* @__PURE__ */ T("ul", {
+				}), /* @__PURE__ */ w("ul", {
 					className: "mt-1 space-y-1",
-					children: t.map((e) => /* @__PURE__ */ E("li", {
+					children: t.map((e) => /* @__PURE__ */ T("li", {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ T("span", {
+						children: [/* @__PURE__ */ w("span", {
 							className: "font-medium",
 							children: e.relativePath
-						}), /* @__PURE__ */ E("span", {
+						}), /* @__PURE__ */ T("span", {
 							className: "text-[var(--fb-muted)]",
 							children: [" ", e.reasons.join("; ")]
 						})]
 					}, e.relativePath))
 				})]
-			}), /* @__PURE__ */ T("button", {
+			}), /* @__PURE__ */ w("button", {
 				"aria-label": "Dismiss upload rejection",
 				className: $(!1),
 				onClick: e,
@@ -3294,13 +3752,13 @@ function Kt({ onDismiss: e, rejections: t }) {
 		})
 	});
 }
-function qt(e, t, n, r) {
+function cn(e, t, n, r) {
 	"shiftKey" in n && n.shiftKey ? (r.cancelPendingSelectedItemUnselect(), e.selectRange(t)) : "metaKey" in n && (n.metaKey || n.ctrlKey) ? (r.cancelPendingSelectedItemUnselect(), e.toggleSelection(t)) : e.selectedPaths.length === 1 && e.selectedPaths[0] === t ? r.scheduleSelectedItemUnselect(t) : (r.cancelPendingSelectedItemUnselect(), e.selectOnly(t));
 }
-function Jt(e) {
+function ln(e) {
 	return !!("shiftKey" in e && (e.shiftKey || e.metaKey || e.ctrlKey));
 }
-function Yt(e) {
+function un(e) {
 	return [
 		"ArrowDown",
 		"ArrowLeft",
@@ -3310,15 +3768,15 @@ function Yt(e) {
 		"Home"
 	].includes(e);
 }
-function Xt(e, t, n) {
+function dn(e, t, n) {
 	return e === "Home" ? 0 : e === "End" ? n - 1 : e === "ArrowUp" || e === "ArrowLeft" ? Math.max(0, t - 1) : Math.min(n - 1, t + 1);
 }
-function Zt(e) {
+function fn(e) {
 	return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : e.replace(/["\\]/g, "\\$&");
 }
-function Qt(e) {
+function pn(e) {
 	if (typeof e.getData != "function") return [];
-	let t = e.getData(ht);
+	let t = e.getData(Dt);
 	if (!t) return [];
 	try {
 		let e = JSON.parse(t);
@@ -3327,8 +3785,8 @@ function Qt(e) {
 		return [];
 	}
 }
-function $t(e) {
-	return en(e) ? {
+function mn(e) {
+	return hn(e) ? {
 		title: "Access denied",
 		value: e?.message ?? "You do not have access to this folder."
 	} : {
@@ -3336,57 +3794,57 @@ function $t(e) {
 		value: e?.message ?? "Unknown error"
 	};
 }
-function en(e) {
+function hn(e) {
 	if (!e) return !1;
 	let t = e;
 	return t.status === 403 || t.statusCode === 403 || t.code === "access_denied" || t.code === "forbidden" || t.code === "permission_denied";
 }
-function tn(e) {
+function gn(e) {
 	return e instanceof Error ? e.message : String(e);
 }
-function nn(e) {
+function _n(e) {
 	return e instanceof HTMLElement ? e.isContentEditable || [
 		"INPUT",
 		"SELECT",
 		"TEXTAREA"
 	].includes(e.tagName) : !1;
 }
-function rn(e) {
+function vn(e) {
 	if (e < 1024) return `${e} B`;
 	let t = e / 1024;
 	return t < 1024 ? `${t.toFixed(1)} KB` : `${(t / 1024).toFixed(1)} MB`;
 }
-function an(e) {
+function yn(e) {
 	return `${e} ${e === 1 ? "item" : "items"}`;
 }
-function on(e) {
-	return Array.from(new Set(e.filter((e) => vt.includes(e))));
+function bn(e) {
+	return Array.from(new Set(e.filter((e) => jt.includes(e))));
 }
-function sn(e) {
+function xn(e) {
 	return e === "keep-both" ? "Keep both" : e === "replace" ? "Replace" : "Skip";
 }
-function cn(e, t) {
+function Sn(e, t) {
 	return e.length === 1 && e[0].kind === "file" ? !0 : e.length > 0 && t;
 }
-function ln({ currentPath: e, itemCount: t, rootLabel: n, selectedCount: r, status: i }) {
+function Cn({ currentPath: e, itemCount: t, rootLabel: n, selectedCount: r, status: i }) {
 	return `${e === "/" ? n : e.split("/").filter(Boolean).at(-1) ?? n} ${i}. ${t} ${t === 1 ? "item" : "items"}. ${r} selected.`;
 }
-function un(e) {
-	return `inline-flex h-[var(--fb-control-h)] items-center justify-center gap-1 rounded-[calc(var(--fb-radius)-3px)] border px-2 text-[12px] font-medium outline-none focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${X} ${e ? "border-[var(--fb-accent)] bg-[var(--fb-accent-soft)] text-[var(--fb-accent)]" : "border-[var(--fb-border)] bg-[var(--fb-surface)] text-[var(--fb-muted)] hover:bg-[var(--fb-bg)]"}`;
+function Q(e) {
+	return `inline-flex h-[var(--fb-control-h)] min-w-[var(--fb-control-h)] items-center justify-center gap-1 rounded-[calc(var(--fb-radius)-3px)] border px-2 text-[12px] font-medium outline-none disabled:opacity-45 focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${At} ${Y} ${e ? "border-[var(--fb-accent)] bg-[var(--fb-accent-soft)] text-[var(--fb-accent)]" : "border-[var(--fb-border)] bg-[var(--fb-surface)] text-[var(--fb-muted)] hover:bg-[var(--fb-bg)]"}`;
 }
 function $(e) {
-	return `inline-flex h-[var(--fb-control-h)] items-center gap-1.5 rounded-[calc(var(--fb-radius)-3px)] border px-2.5 text-[12px] font-medium outline-none disabled:cursor-not-allowed disabled:opacity-45 focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${X} ${e ? "border-[var(--fb-accent)] bg-[var(--fb-accent-soft)] text-[var(--fb-accent)]" : "border-[var(--fb-border)] bg-[var(--fb-surface)] text-[var(--fb-text)] hover:bg-[var(--fb-bg)]"}`;
+	return `inline-flex h-[var(--fb-control-h)] items-center gap-1.5 rounded-[calc(var(--fb-radius)-3px)] border px-2.5 text-[12px] font-medium outline-none disabled:cursor-not-allowed disabled:opacity-45 focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${At} ${Y} ${e ? "border-[var(--fb-accent)] bg-[var(--fb-accent-soft)] text-[var(--fb-accent)]" : "border-[var(--fb-border)] bg-[var(--fb-surface)] text-[var(--fb-text)] hover:bg-[var(--fb-bg)]"}`;
 }
-function dn() {
-	return `inline-flex h-[var(--fb-control-h)] items-center gap-1.5 rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-accent)] bg-[var(--fb-accent)] px-2.5 text-[12px] font-semibold text-[var(--fb-surface)] outline-none hover:opacity-90 focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${X}`;
+function wn() {
+	return `inline-flex h-[var(--fb-control-h)] items-center gap-1.5 rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-accent)] bg-[var(--fb-accent)] px-2.5 text-[12px] font-semibold text-[var(--fb-surface)] outline-none hover:opacity-90 focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${At} ${Y}`;
 }
-function fn() {
-	return `inline-flex h-[var(--fb-control-h)] items-center gap-1.5 rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-danger)] bg-[var(--fb-danger-soft)] px-2.5 text-[12px] font-medium text-[var(--fb-danger)] outline-none hover:bg-[var(--fb-danger-soft)] focus:ring-2 focus:ring-[var(--fb-danger-soft)] ${X}`;
+function Tn() {
+	return `inline-flex h-[var(--fb-control-h)] items-center gap-1.5 rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-danger)] bg-[var(--fb-danger-soft)] px-2.5 text-[12px] font-medium text-[var(--fb-danger)] outline-none hover:bg-[var(--fb-danger-soft)] focus:ring-2 focus:ring-[var(--fb-danger-soft)] ${At} ${Y}`;
 }
-function pn() {
-	return `h-[var(--fb-control-h)] rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] px-2 text-[12px] font-medium text-[var(--fb-text)] outline-none focus:border-[var(--fb-accent)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${X}`;
+function En() {
+	return `h-[var(--fb-control-h)] min-w-0 max-w-full rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] px-2 text-[12px] font-medium text-[var(--fb-text)] outline-none focus:border-[var(--fb-accent)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] [@media(pointer:coarse)]:text-[16px] ${At} ${Y}`;
 }
 //#endregion
-export { l as FILE_BROWSER_THEME_CONTRACT, bt as FileBrowser, t as FileBrowserAdapterError, r as FileBrowserBulkActionError, Ye as FileBrowserProvider, c as ROOT_PATH, Oe as TransferManager, i as getFileBrowserBasename, u as getFileBrowserDensityAttributes, o as getFileBrowserDirname, n as isFileBrowserDescendantOrSelf, e as joinFileBrowserPath, a as normalizeFileBrowserPath, s as replaceFileBrowserPathPrefix, ee as useFileBrowser, Ze as useTransferSnapshot, Xe as useTransfers };
+export { l as FILE_BROWSER_THEME_CONTRACT, Nt as FileBrowser, t as FileBrowserAdapterError, r as FileBrowserBulkActionError, q as FileBrowserProvider, c as ROOT_PATH, H as TransferManager, i as getFileBrowserBasename, u as getFileBrowserDensityAttributes, o as getFileBrowserDirname, n as isFileBrowserDescendantOrSelf, e as joinFileBrowserPath, a as normalizeFileBrowserPath, s as replaceFileBrowserPathPrefix, te as useFileBrowser, lt as useTransferSnapshot, ct as useTransfers };
 
 //# sourceMappingURL=index.js.map