@harryy/react-file-browser 1.0.0 → 1.1.1

package/dist/index.js

@@ -6,8 +6,13 @@ 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";
 //#region src/core/use-file-browser.ts
-function D({ adapter: n, initialPath: i = "/" }) {
-	let [o, s] = b(() => a(i)), [c, l] = b("loading"), [u, d] = b([]), [f, p] = b(), [m, g] = b(null), [x, S] = b(() => /* @__PURE__ */ new Set()), [C, w] = b(null), [T, E] = b(null), [D, j] = b(null), [M, ne] = b("grid"), [N, re] = b(""), [P, ie] = b("all"), [F, ae] = b("name"), [I, oe] = b("asc"), se = y(0), ce = y(o), L = v(() => ({
+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), z = y(m), B = y(void 0), me = y(F);
+	me.current = F;
+	let he = h((e) => {
+		let t = typeof e == "function" ? e(me.current) : e;
+		me.current = t, c === void 0 && le(t), u?.(t);
+	}, [c, u]), V = v(() => ({
 		createFolder: typeof n.createFolder == "function",
 		rename: typeof n.rename == "function",
 		move: typeof n.move == "function",
@@ -16,108 +21,116 @@ function D({ adapter: n, initialPath: i = "/" }) {
 		exists: typeof n.exists == "function",
 		multipart: typeof n.createMultipartUpload == "function" && typeof n.uploadPart == "function" && typeof n.completeMultipartUpload == "function",
 		bulkDownload: typeof n.bulkDownloadUrl == "function"
-	}), [n]), R = v(() => te(Array.from(x)), [x]), le = v(() => u.filter((e) => x.has(e.path)), [u, x]), z = v(() => {
-		let e = N.trim().toLowerCase();
-		return [...u].filter((t) => e ? t.name.toLowerCase().includes(e) : !0).filter((e) => P === "all" ? !0 : e.kind === (P === "files" ? "file" : "folder")).sort((e, t) => ee(e, t, F, I));
+	}), [n]), H = v(() => re(Array.from(O)), [O]), U = v(() => S.filter((e) => O.has(e.path)), [S, O]), ge = 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));
 	}, [
-		P,
-		u,
-		N,
+		I,
+		S,
 		F,
-		I
-	]), ue = h(async (e, t) => {
-		let r = a(e), i = ++se.current;
-		l((e) => t === "replace" || e === "idle" ? "loading" : e), g(null);
+		L,
+		fe
+	]), W = h(async (e, t) => {
+		let r = a(e), i = ++R.current;
+		x((e) => t === "replace" || e === "idle" ? "loading" : e), ee(null);
 		try {
-			let e = await n.list(r, { cursor: t === "append" ? f : void 0 });
-			if (i !== se.current) return;
-			d((n) => t === "append" ? O(n, e.items) : e.items), p(e.cursor), l("ready");
+			let e = await n.list(r, { cursor: t === "append" ? B.current : void 0 });
+			if (i !== R.current) return;
+			C((n) => t === "append" ? te(n, e.items) : e.items), B.current = e.cursor, T(e.cursor), x("ready");
 		} catch (e) {
-			if (i !== se.current) return;
-			g(A(e)), l("error");
+			if (i !== R.current) return;
+			ee(ie(e)), x("error");
 		}
-	}, [n, f]), de = h(async () => {
-		await ue(o, "replace");
-	}, [o, ue]), fe = h(async (e) => {
-		let t = a(e);
-		ce.current = t, s(t), S(/* @__PURE__ */ new Set()), w(null), E(null), p(void 0), await ue(t, "replace");
-	}, [ue]), pe = h(async () => {
-		!f || c === "loading" || await ue(o, "append");
+	}, [n]), _e = h(async () => {
+		await W(m, "replace");
+	}, [m, W]), ve = h(async (e, t = { source: "programmatic" }) => {
+		let n = a(e);
+		n !== z.current && (s?.(n, t), d === void 0 && (z.current = n, p(n), k(/* @__PURE__ */ new Set()), A(null), j(null), B.current = void 0, T(void 0), await W(n, "replace")));
+	}, [
+		d,
+		W,
+		s
+	]), ye = h(async () => {
+		!w || g === "loading" || await W(m, "append");
 	}, [
-		o,
-		f,
-		ue,
-		c
+		m,
+		w,
+		W,
+		g
 	]);
 	_(() => {
-		Promise.resolve().then(() => ue(o, "replace"));
-	}, [n]);
-	let B = h((e) => {
+		let e = m;
+		e !== z.current && (z.current = e, k(/* @__PURE__ */ new Set()), A(null), j(null)), B.current = void 0, T(void 0), Promise.resolve().then(() => W(e, "replace"));
+	}, [n, d]);
+	let be = h((e) => {
 		let t = a(e);
-		S(/* @__PURE__ */ new Set([t])), w(t), E(t);
-	}, []), me = h((e) => {
+		k(/* @__PURE__ */ new Set([t])), A(t), j(t);
+	}, []), xe = h((e) => {
 		let t = a(e);
-		S((e) => {
+		k((e) => {
 			let n = new Set(e);
 			return n.has(t) ? n.delete(t) : n.add(t), n;
-		}), w(t);
-	}, []), he = h((e) => {
-		let t = a(e), n = T ?? C ?? t, r = z.map((e) => e.path), i = r.indexOf(n), o = r.indexOf(t);
+		}), A(t);
+	}, []), Se = h((e) => {
+		let t = a(e), n = oe ?? ae ?? t, r = ge.map((e) => e.path), i = r.indexOf(n), o = r.indexOf(t);
 		if (i === -1 || o === -1) {
-			B(t);
+			be(t);
 			return;
 		}
 		let s = Math.min(i, o), c = Math.max(i, o);
-		S(new Set(r.slice(s, c + 1))), w(t);
+		k(new Set(r.slice(s, c + 1))), A(t);
 	}, [
-		z,
-		C,
-		T,
-		B
-	]), ge = h((e, t = {}) => {
+		ge,
+		ae,
+		oe,
+		be
+	]), Ce = h((e, t = {}) => {
 		let n = e.map(a);
-		S((e) => {
+		k((e) => {
 			let r = t.additive ? new Set(e) : /* @__PURE__ */ new Set();
 			for (let e of n) r.add(e);
 			return r;
-		}), w(n.at(-1) ?? null), E(n.at(0) ?? null);
-	}, []), _e = h(() => {
-		S(new Set(u.map((e) => e.path))), w(u.at(0)?.path ?? null), E(u.at(0)?.path ?? null);
-	}, [u]), ve = h(() => {
-		S(/* @__PURE__ */ new Set()), w(null), E(null);
-	}, []), ye = h(async (e) => {
-		e.kind === "folder" ? await fe(e.path) : B(e.path);
-	}, [fe, B]), V = h(async (r) => {
+		}), A(n.at(-1) ?? null), j(n.at(0) ?? null);
+	}, []), we = h(() => {
+		k(new Set(S.map((e) => e.path))), A(S.at(0)?.path ?? null), j(S.at(0)?.path ?? null);
+	}, [S]), Te = h(() => {
+		k(/* @__PURE__ */ new Set()), A(null), j(null);
+	}, []), Ee = h(async (e) => {
+		e.kind === "folder" ? await ve(e.path, {
+			source: "item",
+			item: e
+		}) : be(e.path);
+	}, [ve, be]), De = h(async (r) => {
 		if (!n.createFolder) throw new t("not_supported", "Folder creation is not supported by this adapter");
-		let i = e(o, r.trim()), a = {
+		let i = e(m, r.trim()), a = {
 			path: i,
 			name: r.trim(),
 			kind: "folder",
 			modifiedAt: (/* @__PURE__ */ new Date()).toISOString()
 		};
-		d((e) => O(e, [a]));
+		C((e) => te(e, [a]));
 		try {
 			let e = await n.createFolder(i);
-			return d((t) => O(k(t, [i]), [e])), e;
+			return C((t) => te(ne(t, [i]), [e])), e;
 		} catch (e) {
-			throw d((e) => k(e, [i])), e;
+			throw C((e) => ne(e, [i])), e;
 		}
-	}, [n, o]), be = h(async (e, r) => {
+	}, [n, m]), Oe = h(async (e, r) => {
 		if (!n.rename) throw new t("not_supported", "Rename is not supported by this adapter");
-		let i = a(e), o = u;
-		d((e) => e.map((e) => e.path === i ? {
+		let i = a(e), o = S;
+		C((e) => e.map((e) => e.path === i ? {
 			...e,
 			name: r.trim()
 		} : e));
 		try {
 			let e = await n.rename(i, r.trim());
-			return d((t) => t.map((t) => t.path === i ? e : t)), e;
+			return C((t) => t.map((t) => t.path === i ? e : t)), e;
 		} catch (e) {
-			throw d(o), e;
+			throw C(o), e;
 		}
-	}, [n, u]), xe = h(async (e) => {
-		let t = e.map(a), i = u, o = x;
-		d((e) => k(e, t)), S((e) => {
+	}, [n, S]), ke = h(async (e) => {
+		let t = e.map(a), i = S, o = O;
+		C((e) => ne(e, t)), k((e) => {
 			let n = new Set(e);
 			for (let e of t) n.delete(e);
 			return n;
@@ -127,151 +140,151 @@ function D({ adapter: n, initialPath: i = "/" }) {
 		} catch (e) {
 			if (e instanceof r) {
 				let t = e.succeededPaths.map(a), n = e.failures.map((e) => a(e.path));
-				throw d(k(i, t)), S(new Set(n)), w(n.at(0) ?? null), E(n.at(0) ?? null), e;
+				throw C(ne(i, t)), k(new Set(n)), A(n.at(0) ?? null), j(n.at(0) ?? null), e;
 			}
-			throw d(i), S(o), e;
+			throw C(i), k(o), e;
 		}
 	}, [
 		n,
-		u,
-		x
-	]), H = h(async () => {
-		await xe(R);
-	}, [xe, R]), U = h(async (e, i) => {
+		S,
+		O
+	]), Ae = h(async () => {
+		await ke(H);
+	}, [ke, H]), G = h(async (e, i) => {
 		if (!n.move) throw new t("not_supported", "Move is not supported by this adapter");
-		let s = e.map(a);
-		if (s.length === 0) return;
-		let c = a(i);
+		let o = e.map(a);
+		if (o.length === 0) return;
+		let s = a(i);
 		try {
-			await n.move(s, c);
+			await n.move(o, s);
 		} catch (e) {
 			if (e instanceof r) {
 				let t = e.succeededPaths.map(a), n = e.failures.map((e) => a(e.path));
-				throw c === o ? await de() : d((e) => k(e, t)), S(new Set(n)), w(n.at(0) ?? null), E(n.at(0) ?? null), e;
+				throw s === m ? await _e() : C((e) => ne(e, t)), k(new Set(n)), A(n.at(0) ?? null), j(n.at(0) ?? null), e;
 			}
 			throw e;
 		}
-		S((e) => {
+		k((e) => {
 			let t = new Set(e);
-			for (let e of s) t.delete(e);
+			for (let e of o) t.delete(e);
 			return t;
-		}), w(null), E(null), c === o ? await de() : d((e) => k(e, s));
+		}), A(null), j(null), s === m ? await _e() : C((e) => ne(e, o));
 	}, [
 		n,
-		o,
-		de
-	]), Se = h(async (e) => {
-		await U(R, e), j((e) => e?.type === "cut" ? null : e);
-	}, [U, R]), Ce = h((e = R) => {
-		j({
+		m,
+		_e
+	]), je = h(async (e) => {
+		await G(H, e), N((e) => e?.type === "cut" ? null : e);
+	}, [G, H]), K = h((e = H) => {
+		N({
 			type: "copy",
 			paths: e.map(a)
 		});
-	}, [R]), we = h((e = R) => {
-		j({
+	}, [H]), Me = h((e = H) => {
+		N({
 			type: "cut",
 			paths: e.map(a)
 		});
-	}, [R]), Te = h(async (e) => {
-		if (!D || D.paths.length === 0) return;
+	}, [H]), Ne = h(async (e) => {
+		if (!M || M.paths.length === 0) return;
 		let r = a(e);
-		if (D.type === "copy") {
+		if (M.type === "copy") {
 			if (!n.copy) throw new t("not_supported", "Copy is not supported by this adapter");
-			await n.copy(D.paths, r);
+			await n.copy(M.paths, r);
 		} else {
 			if (!n.move) throw new t("not_supported", "Move is not supported by this adapter");
-			await U(D.paths, r), j(null);
+			await G(M.paths, r), N(null);
 			return;
 		}
-		r === o && await de();
+		r === m && await _e();
 	}, [
 		n,
-		D,
-		o,
-		U,
-		de
-	]), Ee = h(async (t, r = {}) => {
+		M,
+		m,
+		G,
+		_e
+	]), Pe = h(async (t, r = {}) => {
 		if (r.onConflict === "skip") return [];
 		let i = Array.from(t), a = [];
 		for (let t of i) {
-			let i = e(ce.current, t.name), o = await n.upload(i, t, { onConflict: r.onConflict ?? "keep-both" });
-			a.push(o), d((e) => O(e, [o]));
+			let i = e(z.current, t.name), o = await n.upload(i, t, { onConflict: r.onConflict ?? "keep-both" });
+			a.push(o), C((e) => te(e, [o]));
 		}
 		return a;
 	}, [n]);
 	return {
 		adapter: n,
-		capabilities: L,
-		currentPath: o,
-		status: c,
-		items: u,
-		error: m,
-		hasMore: !!f,
-		selectedPaths: R,
-		selectedItems: le,
-		focusedPath: C,
-		clipboard: D,
-		view: M,
-		searchQuery: N,
-		filterKind: P,
-		sortBy: F,
-		sortDirection: I,
-		filteredItems: z,
-		setView: ne,
-		setSearchQuery: re,
-		setFilterKind: ie,
-		setSortBy: ae,
-		setSortDirection: oe,
-		refresh: de,
-		loadMore: pe,
-		navigate: fe,
-		open: ye,
-		selectOnly: B,
-		toggleSelection: me,
-		selectRange: he,
-		setSelection: ge,
-		selectAllLoaded: _e,
-		clearSelection: ve,
-		createFolder: V,
-		rename: be,
-		deleteSelected: H,
-		deletePaths: xe,
-		movePathsTo: U,
-		moveSelectedTo: Se,
-		copySelection: Ce,
-		cutSelection: we,
-		pasteInto: Te,
-		uploadFiles: Ee
+		capabilities: V,
+		currentPath: m,
+		status: g,
+		items: S,
+		error: E,
+		hasMore: !!w,
+		selectedPaths: H,
+		selectedItems: U,
+		focusedPath: ae,
+		clipboard: M,
+		view: se,
+		searchQuery: F,
+		filterKind: I,
+		sortBy: L,
+		sortDirection: fe,
+		filteredItems: ge,
+		setView: P,
+		setSearchQuery: he,
+		setFilterKind: ue,
+		setSortBy: de,
+		setSortDirection: pe,
+		refresh: _e,
+		loadMore: ye,
+		navigate: ve,
+		open: Ee,
+		selectOnly: be,
+		toggleSelection: xe,
+		selectRange: Se,
+		setSelection: Ce,
+		selectAllLoaded: we,
+		clearSelection: Te,
+		createFolder: De,
+		rename: Oe,
+		deleteSelected: Ae,
+		deletePaths: ke,
+		movePathsTo: G,
+		moveSelectedTo: je,
+		copySelection: K,
+		cutSelection: Me,
+		pasteInto: Ne,
+		uploadFiles: Pe
 	};
 }
-function O(e, t) {
+function te(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) => ee(e, t, "name", "asc"));
+	return Array.from(n.values()).sort((e, t) => D(e, t, "name", "asc"));
 }
-function k(e, t) {
+function ne(e, t) {
 	let n = new Set(t);
 	return e.filter((e) => !n.has(e.path));
 }
-function ee(e, t, n, r) {
+function D(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 te(e) {
+function re(e) {
 	return [...e].sort((e, t) => e.localeCompare(t));
 }
-function A(e) {
+function ie(e) {
 	return e instanceof Error ? e : Error(String(e));
 }
 //#endregion
 //#region node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs
-var j = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), M = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ne = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), N = (e) => {
-	let t = ne(e);
+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);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, re = {
+}, oe = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -281,37 +294,37 @@ var j = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 	strokeWidth: 2,
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
-}, P = (e) => {
+}, j = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, ie = f({}), F = () => g(ie), ae = 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 = "" } = F() ?? {}, h = r ?? d ? Number(n ?? u) * 24 / Number(t ?? l) : n ?? u;
+}, 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;
 	return p("svg", {
 		ref: c,
-		...re,
-		width: t ?? l ?? re.width,
-		height: t ?? l ?? re.height,
+		...oe,
+		width: t ?? l ?? oe.width,
+		height: t ?? l ?? oe.height,
 		stroke: e ?? f,
 		strokeWidth: h,
-		className: j("lucide", m, i),
-		...!a && !P(s) && { "aria-hidden": "true" },
+		className: O("lucide", m, i),
+		...!a && !j(s) && { "aria-hidden": "true" },
 		...s
 	}, [...o.map(([e, t]) => p(e, t)), ...Array.isArray(a) ? a : [a]]);
-}), I = (e, t) => {
-	let n = m(({ className: n, ...r }, i) => p(ae, {
+}), P = (e, t) => {
+	let n = m(({ className: n, ...r }, i) => p(se, {
 		ref: i,
 		iconNode: t,
-		className: j(`lucide-${M(N(e))}`, `lucide-${e}`, n),
+		className: O(`lucide-${k(A(e))}`, `lucide-${e}`, n),
 		...r
 	}));
-	return n.displayName = N(e), n;
-}, oe = I("chevron-left", [["path", {
+	return n.displayName = A(e), n;
+}, ce = P("chevron-left", [["path", {
 	d: "m15 18-6-6 6-6",
 	key: "1wnfg3"
-}]]), se = I("chevron-right", [["path", {
+}]]), le = P("chevron-right", [["path", {
 	d: "m9 18 6-6-6-6",
 	key: "mthhwq"
-}]]), ce = I("copy", [["rect", {
+}]]), F = P("copy", [["rect", {
 	width: "14",
 	height: "14",
 	x: "8",
@@ -322,7 +335,7 @@ var j = (...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"
-}]]), L = I("download", [
+}]]), I = P("download", [
 	["path", {
 		d: "M12 15V3",
 		key: "m9g1x1"
@@ -335,13 +348,13 @@ var j = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "m7 10 5 5 5-5",
 		key: "brsn70"
 	}]
-]), R = I("file", [["path", {
+]), ue = P("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"
-}]]), le = I("folder-input", [
+}]]), L = P("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"
@@ -354,10 +367,10 @@ var j = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "m9 16 3-3-3-3",
 		key: "6m91ic"
 	}]
-]), z = I("folder", [["path", {
+]), de = P("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"
-}]]), ue = I("grid-2x2", [
+}]]), fe = P("grid-2x2", [
 	["path", {
 		d: "M12 3v18",
 		key: "108xh3"
@@ -374,7 +387,7 @@ var j = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		rx: "2",
 		key: "h1oib"
 	}]
-]), de = I("list", [
+]), pe = P("list", [
 	["path", {
 		d: "M3 5h.01",
 		key: "18ugdj"
@@ -399,7 +412,7 @@ var j = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "M8 19h13",
 		key: "m83p4d"
 	}]
-]), fe = I("pause", [["rect", {
+]), R = P("pause", [["rect", {
 	x: "14",
 	y: "3",
 	width: "5",
@@ -413,16 +426,16 @@ var j = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 	height: "18",
 	rx: "1",
 	key: "1wsw3u"
-}]]), pe = I("pencil", [["path", {
+}]]), z = P("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"
-}]]), B = I("play", [["path", {
+}]]), B = P("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"
-}]]), me = I("scissors", [
+}]]), me = P("scissors", [
 	["circle", {
 		cx: "6",
 		cy: "6",
@@ -447,7 +460,7 @@ var j = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "M14.8 14.8 20 20",
 		key: "ptml3r"
 	}]
-]), he = I("search", [["path", {
+]), he = P("search", [["path", {
 	d: "m21 21-4.34-4.34",
 	key: "14j7rj"
 }], ["circle", {
@@ -455,20 +468,20 @@ var j = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 	cy: "11",
 	r: "8",
 	key: "4ej97u"
-}]]), ge = I("square-check-big", [["path", {
+}]]), V = P("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"
-}]]), _e = I("square", [["rect", {
+}]]), H = P("square", [["rect", {
 	width: "18",
 	height: "18",
 	x: "3",
 	y: "3",
 	rx: "2",
 	key: "afitv7"
-}]]), ve = I("trash-2", [
+}]]), U = P("trash-2", [
 	["path", {
 		d: "M10 11v6",
 		key: "nco0om"
@@ -489,7 +502,7 @@ var j = (...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"
 	}]
-]), ye = I("upload", [
+]), ge = P("upload", [
 	["path", {
 		d: "M12 3v12",
 		key: "1x0j5s"
@@ -502,7 +515,7 @@ var j = (...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"
 	}]
-]), V = I("x", [["path", {
+]), W = P("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"
 }], ["path", {
@@ -511,37 +524,37 @@ var j = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 }]]);
 //#endregion
 //#region src/core/upload-drop.ts
-async function be(e) {
+async function _e(e) {
 	let t = Array.from(e.items).map((e) => e.webkitGetAsEntry?.()).filter((e) => !!e);
-	if (t.length === 0) return xe(e.files);
+	if (t.length === 0) return ve(e.files);
 	let n = [];
-	for (let e of t) n.push(...await H(e));
+	for (let e of t) n.push(...await ye(e));
 	return n;
 }
-function xe(e) {
+function ve(e) {
 	return Array.from(e).map((e) => ({
 		file: e,
-		relativePath: Te(Ce(e))
+		relativePath: we(Se(e))
 	}));
 }
-async function H(e, t = "") {
+async function ye(e, t = "") {
 	if (e.isFile) {
-		let n = await U(e);
+		let n = await be(e);
 		return [{
 			file: n,
-			relativePath: Te(we(t, n.name))
+			relativePath: we(Ce(t, n.name))
 		}];
 	}
-	let n = we(t, e.name), r = await Se(e), i = [];
-	for (let e of r) i.push(...await H(e, n));
+	let n = Ce(t, e.name), r = await xe(e), i = [];
+	for (let e of r) i.push(...await ye(e, n));
 	return i;
 }
-function U(e) {
+function be(e) {
 	return new Promise((t, n) => {
 		e.file(t, n);
 	});
 }
-async function Se(e) {
+async function xe(e) {
 	let t = e.createReader(), n = [];
 	for (;;) {
 		let e = await new Promise((e, n) => {
@@ -552,30 +565,32 @@ async function Se(e) {
 	}
 	return n;
 }
-function Ce(e) {
+function Se(e) {
 	return e.webkitRelativePath || e.name;
 }
-function we(...e) {
+function Ce(...e) {
 	return e.filter(Boolean).join("/");
 }
-function Te(e) {
+function we(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, W = class {
+var Te = "react-file-browser-transfers", Ee = 1440 * 60 * 1e3, De = class {
 	uploads = /* @__PURE__ */ new Map();
 	downloads = /* @__PURE__ */ new Map();
 	uploadSpeedSamples = /* @__PURE__ */ new Map();
 	subscribers = /* @__PURE__ */ new Set();
 	activeTasks = /* @__PURE__ */ new Set();
+	runningUploadIds = /* @__PURE__ */ new Set();
 	storage;
 	storageKey;
 	idFactory;
 	now;
+	maxConcurrentUploads;
 	snapshotCache;
 	constructor(e = {}) {
-		this.storage = e.storage, this.storageKey = e.storageKey ?? Ee, this.idFactory = e.idFactory ?? Pe, this.now = e.now ?? (() => /* @__PURE__ */ new Date()), this.restorePersisted(), this.downloads.size > 0 && this.pruneExpiredDownloads();
+		this.storage = e.storage ?? void 0, this.storageKey = e.storageKey ?? Te, this.idFactory = e.idFactory ?? q, this.now = e.now ?? (() => /* @__PURE__ */ new Date()), this.maxConcurrentUploads = Ie(e.maxConcurrentUploads), this.restorePersisted(), this.downloads.size > 0 && this.pruneExpiredDownloads();
 	}
 	subscribe(e) {
 		return this.subscribers.add(e), () => {
@@ -609,7 +624,7 @@ var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, W = class {
 	}
 	dismissDownload(e) {
 		let t = this.downloads.get(e);
-		t && (Ne(t.url), this.downloads.delete(e), this.persistAndNotify());
+		t && (Re(t.url), this.downloads.delete(e), this.persistAndNotify());
 	}
 	hasActiveTransfers() {
 		let e = this.getSnapshot();
@@ -633,49 +648,50 @@ var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, W = class {
 			onConflict: i,
 			abortController: new AbortController()
 		};
-		return this.uploads.set(a, s), this.persistAndNotify(), this.track(this.runUpload(a)), a;
+		return this.uploads.set(a, s), this.persistAndNotify(), this.pumpUploadQueue(), a;
 	}
 	resumeUpload(e) {
 		let t = this.uploads.get(e);
-		return !t || !t.adapter || !t.file ? Promise.resolve() : (t.status = "queued", t.error = void 0, t.bytesPerSecond = void 0, this.uploadSpeedSamples.delete(e), t.abortController = new AbortController(), t.updatedAt = this.timestamp(), this.persistAndNotify(), this.track(this.runUpload(e)), Promise.resolve());
+		return !t || !t.adapter || !t.file || this.runningUploadIds.has(e) ? Promise.resolve() : (t.status = "queued", t.error = void 0, t.bytesPerSecond = void 0, this.uploadSpeedSamples.delete(e), t.abortController = new AbortController(), t.updatedAt = this.timestamp(), this.persistAndNotify(), this.pumpUploadQueue(), Promise.resolve());
 	}
 	resumeRestoredUpload({ adapter: e, file: t, id: n, onConflict: r }) {
 		let i = this.uploads.get(n);
-		return i ? (i.adapter = e, i.file = t, i.name = t.name, i.totalBytes = t.size, i.onConflict = r ?? i.onConflict, i.status = "queued", i.error = void 0, i.bytesPerSecond = void 0, this.uploadSpeedSamples.delete(n), i.abortController = new AbortController(), i.updatedAt = this.timestamp(), this.persistAndNotify(), this.track(this.runUpload(n)), Promise.resolve()) : Promise.resolve();
+		return i ? (i.adapter = e, i.file = t, i.name = t.name, i.totalBytes = t.size, i.onConflict = r ?? i.onConflict, i.status = "queued", i.error = void 0, i.bytesPerSecond = void 0, this.uploadSpeedSamples.delete(n), i.abortController = new AbortController(), i.updatedAt = this.timestamp(), this.persistAndNotify(), this.pumpUploadQueue(), Promise.resolve()) : Promise.resolve();
 	}
 	pauseUpload(e) {
 		let t = this.uploads.get(e);
-		t && (t.abortController?.abort(), t.status = "paused", this.uploadSpeedSamples.delete(e), t.updatedAt = this.timestamp(), this.persistAndNotify());
+		t && (t.status = "paused", t.abortController?.abort(), this.uploadSpeedSamples.delete(e), t.updatedAt = this.timestamp(), this.persistAndNotify(), this.pumpUploadQueue());
 	}
 	async cancelUpload(e) {
 		let t = this.uploads.get(e);
-		t && (t.abortController?.abort(), t.status = "cancelled", this.uploadSpeedSamples.delete(e), t.updatedAt = this.timestamp(), t.uploadId && t.adapter?.abortMultipartUpload && await t.adapter.abortMultipartUpload(t.uploadId), this.persistAndNotify());
+		t && (t.status = "cancelled", t.abortController?.abort(), this.uploadSpeedSamples.delete(e), t.updatedAt = this.timestamp(), this.persistAndNotify(), this.pumpUploadQueue(), t.uploadId && t.adapter?.abortMultipartUpload && await t.adapter.abortMultipartUpload(t.uploadId));
 	}
 	async waitForIdle() {
 		for (; this.activeTasks.size > 0;) await Promise.allSettled(Array.from(this.activeTasks));
 	}
-	async prepareBulkDownload({ adapter: e, paths: t, selectedBytes: n, warnZipSizeBytes: r = Infinity }) {
-		let i = this.idFactory(), a = this.timestamp(), o = {
-			id: i,
+	async prepareBulkDownload({ adapter: e, paths: t, selectedBytes: n, warnZipSizeBytes: r = Infinity, allowClientZipFallback: i = !0 }) {
+		let a = this.idFactory(), o = this.timestamp(), s = {
+			id: a,
 			kind: "bulk-download",
 			status: "preparing",
 			strategy: e.bulkDownloadUrl ? "server" : "client",
 			adapter: e,
 			paths: [...t],
 			selectedBytes: n,
-			createdAt: a,
-			updatedAt: a
+			createdAt: o,
+			updatedAt: o
 		};
-		this.downloads.set(i, o), this.persistAndNotify();
+		this.downloads.set(a, s), this.persistAndNotify();
 		try {
 			if (e.bulkDownloadUrl) {
 				let n = await e.bulkDownloadUrl(t);
-				o.status = "ready", o.url = n.url, o.expiresAt = n.expiresAt;
-			} else n > r ? (o.status = "warning", o.warning = "client_zip_size") : (o.url = await Ie(e, t), o.status = "ready");
+				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 Be(e, t), s.status = "ready");
+			else throw Error("Client-side ZIP fallback is disabled.");
 		} catch (e) {
-			o.status = "failed", o.error = Fe(e);
+			s.status = "failed", s.error = ze(e);
 		}
-		return o.updatedAt = this.timestamp(), this.persistAndNotify(), K(o);
+		return s.updatedAt = this.timestamp(), this.persistAndNotify(), K(s);
 	}
 	async prepareSingleDownload({ adapter: e, path: t, selectedBytes: n = 0 }) {
 		let r = this.idFactory(), i = this.timestamp(), a = {
@@ -693,7 +709,7 @@ var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, W = class {
 		try {
 			a.url = await e.signedUrl(t), a.status = "ready";
 		} catch (e) {
-			a.status = "failed", a.error = Fe(e);
+			a.status = "failed", a.error = ze(e);
 		}
 		return a.updatedAt = this.timestamp(), this.persistAndNotify(), K(a);
 	}
@@ -704,26 +720,30 @@ var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, W = class {
 			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(), K(t);
 			t.status = "preparing", t.warning = void 0, t.updatedAt = this.timestamp(), this.persistAndNotify();
 			try {
-				t.url = await Ie(t.adapter, t.paths), t.status = "ready";
+				t.url = await Be(t.adapter, t.paths), t.status = "ready";
 			} catch (e) {
-				t.status = "failed", t.error = Fe(e);
+				t.status = "failed", t.error = ze(e);
 			}
 			return t.updatedAt = this.timestamp(), this.persistAndNotify(), K(t);
 		}
 	}
 	async runUpload(e) {
 		let t = this.uploads.get(e);
-		if (!(!t?.adapter || !t.file)) {
+		if (!(!t?.adapter || !t.file || t.status !== "queued")) {
 			t.status = "uploading", t.updatedAt = this.timestamp(), this.persistAndNotify();
 			try {
 				let e = Oe(t.adapter) ? await this.runMultipartUpload(t) : await this.runSimpleUpload(t);
+				if (["paused", "cancelled"].includes(t.status)) {
+					this.uploadSpeedSamples.delete(t.id), this.persistAndNotify();
+					return;
+				}
 				t.status = "completed", t.loadedBytes = t.totalBytes, t.result = e, this.uploadSpeedSamples.delete(t.id), t.updatedAt = this.timestamp(), this.persistAndNotify();
 			} catch (e) {
 				if (["paused", "cancelled"].includes(t.status)) {
 					this.uploadSpeedSamples.delete(t.id), this.persistAndNotify();
 					return;
 				}
-				t.status = "failed", t.error = Fe(e), this.uploadSpeedSamples.delete(t.id), t.updatedAt = this.timestamp(), this.persistAndNotify();
+				t.status = "failed", t.error = ze(e), this.uploadSpeedSamples.delete(t.id), t.updatedAt = this.timestamp(), this.persistAndNotify();
 			}
 		}
 	}
@@ -741,7 +761,7 @@ var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, W = class {
 		let t = e.adapter, n = e.file;
 		if (!t || !n || !Oe(t)) throw Error("Multipart upload is not available");
 		if (!e.uploadId || !e.partSize) {
-			await G(e);
+			await Ae(e);
 			let r = await t.createMultipartUpload(e.path, n.size);
 			e.uploadId = r.uploadId, e.partSize = r.partSize, e.updatedAt = this.timestamp(), this.persistAndNotify();
 		}
@@ -774,10 +794,18 @@ var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, W = class {
 			timeMs: i
 		}), e.updatedAt = r.toISOString(), this.persistAndNotify();
 	}
-	track(e) {
-		this.activeTasks.add(e), e.finally(() => {
-			this.activeTasks.delete(e);
-		});
+	pumpUploadQueue() {
+		for (; this.runningUploadIds.size < this.maxConcurrentUploads;) {
+			let e = Array.from(this.uploads.values()).find((e) => e.status === "queued" && !!e.adapter && !!e.file && !this.runningUploadIds.has(e.id));
+			if (!e) return;
+			this.runningUploadIds.add(e.id);
+			let t = this.runUpload(e.id);
+			this.activeTasks.add(t);
+			let n = () => {
+				this.activeTasks.delete(t), this.runningUploadIds.delete(e.id), this.pumpUploadQueue();
+			};
+			t.then(n, n);
+		}
 	}
 	persistAndNotify() {
 		this.snapshotCache = void 0, this.persist();
@@ -786,13 +814,8 @@ var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, W = class {
 	persist() {
 		if (!this.storage) return;
 		let e = {
-			uploads: Array.from(this.uploads.values()).map((e) => ({
-				...je(e),
-				file: void 0,
-				adapter: void 0,
-				abortController: void 0
-			})),
-			downloads: Array.from(this.downloads.values()).map(K)
+			uploads: Array.from(this.uploads.values()).map(Me),
+			downloads: Array.from(this.downloads.values()).map(Pe)
 		};
 		this.storage.setItem(this.storageKey, JSON.stringify(e));
 	}
@@ -801,13 +824,14 @@ var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, W = class {
 		let e = this.storage.getItem(this.storageKey);
 		if (e) try {
 			let t = JSON.parse(e);
-			for (let e of t.uploads ?? []) this.uploads.set(e.id, {
-				...e,
-				file: void 0,
-				adapter: void 0,
-				abortController: void 0
-			});
-			for (let e of t.downloads ?? []) this.downloads.set(e.id, { ...e });
+			for (let e of t.uploads ?? []) {
+				let t = Ne(e);
+				this.uploads.set(t.id, t);
+			}
+			for (let e of t.downloads ?? []) {
+				let t = Fe(e);
+				this.downloads.set(t.id, t);
+			}
 		} catch {
 			this.storage.removeItem(this.storageKey);
 		}
@@ -817,7 +841,7 @@ var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, W = class {
 	}
 	pruneExpiredDownloads() {
 		let e = this.now().getTime(), t = !1;
-		for (let [n, r] of this.downloads) Me(r, e) && (Ne(r.url), this.downloads.delete(n), t = !0);
+		for (let [n, r] of this.downloads) Le(r, e) && (Re(r.url), this.downloads.delete(n), t = !0);
 		t && (this.snapshotCache = void 0, this.persist());
 	}
 };
@@ -831,19 +855,19 @@ function ke(e) {
 		return n + Math.min(t, e.totalBytes - i);
 	}, 0);
 }
-async function G(e) {
+async function Ae(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 Ae(r, e.path);
+			e.path = await G(r, e.path);
 			return;
 		}
 		if (e.onConflict !== "replace") throw new t("conflict", `A file browser entry already exists at ${e.path}`);
 	}
 }
-async function Ae(n, r) {
+async function G(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}`);
@@ -865,26 +889,90 @@ function K(e) {
 		paths: [...e.paths]
 	};
 }
-function Me(e, t) {
+function Me(e) {
+	return {
+		id: e.id,
+		kind: e.kind,
+		status: e.status,
+		path: e.path,
+		name: e.name,
+		loadedBytes: e.loadedBytes,
+		totalBytes: e.totalBytes,
+		bytesPerSecond: e.bytesPerSecond,
+		completedParts: e.completedParts.map((e) => ({ ...e })),
+		createdAt: e.createdAt,
+		updatedAt: e.updatedAt,
+		error: e.error,
+		uploadId: e.uploadId,
+		partSize: e.partSize,
+		onConflict: e.onConflict,
+		group: e.group ? { ...e.group } : void 0
+	};
+}
+function Ne(e) {
+	return {
+		id: e.id,
+		kind: "upload",
+		status: e.status,
+		path: e.path,
+		name: e.name,
+		loadedBytes: e.loadedBytes,
+		totalBytes: e.totalBytes,
+		bytesPerSecond: e.bytesPerSecond,
+		completedParts: e.completedParts.map((e) => ({ ...e })),
+		createdAt: e.createdAt,
+		updatedAt: e.updatedAt,
+		error: e.error,
+		uploadId: e.uploadId,
+		partSize: e.partSize,
+		onConflict: e.onConflict,
+		group: e.group ? { ...e.group } : void 0
+	};
+}
+function Pe(e) {
+	return {
+		id: e.id,
+		kind: e.kind,
+		status: e.status,
+		strategy: e.strategy,
+		paths: [...e.paths],
+		selectedBytes: e.selectedBytes,
+		createdAt: e.createdAt,
+		updatedAt: e.updatedAt,
+		url: e.url,
+		expiresAt: e.expiresAt,
+		warning: e.warning,
+		error: e.error
+	};
+}
+function Fe(e) {
+	return Pe(e);
+}
+function Ie(e) {
+	if (e === void 0) return Infinity;
+	if (!Number.isInteger(e) || e < 1) throw RangeError("maxConcurrentUploads must be a positive integer");
+	return e;
+}
+function Le(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 > Ee;
 }
-function Ne(e) {
+function Re(e) {
 	!e?.startsWith("blob:") || typeof URL > "u" || typeof URL.revokeObjectURL != "function" || URL.revokeObjectURL(e);
 }
-function Pe() {
+function q() {
 	return `transfer-${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;
 }
-function Fe(e) {
+function ze(e) {
 	return e instanceof Error ? e.message : String(e);
 }
-async function Ie(e, t) {
-	let n = await q(e, t), r = {};
+async function Be(e, t) {
+	let n = await J(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`);
@@ -893,52 +981,52 @@ async function Ie(e, t) {
 	let i = d(r);
 	return URL.createObjectURL(new Blob([i], { type: "application/zip" }));
 }
-async function q(e, t) {
+async function J(e, t) {
 	let n = [], r = /* @__PURE__ */ new Set();
-	for (let i of t) await Le(e, i, n, r);
+	for (let i of t) await Ve(e, i, n, r);
 	return n;
 }
-async function Le(e, t, n, r) {
+async function Ve(e, t, n, r) {
 	if (r.has(t)) return;
 	r.add(t);
-	let i = await Re(e, t);
+	let i = await Ue(e, t);
 	if (i?.kind === "file") {
 		n.push({
 			path: t,
-			archivePath: Be(t)
+			archivePath: Ge(t)
 		});
 		return;
 	}
 	if (i?.kind === "folder") {
-		await J(e, t, n, r);
+		await He(e, t, n, r);
 		return;
 	}
-	let a = await ze(e, t);
+	let a = await We(e, t);
 	if (a) {
-		for (let t of a) await Le(e, t.path, n, r);
+		for (let t of a) await Ve(e, t.path, n, r);
 		return;
 	}
 	n.push({
 		path: t,
-		archivePath: Be(t)
+		archivePath: Ge(t)
 	});
 }
-async function J(e, t, n, r) {
+async function He(e, t, n, r) {
 	let i;
 	do {
 		let a = await e.list(t, { cursor: i });
-		for (let t of a.items) await Le(e, t.path, n, r);
+		for (let t of a.items) await Ve(e, t.path, n, r);
 		i = a.cursor;
 	} while (i);
 }
-async function Re(e, t) {
+async function Ue(e, t) {
 	if (e.stat) try {
 		return await e.stat(t);
 	} catch {
 		return;
 	}
 }
-async function ze(e, t) {
+async function We(e, t) {
 	try {
 		let n, r = [];
 		do {
@@ -950,62 +1038,62 @@ async function ze(e, t) {
 		return;
 	}
 }
-function Be(e) {
+function Ge(e) {
 	return e.replace(/^\/+/, "") || "download";
 }
 //#endregion
 //#region src/transfers/file-browser-provider.tsx
-var Ve = f(null), He = "transition-[background-color,border-color,color,box-shadow,opacity] duration-150 ease-out motion-reduce:transition-none", Y = "transition-[background-color,border-color,box-shadow,opacity] duration-200 ease-out motion-reduce:transition-none";
-function Ue({ children: e, manager: t, options: n, resolveRestoredUpload: r, showFloatingWidget: i = !0 }) {
-	let a = v(() => t ?? new W(Je(n)), [t, n]), o = Ke(a), [s, c] = b(!1), l = a.getRestorableUploads();
-	qe(a);
-	async function u(e) {
+var Ke = f(null), qe = "transition-[background-color,border-color,color,box-shadow,opacity] duration-150 ease-out motion-reduce:transition-none", Je = "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 De(et(n))), o = t ?? a, s = Qe(o), [c, l] = b(!1), u = o.getRestorableUploads();
+	$e(o);
+	async function d(e) {
 		for (let t of e) {
 			if (t.adapter && t.file) {
-				await a.resumeUpload(t.id);
+				await o.resumeUpload(t.id);
 				continue;
 			}
 			let e = await r?.(t);
-			e && await a.resumeRestoredUpload({
+			e && await o.resumeRestoredUpload({
 				id: t.id,
 				...e
 			});
 		}
-		c(!0);
+		l(!0);
 	}
-	return /* @__PURE__ */ E(Ve.Provider, {
-		value: a,
+	return /* @__PURE__ */ E(Ke.Provider, {
+		value: o,
 		children: [
 			e,
-			i ? /* @__PURE__ */ T(Ye, {
-				manager: a,
-				snapshot: o
+			i ? /* @__PURE__ */ T(tt, {
+				manager: o,
+				snapshot: s
 			}) : null,
-			!s && l.length > 0 ? /* @__PURE__ */ T(Qe, {
-				count: l.length,
+			!c && u.length > 0 ? /* @__PURE__ */ T(rt, {
+				count: u.length,
 				onDismiss: () => {
-					a.dismissRestoredUploads(l.map((e) => e.id)), c(!0);
+					o.dismissRestoredUploads(u.map((e) => e.id)), l(!0);
 				},
 				onResume: () => {
-					u(l);
+					d(u);
 				}
 			}) : null
 		]
 	});
 }
-function We() {
-	return g(Ve) ?? $e;
+function Xe() {
+	return g(Ke) ?? it;
 }
-function Ge() {
-	return Ke(We());
+function Ze() {
+	return Qe(Xe());
 }
-function Ke(e) {
+function Qe(e) {
 	return x((t) => e.subscribe(t), () => e.getSnapshot(), () => ({
 		uploads: [],
 		downloads: []
 	}));
 }
-function qe(e) {
+function $e(e) {
 	_(() => {
 		let t = (t) => {
 			e.hasActiveTransfers() && (t.preventDefault(), t.returnValue = "");
@@ -1013,16 +1101,16 @@ function qe(e) {
 		return window.addEventListener("beforeunload", t), () => window.removeEventListener("beforeunload", t);
 	}, [e]);
 }
-function Je(e) {
-	if (e?.storage) return e;
+function et(e) {
+	if (e?.storage !== void 0) return e;
 	let t = typeof window > "u" ? void 0 : window.localStorage;
 	return t ? {
 		...e,
 		storage: t
 	} : e ?? {};
 }
-function Ye({ manager: e, snapshot: t }) {
-	let n = t.uploads.filter(rt), r = it(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 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) => [
 		"preparing",
 		"warning",
 		"ready",
@@ -1030,7 +1118,7 @@ function Ye({ manager: e, snapshot: t }) {
 	].includes(e.status));
 	return n.length === 0 && o.length === 0 ? null : C(/* @__PURE__ */ E("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)] ${Y}`,
+		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)] ${Je}`,
 		children: [/* @__PURE__ */ E("div", {
 			className: "mb-2 flex items-center justify-between gap-2",
 			children: [/* @__PURE__ */ T("div", {
@@ -1043,11 +1131,11 @@ function Ye({ manager: e, snapshot: t }) {
 		}), /* @__PURE__ */ E("div", {
 			className: "flex flex-col gap-2",
 			children: [
-				r.map((t) => /* @__PURE__ */ T(Xe, {
+				r.map((t) => /* @__PURE__ */ T(nt, {
 					group: t,
 					manager: e
 				}, t.group.id)),
-				a.map((t) => /* @__PURE__ */ T(Ze, {
+				a.map((t) => /* @__PURE__ */ T(Y, {
 					manager: e,
 					upload: t
 				}, t.id)),
@@ -1058,23 +1146,23 @@ function Ye({ manager: e, snapshot: t }) {
 							className: "flex items-center justify-between gap-2",
 							children: [/* @__PURE__ */ E("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)] ${He}`,
+								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)] ${qe}`,
 								download: !0,
 								href: t.url,
 								onClick: () => e.dismissDownload(t.id),
-								children: [/* @__PURE__ */ T(L, {
+								children: [/* @__PURE__ */ T(I, {
 									"aria-hidden": "true",
 									className: "size-3.5 shrink-0"
 								}), /* @__PURE__ */ T("span", {
 									className: "truncate",
-									children: ct(t)
+									children: pt(t)
 								})]
 							}), /* @__PURE__ */ T("button", {
 								"aria-label": "Dismiss download",
-								className: et(),
+								className: at(),
 								onClick: () => e.dismissDownload(t.id),
 								type: "button",
-								children: /* @__PURE__ */ T(V, {
+								children: /* @__PURE__ */ T(W, {
 									"aria-hidden": "true",
 									className: "size-3.5"
 								})
@@ -1083,7 +1171,7 @@ function Ye({ manager: e, snapshot: t }) {
 						t.status === "warning" ? /* @__PURE__ */ E("div", {
 							className: "flex items-center justify-between gap-2",
 							children: [/* @__PURE__ */ T("span", { children: "Large client zip" }), /* @__PURE__ */ T("button", {
-								className: tt(),
+								className: ot(),
 								onClick: () => void e.confirmBulkDownload(t.id),
 								type: "button",
 								children: "Continue"
@@ -1100,9 +1188,9 @@ function Ye({ manager: e, snapshot: t }) {
 		})]
 	}), document.body);
 }
-function Xe({ group: e, manager: t }) {
+function nt({ group: e, manager: t }) {
 	return /* @__PURE__ */ E("div", {
-		className: Y,
+		className: Je,
 		children: [/* @__PURE__ */ E("div", {
 			className: "flex items-center justify-between gap-2",
 			children: [/* @__PURE__ */ E("div", {
@@ -1112,24 +1200,24 @@ function Xe({ group: e, manager: t }) {
 					children: ["Uploading ", e.group.name]
 				}), /* @__PURE__ */ T("div", {
 					className: "text-[11px] text-[var(--fb-muted)]",
-					children: at(e)
+					children: ut(e)
 				})]
 			}), /* @__PURE__ */ T("button", {
 				"aria-label": `Cancel upload group ${e.group.name}`,
-				className: et(),
+				className: at(),
 				onClick: () => {
 					for (let n of e.activeUploads) t.cancelUpload(n.id);
 				},
 				title: "Cancel",
 				type: "button",
-				children: /* @__PURE__ */ T(V, {
+				children: /* @__PURE__ */ T(W, {
 					"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 ${Y}`,
-			children: e.activeUploads.map((e) => /* @__PURE__ */ T(Ze, {
+			className: `mt-2 flex flex-col gap-1.5 border-l border-[var(--fb-border)] pl-3 ${Je}`,
+			children: e.activeUploads.map((e) => /* @__PURE__ */ T(Y, {
 				compact: !0,
 				manager: t,
 				upload: e
@@ -1137,9 +1225,9 @@ function Xe({ group: e, manager: t }) {
 		})]
 	});
 }
-function Ze({ compact: e = !1, manager: t, upload: n }) {
+function Y({ compact: e = !1, manager: t, upload: n }) {
 	return /* @__PURE__ */ E("div", {
-		className: Y,
+		className: Je,
 		children: [/* @__PURE__ */ E("div", {
 			className: "flex items-center justify-between gap-2",
 			children: [/* @__PURE__ */ E("div", {
@@ -1149,25 +1237,25 @@ function Ze({ compact: e = !1, manager: t, upload: n }) {
 					children: n.name
 				}), /* @__PURE__ */ T("span", {
 					className: "text-[11px] text-[var(--fb-muted)]",
-					children: ot(n)
+					children: dt(n)
 				})]
 			}), /* @__PURE__ */ E("div", {
 				className: "flex shrink-0 items-center gap-1",
 				children: [
 					["queued", "uploading"].includes(n.status) ? /* @__PURE__ */ T("button", {
 						"aria-label": `Pause upload ${n.name}`,
-						className: et(),
+						className: at(),
 						onClick: () => t.pauseUpload(n.id),
 						title: "Pause",
 						type: "button",
-						children: /* @__PURE__ */ T(fe, {
+						children: /* @__PURE__ */ T(R, {
 							"aria-hidden": "true",
 							className: "size-3.5"
 						})
 					}) : null,
 					["failed", "paused"].includes(n.status) ? /* @__PURE__ */ T("button", {
 						"aria-label": `Resume upload ${n.name}`,
-						className: et(),
+						className: at(),
 						onClick: () => void t.resumeUpload(n.id),
 						title: "Resume",
 						type: "button",
@@ -1178,11 +1266,11 @@ function Ze({ compact: e = !1, manager: t, upload: n }) {
 					}) : null,
 					/* @__PURE__ */ T("button", {
 						"aria-label": `Cancel upload ${n.name}`,
-						className: et(),
+						className: at(),
 						onClick: () => void t.cancelUpload(n.id),
 						title: "Cancel",
 						type: "button",
-						children: /* @__PURE__ */ T(V, {
+						children: /* @__PURE__ */ T(W, {
 							"aria-hidden": "true",
 							className: "size-3.5"
 						})
@@ -1190,7 +1278,7 @@ function Ze({ compact: e = !1, manager: t, upload: n }) {
 				]
 			})]
 		}), /* @__PURE__ */ T("div", {
-			className: `h-1.5 overflow-hidden rounded-full bg-[var(--fb-surface-2)] ${Y} ${e ? "mt-1" : "mt-1.5"}`,
+			className: `h-1.5 overflow-hidden rounded-full bg-[var(--fb-surface-2)] ${Je} ${e ? "mt-1" : "mt-1.5"}`,
 			children: /* @__PURE__ */ T("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)}%` }
@@ -1198,14 +1286,14 @@ function Ze({ compact: e = !1, manager: t, upload: n }) {
 		})]
 	});
 }
-function Qe({ count: e, onDismiss: t, onResume: n }) {
+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)] ${Y}`,
+		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)] ${Je}`,
 		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)] ${Y}`,
+			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)] ${Je}`,
 			children: [
 				/* @__PURE__ */ T("h2", {
 					className: "m-0 text-[14px] font-semibold",
@@ -1223,12 +1311,12 @@ function Qe({ count: e, onDismiss: t, onResume: n }) {
 				/* @__PURE__ */ E("div", {
 					className: "mt-4 flex justify-end gap-2",
 					children: [/* @__PURE__ */ T("button", {
-						className: tt(),
+						className: ot(),
 						onClick: t,
 						type: "button",
 						children: "Dismiss"
 					}), /* @__PURE__ */ T("button", {
-						className: nt(),
+						className: st(),
 						onClick: n,
 						type: "button",
 						children: "Resume uploads"
@@ -1238,17 +1326,17 @@ function Qe({ count: e, onDismiss: t, onResume: n }) {
 		})
 	}), document.body);
 }
-var $e = new W();
-function et() {
-	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)] ${He}`;
+var it = new De();
+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)] ${qe}`;
 }
-function tt() {
-	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)] ${He}`;
+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)] ${qe}`;
 }
-function nt() {
-	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)] ${He}`;
+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)] ${qe}`;
 }
-function rt(e) {
+function ct(e) {
 	return [
 		"queued",
 		"uploading",
@@ -1256,7 +1344,7 @@ function rt(e) {
 		"paused"
 	].includes(e.status);
 }
-function it(e) {
+function lt(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
 		if (!n.group) continue;
@@ -1266,18 +1354,18 @@ function it(e) {
 			activeUploads: [],
 			completedCount: 0
 		};
-		e.uploads.push(n), n.status === "completed" && (e.completedCount += 1), rt(n) && e.activeUploads.push(n), t.set(n.group.id, e);
+		e.uploads.push(n), n.status === "completed" && (e.completedCount += 1), ct(n) && e.activeUploads.push(n), t.set(n.group.id, e);
 	}
 	return Array.from(t.values()).filter((e) => e.activeUploads.length > 0);
 }
-function at(e) {
+function ut(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 ot(e) {
-	return e.status !== "uploading" || typeof e.bytesPerSecond != "number" || !Number.isFinite(e.bytesPerSecond) || e.bytesPerSecond <= 0 ? e.status : `${e.status}, ${st(e.bytesPerSecond)}/s`;
+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 st(e) {
+function ft(e) {
 	let t = [
 		"B",
 		"KB",
@@ -1288,17 +1376,21 @@ function st(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 ct(e) {
-	let t = e.expiresAt ? lt(e.expiresAt) : void 0;
+function pt(e) {
+	let t = e.expiresAt ? mt(e.expiresAt) : void 0;
 	return t ? `Download ready, expires in ${t}` : "Download ready";
 }
-function lt(e) {
+function mt(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 ut = "application/x.react-file-browser.paths", dt = 220, ft = 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", pt = {
+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 = [
+	"skip",
+	"replace",
+	"keep-both"
+], yt = {
 	comfortable: {
 		"--fb-font": "13px",
 		"--fb-control-h": "32px",
@@ -1328,256 +1420,271 @@ var ut = "application/x.react-file-browser.paths", dt = 220, ft = 5e3, X = "tran
 		"--fb-panel-pad": "12px"
 	}
 };
-function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", readOnly: a = !1, showDetailsPanel: s = !0, uploadPolicy: c, warnZipSizeBytes: l }) {
-	let u = D({
+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({
 		adapter: e,
-		initialPath: n
-	}), d = We(), f = Ge(), [p, m] = b(!1), [g, x] = b(""), [S, C] = b(null), [w, O] = b(null), [k, ee] = b(""), [te, A] = b(null), [j, M] = b(null), [ne, N] = b(""), [re, P] = b(null), [ie, F] = b(!1), [ae, I] = b(!1), [ce, L] = b(null), [le, fe] = b(n), [pe, B] = b([]), [me, ge] = b("idle"), [_e, ve] = b(null), [V, H] = b(null), [U, Se] = b(null), [Ce, we] = b([]), [Te, Ee] = b(!1), [De, W] = b(null), [Oe, ke] = b(!1), [G, Ae] = b(null), je = y(null), K = y(null), Me = y(null), Ne = y(null), Pe = y(null), Fe = y(/* @__PURE__ */ new Set()), Ie = u.selectedItems.at(0) ?? null, q = v(() => u.filteredItems.filter((e) => e.kind === "file"), [u.filteredItems]), Le = h(async (t) => {
-		Ae({
+		initialPath: a,
+		path: s,
+		onPathChange: c,
+		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), [z, B] = b(""), [me, V] = b(null), [H, U] = b(!1), [W, ye] = b(!1), [be, xe] = b(null), [Se, Ce] = b(s ?? a), [we, Te] = b([]), [Ee, De] = b("idle"), [Oe, ke] = b(null), [Ae, G] = b(null), [je, K] = b(null), [Me, Ne] = b([]), [Pe, Fe] = b(!1), [Ie, Le] = b(null), [Re, q] = b(!1), [ze, Be] = b(null), [J, Ve] = b(null), He = y(null), Ue = y(null), We = y([]), Ge = y(null), Ke = y(null), qe = y(null), Je = 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) => {
+		Ve({
 			item: t,
 			status: "loading"
 		});
 		try {
 			let n = await e.signedUrl(t.path);
-			Ae((e) => e?.item.path === t.path ? {
+			Ve((e) => e?.item.path === t.path ? {
 				item: t,
 				status: "ready",
 				url: n
 			} : e);
 		} catch (e) {
-			Ae((n) => n?.item.path === t.path ? {
+			Ve((n) => n?.item.path === t.path ? {
 				item: t,
 				status: "error",
-				error: Jt(e)
+				error: tn(e)
 			} : n);
 		}
-	}, [e]), J = h(() => {
-		Me.current &&= (clearTimeout(Me.current.timeoutId), null);
-	}, []), Re = h((e) => {
-		J(), Me.current = {
+	}, [e]), Y = h(() => {
+		Ge.current &&= (clearTimeout(Ge.current.timeoutId), null);
+	}, []), rt = h((e) => {
+		Y(), Ge.current = {
 			path: e,
 			timeoutId: setTimeout(() => {
-				Me.current?.path === e && (Me.current = null, u.clearSelection());
-			}, dt)
+				Ge.current?.path === e && (Ge.current = null, D.clearSelection());
+			}, gt)
 		};
-	}, [u, J]), ze = h((e, t) => {
-		let n = Date.now(), r = Ne.current, i = r?.path === e && n - r.timeMs <= dt;
+	}, [D, Y]), it = h((e, t) => {
+		let n = Date.now(), r = Ke.current, i = r?.path === e && n - r.timeMs <= gt;
 		if ("detail" in t && t.detail > 1) {
-			i && (J(), Pe.current = e), Ne.current = {
+			i && (Y(), qe.current = e), Ke.current = {
 				path: e,
 				timeMs: n
 			};
 			return;
 		}
-		Pe.current = null, Ne.current = {
+		qe.current = null, Ke.current = {
 			path: e,
 			timeMs: n
-		}, Bt(u, e, t, {
-			cancelPendingSelectedItemUnselect: J,
-			scheduleSelectedItemUnselect: Re
+		}, qt(D, e, t, {
+			cancelPendingSelectedItemUnselect: Y,
+			scheduleSelectedItemUnselect: rt
 		});
 	}, [
-		u,
-		J,
-		Re
-	]), Be = h((e) => {
-		Pe.current === e.path && (Pe.current = null, J(), e.kind === "folder" ? u.navigate(e.path) : Le(e));
+		D,
+		Y,
+		rt
+	]), at = h((e) => {
+		qe.current === e.path && (qe.current = null, Y(), e.kind === "folder" ? D.open(e) : nt(e));
 	}, [
-		u,
-		J,
-		Le
+		D,
+		Y,
+		nt
 	]);
 	_(() => () => {
-		J();
-	}, [J]);
-	let Ve = v(() => u.selectedItems.reduce((e, t) => e + (t.size ?? 0), 0), [u.selectedItems]), He = h((e, t) => {
-		let n = u.filteredItems;
+		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;
 		if (n.length === 0) return;
-		let r = u.focusedPath ?? u.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 : Ut(e, i, n.length)];
-		t ? u.selectRange(o.path) : u.selectOnly(o.path);
-	}, [u]), Y = h((e = u.selectedPaths) => {
-		e.length !== 0 && (u.copySelection(e), W(`Copied ${Zt(e.length)}`));
-	}, [u]), Ue = h((e = u.selectedPaths) => {
-		e.length !== 0 && (u.cutSelection(e), W(`Cut ${Zt(e.length)}`));
-	}, [u]), Ke = h(async (e) => {
-		e.length !== 0 && (await navigator.clipboard.writeText(e.join(", ")), W(e.length === 1 ? "Copied path" : `Copied ${e.length} paths`));
-	}, []), qe = h(async (e) => {
-		let t = u.clipboard?.paths.length ?? 0;
-		await u.pasteInto(e), t > 0 && W(`Pasted ${Zt(t)}`);
-	}, [u]);
+		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), Le(`Copied ${an(e.length)}`));
+	}, [D]), lt = h((e = D.selectedPaths) => {
+		e.length !== 0 && (D.cutSelection(e), Le(`Cut ${an(e.length)}`));
+	}, [D]), ut = h(async (e) => {
+		e.length !== 0 && (await navigator.clipboard.writeText(e.join(", ")), Le(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 && Le(`Pasted ${an(t)}`);
+	}, [D]);
 	_(() => {
 		let e = (e) => {
-			if (e.key === "Escape" && (u.clearSelection(), M(null), N(""), P(null), O(null), A(null), C(null), F(!1), I(!1), L(null), H(null), Se(null), Ae(null)), !Yt(e.target)) {
-				if (Ht(e.key)) {
-					e.preventDefault(), He(e.key, e.shiftKey);
+			if (e.key === "Escape" && (D.clearSelection(), R(null), B(""), V(null), N(null), I(null), j(null), U(!1), ye(!1), xe(null), G(null), K(null), Ve(null)), !nn(e.target)) {
+				if (Yt(e.key)) {
+					e.preventDefault(), st(e.key, e.shiftKey);
 					return;
 				}
-				if (!a && e.key === "F2" && u.capabilities.rename && u.selectedItems.length === 1) {
+				if (!m && e.key === "F2" && D.capabilities.rename && D.selectedItems.length === 1) {
 					e.preventDefault();
-					let t = u.selectedItems[0];
-					O(null), A(null), M(t), N(t.name), P(null);
+					let t = D.selectedItems[0];
+					N(null), I(null), R(t), B(t.name), V(null);
 					return;
 				}
-				if (!a && (e.key === "Delete" || e.key === "Backspace") && u.selectedPaths.length > 0) {
-					e.preventDefault(), F(!0);
+				if (!m && (e.key === "Delete" || e.key === "Backspace") && D.selectedPaths.length > 0) {
+					e.preventDefault(), U(!0);
 					return;
 				}
-				if ((e.metaKey || e.ctrlKey) && !a) {
+				if ((e.metaKey || e.ctrlKey) && !m) {
 					let t = e.key.toLowerCase();
-					if (t === "c" && u.capabilities.copy && u.selectedPaths.length > 0) {
-						e.preventDefault(), Y();
+					if (t === "c" && D.capabilities.copy && D.selectedPaths.length > 0) {
+						e.preventDefault(), ct();
 						return;
 					}
-					if (t === "x" && u.capabilities.move && u.selectedPaths.length > 0) {
-						e.preventDefault(), Ue();
+					if (t === "x" && D.capabilities.move && D.selectedPaths.length > 0) {
+						e.preventDefault(), lt();
 						return;
 					}
-					if (t === "v" && u.clipboard) {
-						e.preventDefault(), qe(u.currentPath);
+					if (t === "v" && D.clipboard) {
+						e.preventDefault(), dt(D.currentPath);
 						return;
 					}
 				}
-				if (e.key === "Enter" && u.selectedItems.length === 1) {
-					let e = u.selectedItems[0];
-					e.kind === "folder" ? u.navigate(e.path) : Le(e);
+				if (e.key === "Enter" && D.selectedItems.length === 1) {
+					let e = D.selectedItems[0];
+					e.kind === "folder" ? D.open(e) : nt(e);
 				}
-				(e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "a" && (e.preventDefault(), u.selectAllLoaded());
+				(e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "a" && (e.preventDefault(), D.selectAllLoaded());
 			}
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [
-		u,
-		Y,
-		Ue,
-		He,
-		Le,
-		qe,
-		a
+		D,
+		ct,
+		lt,
+		st,
+		nt,
+		dt,
+		m
 	]), _(() => {
-		u.focusedPath && (je.current?.querySelector(`[data-fb-path="${Wt(u.focusedPath)}"]`))?.focus();
+		D.focusedPath && (He.current?.querySelector(`[data-fb-path="${Zt(D.focusedPath)}"]`))?.focus();
 	}, [
-		u.focusedPath,
-		u.filteredItems,
-		u.view
+		D.focusedPath,
+		D.filteredItems,
+		D.view
 	]), _(() => {
-		if (!V) return;
-		let e = () => H(null);
+		if (!Ae) return;
+		let e = () => G(null);
 		return document.addEventListener("click", e), () => document.removeEventListener("click", e);
-	}, [V]), _(() => {
-		if (!De) return;
-		let e = setTimeout(() => W(null), ft);
+	}, [Ae]), _(() => {
+		if (!Ie) return;
+		let e = setTimeout(() => Le(null), _t);
 		return () => clearTimeout(e);
-	}, [De]), _(() => {
-		for (let e of f.uploads) e.status !== "completed" || !e.result || Fe.current.has(e.id) || (Fe.current.add(e.id), o(e.result.path) === u.currentPath && u.refresh());
-	}, [u, f.uploads]), _(() => {
-		if (!ae) return;
+	}, [Ie]), _(() => {
+		for (let e of ie.uploads) e.status !== "completed" || !e.result || Je.current.has(e.id) || (Je.current.add(e.id), o(e.result.path) === D.currentPath && D.refresh());
+	}, [D, ie.uploads]), _(() => {
+		if (!W) return;
 		let t = !1;
-		return Promise.resolve().then(async () => t ? [] : (ge("loading"), ve(null), yt(e, u.selectedPaths))).then((e) => {
+		return Promise.resolve().then(async () => t ? [] : (De("loading"), ke(null), Tt(e, D.selectedPaths))).then((e) => {
 			if (t || e.length === 0) {
-				!t && e.length === 0 && (B([]), ge("ready"));
+				!t && e.length === 0 && (Te([]), De("ready"));
 				return;
 			}
-			B(e), ge("ready");
+			Te(e), De("ready");
 		}).catch((e) => {
-			t || (B([]), ge("error"), ve(Jt(e)));
+			t || (Te([]), De("error"), ke(tn(e)));
 		}), () => {
 			t = !0;
 		};
 	}, [
 		e,
-		u.selectedPaths,
-		ae
+		D.selectedPaths,
+		W
 	]);
-	async function Je() {
-		if (g.trim()) {
-			C(null);
+	async function ft() {
+		if (ae.trim()) {
+			j(null);
 			try {
-				await u.createFolder(g), x(""), m(!1);
+				await D.createFolder(ae), A(""), k(!1);
 			} catch (e) {
-				C(Jt(e));
+				j(tn(e));
 			}
 		}
 	}
-	function Ye(e = u.selectedItems.at(0)) {
-		e && (M(null), N(""), P(null), O(e), ee(e.name), A(null));
+	function pt(e = D.selectedItems.at(0)) {
+		e && (R(null), B(""), V(null), N(e), P(e.name), I(null));
 	}
-	async function Xe() {
-		let e = k.trim();
-		if (!(!w || !e)) {
-			A(null);
+	async function mt() {
+		let e = se.trim();
+		if (!(!M || !e)) {
+			I(null);
 			try {
-				await u.rename(w.path, e), O(null), ee("");
+				await D.rename(M.path, e), N(null), P("");
 			} catch (e) {
-				A(Jt(e));
+				I(tn(e));
 			}
 		}
 	}
-	async function Ze() {
-		let e = j, t = ne.trim();
-		if (P(null), !e || !t || t === e.name) {
-			M(null), N("");
+	async function bt() {
+		let e = L, t = z.trim();
+		if (V(null), !e || !t || t === e.name) {
+			R(null), B("");
 			return;
 		}
 		try {
-			await u.rename(e.path, t), M(null), N("");
+			await D.rename(e.path, t), R(null), B("");
 		} catch (n) {
-			M(e), N(t), P(Jt(n));
+			R(e), B(t), V(tn(n));
 		}
 	}
-	function Qe() {
-		M(null), N(""), P(null);
+	function Et() {
+		R(null), B(""), V(null);
 	}
-	async function $e() {
+	async function Ot() {
+		U(!1);
 		try {
-			await u.deleteSelected(), F(!1);
+			await D.deleteSelected();
 		} catch (e) {
 			if (e instanceof r) {
-				F(!1), L(e);
+				xe(e);
 				return;
 			}
-			throw e;
+			throw U(!0), e;
 		}
 	}
-	function et() {
-		u.selectedPaths.length !== 0 && (fe(u.currentPath), I(!0));
+	function At() {
+		D.selectedPaths.length !== 0 && (Ce(D.currentPath), ye(!0));
 	}
-	async function tt() {
+	async function jt() {
 		try {
-			await u.moveSelectedTo(le), I(!1);
+			await D.moveSelectedTo(Se), ye(!1);
 		} catch (e) {
 			if (e instanceof r) {
-				I(!1), L(e);
+				ye(!1), xe(e);
 				return;
 			}
 			throw e;
 		}
 	}
-	function nt(e, t) {
-		if (a || !u.capabilities.move) return;
-		let n = u.selectedPaths.includes(e.path) ? u.selectedPaths : [e.path];
-		u.setSelection(n), t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData(ut, JSON.stringify(n));
+	function Mt(e, t) {
+		if (m || !D.capabilities.move) return;
+		let n = D.selectedPaths.includes(e.path) ? D.selectedPaths : [e.path];
+		We.current = n, q(!1), Be(null), D.setSelection(n), t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData(ht, JSON.stringify(n));
+	}
+	function Q() {
+		We.current = [], q(!1), Be(null);
+	}
+	function Rt(e) {
+		let t = Qt(e);
+		return t.length > 0 ? t : We.current;
 	}
-	function rt(e, t) {
-		a || !u.capabilities.move || e.kind !== "folder" || Gt(t.dataTransfer).length !== 0 && (t.preventDefault(), t.stopPropagation(), t.dataTransfer.dropEffect = "move");
+	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", q(!1), Be(e.path));
 	}
-	async function it(e, t) {
-		if (a || !u.capabilities.move || e.kind !== "folder") return;
-		let n = Gt(t.dataTransfer);
+	async function en(e, t) {
+		if (m || !D.capabilities.move || e.kind !== "folder") return;
+		let n = Rt(t.dataTransfer);
 		if (n.length !== 0) {
-			t.preventDefault(), t.stopPropagation();
+			t.preventDefault(), t.stopPropagation(), Q();
 			try {
-				await u.movePathsTo(n, e.path);
+				await D.movePathsTo(n, e.path);
 			} catch (e) {
 				if (e instanceof r) {
-					L(e);
+					xe(e);
 					return;
 				}
 				throw e;
 			}
 		}
 	}
-	function at(e, t) {
-		t.preventDefault(), t.stopPropagation(), u.selectedPaths.includes(e.path) || u.selectOnly(e.path), H({
+	function rn(e, t) {
+		t.preventDefault(), t.stopPropagation(), D.selectedPaths.includes(e.path) || D.selectOnly(e.path), G({
 			target: "item",
 			item: e,
 			x: t.clientX,
@@ -1585,8 +1692,8 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 			mode: "context"
 		});
 	}
-	function ot(e) {
-		u.selectedPaths.includes(e.path) || u.selectOnly(e.path), H({
+	function sn(e) {
+		D.selectedPaths.includes(e.path) || D.selectOnly(e.path), G({
 			target: "item",
 			item: e,
 			x: 0,
@@ -1594,100 +1701,120 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 			mode: "sheet"
 		});
 	}
-	function st(e) {
-		e.preventDefault(), u.clearSelection(), H({
+	function mn(e) {
+		e.preventDefault(), D.clearSelection(), G({
 			target: "empty",
 			x: e.clientX,
 			y: e.clientY,
 			mode: "context"
 		});
 	}
-	function ct(e) {
-		e.target !== e.currentTarget || Vt(e) || u.clearSelection();
+	function hn(e) {
+		e.target !== e.currentTarget || Jt(e) || D.clearSelection();
 	}
-	function lt(e) {
-		if (!G || q.length === 0) return;
-		let t = q.findIndex((e) => e.path === G.item.path), n = ((t >= 0 ? t : 0) + e + q.length) % q.length, r = q[n];
-		Le(r), u.selectOnly(r.path);
+	function gn(e) {
+		if (!J || tt.length === 0) return;
+		let t = tt.findIndex((e) => e.path === J.item.path), n = ((t >= 0 ? t : 0) + e + tt.length) % tt.length, r = tt[n];
+		nt(r), D.selectOnly(r.path);
 	}
-	async function mt() {
-		if (u.selectedItems.length === 1 && u.selectedItems[0].kind === "file") {
-			await bt(u.selectedItems[0]);
+	async function _n() {
+		if (!et) return;
+		if (D.selectedItems.length === 1 && D.selectedItems[0].kind === "file") {
+			await vn(D.selectedItems[0]);
 			return;
 		}
-		await St(u.selectedPaths.length > 0 ? u.selectedPaths : u.items.map((e) => e.path), Ve);
+		let e = D.selectedPaths;
+		await yn(e, ot);
 	}
-	async function bt(t) {
+	async function vn(t) {
 		if (t.kind === "file") {
-			await d.prepareSingleDownload({
+			await re.prepareSingleDownload({
 				adapter: e,
 				path: t.path,
 				selectedBytes: t.size ?? 0
 			});
 			return;
 		}
-		await St([t.path], t.size ?? 0);
+		$e && await yn([t.path], t.size ?? 0);
 	}
-	async function St(t, n) {
-		await d.prepareBulkDownload({
+	async function yn(t, n) {
+		t.length === 0 || !$e || await re.prepareBulkDownload({
+			allowClientZipFallback: C,
 			adapter: e,
 			paths: t,
 			selectedBytes: n,
-			warnZipSizeBytes: l
+			warnZipSizeBytes: ne
 		});
 	}
-	async function wt(e) {
-		!e || e.length === 0 || (await Tt(e), K.current && (K.current.value = ""));
+	async function bn(e) {
+		!e || e.length === 0 || (await xn(e), Ue.current && (Ue.current.value = ""));
 	}
-	async function Tt(e) {
-		await jt(xe(e));
+	async function xn(e) {
+		await Cn(ve(e));
 	}
-	async function Q(e) {
-		await jt(await be(e));
+	async function Sn(e) {
+		await Cn(await _e(e));
 	}
-	async function jt(e) {
+	async function Cn(e) {
 		if (e.length === 0) return;
-		let { acceptedCandidates: t, rejectedCandidates: n } = xt(e, c, u.currentPath);
-		if (n.length > 0 && we(n), t.length === 0) return;
-		let r = Pt(t);
+		if (x?.maxFilesPerBatch !== void 0 && e.length > x.maxFilesPerBatch) {
+			Ne(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 && Ne(n), t.length === 0) return;
+		let r = wn(t);
 		if (r.length === 0) return;
-		let i = await qt(r), a = vt(u.currentPath, r, i);
-		an(r, await Xt(r), 0, void 0, a);
+		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)));
+			Ne((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));
+			return;
+		}
+		On(r, a, 0, void 0, wt(D.currentPath, r, i));
 	}
-	function Pt(e) {
-		if (u.capabilities.createFolder) return e;
-		let [t, n] = _t(e, (e) => e.relativePath.includes("/"));
-		return t.length > 0 && we((e) => [...e, ...t.map((e) => ({
+	function wn(e) {
+		if (D.capabilities.createFolder) return e;
+		let [t, n] = Ct(e, (e) => e.relativePath.includes("/"));
+		return t.length > 0 && Ne((e) => [...e, ...t.map((e) => ({
 			fileName: e.file.name,
 			relativePath: e.relativePath,
 			reasons: ["Folder uploads require folder creation support"]
 		}))]), n;
 	}
-	async function qt(n) {
-		let r = gt(n), i = 0;
+	async function Tn(n) {
+		let r = St(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(ht(u.currentPath, n)), i += 1;
+			await e.createFolder(xt(D.currentPath, n)), i += 1;
 		} catch (e) {
 			if (e instanceof t && e.code === "conflict") continue;
 			throw e;
 		}
-		return i > 0 && await u.refresh(), i;
+		return i > 0 && await D.refresh(), i;
 	}
-	async function Xt(t) {
-		let n = t.map((e) => ht(u.currentPath, e.relativePath));
+	async function En(t) {
+		let n = t.map((e) => xt(D.currentPath, e.relativePath));
 		if (e.exists) try {
 			let t = await e.exists(n);
 			return n.filter((e) => t[e]);
 		} catch {}
-		let r = new Set(u.items.map((e) => e.path)), i = [];
-		for (let e of n) (r.has(e) || await rn(e)) && i.push(e);
+		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);
 		return i;
 	}
-	async function rn(t) {
+	async function Dn(t) {
 		let n = o(t), r;
 		do {
 			let i = await e.list(n, { cursor: r });
@@ -1696,65 +1823,77 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 		} while (r);
 		return !1;
 	}
-	function an(e, t, n, r, i) {
+	function On(e, t, n, r, i) {
 		let a = new Set(t);
 		for (let o = n; o < e.length; o += 1) {
-			let n = e[o], s = ht(u.currentPath, n.relativePath);
+			let n = e[o], s = xt(D.currentPath, n.relativePath);
 			if (a.has(s)) {
 				if (!r) {
-					Se({
+					K({
 						candidates: e,
 						conflictPaths: t,
 						group: i,
 						index: o
-					}), Ee(!1);
+					}), Fe(!1);
 					return;
 				}
-				r !== "skip" && sn(n, r, i);
-			} else sn(n, void 0, i);
+				r !== "skip" && An(n, r, i);
+			} else An(n, void 0, i);
 		}
-		Se(null), Ee(!1);
+		K(null), Fe(!1);
 	}
-	function on(e) {
-		if (!U) return;
-		let { candidates: t, conflictPaths: n, group: r, index: i } = U;
-		if (Te) {
-			an(t, n, i, e, r);
+	function kn(e) {
+		if (!je || !Qe.includes(e)) return;
+		let { candidates: t, conflictPaths: n, group: r, index: i } = je;
+		if (Pe) {
+			On(t, n, i, e, r);
 			return;
 		}
 		let a = t[i];
-		e !== "skip" && sn(a, e, r), an(t, n, i + 1, void 0, r);
+		e !== "skip" && An(a, e, r), On(t, n, i + 1, void 0, r);
 	}
-	function sn(t, n, r) {
-		d.enqueueUpload({
+	function An(t, n, r) {
+		re.enqueueUpload({
 			adapter: e,
-			destinationPath: ht(u.currentPath, t.relativePath),
+			destinationPath: xt(D.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}`,
-		"data-fb-density": i,
-		ref: je,
-		style: pt[i],
+		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}` : ""}`,
+		"data-fb-density": p,
+		ref: He,
+		style: yt[p],
 		onDragEnter: (e) => {
-			e.preventDefault(), a || ke(!0);
+			if (Rt(e.dataTransfer).length > 0) {
+				q(!1);
+				return;
+			}
+			e.preventDefault(), m || q(!0);
 		},
 		onDragLeave: (e) => {
-			e.currentTarget === e.target && ke(!1);
+			e.currentTarget === e.target && (q(!1), Be(null));
 		},
 		onDragOver: (e) => {
+			if (Rt(e.dataTransfer).length > 0) {
+				q(!1), Be(null);
+				return;
+			}
 			e.preventDefault();
 		},
 		onDrop: (e) => {
-			e.preventDefault(), ke(!1), !a && Q(e.dataTransfer);
+			if (e.preventDefault(), Rt(e.dataTransfer).length > 0) {
+				Q();
+				return;
+			}
+			q(!1), !m && Sn(e.dataTransfer);
 		},
 		onPaste: (e) => {
-			if (a) return;
+			if (m) return;
 			let t = Array.from(e.clipboardData.files).filter((e) => e.type.startsWith("image/"));
-			t.length > 0 && Tt(t);
+			t.length > 0 && xn(t);
 		},
 		children: [
 			/* @__PURE__ */ T("div", {
@@ -1762,11 +1901,12 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 				"aria-live": "polite",
 				className: "sr-only",
 				role: "status",
-				children: Qt({
-					currentPath: u.currentPath,
-					itemCount: u.filteredItems.length,
-					selectedCount: u.selectedPaths.length,
-					status: u.status
+				children: ln({
+					currentPath: D.currentPath,
+					itemCount: D.filteredItems.length,
+					rootLabel: l,
+					selectedCount: D.selectedPaths.length,
+					status: D.status
 				})
 			}),
 			/* @__PURE__ */ E("div", {
@@ -1775,15 +1915,16 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 					/* @__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}`,
 						children: [
-							/* @__PURE__ */ T(Nt, {
-								path: u.currentPath,
-								onNavigate: u.navigate
+							/* @__PURE__ */ T(Bt, {
+								onNavigate: (e) => D.navigate(e, { source: "breadcrumb" }),
+								path: D.currentPath,
+								rootLabel: l
 							}),
-							De ? /* @__PURE__ */ T("span", {
+							Ie ? /* @__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: De
+								children: Ie
 							}) : null,
 							/* @__PURE__ */ E("div", {
 								className: "ml-auto flex min-w-0 items-center gap-1.5",
@@ -1796,17 +1937,17 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 										}), /* @__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) => u.setSearchQuery(e.target.value),
+											onChange: (e) => D.setSearchQuery(e.target.value),
 											placeholder: "Search",
 											type: "search",
-											value: u.searchQuery
+											value: D.searchQuery
 										})]
 									}),
 									/* @__PURE__ */ E("select", {
 										"aria-label": "Filter files",
-										className: nn(),
-										onChange: (e) => u.setFilterKind(e.target.value),
-										value: u.filterKind,
+										className: pn(),
+										onChange: (e) => D.setFilterKind(e.target.value),
+										value: D.filterKind,
 										children: [
 											/* @__PURE__ */ T("option", {
 												value: "all",
@@ -1824,9 +1965,9 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 									}),
 									/* @__PURE__ */ E("select", {
 										"aria-label": "Sort files",
-										className: nn(),
-										onChange: (e) => u.setSortBy(e.target.value),
-										value: u.sortBy,
+										className: pn(),
+										onChange: (e) => D.setSortBy(e.target.value),
+										value: D.sortBy,
 										children: [
 											/* @__PURE__ */ T("option", {
 												value: "name",
@@ -1844,55 +1985,56 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 									}),
 									/* @__PURE__ */ T("button", {
 										"aria-label": "Toggle sort direction",
-										className: $t(!1),
-										onClick: () => u.setSortDirection((e) => e === "asc" ? "desc" : "asc"),
+										className: un(!1),
+										onClick: () => D.setSortDirection((e) => e === "asc" ? "desc" : "asc"),
 										type: "button",
-										children: u.sortDirection === "asc" ? "Asc" : "Desc"
+										children: D.sortDirection === "asc" ? "Asc" : "Desc"
 									}),
 									/* @__PURE__ */ T("button", {
 										"aria-label": "Grid view",
-										className: $t(u.view === "grid"),
-										onClick: () => u.setView("grid"),
+										className: un(D.view === "grid"),
+										onClick: () => D.setView("grid"),
 										type: "button",
-										children: /* @__PURE__ */ T(ue, {
+										children: /* @__PURE__ */ T(fe, {
 											"aria-hidden": "true",
 											className: "size-4"
 										})
 									}),
 									/* @__PURE__ */ T("button", {
 										"aria-label": "List view",
-										className: $t(u.view === "list"),
-										onClick: () => u.setView("list"),
+										className: un(D.view === "list"),
+										onClick: () => D.setView("list"),
 										type: "button",
-										children: /* @__PURE__ */ T(de, {
+										children: /* @__PURE__ */ T(pe, {
 											"aria-hidden": "true",
 											className: "size-4"
 										})
 									}),
-									!a && u.capabilities.createFolder ? /* @__PURE__ */ E("button", {
+									!m && D.capabilities.createFolder ? /* @__PURE__ */ E("button", {
 										className: $(!1),
 										onClick: () => {
-											C(null), m(!0);
+											j(null), k(!0);
 										},
 										type: "button",
-										children: [/* @__PURE__ */ T(z, {
+										children: [/* @__PURE__ */ T(de, {
 											"aria-hidden": "true",
 											className: "size-4"
 										}), "New folder"]
 									}) : null,
 									/* @__PURE__ */ T("input", {
+										accept: x?.allowedMimeTypes?.length ? x.allowedMimeTypes.join(",") : void 0,
 										"aria-label": "Upload files",
 										multiple: !0,
-										onChange: (e) => void wt(e.target.files),
-										ref: K,
+										onChange: (e) => void bn(e.target.files),
+										ref: Ue,
 										type: "file",
 										className: "hidden"
 									}),
-									a ? null : /* @__PURE__ */ E("button", {
-										className: en(),
-										onClick: () => K.current?.click(),
+									m ? null : /* @__PURE__ */ E("button", {
+										className: dn(),
+										onClick: () => Ue.current?.click(),
 										type: "button",
-										children: [/* @__PURE__ */ T(ye, {
+										children: [/* @__PURE__ */ T(ge, {
 											"aria-hidden": "true",
 											className: "size-4"
 										}), "Upload"]
@@ -1901,79 +2043,88 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 							})
 						]
 					}),
-					/* @__PURE__ */ T(Mt, {
-						canCopy: !a && u.capabilities.copy,
-						canCut: !a && u.capabilities.move,
-						canDelete: !a,
-						canMove: !a && u.capabilities.move,
-						canRename: !a && u.capabilities.rename,
-						itemCount: u.filteredItems.length,
-						onCopy: () => Y(),
-						onCut: () => Ue(),
-						onDelete: () => F(!0),
-						onDownload: () => void mt(),
-						onMove: et,
-						onRename: Ye,
-						onSelectAll: u.selectAllLoaded,
-						onSelectNone: u.clearSelection,
-						selectedCount: u.selectedPaths.length
+					/* @__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: () => U(!0),
+						onDownload: () => void _n(),
+						onMove: At,
+						onRename: pt,
+						onSelectAll: D.selectAllLoaded,
+						onSelectNone: D.clearSelection,
+						selectedCount: D.selectedPaths.length
 					}),
-					Ce.length > 0 ? /* @__PURE__ */ T(zt, {
-						onDismiss: () => we([]),
-						rejections: Ce
+					Me.length > 0 ? /* @__PURE__ */ T(Kt, {
+						onDismiss: () => Ne([]),
+						rejections: Me
 					}) : null,
 					/* @__PURE__ */ E("div", {
 						className: `relative min-h-0 flex-1 overflow-auto bg-[var(--fb-bg)] p-[var(--fb-pad)] ${Z}`,
-						onClick: ct,
-						onContextMenu: st,
-						children: [u.status === "loading" && u.items.length === 0 ? /* @__PURE__ */ T(Lt, {}) : u.status === "error" ? /* @__PURE__ */ T(Rt, {
-							title: Kt(u.error).title,
+						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,
 							tone: "danger",
-							value: Kt(u.error).value
-						}) : u.filteredItems.length === 0 ? /* @__PURE__ */ T(Rt, {
-							title: "This folder is empty",
-							value: "Create a folder or upload files to start."
-						}) : u.view === "grid" ? /* @__PURE__ */ T(Ct, {
-							browser: u,
-							canMove: !a && u.capabilities.move,
-							inlineRenameError: re,
-							inlineRenameLabel: j?.name ?? "",
-							inlineRenameItem: j,
-							inlineRenameValue: ne,
-							onDragStart: nt,
-							onFolderDragOver: rt,
-							onFolderDrop: (e, t) => void it(e, t),
-							onEmptyClick: () => u.clearSelection(),
-							onInlineRenameCancel: Qe,
+							value: $t(D.error).value
+						}) : D.filteredItems.length === 0 ? /* @__PURE__ */ T(Gt, {
+							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: ze,
+							inlineRenameError: me,
+							inlineRenameLabel: L?.name ?? "",
+							inlineRenameItem: L,
+							inlineRenameValue: z,
+							onDragStart: Mt,
+							onDragEnd: Q,
+							onFolderDragOver: Vt,
+							onFolderDrop: (e, t) => void en(e, t),
+							onEmptyClick: () => D.clearSelection(),
+							onInlineRenameCancel: Et,
 							onInlineRenameChange: (e) => {
-								N(e), P(null);
+								B(e), V(null);
 							},
-							onInlineRenameCommit: () => void Ze(),
-							onContextMenu: at,
-							onOpenItem: Be,
-							onSelectItem: ze,
-							onTouchMenu: ot,
-							selectedPaths: u.selectedPaths
-						}) : /* @__PURE__ */ T(Et, {
-							browser: u,
-							canMove: !a && u.capabilities.move,
-							inlineRenameError: re,
-							inlineRenameLabel: j?.name ?? "",
-							inlineRenameItem: j,
-							inlineRenameValue: ne,
-							onDragStart: nt,
-							onFolderDragOver: rt,
-							onFolderDrop: (e, t) => void it(e, t),
-							onInlineRenameCancel: Qe,
+							onInlineRenameCommit: () => void bt(),
+							onContextMenu: rn,
+							onOpenItem: at,
+							onSelectItem: it,
+							onTouchMenu: sn,
+							renderItemMeta: w,
+							rootLabel: l,
+							selectedPaths: D.selectedPaths
+						}) : /* @__PURE__ */ T(Nt, {
+							browser: D,
+							canMove: !m && D.capabilities.move,
+							folderDropTargetPath: ze,
+							inlineRenameError: me,
+							inlineRenameLabel: L?.name ?? "",
+							inlineRenameItem: L,
+							inlineRenameValue: z,
+							onDragStart: Mt,
+							onDragEnd: Q,
+							onFolderDragOver: Vt,
+							onFolderDrop: (e, t) => void en(e, t),
+							onInlineRenameCancel: Et,
 							onInlineRenameChange: (e) => {
-								N(e), P(null);
+								B(e), V(null);
 							},
-							onInlineRenameCommit: () => void Ze(),
-							onContextMenu: at,
-							onOpenItem: Be,
-							onSelectItem: ze,
-							selectedPaths: u.selectedPaths
-						}), Oe ? /* @__PURE__ */ T("div", {
+							onInlineRenameCommit: () => void bt(),
+							onContextMenu: rn,
+							onOpenItem: at,
+							onSelectItem: it,
+							renderItemMeta: w,
+							rootLabel: l,
+							selectedPaths: D.selectedPaths
+						}), Re ? /* @__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}`,
 							children: "Drop files to upload"
 						}) : null]
@@ -1981,44 +2132,47 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 					/* @__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: [
-							u.filteredItems.length,
+							D.filteredItems.length,
 							" items",
-							u.selectedPaths.length ? ` · ${u.selectedPaths.length} selected` : ""
-						] }), u.hasMore ? /* @__PURE__ */ T("button", {
+							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 u.loadMore(),
+							onClick: () => void D.loadMore(),
 							type: "button",
 							children: "Load more"
 						}) : /* @__PURE__ */ T("span", {})]
 					})
 				]
 			}),
-			s ? /* @__PURE__ */ T(Ft, {
-				item: Ie,
-				onCopyPath: () => void Ke(u.selectedPaths),
-				onDownload: () => void mt(),
-				selectedCount: u.selectedItems.length,
-				totalBytes: Ve
+			g ? /* @__PURE__ */ T(Ht, {
+				canDownload: et,
+				item: Ye,
+				onCopyPath: () => void ut(D.selectedPaths),
+				onDownload: () => void _n(),
+				renderDetailsContent: te,
+				selectedCount: D.selectedItems.length,
+				totalBytes: ot
 			}) : null,
-			V ? /* @__PURE__ */ T(Dt, {
-				browser: u,
-				menu: V,
-				onClose: () => H(null),
-				onDelete: () => F(!0),
-				onDownload: () => void mt(),
-				onMove: et,
+			Ae ? /* @__PURE__ */ T(Pt, {
+				browser: D,
+				canDownload: et,
+				menu: Ae,
+				onClose: () => G(null),
+				onDelete: () => U(!0),
+				onDownload: () => void _n(),
+				onMove: At,
 				onNewFolder: () => {
-					C(null), m(!0);
+					j(null), k(!0);
 				},
-				onCopy: () => Y(),
-				onCopyPath: (e) => void Ke(u.selectedPaths.includes(e.path) ? u.selectedPaths : [e.path]),
-				onCut: () => Ue(),
-				onPaste: () => void qe(u.currentPath),
-				onRename: Ye,
-				onUpload: () => K.current?.click(),
-				readOnly: a
+				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: () => Ue.current?.click(),
+				readOnly: m
 			}) : null,
-			p ? /* @__PURE__ */ T("div", {
+			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}`,
@@ -2026,7 +2180,7 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 				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}`,
 					onSubmit: (e) => {
-						e.preventDefault(), Je();
+						e.preventDefault(), ft();
 					},
 					children: [
 						/* @__PURE__ */ T("h2", {
@@ -2040,27 +2194,27 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 								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}`,
 								onChange: (e) => {
-									x(e.target.value), C(null);
+									A(e.target.value), j(null);
 								},
-								value: g
+								value: ae
 							})]
 						}),
-						S ? /* @__PURE__ */ T("div", {
+						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}`,
 							role: "alert",
-							children: S
+							children: oe
 						}) : null,
 						/* @__PURE__ */ E("div", {
 							className: "mt-4 flex justify-end gap-2",
 							children: [/* @__PURE__ */ T("button", {
 								className: $(!1),
 								onClick: () => {
-									C(null), m(!1);
+									j(null), k(!1);
 								},
 								type: "button",
 								children: "Cancel"
 							}), /* @__PURE__ */ T("button", {
-								className: en(),
+								className: dn(),
 								type: "submit",
 								children: "Create folder"
 							})]
@@ -2068,7 +2222,7 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 					]
 				})
 			}) : null,
-			w ? /* @__PURE__ */ T("div", {
+			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}`,
@@ -2076,7 +2230,7 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 				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}`,
 					onSubmit: (e) => {
-						e.preventDefault(), Xe();
+						e.preventDefault(), mt();
 					},
 					children: [
 						/* @__PURE__ */ T("h2", {
@@ -2090,27 +2244,27 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 								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}`,
 								onChange: (e) => {
-									ee(e.target.value), A(null);
+									P(e.target.value), I(null);
 								},
-								value: k
+								value: se
 							})]
 						}),
-						te ? /* @__PURE__ */ T("div", {
+						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}`,
 							role: "alert",
-							children: te
+							children: F
 						}) : null,
 						/* @__PURE__ */ E("div", {
 							className: "mt-4 flex justify-end gap-2",
 							children: [/* @__PURE__ */ T("button", {
 								className: $(!1),
 								onClick: () => {
-									O(null), ee(""), A(null);
+									N(null), P(""), I(null);
 								},
 								type: "button",
 								children: "Cancel"
 							}), /* @__PURE__ */ T("button", {
-								className: en(),
+								className: dn(),
 								type: "submit",
 								children: "Rename item"
 							})]
@@ -2118,7 +2272,7 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 					]
 				})
 			}) : null,
-			ie ? /* @__PURE__ */ T("div", {
+			H ? /* @__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}`,
@@ -2126,7 +2280,7 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 				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}`,
 					onSubmit: (e) => {
-						e.preventDefault(), $e();
+						e.preventDefault(), Ot();
 					},
 					children: [
 						/* @__PURE__ */ T("h2", {
@@ -2139,7 +2293,7 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 						}),
 						/* @__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: u.selectedItems.map((e) => /* @__PURE__ */ T("li", {
+							children: D.selectedItems.map((e) => /* @__PURE__ */ T("li", {
 								className: "truncate py-1",
 								children: e.name
 							}, e.path))
@@ -2148,11 +2302,11 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 							className: "mt-4 flex justify-end gap-2",
 							children: [/* @__PURE__ */ T("button", {
 								className: $(!1),
-								onClick: () => F(!1),
+								onClick: () => U(!1),
 								type: "button",
 								children: "Cancel"
 							}), /* @__PURE__ */ T("button", {
-								className: tn(),
+								className: fn(),
 								type: "submit",
 								children: "Delete selected"
 							})]
@@ -2160,7 +2314,7 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 					]
 				})
 			}) : null,
-			ae ? /* @__PURE__ */ T("div", {
+			W ? /* @__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}`,
@@ -2168,7 +2322,7 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 				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}`,
 					onSubmit: (e) => {
-						e.preventDefault(), tt();
+						e.preventDefault(), jt();
 					},
 					children: [
 						/* @__PURE__ */ T("h2", {
@@ -2179,27 +2333,28 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 							className: "mt-2 text-[12px] text-[var(--fb-muted)]",
 							children: "Choose a destination folder from the folder tree."
 						}),
-						/* @__PURE__ */ T(At, {
-							currentPath: u.currentPath,
-							destinations: pe,
-							error: _e,
-							onSelect: fe,
-							selectedPath: le,
-							status: me
+						/* @__PURE__ */ T(Lt, {
+							currentPath: D.currentPath,
+							destinations: we,
+							error: Oe,
+							onSelect: Ce,
+							rootLabel: l,
+							selectedPath: Se,
+							status: Ee
 						}),
 						/* @__PURE__ */ E("div", {
 							className: "mt-3 truncate text-[11px] text-[var(--fb-muted)]",
-							children: ["Destination: ", le]
+							children: ["Destination: ", Se]
 						}),
 						/* @__PURE__ */ E("div", {
 							className: "mt-4 flex justify-end gap-2",
 							children: [/* @__PURE__ */ T("button", {
 								className: $(!1),
-								onClick: () => I(!1),
+								onClick: () => ye(!1),
 								type: "button",
 								children: "Cancel"
 							}), /* @__PURE__ */ T("button", {
-								className: en(),
+								className: dn(),
 								type: "submit",
 								children: "Move here"
 							})]
@@ -2207,22 +2362,23 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 					]
 				})
 			}) : null,
-			ce ? /* @__PURE__ */ T(kt, {
-				error: ce,
-				onClose: () => L(null)
+			be ? /* @__PURE__ */ T(It, {
+				error: be,
+				onClose: () => xe(null)
 			}) : null,
-			U ? /* @__PURE__ */ T(Ot, {
-				applyToAll: Te,
-				currentPath: u.currentPath,
-				onApplyToAllChange: Ee,
+			je ? /* @__PURE__ */ T(Ft, {
+				applyToAll: Pe,
+				currentPath: D.currentPath,
+				onApplyToAllChange: Fe,
 				onCancel: () => {
-					Se(null), Ee(!1);
+					K(null), Fe(!1);
 				},
-				onResolve: (e) => on(e),
-				queue: U
+				onResolve: (e) => kn(e),
+				queue: je,
+				resolutions: Qe
 			}) : null,
-			G ? /* @__PURE__ */ T("div", {
-				"aria-label": `Preview ${G.item.name}`,
+			J ? /* @__PURE__ */ T("div", {
+				"aria-label": `Preview ${J.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",
@@ -2232,35 +2388,35 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 						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 ", G.item.name]
+							children: ["Preview ", J.item.name]
 						}), /* @__PURE__ */ E("div", {
 							className: "flex items-center gap-1",
 							children: [
 								/* @__PURE__ */ T("button", {
 									"aria-label": "Previous file",
-									className: $t(!1),
-									disabled: q.length <= 1,
-									onClick: () => lt(-1),
+									className: un(!1),
+									disabled: tt.length <= 1,
+									onClick: () => gn(-1),
 									type: "button",
-									children: /* @__PURE__ */ T(oe, {
+									children: /* @__PURE__ */ T(ce, {
 										"aria-hidden": "true",
 										className: "size-4"
 									})
 								}),
 								/* @__PURE__ */ T("button", {
 									"aria-label": "Next file",
-									className: $t(!1),
-									disabled: q.length <= 1,
-									onClick: () => lt(1),
+									className: un(!1),
+									disabled: tt.length <= 1,
+									onClick: () => gn(1),
 									type: "button",
-									children: /* @__PURE__ */ T(se, {
+									children: /* @__PURE__ */ T(le, {
 										"aria-hidden": "true",
 										className: "size-4"
 									})
 								}),
 								/* @__PURE__ */ T("button", {
-									className: $t(!1),
-									onClick: () => Ae(null),
+									className: un(!1),
+									onClick: () => Ve(null),
 									type: "button",
 									children: "Close"
 								})
@@ -2268,34 +2424,34 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 						})]
 					}), /* @__PURE__ */ T("div", {
 						className: `grid min-h-[260px] place-items-center bg-[var(--fb-bg)] p-8 ${Z}`,
-						children: G.item.mimeType?.startsWith("image/") && G.url || G.item.thumbnailUrl ? /* @__PURE__ */ E("div", {
+						children: J.item.mimeType?.startsWith("image/") && J.url || J.item.thumbnailUrl ? /* @__PURE__ */ E("div", {
 							className: "text-center",
 							children: [/* @__PURE__ */ T("img", {
-								alt: G.item.name,
+								alt: J.item.name,
 								className: `max-h-[420px] max-w-full rounded-[calc(var(--fb-radius)-2px)] object-contain ${Z}`,
-								src: G.url ?? G.item.thumbnailUrl
-							}), /* @__PURE__ */ T(It, { preview: G })]
+								src: J.url ?? J.item.thumbnailUrl
+							}), /* @__PURE__ */ T(Ut, { preview: J })]
 						}) : /* @__PURE__ */ E("div", {
 							className: "text-center",
 							children: [
-								/* @__PURE__ */ T(R, { className: "mx-auto size-12 text-[var(--fb-muted)]" }),
+								/* @__PURE__ */ T(ue, { className: "mx-auto size-12 text-[var(--fb-muted)]" }),
 								/* @__PURE__ */ T("div", {
 									className: "mt-3 font-semibold",
-									children: G.item.name
+									children: J.item.name
 								}),
 								/* @__PURE__ */ T("div", {
 									className: "mt-1 text-[12px] text-[var(--fb-muted)]",
-									children: G.item.mimeType ?? "File"
+									children: J.item.mimeType ?? "File"
 								}),
-								G.status === "loading" ? /* @__PURE__ */ T("div", {
+								J.status === "loading" ? /* @__PURE__ */ T("div", {
 									className: "mt-3 text-[12px] text-[var(--fb-muted)]",
 									children: "Loading preview"
 								}) : null,
-								G.status === "error" ? /* @__PURE__ */ T("div", {
+								J.status === "error" ? /* @__PURE__ */ T("div", {
 									className: "mt-3 text-[12px] text-[var(--fb-danger)]",
-									children: G.error ?? "Could not load preview"
+									children: J.error ?? "Could not load preview"
 								}) : null,
-								/* @__PURE__ */ T(It, { preview: G })
+								/* @__PURE__ */ T(Ut, { preview: J })
 							]
 						})
 					})]
@@ -2304,10 +2460,10 @@ function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", read
 		]
 	});
 }
-function ht(t, n) {
+function xt(t, n) {
 	return n.split("/").filter(Boolean).reduce((t, n) => e(t, n), t);
 }
-function gt(e) {
+function St(e) {
 	let t = /* @__PURE__ */ new Set();
 	for (let { relativePath: n } of e) {
 		let e = n.split("/").filter(Boolean);
@@ -2315,22 +2471,22 @@ function gt(e) {
 	}
 	return Array.from(t).sort((e, t) => e.split("/").length - t.split("/").length || e.localeCompare(t));
 }
-function _t(e, t) {
+function Ct(e, t) {
 	let n = [], r = [];
 	for (let i of e) t(i) ? n.push(i) : r.push(i);
 	return [n, r];
 }
-function vt(e, t, n = 0) {
-	if (gt(t).length === 0) return;
+function wt(e, t, n = 0) {
+	if (St(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 ? ht(e, o) : `${a(e)}#folder-upload`,
+		id: i.length === 1 ? xt(e, o) : `${a(e)}#folder-upload`,
 		name: o,
 		totalFiles: t.length,
 		createdFolders: n
 	};
 }
-async function yt(e, t) {
+async function Tt(e, t) {
 	let n = [], r = t.map(a);
 	async function i(t, a) {
 		let o;
@@ -2339,7 +2495,7 @@ async function yt(e, t) {
 				numeric: !0,
 				sensitivity: "base"
 			}));
-			for (let e of c) bt(e.path, r) || (n.push({
+			for (let e of c) Et(e.path, r) || (n.push({
 				path: e.path,
 				name: e.name,
 				depth: a
@@ -2349,11 +2505,11 @@ async function yt(e, t) {
 	}
 	return await i("/", 0), n;
 }
-function bt(e, t) {
+function Et(e, t) {
 	let n = a(e);
 	return t.some((e) => n === e || n.startsWith(`${e}/`));
 }
-function xt(e, t, n) {
+function Dt(e, t, n) {
 	if (!t) return {
 		acceptedCandidates: e,
 		rejectedCandidates: []
@@ -2361,7 +2517,7 @@ function xt(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 ${Xt(t.maxFileSizeBytes)}`), t.allowedMimeTypes?.length && !St(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 ${Xt(t.remainingQuotaBytes)}`);
+		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)}`);
 		let s = t.validate?.(o, {
 			acceptedBytes: a,
 			currentPath: n
@@ -2381,122 +2537,141 @@ function xt(e, t, n) {
 		rejectedCandidates: i
 	};
 }
-function St(e, t) {
+function Ot(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 Ct({ browser: e, canMove: t, inlineRenameError: n, inlineRenameLabel: r, inlineRenameItem: i, inlineRenameValue: a, selectedPaths: o, onContextMenu: s, onDragStart: c, onEmptyClick: l, onFolderDragOver: u, onFolderDrop: d, onInlineRenameCancel: f, onInlineRenameChange: p, onInlineRenameCommit: m, onOpenItem: h, onSelectItem: g, onTouchMenu: _ }) {
-	let [v, y] = b(null);
-	function x(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) {
 		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: [v ? /* @__PURE__ */ T(S, {
+	return /* @__PURE__ */ E(w, { children: [ee ? /* @__PURE__ */ T(S, {
 		className: "[background:var(--fb-accent-soft)!important] [border-color:var(--fb-accent)!important]",
-		container: v,
-		dragContainer: v,
+		container: ee,
+		dragContainer: ee,
 		hitRate: 10,
-		onSelect: x,
+		onSelect: ne,
 		preventClickEventOnDrag: !0,
 		selectByClick: !1,
-		selectableTargets: [() => Array.from(v.querySelectorAll("[data-fb-selectable='true']"))],
+		selectableTargets: [() => Array.from(ee.querySelectorAll("[data-fb-selectable='true']"))],
 		selectFromInside: !1
 	}) : null, /* @__PURE__ */ T("div", {
-		"aria-label": "Files",
+		"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)]",
 		onClick: (e) => {
-			e.target === e.currentTarget && !Vt(e) && l();
+			e.target === e.currentTarget && !Jt(e) && d();
 		},
-		ref: y,
+		ref: te,
 		role: "grid",
-		children: e.filteredItems.map((e) => /* @__PURE__ */ T(wt, {
+		children: e.filteredItems.map((e) => /* @__PURE__ */ T(At, {
 			canMove: t,
+			dropTarget: n === e.path,
 			item: e,
-			onOpen: () => h(e),
-			onContextMenu: (t) => s(e, t),
-			onDragStart: (t) => c(e, t),
-			onFolderDragOver: (t) => u(e, t),
-			onFolderDrop: (t) => d(e, t),
-			inlineRenameError: n,
-			inlineRenameLabel: r,
-			inlineRenameValue: a,
-			isRenaming: i?.path === e.path,
-			onInlineRenameCancel: f,
-			onInlineRenameChange: p,
-			onInlineRenameCommit: m,
-			onSelect: (t) => g(e.path, t),
-			onTouchMenu: () => _(e),
-			selected: o.includes(e.path)
+			onOpen: () => _(e),
+			onContextMenu: (t) => c(e, t),
+			onDragEnd: l,
+			onDragStart: (t) => u(e, t),
+			onFolderDragOver: (t) => f(e, t),
+			onFolderDrop: (t) => p(e, t),
+			inlineRenameError: r,
+			inlineRenameLabel: i,
+			inlineRenameValue: o,
+			isRenaming: a?.path === e.path,
+			onInlineRenameCancel: m,
+			onInlineRenameChange: h,
+			onInlineRenameCommit: g,
+			onSelect: (t) => v(e.path, t),
+			onTouchMenu: () => y(e),
+			renderItemMeta: x,
+			selected: s.includes(e.path)
 		}, e.path))
 	})] });
 }
-function wt({ canMove: e, inlineRenameError: t, inlineRenameLabel: n, inlineRenameValue: r, isRenaming: i, item: a, selected: o, onSelect: s, onOpen: c, onContextMenu: l, onDragStart: u, onFolderDragOver: d, onFolderDrop: f, onInlineRenameCancel: p, onInlineRenameChange: m, onInlineRenameCommit: h, onTouchMenu: g }) {
-	let _ = y(null);
-	function v() {
-		_.current &&= (clearTimeout(_.current), null);
+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 b() {
-		v(), _.current = setTimeout(() => {
-			_.current = null, g();
+	function C() {
+		S(), x.current = setTimeout(() => {
+			x.current = null, v();
 		}, 520);
 	}
 	return /* @__PURE__ */ E("article", {
-		"aria-selected": o,
-		"data-fb-path": a.path,
+		"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} ${o ? "border-[var(--fb-accent)] bg-[var(--fb-accent-soft)]" : "border-[var(--fb-border)] bg-[var(--fb-surface)] hover:border-[var(--fb-border-strong)]"}`,
-		onClick: s,
-		onContextMenu: l,
-		onDoubleClick: c,
-		onDragOver: a.kind === "folder" ? d : void 0,
-		onDragStart: e ? u : void 0,
-		onDrop: a.kind === "folder" ? f : void 0,
-		onTouchCancel: v,
-		onTouchEnd: v,
-		onTouchMove: v,
-		onTouchStart: b,
+		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)]"}`,
+		onClick: c,
+		onContextMenu: u,
+		onDoubleClick: l,
+		onDragEnd: e ? d : void 0,
+		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,
 		role: "gridcell",
 		tabIndex: 0,
 		children: [
 			/* @__PURE__ */ T("span", {
 				"aria-hidden": "true",
-				className: `absolute right-2 top-2 grid size-4 place-items-center rounded border text-[10px] ${X} ${o ? "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: o ? "✓" : ""
+				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"}`,
+				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: a.kind === "folder" ? /* @__PURE__ */ T(z, {
+				children: o.kind === "folder" ? /* @__PURE__ */ T(de, {
 					"aria-hidden": "true",
 					className: "size-9 text-[var(--fb-folder)]"
-				}) : /* @__PURE__ */ T(R, {
+				}) : /* @__PURE__ */ T(ue, {
 					"aria-hidden": "true",
 					className: "size-9 text-[var(--fb-muted)]"
 				})
 			}),
-			i ? /* @__PURE__ */ T(Tt, {
-				item: a,
-				error: t,
-				label: n,
-				onCancel: p,
-				onChange: m,
-				onCommit: h,
-				value: r
+			a ? /* @__PURE__ */ T(Mt, {
+				item: o,
+				error: n,
+				label: r,
+				onCancel: h,
+				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}`,
 				onClick: (e) => {
-					e.stopPropagation(), s(e);
+					e.stopPropagation(), c(e);
 				},
 				type: "button",
-				children: a.name
+				children: o.name
 			}),
 			/* @__PURE__ */ T("div", {
 				className: "mt-1 text-[11px] text-[var(--fb-muted)]",
-				children: a.kind === "folder" ? "Folder" : Xt(a.size ?? 0)
+				children: o.kind === "folder" ? "Folder" : rn(o.size ?? 0)
+			}),
+			/* @__PURE__ */ T(jt, {
+				item: o,
+				renderItemMeta: b,
+				view: "grid"
 			})
 		]
 	});
 }
-function Tt({ error: e, item: t, label: n, onCancel: r, onChange: i, onCommit: a, value: o }) {
+function jt({ 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]",
+		"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", {
 		className: "min-w-0",
 		children: [/* @__PURE__ */ T("input", {
@@ -2518,9 +2693,9 @@ function Tt({ error: e, item: t, label: n, onCancel: r, onChange: i, onCommit: a
 		}) : null]
 	});
 }
-function Et({ browser: e, canMove: t, inlineRenameError: n, inlineRenameLabel: r, inlineRenameItem: i, inlineRenameValue: a, selectedPaths: o, onContextMenu: s, onDragStart: c, onFolderDragOver: l, onFolderDrop: u, onInlineRenameCancel: d, onInlineRenameChange: f, onInlineRenameCommit: p, onOpenItem: m, onSelectItem: h }) {
+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": "Files",
+		"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", {
 			className: "text-[11px] text-[var(--fb-muted)]",
@@ -2539,43 +2714,52 @@ function Et({ browser: e, canMove: t, inlineRenameError: n, inlineRenameLabel: r
 				})
 			] })
 		}), /* @__PURE__ */ T("tbody", { children: e.filteredItems.map((e) => /* @__PURE__ */ E("tr", {
-			"aria-selected": o.includes(e.path),
+			"aria-selected": s.includes(e.path),
+			"data-fb-drop-target": n === e.path ? "true" : void 0,
 			"data-fb-path": e.path,
-			className: o.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}`,
+			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,
-			onClick: (t) => h(e.path, t),
-			onContextMenu: (t) => s(e, t),
-			onDragOver: (t) => l(e, t),
-			onDragStart: (t) => c(e, t),
-			onDrop: (t) => u(e, t),
-			onDoubleClick: () => m(e),
+			onClick: (t) => _(e.path, t),
+			onContextMenu: (t) => c(e, t),
+			onDragEnd: l,
+			onDragOver: (t) => d(e, t),
+			onDragStart: (t) => u(e, t),
+			onDrop: (t) => f(e, t),
+			onDoubleClick: () => g(e),
 			tabIndex: 0,
 			children: [
 				/* @__PURE__ */ T("td", {
 					className: "border-b border-[var(--fb-border)] px-[var(--fb-cell-x)] py-[var(--fb-cell-y)]",
 					children: /* @__PURE__ */ E("div", {
-						className: "flex min-w-0 items-center gap-2",
-						children: [e.kind === "folder" ? /* @__PURE__ */ T(z, { className: "size-4 text-[var(--fb-folder)]" }) : /* @__PURE__ */ T(R, { className: "size-4 text-[var(--fb-muted)]" }), i?.path === e.path ? /* @__PURE__ */ T(Tt, {
-							item: e,
-							error: n,
-							label: r,
-							onCancel: d,
-							onChange: f,
-							onCommit: p,
-							value: a
-						}) : /* @__PURE__ */ T("button", {
-							className: `truncate font-medium ${X}`,
-							onClick: (t) => {
-								t.stopPropagation(), h(e.path, t);
-							},
-							type: "button",
-							children: e.name
+						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}`,
+								onClick: (t) => {
+									t.stopPropagation(), _(e.path, t);
+								},
+								type: "button",
+								children: e.name
+							}), /* @__PURE__ */ T(jt, {
+								item: e,
+								renderItemMeta: v,
+								view: "list"
+							})]
 						})]
 					})
 				}),
 				/* @__PURE__ */ T("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" : Xt(e.size ?? 0)
+					children: e.kind === "folder" ? "Folder" : rn(e.size ?? 0)
 				}),
 				/* @__PURE__ */ T("td", {
 					className: "border-b border-[var(--fb-border)] px-[var(--fb-cell-x)] py-[var(--fb-cell-y)] text-[12px] text-[var(--fb-muted)]",
@@ -2585,61 +2769,61 @@ function Et({ browser: e, canMove: t, inlineRenameError: n, inlineRenameLabel: r
 		}, e.path)) })]
 	});
 }
-function Dt({ browser: e, menu: t, onClose: n, onDelete: r, onDownload: i, onCopy: a, onCopyPath: o, onCut: s, onMove: c, onNewFolder: l, onPaste: u, onRename: d, onUpload: f, readOnly: p }) {
-	let m = t.target === "item", h = t.mode === "sheet";
-	function g(e) {
-		e(), n();
+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) {
+		e(), r();
 	}
 	return /* @__PURE__ */ E("div", {
-		"aria-label": m ? "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} ${h ? "inset-x-3 bottom-3 max-h-[80vh] overflow-auto" : "min-w-40"}`,
-		"data-fb-menu": h ? "sheet" : "context",
+		"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"}`,
+		"data-fb-menu": g ? "sheet" : "context",
 		role: "menu",
-		style: h ? void 0 : {
-			left: t.x,
-			top: t.y
+		style: g ? void 0 : {
+			left: n.x,
+			top: n.y
 		},
 		children: [
-			m && !p && e.capabilities.rename ? /* @__PURE__ */ T(Q, {
-				onClick: () => g(() => d(t.item)),
+			h && !m && e.capabilities.rename ? /* @__PURE__ */ T(Q, {
+				onClick: () => _(() => f(n.item)),
 				children: "Rename"
 			}) : null,
-			m && !p && e.capabilities.move ? /* @__PURE__ */ T(Q, {
-				onClick: () => g(c),
+			h && !m && e.capabilities.move ? /* @__PURE__ */ T(Q, {
+				onClick: () => _(l),
 				children: "Move"
 			}) : null,
-			m && !p && e.capabilities.copy ? /* @__PURE__ */ T(Q, {
-				onClick: () => g(a),
+			h && !m && e.capabilities.copy ? /* @__PURE__ */ T(Q, {
+				onClick: () => _(o),
 				children: "Copy"
 			}) : null,
-			m && !p && e.capabilities.move ? /* @__PURE__ */ T(Q, {
-				onClick: () => g(s),
+			h && !m && e.capabilities.move ? /* @__PURE__ */ T(Q, {
+				onClick: () => _(c),
 				children: "Cut"
 			}) : null,
-			m ? /* @__PURE__ */ E(w, { children: [
+			h ? /* @__PURE__ */ E(w, { children: [
 				/* @__PURE__ */ T(Q, {
-					onClick: () => g(() => o(t.item)),
-					children: e.selectedPaths.includes(t.item.path) && e.selectedPaths.length > 1 ? "Copy paths" : "Copy path"
+					onClick: () => _(() => s(n.item)),
+					children: e.selectedPaths.includes(n.item.path) && e.selectedPaths.length > 1 ? "Copy paths" : "Copy path"
 				}),
-				/* @__PURE__ */ T(Q, {
-					onClick: () => g(i),
+				t ? /* @__PURE__ */ T(Q, {
+					onClick: () => _(a),
 					children: "Download"
-				}),
-				p ? null : /* @__PURE__ */ T(Q, {
+				}) : null,
+				m ? null : /* @__PURE__ */ T(Q, {
 					danger: !0,
 					onClick: () => {
-						r(), n();
+						i(), r();
 					},
 					children: "Delete"
 				})
-			] }) : /* @__PURE__ */ E(w, { children: [p ? null : /* @__PURE__ */ E(w, { children: [e.capabilities.createFolder ? /* @__PURE__ */ T(Q, {
-				onClick: () => g(l),
+			] }) : /* @__PURE__ */ E(w, { children: [m ? null : /* @__PURE__ */ E(w, { children: [e.capabilities.createFolder ? /* @__PURE__ */ T(Q, {
+				onClick: () => _(u),
 				children: "New folder"
 			}) : null, /* @__PURE__ */ T(Q, {
-				onClick: () => g(f),
+				onClick: () => _(p),
 				children: "Upload"
-			})] }), !p && e.clipboard ? /* @__PURE__ */ T(Q, {
-				onClick: () => g(u),
+			})] }), !m && e.clipboard ? /* @__PURE__ */ T(Q, {
+				onClick: () => _(d),
 				children: "Paste here"
 			}) : null] })
 		]
@@ -2654,8 +2838,8 @@ function Q({ children: e, danger: t, onClick: n }) {
 		children: e
 	});
 }
-function Ot({ applyToAll: e, currentPath: t, onApplyToAllChange: n, onCancel: r, onResolve: i, queue: a }) {
-	let o = a.candidates[a.index], s = ht(t, o.relativePath), c = a.conflictPaths.indexOf(s) + 1;
+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",
@@ -2670,13 +2854,13 @@ function Ot({ applyToAll: e, currentPath: t, onApplyToAllChange: n, onCancel: r,
 				}),
 				/* @__PURE__ */ E("p", {
 					className: "mt-2 text-[12px] text-[var(--fb-muted)]",
-					children: [o.relativePath, " already exists in this folder."]
+					children: [s.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}`,
 					children: [
 						"Conflict ",
-						c,
+						l,
 						" of ",
 						a.conflictPaths.length
 					]
@@ -2691,38 +2875,23 @@ function Ot({ applyToAll: e, currentPath: t, onApplyToAllChange: n, onCancel: r,
 				}),
 				/* @__PURE__ */ E("div", {
 					className: "mt-4 flex flex-wrap justify-end gap-2",
-					children: [
-						/* @__PURE__ */ T("button", {
-							className: $(!1),
-							onClick: r,
-							type: "button",
-							children: "Cancel"
-						}),
-						/* @__PURE__ */ T("button", {
-							className: $(!1),
-							onClick: () => i("skip"),
-							type: "button",
-							children: "Skip"
-						}),
-						/* @__PURE__ */ T("button", {
-							className: $(!1),
-							onClick: () => i("replace"),
-							type: "button",
-							children: "Replace"
-						}),
-						/* @__PURE__ */ T("button", {
-							className: en(),
-							onClick: () => i("keep-both"),
-							type: "button",
-							children: "Keep both"
-						})
-					]
+					children: [/* @__PURE__ */ T("button", {
+						className: $(!1),
+						onClick: r,
+						type: "button",
+						children: "Cancel"
+					}), o.map((e) => /* @__PURE__ */ T("button", {
+						className: e === "keep-both" ? dn() : $(!1),
+						onClick: () => i(e),
+						type: "button",
+						children: sn(e)
+					}, e))]
 				})
 			]
 		})
 	});
 }
-function kt({ error: e, onClose: t }) {
+function It({ error: e, onClose: t }) {
 	let n = e.succeededPaths.length;
 	return /* @__PURE__ */ T("div", {
 		"aria-label": "Partial bulk failure",
@@ -2761,7 +2930,7 @@ function kt({ error: e, onClose: t }) {
 				/* @__PURE__ */ T("div", {
 					className: "mt-4 flex justify-end",
 					children: /* @__PURE__ */ T("button", {
-						className: en(),
+						className: dn(),
 						onClick: t,
 						type: "button",
 						children: "OK"
@@ -2771,36 +2940,36 @@ function kt({ error: e, onClose: t }) {
 		})
 	});
 }
-function At({ currentPath: e, destinations: t, error: n, onSelect: r, selectedPath: i, status: a }) {
+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}`,
 		children: [
-			/* @__PURE__ */ T(jt, {
-				active: i === e,
+			/* @__PURE__ */ T(Rt, {
+				active: a === e,
 				label: "Current folder",
 				onClick: () => r(e),
 				path: e
 			}),
-			/* @__PURE__ */ T(jt, {
-				active: i === "/",
-				label: "Files",
+			/* @__PURE__ */ T(Rt, {
+				active: a === "/",
+				label: i,
 				onClick: () => r("/"),
 				path: "/"
 			}),
-			a === "loading" ? /* @__PURE__ */ T("div", {
+			o === "loading" ? /* @__PURE__ */ T("div", {
 				className: "px-2 py-3 text-[12px] text-[var(--fb-muted)]",
 				children: "Loading folders"
 			}) : null,
-			a === "error" ? /* @__PURE__ */ T("div", {
+			o === "error" ? /* @__PURE__ */ T("div", {
 				className: "px-2 py-3 text-[12px] text-[var(--fb-danger)]",
 				children: n ?? "Could not load folders"
 			}) : null,
-			a === "ready" && t.length === 0 ? /* @__PURE__ */ T("div", {
+			o === "ready" && t.length === 0 ? /* @__PURE__ */ T("div", {
 				className: "px-2 py-3 text-[12px] text-[var(--fb-muted)]",
 				children: "No folders available."
 			}) : null,
-			t.map((e) => /* @__PURE__ */ T(jt, {
-				active: i === e.path,
+			t.map((e) => /* @__PURE__ */ T(Rt, {
+				active: a === e.path,
 				depth: e.depth,
 				label: e.name,
 				onClick: () => r(e.path),
@@ -2809,14 +2978,14 @@ function At({ currentPath: e, destinations: t, error: n, onSelect: r, selectedPa
 		]
 	});
 }
-function jt({ active: e, depth: t = 0, label: n, onClick: r, path: i }) {
+function Rt({ active: e, depth: t = 0, label: n, onClick: r, path: i }) {
 	return /* @__PURE__ */ E("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)]"}`,
 		onClick: r,
 		style: { paddingLeft: `calc((${t} * 6 + 2) * var(--fb-gap))` },
 		type: "button",
-		children: [/* @__PURE__ */ T(z, {
+		children: [/* @__PURE__ */ T(de, {
 			"aria-hidden": "true",
 			className: "size-4 shrink-0"
 		}), /* @__PURE__ */ T("span", {
@@ -2825,11 +2994,11 @@ function jt({ active: e, depth: t = 0, label: n, onClick: r, path: i }) {
 		})]
 	});
 }
-function Mt({ selectedCount: e, itemCount: t, canRename: n, canMove: r, canCopy: i, canCut: a, canDelete: o, onRename: s, onMove: c, onCopy: l, onCut: u, onDelete: d, onDownload: f, onSelectAll: p, onSelectNone: m }) {
-	let h = e > 0;
+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 }) {
+	let g = e > 0;
 	return /* @__PURE__ */ E("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} ${h ? "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 ${Z} ${g ? "bg-[var(--fb-accent-soft)]" : "bg-[var(--fb-surface)]"}`,
 		role: "toolbar",
 		children: [
 			/* @__PURE__ */ E("span", {
@@ -2839,67 +3008,67 @@ function Mt({ selectedCount: e, itemCount: t, canRename: n, canMove: r, canCopy:
 			/* @__PURE__ */ E("button", {
 				className: $(!1),
 				disabled: t === 0,
-				onClick: p,
+				onClick: m,
 				type: "button",
-				children: [/* @__PURE__ */ T(ge, { className: "size-4" }), "Select all"]
+				children: [/* @__PURE__ */ T(V, { className: "size-4" }), "Select all"]
 			}),
 			/* @__PURE__ */ E("button", {
 				className: $(!1),
-				disabled: !h,
-				onClick: m,
+				disabled: !g,
+				onClick: h,
 				type: "button",
-				children: [/* @__PURE__ */ T(V, { className: "size-4" }), "Select none"]
+				children: [/* @__PURE__ */ T(W, { className: "size-4" }), "Select none"]
 			}),
-			h && n && e === 1 ? /* @__PURE__ */ E("button", {
+			g && n && e === 1 ? /* @__PURE__ */ E("button", {
 				className: $(!1),
-				onClick: () => s(),
+				onClick: () => c(),
 				type: "button",
-				children: [/* @__PURE__ */ T(pe, { className: "size-4" }), "Rename"]
+				children: [/* @__PURE__ */ T(z, { className: "size-4" }), "Rename"]
 			}) : null,
-			h && r ? /* @__PURE__ */ E("button", {
+			g && r ? /* @__PURE__ */ E("button", {
 				className: $(!1),
-				onClick: c,
+				onClick: l,
 				type: "button",
-				children: [/* @__PURE__ */ T(le, { className: "size-4" }), "Move"]
+				children: [/* @__PURE__ */ T(L, { className: "size-4" }), "Move"]
 			}) : null,
-			h && i ? /* @__PURE__ */ E("button", {
+			g && i ? /* @__PURE__ */ E("button", {
 				className: $(!1),
-				onClick: l,
+				onClick: u,
 				type: "button",
-				children: [/* @__PURE__ */ T(ce, { className: "size-4" }), "Copy"]
+				children: [/* @__PURE__ */ T(F, { className: "size-4" }), "Copy"]
 			}) : null,
-			h && a ? /* @__PURE__ */ E("button", {
+			g && a ? /* @__PURE__ */ E("button", {
 				className: $(!1),
-				onClick: u,
+				onClick: d,
 				type: "button",
 				children: [/* @__PURE__ */ T(me, { className: "size-4" }), "Cut"]
 			}) : null,
-			h ? /* @__PURE__ */ E("button", {
+			g && s ? /* @__PURE__ */ E("button", {
 				className: $(!1),
-				onClick: f,
+				onClick: p,
 				type: "button",
-				children: [/* @__PURE__ */ T(L, { className: "size-4" }), "Download"]
+				children: [/* @__PURE__ */ T(I, { className: "size-4" }), "Download"]
 			}) : null,
-			h && o ? /* @__PURE__ */ E("button", {
-				className: tn(),
-				onClick: d,
+			g && o ? /* @__PURE__ */ E("button", {
+				className: fn(),
+				onClick: f,
 				type: "button",
-				children: [/* @__PURE__ */ T(ve, { className: "size-4" }), "Delete"]
+				children: [/* @__PURE__ */ T(U, { className: "size-4" }), "Delete"]
 			}) : null
 		]
 	});
 }
-function Nt({ path: e, onNavigate: t }) {
-	let n = e.split("/").filter(Boolean);
+function Bt({ path: e, onNavigate: t, rootLabel: n }) {
+	let r = e.split("/").filter(Boolean);
 	return /* @__PURE__ */ T("nav", {
 		"aria-label": "Breadcrumb",
 		className: "flex min-w-0 items-center gap-1",
-		children: Pt([{
-			label: "Files",
+		children: Vt([{
+			label: n,
 			path: "/"
-		}].concat(n.map((e, t) => ({
+		}].concat(r.map((e, t) => ({
 			label: e,
-			path: `/${n.slice(0, t + 1).join("/")}`
+			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", {
@@ -2919,7 +3088,7 @@ function Nt({ path: e, onNavigate: t }) {
 		}, e.key))
 	});
 }
-function Pt(e) {
+function Vt(e) {
 	return e.length <= 4 ? e.map((e) => ({
 		...e,
 		kind: "crumb",
@@ -2946,18 +3115,32 @@ function Pt(e) {
 		}))
 	];
 }
-function Ft({ item: e, onCopyPath: t, onDownload: n, selectedCount: r, totalBytes: i }) {
-	return e ? r > 1 ? /* @__PURE__ */ E("aside", {
+function Ht({ canDownload: e, item: t, onCopyPath: n, onDownload: r, renderDetailsContent: i, selectedCount: a, totalBytes: o }) {
+	if (!t) 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:flex ${Z}`,
+		children: /* @__PURE__ */ E("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(H, { className: "size-12 text-[var(--fb-muted)]" })
+			}), /* @__PURE__ */ T("h2", {
+				className: "mt-4 text-[14px] font-semibold",
+				children: "No item selected"
+			})]
+		})
+	});
+	if (a > 1) return /* @__PURE__ */ E("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}`,
 		children: [
 			/* @__PURE__ */ T("div", {
 				className: `grid h-28 place-items-center rounded-[var(--fb-radius)] bg-[var(--fb-bg)] ${Z}`,
-				children: /* @__PURE__ */ T(ce, { className: "size-12 text-[var(--fb-muted)]" })
+				children: /* @__PURE__ */ T(F, { className: "size-12 text-[var(--fb-muted)]" })
 			}),
 			/* @__PURE__ */ E("h2", {
 				className: "mt-4 text-[14px] font-semibold",
-				children: [Zt(r), " selected"]
+				children: [an(a), " selected"]
 			}),
 			/* @__PURE__ */ T("dl", {
 				className: "mt-3 space-y-2 text-[12px]",
@@ -2966,93 +3149,82 @@ function Ft({ item: e, onCopyPath: t, onDownload: n, selectedCount: r, totalByte
 					children: "Total size"
 				}), /* @__PURE__ */ T("dd", {
 					className: "font-medium",
-					children: Xt(i)
+					children: rn(o)
 				})] })
 			}),
-			/* @__PURE__ */ E("button", {
-				"aria-label": `Download ${Zt(r)}`,
+			e ? /* @__PURE__ */ E("button", {
+				"aria-label": `Download ${an(a)}`,
 				className: `${$(!1)} mt-4 w-full justify-center`,
-				onClick: n,
+				onClick: r,
 				type: "button",
-				children: [/* @__PURE__ */ T(L, { className: "size-4" }), "Download"]
-			}),
+				children: [/* @__PURE__ */ T(I, { className: "size-4" }), "Download"]
+			}) : null,
 			/* @__PURE__ */ E("button", {
-				"aria-label": `Copy ${Zt(r)} paths`,
+				"aria-label": `Copy ${an(a)} paths`,
 				className: `${$(!1)} mt-2 w-full justify-center`,
-				onClick: t,
-				type: "button",
-				children: [/* @__PURE__ */ T(ce, { className: "size-4" }), "Copy paths"]
-			})
-		]
-	}) : /* @__PURE__ */ E("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: [
-			/* @__PURE__ */ T("div", {
-				className: `grid h-28 place-items-center rounded-[var(--fb-radius)] bg-[var(--fb-bg)] ${Z}`,
-				children: e.kind === "folder" ? /* @__PURE__ */ T(z, { className: "size-12 text-[var(--fb-folder)]" }) : /* @__PURE__ */ T(R, { className: "size-12 text-[var(--fb-muted)]" })
-			}),
-			/* @__PURE__ */ T("h2", {
-				className: "mt-4 truncate text-[14px] font-semibold",
-				children: e.name
-			}),
-			/* @__PURE__ */ E("dl", {
-				className: "mt-3 space-y-2 text-[12px]",
-				children: [
-					/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
-						className: "text-[var(--fb-muted)]",
-						children: "Path"
-					}), /* @__PURE__ */ T("dd", {
-						className: "truncate font-medium",
-						children: e.path
-					})] }),
-					/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
-						className: "text-[var(--fb-muted)]",
-						children: "Type"
-					}), /* @__PURE__ */ T("dd", {
-						className: "font-medium",
-						children: e.kind
-					})] }),
-					e.kind === "file" ? /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
-						className: "text-[var(--fb-muted)]",
-						children: "Size"
-					}), /* @__PURE__ */ T("dd", {
-						className: "font-medium",
-						children: Xt(e.size ?? 0)
-					})] }) : null
-				]
-			}),
-			/* @__PURE__ */ E("button", {
-				"aria-label": `Download ${e.name}`,
-				className: `${$(!1)} mt-4 w-full justify-center`,
 				onClick: n,
 				type: "button",
-				children: [/* @__PURE__ */ T(L, { className: "size-4" }), "Download"]
-			}),
-			/* @__PURE__ */ E("button", {
-				"aria-label": `Copy path of ${e.name}`,
-				className: `${$(!1)} mt-2 w-full justify-center`,
-				onClick: t,
-				type: "button",
-				children: [/* @__PURE__ */ T(ce, { className: "size-4" }), "Copy path"]
+				children: [/* @__PURE__ */ T(F, { className: "size-4" }), "Copy paths"]
 			})
 		]
-	}) : /* @__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:flex ${Z}`,
-		children: /* @__PURE__ */ E("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(_e, { className: "size-12 text-[var(--fb-muted)]" })
-			}), /* @__PURE__ */ T("h2", {
-				className: "mt-4 text-[14px] font-semibold",
-				children: "No item selected"
-			})]
+	});
+	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)]" })
+		}),
+		/* @__PURE__ */ T("h2", {
+			className: "mt-4 truncate text-[14px] font-semibold",
+			children: t.name
+		}),
+		/* @__PURE__ */ E("dl", {
+			className: "mt-3 space-y-2 text-[12px]",
+			children: [
+				/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
+					className: "text-[var(--fb-muted)]",
+					children: "Path"
+				}), /* @__PURE__ */ T("dd", {
+					className: "truncate font-medium",
+					children: t.path
+				})] }),
+				/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
+					className: "text-[var(--fb-muted)]",
+					children: "Type"
+				}), /* @__PURE__ */ T("dd", {
+					className: "font-medium",
+					children: t.kind
+				})] }),
+				t.kind === "file" ? /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
+					className: "text-[var(--fb-muted)]",
+					children: "Size"
+				}), /* @__PURE__ */ T("dd", {
+					className: "font-medium",
+					children: rn(t.size ?? 0)
+				})] }) : null
+			]
+		}),
+		e ? /* @__PURE__ */ E("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"]
+		}) : null,
+		/* @__PURE__ */ E("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"]
 		})
+	] });
+	return /* @__PURE__ */ T("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
 	});
 }
-function It({ preview: e }) {
+function Ut({ preview: e }) {
 	return e.url ? /* @__PURE__ */ T("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}`,
@@ -3062,9 +3234,9 @@ function It({ preview: e }) {
 		children: "Open original"
 	}) : null;
 }
-function Lt() {
+function Wt({ rootLabel: e }) {
 	return /* @__PURE__ */ T("div", {
-		"aria-label": "Files",
+		"aria-label": e,
 		className: "grid grid-cols-[repeat(auto-fill,minmax(var(--fb-card-min),1fr))] gap-[var(--fb-grid-gap)]",
 		role: "grid",
 		children: Array.from({ length: 8 }, (e, t) => /* @__PURE__ */ E("div", {
@@ -3077,19 +3249,19 @@ function Lt() {
 		}, t))
 	});
 }
-function Rt({ title: e, value: t, tone: n }) {
+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", {
 			className: `font-semibold ${n === "danger" ? "text-[var(--fb-danger)]" : ""}`,
 			children: e
-		}), /* @__PURE__ */ T("div", {
+		}), t === void 0 ? null : /* @__PURE__ */ T("div", {
 			className: "mt-1 text-[12px] text-[var(--fb-muted)]",
 			children: t
 		})] })
 	});
 }
-function zt({ onDismiss: e, rejections: t }) {
+function Kt({ onDismiss: e, rejections: t }) {
 	return /* @__PURE__ */ T("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)]",
@@ -3124,13 +3296,13 @@ function zt({ onDismiss: e, rejections: t }) {
 		})
 	});
 }
-function Bt(e, t, n, r) {
+function qt(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 Vt(e) {
+function Jt(e) {
 	return !!("shiftKey" in e && (e.shiftKey || e.metaKey || e.ctrlKey));
 }
-function Ht(e) {
+function Yt(e) {
 	return [
 		"ArrowDown",
 		"ArrowLeft",
@@ -3140,14 +3312,15 @@ function Ht(e) {
 		"Home"
 	].includes(e);
 }
-function Ut(e, t, n) {
+function Xt(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 Wt(e) {
+function Zt(e) {
 	return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : e.replace(/["\\]/g, "\\$&");
 }
-function Gt(e) {
-	let t = e.getData(ut);
+function Qt(e) {
+	if (typeof e.getData != "function") return [];
+	let t = e.getData(ht);
 	if (!t) return [];
 	try {
 		let e = JSON.parse(t);
@@ -3156,8 +3329,8 @@ function Gt(e) {
 		return [];
 	}
 }
-function Kt(e) {
-	return qt(e) ? {
+function $t(e) {
+	return en(e) ? {
 		title: "Access denied",
 		value: e?.message ?? "You do not have access to this folder."
 	} : {
@@ -3165,48 +3338,57 @@ function Kt(e) {
 		value: e?.message ?? "Unknown error"
 	};
 }
-function qt(e) {
+function en(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 Jt(e) {
+function tn(e) {
 	return e instanceof Error ? e.message : String(e);
 }
-function Yt(e) {
+function nn(e) {
 	return e instanceof HTMLElement ? e.isContentEditable || [
 		"INPUT",
 		"SELECT",
 		"TEXTAREA"
 	].includes(e.tagName) : !1;
 }
-function Xt(e) {
+function rn(e) {
 	if (e < 1024) return `${e} B`;
 	let t = e / 1024;
 	return t < 1024 ? `${t.toFixed(1)} KB` : `${(t / 1024).toFixed(1)} MB`;
 }
-function Zt(e) {
+function an(e) {
 	return `${e} ${e === 1 ? "item" : "items"}`;
 }
-function Qt({ currentPath: e, itemCount: t, selectedCount: n, status: r }) {
-	return `${e === "/" ? "Files" : e.split("/").filter(Boolean).at(-1) ?? "Files"} ${r}. ${t} ${t === 1 ? "item" : "items"}. ${n} selected.`;
+function on(e) {
+	return Array.from(new Set(e.filter((e) => vt.includes(e))));
 }
-function $t(e) {
+function sn(e) {
+	return e === "keep-both" ? "Keep both" : e === "replace" ? "Replace" : "Skip";
+}
+function cn(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 }) {
+	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 $(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)]"}`;
 }
-function en() {
+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 tn() {
+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 nn() {
+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}`;
 }
 //#endregion
-export { l as FILE_BROWSER_THEME_CONTRACT, mt as FileBrowser, t as FileBrowserAdapterError, r as FileBrowserBulkActionError, Ue as FileBrowserProvider, c as ROOT_PATH, W as TransferManager, i as getFileBrowserBasename, u as getFileBrowserDensityAttributes, o as getFileBrowserDirname, n as isFileBrowserDescendantOrSelf, e as joinFileBrowserPath, a as normalizeFileBrowserPath, s as replaceFileBrowserPathPrefix, D as useFileBrowser, Ge as useTransferSnapshot, We as useTransfers };
+export { l as FILE_BROWSER_THEME_CONTRACT, bt as FileBrowser, t as FileBrowserAdapterError, r as FileBrowserBulkActionError, Ye as FileBrowserProvider, c as ROOT_PATH, De 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 };
 
 //# sourceMappingURL=index.js.map