@burdenoff/microfe-files 2026.624.3 → 2026.625.2

package/dist/files/pages/BrowserPage.js

@@ -49,26 +49,26 @@ import { FolderPlus as Ue, FolderUp as We, FolderX as Ge, Grid3x3 as Ke, Home as
 import { Fragment as $e, jsx as c, jsxs as l } from "react/jsx-runtime";
 import { useNavigate as et, useParams as tt } from "react-router-dom";
 import { useI18n as nt } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Button as rt, Input as it, ResponsiveDialog as at, ResponsiveDialogContent as ot, ResponsiveDialogFooter as st, ResponsiveDialogHeader as ct, ResponsiveDialogTitle as lt } from "@burdenoff/fe-libs/ui";
+import { Button as u, CTAOverflowMenu as rt, EmphasisPanel as it, Input as at, ResponsiveDialog as ot, ResponsiveDialogContent as st, ResponsiveDialogFooter as ct, ResponsiveDialogHeader as lt, ResponsiveDialogTitle as ut } from "@burdenoff/fe-libs/ui";
 //#region src/files/pages/BrowserPage.tsx
-function u() {
-	let { t: u } = nt(), { folderId: d } = tt(), f = et(), ut = e(), { workspaceId: p } = ut, dt = Fe(p ?? ""), { viewMode: ft, setViewMode: pt, breadcrumbs: mt, selectedFiles: m, selectedFolders: h, clearSelection: g } = t(), [_, ht] = o("all"), gt = He(() => [
+function d() {
+	let { t: d } = nt(), { folderId: f } = tt(), p = et(), dt = e(), { workspaceId: m } = dt, ft = Fe(m ?? ""), { viewMode: pt, setViewMode: mt, breadcrumbs: ht, selectedFiles: h, selectedFolders: g, clearSelection: _ } = t(), [v, gt] = o("all"), _t = He(() => [
 		"all",
 		"recent",
 		"starred",
 		"bin"
 	], []);
 	Ve(() => {
-		gt.includes(_) || ht("all");
-	}, [gt, _]);
-	let [_t, vt] = o(""), [yt, bt] = o(), v = _t.trim().length >= 2, [xt, St] = o(null), [y, Ct] = o(null), b = be(), x = r({
-		folderId: d || void 0,
+		_t.includes(v) || gt("all");
+	}, [_t, v]);
+	let [y, vt] = o(""), [yt, bt] = o(), b = y.trim().length >= 2, [xt, St] = o(null), [x, Ct] = o(null), S = be(), C = r({
+		folderId: f || void 0,
 		pageSize: 100,
-		skip: _ !== "all" || v
-	}), S = i({ skip: _ !== "recent" || v }), C = ee({ skip: _ !== "starred" || v }), w = te({ skip: _ !== "bin" || v }), T = ye(_t, v, yt);
+		skip: v !== "all" || b
+	}), wt = i({ skip: v !== "recent" || b }), Tt = ee({ skip: v !== "starred" || b }), Et = te({ skip: v !== "bin" || b }), w = ye(y, b, yt);
 	Ve(() => {
-		if (d && x.data?.folderPath && x.data?.currentFolder) {
-			let e = x.data.folderPath.folders || [], n = x.data.currentFolder, r = [...e.map((e) => ({
+		if (f && C.data?.folderPath && C.data?.currentFolder) {
+			let e = C.data.folderPath.folders || [], n = C.data.currentFolder, r = [...e.map((e) => ({
 				id: e.id,
 				name: e.name
 			})), {
@@ -77,26 +77,26 @@ function u() {
 			}];
 			t.getState().setBreadcrumbs(r);
 		} else t.getState().setBreadcrumbs([]);
-	}, [d, x.data]);
-	let E = [], D = [], O = !1, k = null, A = !1;
-	if (v && T.data) E = T.data.files || [], D = T.data.folders || [], O = T.isLoading, k = T.error;
-	else switch (_) {
+	}, [f, C.data]);
+	let T = [], E = [], D = !1, O = null, k = !1;
+	if (b && w.data) T = w.data.files || [], E = w.data.folders || [], D = w.isLoading, O = w.error;
+	else switch (v) {
 		case "all":
-			E = x.data?.filesList?.files || [], D = x.data?.foldersList?.folders || [], O = x.loading, k = x.error || null, A = !1;
+			T = C.data?.filesList?.files || [], E = C.data?.foldersList?.folders || [], D = C.loading, O = C.error || null, k = !1;
 			break;
 		case "recent":
-			E = S.files || [], D = S.folders || [], O = S.isLoading, k = S.error || null, A = !0;
+			T = wt.files || [], E = wt.folders || [], D = wt.isLoading, O = wt.error || null, k = !0;
 			break;
 		case "starred":
-			E = C.files, D = C.folders, O = C.isLoading, k = C.error || null, A = !0;
+			T = Tt.files, E = Tt.folders, D = Tt.isLoading, O = Tt.error || null, k = !0;
 			break;
 		case "bin":
-			E = w.files, D = w.folders, O = w.isLoading, k = w.error || null, A = !0;
+			T = Et.files, E = Et.folders, D = Et.isLoading, O = Et.error || null, k = !0;
 			break;
 	}
-	let wt = _ === "all" ? (x.data?.filesList?.total ?? E.length) + (x.data?.foldersList?.total ?? D.length) : null, j = m.size + h.size, [Tt, M] = o(!1), [Et, Dt] = o(!1), [Ot, N] = o(!1), [kt, At] = o(!1), [jt, P] = o(!1), [Mt, Nt] = o(!1), [Pt, F] = o(null), [I, L] = o(null), [R, Ft] = o(null), [z, B] = o(null), [V, H] = o(""), [U, W] = o(""), [It, G] = o(!1), [Lt, K] = o([]), [Rt, q] = o(!1), [J, Y] = o(null), X = (e, t) => {
-		Be(ut, e, t);
-	}, zt = async () => {
+	let Dt = v === "all" ? (C.data?.filesList?.total ?? T.length) + (C.data?.foldersList?.total ?? E.length) : null, A = h.size + g.size, [Ot, j] = o(!1), [kt, At] = o(!1), [jt, M] = o(!1), [Mt, N] = o(!1), [Nt, Pt] = o(!1), [Ft, It] = o(!1), [Lt, P] = o(null), [F, I] = o(null), [L, Rt] = o(null), [R, z] = o(null), [B, V] = o(""), [H, U] = o(""), [W, G] = o(!1), [zt, K] = o([]), [Bt, q] = o(!1), [J, Y] = o(null), X = (e, t) => {
+		Be(dt, e, t);
+	}, Vt = async () => {
 		if (!J || J.loading) return;
 		let e = J.onConfirm;
 		Y({
@@ -114,7 +114,7 @@ function u() {
 				loading: !1
 			});
 		}
-	}, Z = ne(), Bt = re(), Vt = ie(), Ht = ae(), Ut = oe(), Wt = se(), Gt = ce(), Kt = le(), qt = ue(), Q = de(), $ = fe(), Jt = pe(), Yt = me(), Xt = he(), Zt = ge(), Qt = _e(), $t = ve(), en = () => {
+	}, Z = ne(), Ht = re(), Ut = ie(), Wt = ae(), Gt = oe(), Kt = se(), qt = ce(), Jt = le(), Yt = ue(), Q = de(), $ = fe(), Xt = pe(), Zt = me(), Qt = he(), $t = ge(), en = _e(), tn = ve(), nn = () => {
 		let e = document.createElement("input");
 		e.type = "file", e.multiple = !0, e.onchange = async (e) => {
 			let t = e.target.files;
@@ -126,16 +126,16 @@ function u() {
 						file: e,
 						status: "pending",
 						progress: 0,
-						folderId: d || void 0,
+						folderId: f || void 0,
 						thumbnailUrl: n ?? void 0
 					};
 				}));
 				K((t) => [...t, ...e]), q(!0), G(!0);
-				for (let t of e) await tn(t);
+				for (let t of e) await rn(t);
 				G(!1);
 			}
 		}, e.click();
-	}, tn = async (e) => {
+	}, rn = async (e) => {
 		let t = (t) => {
 			K((n) => n.map((n) => n.id === e.id ? {
 				...n,
@@ -144,7 +144,7 @@ function u() {
 		};
 		t({ status: "uploading" });
 		try {
-			let n = await Bt.mutateAsync({
+			let n = await Ht.mutateAsync({
 				file: e.file,
 				folderId: e.folderId,
 				onProgress: (e) => {
@@ -160,11 +160,11 @@ function u() {
 				folderId: e.folderId
 			});
 		} catch (n) {
-			let r = n instanceof Error ? n.message : a(u, "files.upload.errors.failed", "Upload failed");
+			let r = n instanceof Error ? n.message : a(d, "files.upload.errors.failed", "Upload failed");
 			r === "Upload paused" ? t({ status: "paused" }) : r === "QUOTA_EXHAUSTED" ? (t({
 				status: "failed",
-				error: a(u, "files.upload.errors.quotaExceeded", "Storage quota exceeded")
-			}), b.error(a(u, "files.upload.errors.quotaExceeded", "Storage quota exceeded. Please upgrade your plan or delete files."))) : (t({
+				error: a(d, "files.upload.errors.quotaExceeded", "Storage quota exceeded")
+			}), S.error(a(d, "files.upload.errors.quotaExceeded", "Storage quota exceeded. Please upgrade your plan or delete files."))) : (t({
 				status: "failed",
 				error: r
 			}), X("files.api.failed", {
@@ -173,30 +173,30 @@ function u() {
 				message: r
 			}));
 		}
-	}, nn = (e) => {
-		Bt.pause(), K((t) => t.map((t) => t.id === e ? {
+	}, an = (e) => {
+		Ht.pause(), K((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "paused"
 		} : t));
-	}, rn = (e) => {
-		let t = Lt.find((t) => t.id === e);
-		t && tn(t);
-	}, an = (e) => {
-		let t = Lt.find((t) => t.id === e);
+	}, on = (e) => {
+		let t = zt.find((t) => t.id === e);
+		t && rn(t);
+	}, sn = (e) => {
+		let t = zt.find((t) => t.id === e);
 		t && (K((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "pending",
 			progress: 0,
 			error: void 0
-		} : t)), tn(t));
-	}, on = (e) => {
+		} : t)), rn(t));
+	}, cn = (e) => {
 		K((t) => {
 			let n = t.filter((t) => t.id !== e);
 			return n.length === 0 && (q(!1), G(!1)), n;
 		});
-	}, sn = () => {
-		if (!p) {
-			b.error(a(u, "files.workspace.errors.notSelected", "Workspace not selected"));
+	}, ln = () => {
+		if (!m) {
+			S.error(a(d, "files.workspace.errors.notSelected", "Workspace not selected"));
 			return;
 		}
 		let e = document.createElement("input");
@@ -211,7 +211,7 @@ function u() {
 				let n = /* @__PURE__ */ new Map(), r = Array.from(e.keys()).sort();
 				for (let e of r) {
 					if (!e) continue;
-					let t = e.split("/"), r = "", i = d || void 0;
+					let t = e.split("/"), r = "", i = f || void 0;
 					for (let e of t) if (r = r ? `${r}/${e}` : e, n.has(r)) i = n.get(r);
 					else try {
 						let { data: t } = await Z.mutateAsync({
@@ -223,7 +223,7 @@ function u() {
 				}
 				let i = [], ee = 0;
 				for (let [t, r] of e) {
-					let e = t ? n.get(t) : d || void 0;
+					let e = t ? n.get(t) : f || void 0;
 					for (let t of r) {
 						let n = await xe(t);
 						i.push({
@@ -237,41 +237,41 @@ function u() {
 					}
 				}
 				K((e) => [...e, ...i]), q(!0), G(!0);
-				for (let e of i) await tn(e);
-				G(!1), b.success(a(u, "files.upload.folder.success", "Uploaded {{count}} file{{plural}} from folder", {
+				for (let e of i) await rn(e);
+				G(!1), S.success(a(d, "files.upload.folder.success", "Uploaded {{count}} file{{plural}} from folder", {
 					count: i.length,
 					plural: i.length > 1 ? "s" : ""
 				}));
 			}
 		}, e.click();
-	}, cn = () => {
-		M(!0);
-	}, ln = async () => {
-		if (U.trim() && p) {
+	}, un = () => {
+		j(!0);
+	}, dn = async () => {
+		if (H.trim() && m) {
 			let { data: e, error: t } = await Z.mutateAsync({
-				name: U,
-				parentFolderId: d
+				name: H,
+				parentFolderId: f
 			});
 			if (t) {
-				Ie(t) ? (M(!1), W(""), Dt(!0)) : (b.error(t instanceof Error ? t.message : a(u, "files.folder.errors.createFailed", "Folder creation failed")), X("files.api.failed", {
+				Ie(t) ? (j(!1), U(""), At(!0)) : (S.error(t instanceof Error ? t.message : a(d, "files.folder.errors.createFailed", "Folder creation failed")), X("files.api.failed", {
 					action: "createFolder",
 					message: t instanceof Error ? t.message : "Folder creation failed"
 				}));
 				return;
 			}
-			e && (W(""), M(!1), X("files.folder.created", {
-				folderName: U,
-				parentFolderId: d
+			e && (U(""), j(!1), X("files.folder.created", {
+				folderName: H,
+				parentFolderId: f
 			}));
 		}
-	}, un = (e) => {
-		Ct(e);
-	}, dn = (e) => {
-		F(e), At(!0);
 	}, fn = (e) => {
-		F(e), At(!0);
-	}, pn = async (e) => {
-		if (!e.fileId && !e.folderId) throw Error(a(u, "files.share.errors.targetRequired", "Share requires a file id or folder id"));
+		Ct(e);
+	}, pn = (e) => {
+		P(e), N(!0);
+	}, mn = (e) => {
+		P(e), N(!0);
+	}, hn = async (e) => {
+		if (!e.fileId && !e.folderId) throw Error(a(d, "files.share.errors.targetRequired", "Share requires a file id or folder id"));
 		let t = e.invitedEmail ? "EMAIL_INVITE" : "PUBLIC_LINK", n = "";
 		if (e.fileId) {
 			let r = {
@@ -283,7 +283,7 @@ function u() {
 				shareType: t,
 				accessLevel: "DOWNLOAD"
 			};
-			n = (await Jt.mutateAsync(r))?.token ?? "", X("files.share.created", {
+			n = (await Xt.mutateAsync(r))?.token ?? "", X("files.share.created", {
 				entityType: "file",
 				fileId: e.fileId,
 				shareType: t
@@ -298,7 +298,7 @@ function u() {
 				shareType: t,
 				accessLevel: "DOWNLOAD"
 			};
-			n = (await Yt.mutateAsync(r))?.createFolderShare?.token ?? "", X("files.share.created", {
+			n = (await Zt.mutateAsync(r))?.createFolderShare?.token ?? "", X("files.share.created", {
 				entityType: "folder",
 				folderId: e.folderId,
 				shareType: t
@@ -308,21 +308,21 @@ function u() {
 			publicUrl: n ? `${window.location.origin}/files/share/${n}` : "",
 			token: n
 		};
-	}, mn = async (e) => {
+	}, gn = async (e) => {
 		Le("medium"), Y({
-			title: a(u, "files.confirm.deleteFile.title", "Delete file"),
-			description: a(u, "files.confirm.deleteFile.description", "Move \"{{name}}\" to the bin?", { name: e.name }),
-			confirmLabel: a(u, "files.common.actions.delete", "Delete"),
+			title: a(d, "files.confirm.deleteFile.title", "Delete file"),
+			description: a(d, "files.confirm.deleteFile.description", "Move \"{{name}}\" to the bin?", { name: e.name }),
+			confirmLabel: a(d, "files.common.actions.delete", "Delete"),
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await Vt.mutateAsync({ id: e.id }), Re("success"), b.success(a(u, "files.file.delete.success", "\"{{name}}\" moved to bin", { name: e.name })), X("files.file.deleted", {
+					await Ut.mutateAsync({ id: e.id }), Re("success"), S.success(a(d, "files.file.delete.success", "\"{{name}}\" moved to bin", { name: e.name })), X("files.file.deleted", {
 						fileId: e.id,
 						fileName: e.name,
 						permanent: !1
 					});
 				} catch (t) {
-					b.error(t instanceof Error ? t.message : a(u, "files.file.errors.deleteFailed", "Failed to delete \"{{name}}\"", { name: e.name })), Re("error"), X("files.api.failed", {
+					S.error(t instanceof Error ? t.message : a(d, "files.file.errors.deleteFailed", "Failed to delete \"{{name}}\"", { name: e.name })), Re("error"), X("files.api.failed", {
 						action: "deleteFile",
 						fileId: e.id,
 						message: t instanceof Error ? t.message : "Failed to delete file"
@@ -330,36 +330,36 @@ function u() {
 				}
 			}
 		});
-	}, hn = async (e) => {
+	}, _n = async (e) => {
 		try {
-			await Ut.mutateAsync({ id: e.id }), b.success(a(u, "files.file.restore.success", "\"{{name}}\" restored", { name: e.name })), X("files.file.restored", {
+			await Gt.mutateAsync({ id: e.id }), S.success(a(d, "files.file.restore.success", "\"{{name}}\" restored", { name: e.name })), X("files.file.restored", {
 				fileId: e.id,
 				fileName: e.name
 			});
 		} catch (e) {
-			b.error(e instanceof Error ? e.message : a(u, "files.file.errors.restoreFailed", "Failed to restore file"));
+			S.error(e instanceof Error ? e.message : a(d, "files.file.errors.restoreFailed", "Failed to restore file"));
 		}
-	}, gn = async (e) => {
+	}, vn = async (e) => {
 		Le("heavy"), Y({
-			title: a(u, "files.confirm.permanentDeleteFile.title", "Permanently delete file"),
-			description: a(u, "files.confirm.permanentDeleteFile.description", "Permanently delete \"{{name}}\"? This cannot be undone.", { name: e.name }),
-			confirmLabel: a(u, "files.common.actions.deletePermanently", "Delete permanently"),
+			title: a(d, "files.confirm.permanentDeleteFile.title", "Permanently delete file"),
+			description: a(d, "files.confirm.permanentDeleteFile.description", "Permanently delete \"{{name}}\"? This cannot be undone.", { name: e.name }),
+			confirmLabel: a(d, "files.common.actions.deletePermanently", "Delete permanently"),
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await Gt.mutateAsync({ id: e.id }), b.success(a(u, "files.file.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), X("files.file.deleted", {
+					await qt.mutateAsync({ id: e.id }), S.success(a(d, "files.file.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), X("files.file.deleted", {
 						fileId: e.id,
 						fileName: e.name,
 						permanent: !0
 					});
 				} catch (e) {
-					b.error(e instanceof Error ? e.message : a(u, "files.file.errors.permanentDeleteFailed", "Failed to permanently delete file"));
+					S.error(e instanceof Error ? e.message : a(d, "files.file.errors.permanentDeleteFailed", "Failed to permanently delete file"));
 				}
 			}
 		});
-	}, _n = async (e) => {
+	}, yn = async (e) => {
 		try {
-			await qt.mutateAsync({
+			await Yt.mutateAsync({
 				id: e.id,
 				type: "file"
 			}), X("files.file.starred", {
@@ -368,108 +368,108 @@ function u() {
 				starred: !e.starred
 			});
 		} catch {
-			b.error(a(u, "files.file.errors.starFailed", "Failed to update starred state")), X("files.api.failed", {
+			S.error(a(d, "files.file.errors.starFailed", "Failed to update starred state")), X("files.api.failed", {
 				action: "toggleFileStar",
 				fileId: e.id
 			});
 		}
-	}, vn = (e) => {
-		B({
+	}, bn = (e) => {
+		z({
 			id: e.id,
 			name: e.name,
 			type: "file"
-		}), H(e.name), N(!0);
-	}, yn = async (e) => {
+		}), V(e.name), M(!0);
+	}, xn = async (e) => {
 		try {
 			let t = e.downloadUrl || e.url;
-			if (!t) throw Error(a(u, "files.file.errors.downloadUrlUnavailable", "Download URL is unavailable"));
+			if (!t) throw Error(a(d, "files.file.errors.downloadUrlUnavailable", "Download URL is unavailable"));
 			let n = document.createElement("a");
-			n.style.display = "none", n.href = t, n.download = e.name, n.rel = "noopener noreferrer", document.body.appendChild(n), n.click(), document.body.removeChild(n), b.success(a(u, "files.file.download.success", "Downloaded {{name}}", { name: e.name })), X("files.file.downloaded", {
+			n.style.display = "none", n.href = t, n.download = e.name, n.rel = "noopener noreferrer", document.body.appendChild(n), n.click(), document.body.removeChild(n), S.success(a(d, "files.file.download.success", "Downloaded {{name}}", { name: e.name })), X("files.file.downloaded", {
 				fileId: e.id,
 				fileName: e.name
 			});
 		} catch (e) {
-			b.error(e instanceof Error ? e.message : a(u, "files.file.errors.downloadFailed", "Failed to download file"));
+			S.error(e instanceof Error ? e.message : a(d, "files.file.errors.downloadFailed", "Failed to download file"));
 		}
-	}, bn = (e) => {
-		Ft({
+	}, Sn = (e) => {
+		Rt({
 			item: e,
 			type: "file"
-		}), Nt(!0);
-	}, xn = (e) => {
-		L({
+		}), It(!0);
+	}, Cn = (e) => {
+		I({
 			item: e,
 			type: "file"
-		}), P(!0);
-	}, Sn = (e) => {
+		}), Pt(!0);
+	}, wn = (e) => {
 		St({
 			item: e,
 			type: "file"
 		});
-	}, Cn = (e) => {
-		f(`/files/browse/${e.id}`);
-	}, wn = async (e) => {
+	}, Tn = (e) => {
+		p(`/files/browse/${e.id}`);
+	}, En = async (e) => {
 		Le("medium"), Y({
-			title: a(u, "files.confirm.deleteFolder.title", "Delete folder"),
-			description: a(u, "files.confirm.deleteFolder.description", "Move folder \"{{name}}\" and all its contents to the bin?", { name: e.name }),
-			confirmLabel: a(u, "files.common.actions.delete", "Delete"),
+			title: a(d, "files.confirm.deleteFolder.title", "Delete folder"),
+			description: a(d, "files.confirm.deleteFolder.description", "Move folder \"{{name}}\" and all its contents to the bin?", { name: e.name }),
+			confirmLabel: a(d, "files.common.actions.delete", "Delete"),
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await Ht.mutateAsync({
+					await Wt.mutateAsync({
 						id: e.id,
 						recursive: !0
-					}), b.success(a(u, "files.folder.delete.success", "\"{{name}}\" moved to bin", { name: e.name })), X("files.folder.deleted", {
+					}), S.success(a(d, "files.folder.delete.success", "\"{{name}}\" moved to bin", { name: e.name })), X("files.folder.deleted", {
 						folderId: e.id,
 						folderName: e.name,
 						permanent: !1
 					});
 				} catch (e) {
-					b.error(e instanceof Error ? e.message : a(u, "files.folder.errors.deleteFailed", "Failed to delete folder"));
+					S.error(e instanceof Error ? e.message : a(d, "files.folder.errors.deleteFailed", "Failed to delete folder"));
 				}
 			}
 		});
-	}, Tn = async (e) => {
+	}, Dn = async (e) => {
 		try {
-			await Wt.mutateAsync({ id: e.id }), b.success(a(u, "files.folder.restore.success", "\"{{name}}\" restored", { name: e.name })), X("files.folder.restored", {
+			await Kt.mutateAsync({ id: e.id }), S.success(a(d, "files.folder.restore.success", "\"{{name}}\" restored", { name: e.name })), X("files.folder.restored", {
 				folderId: e.id,
 				folderName: e.name
 			});
 		} catch (e) {
-			b.error(e instanceof Error ? e.message : a(u, "files.folder.errors.restoreFailed", "Failed to restore folder"));
+			S.error(e instanceof Error ? e.message : a(d, "files.folder.errors.restoreFailed", "Failed to restore folder"));
 		}
-	}, En = async (e) => {
+	}, On = async (e) => {
 		Y({
-			title: a(u, "files.confirm.permanentDeleteFolder.title", "Permanently delete folder"),
-			description: a(u, "files.confirm.permanentDeleteFolder.description", "Permanently delete folder \"{{name}}\" and its contents? This cannot be undone.", { name: e.name }),
-			confirmLabel: a(u, "files.common.actions.deletePermanently", "Delete permanently"),
+			title: a(d, "files.confirm.permanentDeleteFolder.title", "Permanently delete folder"),
+			description: a(d, "files.confirm.permanentDeleteFolder.description", "Permanently delete folder \"{{name}}\" and its contents? This cannot be undone.", { name: e.name }),
+			confirmLabel: a(d, "files.common.actions.deletePermanently", "Delete permanently"),
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await Kt.mutateAsync({ id: e.id }), b.success(a(u, "files.folder.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), X("files.folder.deleted", {
+					await Jt.mutateAsync({ id: e.id }), S.success(a(d, "files.folder.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), X("files.folder.deleted", {
 						folderId: e.id,
 						folderName: e.name,
 						permanent: !0
 					});
 				} catch (e) {
-					b.error(e instanceof Error ? e.message : a(u, "files.folder.errors.permanentDeleteFailed", "Failed to permanently delete folder"));
+					S.error(e instanceof Error ? e.message : a(d, "files.folder.errors.permanentDeleteFailed", "Failed to permanently delete folder"));
 				}
 			}
 		});
-	}, Dn = (e) => {
-		B({
+	}, kn = (e) => {
+		z({
 			id: e.id,
 			name: e.name,
 			type: "folder"
-		}), H(e.name), N(!0);
-	}, On = (e) => {
-		L({
+		}), V(e.name), M(!0);
+	}, An = (e) => {
+		I({
 			item: e,
 			type: "folder"
-		}), P(!0);
-	}, kn = async (e) => {
+		}), Pt(!0);
+	}, jn = async (e) => {
 		try {
-			await qt.mutateAsync({
+			await Yt.mutateAsync({
 				id: e.id,
 				type: "folder"
 			}), X("files.folder.starred", {
@@ -478,112 +478,112 @@ function u() {
 				starred: !e.starred
 			});
 		} catch {
-			b.error(a(u, "files.folder.errors.starFailed", "Failed to update starred state")), X("files.api.failed", {
+			S.error(a(d, "files.folder.errors.starFailed", "Failed to update starred state")), X("files.api.failed", {
 				action: "toggleFolderStar",
 				folderId: e.id
 			});
 		}
-	}, An = (e) => {
+	}, Mn = (e) => {
 		St({
 			item: e,
 			type: "folder"
 		});
-	}, jn = async (e) => {
-		if (I) try {
-			I.type === "file" ? (await Zt.mutateAsync({
-				fileId: I.item.id,
+	}, Nn = async (e) => {
+		if (F) try {
+			F.type === "file" ? (await $t.mutateAsync({
+				fileId: F.item.id,
 				targetFolderId: e || null
-			}), b.success(a(u, "files.file.move.success", "\"{{name}}\" moved", { name: I.item.name })), X("files.file.moved", {
-				fileId: I.item.id,
-				fileName: I.item.name,
+			}), S.success(a(d, "files.file.move.success", "\"{{name}}\" moved", { name: F.item.name })), X("files.file.moved", {
+				fileId: F.item.id,
+				fileName: F.item.name,
 				destinationFolderId: e
-			})) : (await Qt.mutateAsync({
-				folderId: I.item.id,
+			})) : (await en.mutateAsync({
+				folderId: F.item.id,
 				targetParentFolderId: e
-			}), b.success(a(u, "files.folder.move.success", "\"{{name}}\" moved", { name: I.item.name })), X("files.folder.moved", {
-				folderId: I.item.id,
-				folderName: I.item.name,
+			}), S.success(a(d, "files.folder.move.success", "\"{{name}}\" moved", { name: F.item.name })), X("files.folder.moved", {
+				folderId: F.item.id,
+				folderName: F.item.name,
 				destinationFolderId: e
-			})), P(!1), L(null);
+			})), Pt(!1), I(null);
 		} catch (e) {
-			b.error(e instanceof Error ? e.message : a(u, "files.item.errors.moveFailed", "Failed to move \"{{name}}\"", { name: I.item.name })), X("files.api.failed", {
-				action: I.type === "file" ? "moveFile" : "moveFolder",
-				itemId: I.item.id,
-				itemType: I.type,
+			S.error(e instanceof Error ? e.message : a(d, "files.item.errors.moveFailed", "Failed to move \"{{name}}\"", { name: F.item.name })), X("files.api.failed", {
+				action: F.type === "file" ? "moveFile" : "moveFolder",
+				itemId: F.item.id,
+				itemType: F.type,
 				message: e instanceof Error ? e.message : void 0
 			});
 		}
-	}, Mn = async (e, t) => {
-		if (R) try {
-			if (R.type !== "file") throw Error(a(u, "files.folder.errors.copyUnsupported", "Folder copy is not supported"));
-			await Xt.mutateAsync({
-				id: R.item.id,
-				newName: t || `Copy of ${R.item.name}`,
+	}, Pn = async (e, t) => {
+		if (L) try {
+			if (L.type !== "file") throw Error(a(d, "files.folder.errors.copyUnsupported", "Folder copy is not supported"));
+			await Qt.mutateAsync({
+				id: L.item.id,
+				newName: t || `Copy of ${L.item.name}`,
 				targetFolderId: e || void 0
-			}), b.success(a(u, "files.file.copy.success", "\"{{name}}\" copied", { name: R.item.name })), X("files.file.copied", {
-				fileId: R.item.id,
-				fileName: R.item.name,
+			}), S.success(a(d, "files.file.copy.success", "\"{{name}}\" copied", { name: L.item.name })), X("files.file.copied", {
+				fileId: L.item.id,
+				fileName: L.item.name,
 				destinationFolderId: e
-			}), Nt(!1), Ft(null);
+			}), It(!1), Rt(null);
 		} catch (e) {
-			b.error(e instanceof Error ? e.message : a(u, "files.file.errors.copyFailed", "Failed to copy \"{{name}}\"", { name: R.item.name })), X("files.api.failed", {
+			S.error(e instanceof Error ? e.message : a(d, "files.file.errors.copyFailed", "Failed to copy \"{{name}}\"", { name: L.item.name })), X("files.api.failed", {
 				action: "copyFile",
-				fileId: R.item.id,
+				fileId: L.item.id,
 				message: e instanceof Error ? e.message : void 0
 			});
 		}
-	}, Nn = async () => {
-		if (!(!z || !V.trim())) try {
-			let e = z.name, t = V.trim();
-			z.type === "file" ? (await Q.mutateAsync({
-				fileId: z.id,
+	}, Fn = async () => {
+		if (!(!R || !B.trim())) try {
+			let e = R.name, t = B.trim();
+			R.type === "file" ? (await Q.mutateAsync({
+				fileId: R.id,
 				newName: t
-			}), b.success(a(u, "files.file.rename.success", "Renamed \"{{name}}\"", { name: t })), X("files.file.renamed", {
-				fileId: z.id,
+			}), S.success(a(d, "files.file.rename.success", "Renamed \"{{name}}\"", { name: t })), X("files.file.renamed", {
+				fileId: R.id,
 				previousName: e,
 				name: t
 			})) : (await $.mutateAsync({
-				folderId: z.id,
+				folderId: R.id,
 				newName: t
-			}), b.success(a(u, "files.folder.rename.success", "Renamed \"{{name}}\"", { name: t })), X("files.folder.renamed", {
-				folderId: z.id,
+			}), S.success(a(d, "files.folder.rename.success", "Renamed \"{{name}}\"", { name: t })), X("files.folder.renamed", {
+				folderId: R.id,
 				previousName: e,
 				name: t
-			})), N(!1), B(null), H("");
+			})), M(!1), z(null), V("");
 		} catch (e) {
-			b.error(e instanceof Error ? e.message : a(u, "files.item.errors.renameFailed", "Failed to rename {{type}}", { type: z.type })), X("files.api.failed", {
-				action: z.type === "file" ? "renameFile" : "renameFolder",
-				itemId: z.id,
-				itemType: z.type,
+			S.error(e instanceof Error ? e.message : a(d, "files.item.errors.renameFailed", "Failed to rename {{type}}", { type: R.type })), X("files.api.failed", {
+				action: R.type === "file" ? "renameFile" : "renameFolder",
+				itemId: R.id,
+				itemType: R.type,
 				message: e instanceof Error ? e.message : void 0
 			});
 		}
 	};
 	return n({
-		files: E,
-		folders: D,
-		onFilePreview: un,
-		onFileDelete: mn,
-		onFolderOpen: Cn,
-		onFolderDelete: wn,
-		activeTab: _
-	}), p === void 0 ? /* @__PURE__ */ l("div", {
+		files: T,
+		folders: E,
+		onFilePreview: fn,
+		onFileDelete: gn,
+		onFolderOpen: Tn,
+		onFolderDelete: En,
+		activeTab: v
+	}), m === void 0 ? /* @__PURE__ */ l("div", {
 		className: "flex flex-col items-center justify-center min-h-[60vh] gap-3 text-center px-6",
 		children: [/* @__PURE__ */ c(s, { className: "size-8 animate-spin text-text-tertiary" }), /* @__PURE__ */ c("p", {
 			className: "text-sm text-text-secondary max-w-md",
-			children: a(u, "files.browser.workspace.waiting", "Waiting for workspace context. If this persists, the app shell may not have provided a workspaceId to the Files module. Try reloading the page or switching workspaces.")
+			children: a(d, "files.browser.workspace.waiting", "Waiting for workspace context. If this persists, the app shell may not have provided a workspaceId to the Files module. Try reloading the page or switching workspaces.")
 		})]
-	}) : p === "" ? /* @__PURE__ */ l("div", {
+	}) : m === "" ? /* @__PURE__ */ l("div", {
 		className: "flex flex-col items-center justify-center min-h-[60vh] gap-3 text-center px-6",
 		children: [/* @__PURE__ */ c(Ge, { className: "size-8 text-text-tertiary" }), /* @__PURE__ */ c("p", {
 			className: "text-sm text-text-secondary max-w-md",
-			children: a(u, "files.browser.workspace.notSelected", "No workspace selected. Please select a workspace to view files.")
+			children: a(d, "files.browser.workspace.notSelected", "No workspace selected. Please select a workspace to view files.")
 		})]
 	}) : /* @__PURE__ */ l("div", {
 		className: "min-h-screen bg-bg-surface",
 		children: [
 			/* @__PURE__ */ c("div", {
-				className: "bg-bg-surface border-b border-border-default px-4 py-3 sm:px-6 sm:py-4",
+				className: "bg-bg-surface border-b border-border-seam px-4 py-3 sm:px-6 sm:py-4",
 				"data-tour": "files-breadcrumb-nav",
 				children: /* @__PURE__ */ c("div", {
 					className: "flex items-center gap-2 sm:gap-4",
@@ -591,22 +591,22 @@ function u() {
 						className: "flex items-center gap-1 sm:gap-2 text-sm overflow-x-auto",
 						children: [/* @__PURE__ */ l("button", {
 							type: "button",
-							onClick: () => f("/files/browse"),
+							onClick: () => p("/files/browse"),
 							className: "flex items-center gap-1 text-text-primary hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 whitespace-nowrap",
-							title: a(u, "files.browser.actions.goToRoot", "Go to root"),
+							title: a(d, "files.browser.actions.goToRoot", "Go to root"),
 							children: [/* @__PURE__ */ c(qe, { className: "size-4" }), /* @__PURE__ */ c("span", {
 								className: "hidden sm:inline",
-								children: a(u, "files.browser.rootLabel", "My Drive")
+								children: a(d, "files.browser.rootLabel", "My Drive")
 							})]
-						}), mt.map((e, t) => /* @__PURE__ */ l("div", {
+						}), ht.map((e, t) => /* @__PURE__ */ l("div", {
 							className: "flex items-center gap-1 sm:gap-2",
 							children: [/* @__PURE__ */ c("span", {
 								className: "text-text-tertiary",
 								children: "/"
 							}), /* @__PURE__ */ c("button", {
 								type: "button",
-								onClick: () => f(`/files/browse/${e.id}`),
-								className: `hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 whitespace-nowrap ${t === mt.length - 1 ? "text-text-primary font-medium" : "text-text-secondary"}`,
+								onClick: () => p(`/files/browse/${e.id}`),
+								className: `hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 whitespace-nowrap ${t === ht.length - 1 ? "text-text-primary font-medium" : "text-text-secondary"}`,
 								title: `Go to ${e.name}`,
 								children: e.name
 							})]
@@ -617,13 +617,13 @@ function u() {
 			/* @__PURE__ */ c("div", {
 				"data-tour": "files-tab-bar",
 				children: /* @__PURE__ */ c(Ce, {
-					activeTab: _,
-					onTabChange: ht,
-					tabs: gt
+					activeTab: v,
+					onTabChange: gt,
+					tabs: _t
 				})
 			}),
 			/* @__PURE__ */ l("div", {
-				className: "bg-bg-surface border-b border-border-default px-4 py-2 sm:px-6 sm:py-3",
+				className: "bg-bg-surface border-b border-border-seam px-4 py-2 sm:px-6 sm:py-3",
 				children: [
 					/* @__PURE__ */ l("div", {
 						className: "flex flex-col sm:flex-row items-start sm:items-center justify-between gap-2 sm:gap-inline-gap",
@@ -636,357 +636,342 @@ function u() {
 									onSearch: (e, t) => {
 										vt(e), bt(t);
 									},
-									placeholder: a(u, "files.search.input.placeholder", "Search files and folders..."),
-									initialQuery: _t,
+									placeholder: a(d, "files.search.input.placeholder", "Search files and folders..."),
+									initialQuery: y,
 									showFilters: !0
 								})
 							})
 						}), /* @__PURE__ */ l("div", {
 							className: "flex items-center gap-2 order-1 sm:order-2 w-full sm:w-auto justify-between sm:justify-end",
-							children: [
-								!v && (E.length > 0 || D.length > 0) && /* @__PURE__ */ c("button", {
-									type: "button",
-									onClick: () => {
-										let e = E.map((e) => e.id), n = D.map((e) => e.id);
-										t.getState().selectAllFiles(e), n.forEach((e) => t.getState().selectFolder(e));
+							children: [!b && /* @__PURE__ */ c("div", {
+								"data-tour": "files-upload-files-button",
+								children: /* @__PURE__ */ c(rt, {
+									primary: {
+										label: W ? a(d, "files.browser.upload.uploading", "Uploading...") : a(d, "files.browser.actions.uploadFiles", "Upload Files"),
+										onSelect: nn,
+										disabled: W,
+										icon: W ? /* @__PURE__ */ c(s, { className: "size-4 animate-spin" }) : /* @__PURE__ */ c(Ze, { className: "size-4" })
 									},
-									className: "flex items-center gap-2 px-3 py-2 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-lg hover:bg-action-ghost-bg-hover hover:border-border-default transition-all duration-200",
-									children: a(u, "files.browser.actions.selectAll", "Select All")
-								}),
-								!v && /* @__PURE__ */ l($e, { children: [
-									/* @__PURE__ */ l("button", {
-										type: "button",
-										onClick: cn,
-										className: "flex items-center gap-1 sm:gap-2 px-2 sm:px-4 py-2 text-xs sm:text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-lg hover:bg-action-ghost-bg-hover hover:border-border-default transition-all duration-200 shadow-sm",
-										"data-tour": "files-new-folder-button",
-										children: [/* @__PURE__ */ c(Ue, { className: "size-4" }), /* @__PURE__ */ c("span", {
-											className: "hidden sm:inline",
-											children: a(u, "files.browser.actions.newFolder", "New Folder")
-										})]
-									}),
-									/* @__PURE__ */ c("button", {
-										type: "button",
-										onClick: en,
-										disabled: It,
-										className: "flex items-center gap-1 sm:gap-2 px-2 sm:px-4 py-2 text-xs sm:text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-lg hover:bg-action-ghost-bg-hover hover:border-border-default transition-all duration-200 shadow-sm disabled:opacity-50 disabled:cursor-not-allowed",
-										"data-tour": "files-upload-files-button",
-										children: It ? /* @__PURE__ */ l($e, { children: [/* @__PURE__ */ c(s, { className: "size-4 animate-spin" }), /* @__PURE__ */ c("span", {
-											className: "hidden sm:inline",
-											children: a(u, "files.browser.upload.uploading", "Uploading...")
-										})] }) : /* @__PURE__ */ l($e, { children: [/* @__PURE__ */ c(Ze, { className: "size-4" }), /* @__PURE__ */ c("span", {
-											className: "hidden sm:inline",
-											children: a(u, "files.browser.actions.uploadFiles", "Upload Files")
-										})] })
-									}),
-									/* @__PURE__ */ l("button", {
-										type: "button",
-										onClick: sn,
-										disabled: It,
-										className: "hidden sm:flex items-center gap-2 px-4 py-2.5 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-lg hover:bg-action-ghost-bg-hover hover:border-border-default transition-all duration-200 shadow-sm disabled:opacity-50 disabled:cursor-not-allowed",
-										title: a(u, "files.browser.actions.uploadFolderTitle", "Upload entire folder with structure"),
-										children: [/* @__PURE__ */ c(We, { className: "size-4" }), a(u, "files.browser.actions.uploadFolder", "Upload Folder")]
-									})
-								] }),
-								/* @__PURE__ */ l("div", {
-									className: "flex items-center border border-border-default rounded-lg overflow-hidden",
-									"data-tour": "files-view-mode-toggle",
-									children: [/* @__PURE__ */ c("button", {
-										type: "button",
-										onClick: () => pt("grid"),
-										className: `p-2 transition-colors duration-200 ${ft === "grid" ? "bg-bg-accent text-text-link" : "text-text-secondary hover:bg-action-ghost-bg-hover"}`,
-										"aria-label": a(u, "files.browser.view.grid", "Grid view"),
-										children: /* @__PURE__ */ c(Ke, { className: "size-5" })
-									}), /* @__PURE__ */ c("button", {
-										type: "button",
-										onClick: () => pt("list"),
-										className: `p-2 transition-colors duration-200 ${ft === "list" ? "bg-bg-accent text-text-link" : "text-text-secondary hover:bg-action-ghost-bg-hover"}`,
-										"aria-label": a(u, "files.browser.view.list", "List view"),
-										children: /* @__PURE__ */ c(Je, { className: "size-5" })
-									})]
+									actions: [
+										{
+											label: a(d, "files.browser.actions.newFolder", "New Folder"),
+											icon: /* @__PURE__ */ c(Ue, { className: "size-4" }),
+											onSelect: un
+										},
+										{
+											label: a(d, "files.browser.actions.uploadFolder", "Upload Folder"),
+											icon: /* @__PURE__ */ c(We, { className: "size-4" }),
+											onSelect: ln,
+											disabled: W
+										},
+										...T.length > 0 || E.length > 0 ? [{
+											label: a(d, "files.browser.actions.selectAll", "Select All"),
+											onSelect: () => {
+												let e = T.map((e) => e.id), n = E.map((e) => e.id);
+												t.getState().selectAllFiles(e), n.forEach((e) => t.getState().selectFolder(e));
+											}
+										}] : []
+									]
 								})
-							]
+							}), /* @__PURE__ */ l("div", {
+								className: "flex items-center border border-border-seam rounded-lg overflow-hidden",
+								"data-tour": "files-view-mode-toggle",
+								children: [/* @__PURE__ */ c("button", {
+									type: "button",
+									onClick: () => mt("grid"),
+									className: `p-2 transition-colors duration-200 ${pt === "grid" ? "bg-bg-accent text-text-link" : "text-text-secondary hover:bg-action-ghost-bg-hover"}`,
+									"aria-label": a(d, "files.browser.view.grid", "Grid view"),
+									children: /* @__PURE__ */ c(Ke, { className: "size-5" })
+								}), /* @__PURE__ */ c("button", {
+									type: "button",
+									onClick: () => mt("list"),
+									className: `p-2 transition-colors duration-200 ${pt === "list" ? "bg-bg-accent text-text-link" : "text-text-secondary hover:bg-action-ghost-bg-hover"}`,
+									"aria-label": a(d, "files.browser.view.list", "List view"),
+									children: /* @__PURE__ */ c(Je, { className: "size-5" })
+								})]
+							})]
 						})]
 					}),
-					v && /* @__PURE__ */ l("div", {
+					b && /* @__PURE__ */ l("div", {
 						className: "mt-3 flex items-center justify-between p-3 bg-status-success-bg-subtle rounded-lg border border-status-success-border transition-all duration-200",
 						children: [/* @__PURE__ */ l("span", {
 							className: "text-sm font-medium text-status-success-text",
-							children: [a(u, "files.browser.search.showingResults", "Showing search results for \"{{query}}\"", { query: _t }), T.data && ` (${(T.data.files?.length || 0) + (T.data.folders?.length || 0)} items)`]
+							children: [a(d, "files.browser.search.showingResults", "Showing search results for \"{{query}}\"", { query: y }), w.data && ` (${(w.data.files?.length || 0) + (w.data.folders?.length || 0)} items)`]
 						}), /* @__PURE__ */ l("button", {
 							type: "button",
 							onClick: () => vt(""),
 							className: "flex items-center gap-2 text-status-success-text hover:text-status-success-text/80 text-sm font-medium transition-colors duration-200",
-							children: [/* @__PURE__ */ c(Qe, { className: "size-4" }), a(u, "files.browser.search.clear", "Clear search")]
+							children: [/* @__PURE__ */ c(Qe, { className: "size-4" }), a(d, "files.browser.search.clear", "Clear search")]
 						})]
 					}),
-					j > 0 && /* @__PURE__ */ l("div", {
-						className: "mt-3 flex items-center justify-between p-3 bg-bg-accent rounded-lg border border-action-primary-border transition-all duration-200",
+					A > 0 && /* @__PURE__ */ l(it, {
+						className: "mt-3 flex items-center justify-between p-3",
 						children: [/* @__PURE__ */ l("div", {
 							className: "flex items-center gap-4",
 							children: [/* @__PURE__ */ c("span", {
 								className: "text-sm font-medium text-text-primary",
-								children: a(u, "files.browser.selection.selectedCount", "{{count}} item{{suffix}} selected", {
-									count: j,
-									suffix: j > 1 ? "s" : ""
+								children: a(d, "files.browser.selection.selectedCount", "{{count}} item{{suffix}} selected", {
+									count: A,
+									suffix: A > 1 ? "s" : ""
 								})
 							}), /* @__PURE__ */ c("div", {
 								className: "flex items-center gap-2",
-								children: _ === "bin" ? /* @__PURE__ */ l($e, { children: [/* @__PURE__ */ c("button", {
+								children: v === "bin" ? /* @__PURE__ */ l($e, { children: [/* @__PURE__ */ c("button", {
 									type: "button",
 									onClick: async () => {
 										try {
-											await Promise.all([...Array.from(m).map((e) => Ut.mutateAsync({ id: e })), ...Array.from(h).map((e) => Wt.mutateAsync({ id: e }))]), g(), b.success(`${j} item${j > 1 ? "s" : ""} restored`);
+											await Promise.all([...Array.from(h).map((e) => Gt.mutateAsync({ id: e })), ...Array.from(g).map((e) => Kt.mutateAsync({ id: e }))]), _(), S.success(`${A} item${A > 1 ? "s" : ""} restored`);
 										} catch (e) {
-											b.error(e instanceof Error ? e.message : "Failed to restore some items");
+											S.error(e instanceof Error ? e.message : "Failed to restore some items");
 										}
 									},
 									className: "flex items-center gap-1.5 rounded-lg border border-status-success-border bg-bg-surface px-3 py-1.5 text-sm font-medium text-status-success-text transition-colors duration-200 hover:bg-status-success-bg-subtle",
-									children: a(u, "files.browser.selection.actions.restore", "Restore")
+									children: a(d, "files.browser.selection.actions.restore", "Restore")
 								}), /* @__PURE__ */ l("button", {
 									type: "button",
 									onClick: async () => {
 										Y({
-											title: a(u, "files.confirm.bulkPermanentDelete.title", "Permanently delete selected items"),
-											description: a(u, "files.confirm.bulkPermanentDelete.description", "Permanently delete {{count}} selected item{{plural}}? This cannot be undone.", {
-												count: j,
-												plural: j > 1 ? "s" : ""
+											title: a(d, "files.confirm.bulkPermanentDelete.title", "Permanently delete selected items"),
+											description: a(d, "files.confirm.bulkPermanentDelete.description", "Permanently delete {{count}} selected item{{plural}}? This cannot be undone.", {
+												count: A,
+												plural: A > 1 ? "s" : ""
 											}),
-											confirmLabel: a(u, "files.common.actions.deletePermanently", "Delete permanently"),
+											confirmLabel: a(d, "files.common.actions.deletePermanently", "Delete permanently"),
 											variant: "danger",
 											onConfirm: async () => {
 												try {
-													await Promise.all([...Array.from(m).map((e) => Gt.mutateAsync({ id: e })), ...Array.from(h).map((e) => Kt.mutateAsync({ id: e }))]), g(), b.success(a(u, "files.bulk.permanentDelete.success", "{{count}} item{{plural}} deleted permanently", {
-														count: j,
-														plural: j > 1 ? "s" : ""
+													await Promise.all([...Array.from(h).map((e) => qt.mutateAsync({ id: e })), ...Array.from(g).map((e) => Jt.mutateAsync({ id: e }))]), _(), S.success(a(d, "files.bulk.permanentDelete.success", "{{count}} item{{plural}} deleted permanently", {
+														count: A,
+														plural: A > 1 ? "s" : ""
 													}));
 												} catch (e) {
-													b.error(e instanceof Error ? e.message : a(u, "files.bulk.errors.permanentDeleteFailed", "Failed to permanently delete some items"));
+													S.error(e instanceof Error ? e.message : a(d, "files.bulk.errors.permanentDeleteFailed", "Failed to permanently delete some items"));
 												}
 											}
 										});
 									},
 									className: "flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-status-error-text bg-bg-surface border border-status-error-border rounded-lg hover:bg-status-error-bg-subtle transition-colors duration-200",
-									children: [/* @__PURE__ */ c(Xe, { className: "size-4" }), a(u, "files.browser.selection.actions.deletePermanently", "Delete permanently")]
+									children: [/* @__PURE__ */ c(Xe, { className: "size-4" }), a(d, "files.browser.selection.actions.deletePermanently", "Delete permanently")]
 								})] }) : /* @__PURE__ */ l("button", {
 									type: "button",
 									onClick: async () => {
 										Y({
-											title: a(u, "files.confirm.bulkDelete.title", "Delete selected items"),
-											description: a(u, "files.confirm.bulkDelete.description", "Move {{count}} selected item{{plural}} to the bin?", {
-												count: j,
-												plural: j > 1 ? "s" : ""
+											title: a(d, "files.confirm.bulkDelete.title", "Delete selected items"),
+											description: a(d, "files.confirm.bulkDelete.description", "Move {{count}} selected item{{plural}} to the bin?", {
+												count: A,
+												plural: A > 1 ? "s" : ""
 											}),
-											confirmLabel: a(u, "files.common.actions.delete", "Delete"),
+											confirmLabel: a(d, "files.common.actions.delete", "Delete"),
 											variant: "danger",
 											onConfirm: async () => {
 												try {
-													let e = Array.from(m), t = Array.from(h);
-													e.length > 0 && await $t.mutateAsync(e), await Promise.all(t.map((e) => Ht.mutateAsync({
+													let e = Array.from(h), t = Array.from(g);
+													e.length > 0 && await tn.mutateAsync(e), await Promise.all(t.map((e) => Wt.mutateAsync({
 														id: e,
 														recursive: !0
-													}))), g(), b.success(a(u, "files.bulk.delete.success", "{{count}} item{{plural}} moved to bin", {
-														count: j,
-														plural: j > 1 ? "s" : ""
+													}))), _(), S.success(a(d, "files.bulk.delete.success", "{{count}} item{{plural}} moved to bin", {
+														count: A,
+														plural: A > 1 ? "s" : ""
 													}));
 												} catch (e) {
-													b.error(e instanceof Error ? e.message : a(u, "files.bulk.errors.deleteFailed", "Failed to delete some items"));
+													S.error(e instanceof Error ? e.message : a(d, "files.bulk.errors.deleteFailed", "Failed to delete some items"));
 												}
 											}
 										});
 									},
 									className: "flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-status-error-text bg-bg-surface border border-status-error-border rounded-lg hover:bg-status-error-bg-subtle transition-colors duration-200",
-									children: [/* @__PURE__ */ c(Xe, { className: "size-4" }), a(u, "files.browser.selection.actions.delete", "Delete")]
+									children: [/* @__PURE__ */ c(Xe, { className: "size-4" }), a(d, "files.browser.selection.actions.delete", "Delete")]
 								})
 							})]
 						}), /* @__PURE__ */ l("button", {
 							type: "button",
-							onClick: g,
+							onClick: _,
 							className: "flex items-center gap-2 text-text-link hover:text-action-primary-bg-hover text-sm font-medium transition-colors duration-200",
-							children: [/* @__PURE__ */ c(Qe, { className: "size-4" }), a(u, "files.common.actions.clear", "Clear")]
+							children: [/* @__PURE__ */ c(Qe, { className: "size-4" }), a(d, "files.common.actions.clear", "Clear")]
 						})]
 					})
 				]
 			}),
-			(dt.isExhausted || dt.isNearLimit) && /* @__PURE__ */ c("div", {
+			(ft.isExhausted || ft.isNearLimit) && /* @__PURE__ */ c("div", {
 				className: "px-4 sm:px-6 pt-3",
-				children: /* @__PURE__ */ c(Pe, { quota: dt })
+				children: /* @__PURE__ */ c(Pe, { quota: ft })
 			}),
 			/* @__PURE__ */ l("div", {
 				className: "px-2 sm:px-4 md:px-6 py-3 sm:py-4",
 				"data-tour": "files-browser-grid",
 				children: [/* @__PURE__ */ c(Se, {
-					files: E,
-					folders: D,
-					loading: O,
-					error: k,
-					preserveSortOrder: A,
-					onFilePreview: un,
-					onFileShare: _ === "bin" ? void 0 : dn,
-					onFileDelete: _ === "bin" ? gn : mn,
-					onFileRestore: _ === "bin" ? hn : void 0,
-					onFileFavorite: _ === "bin" ? void 0 : _n,
-					onFileRename: _ === "bin" ? void 0 : vn,
-					onFileDownload: yn,
-					onFileCopy: _ === "bin" ? void 0 : bn,
-					onFileMove: _ === "bin" ? void 0 : xn,
-					onFileInfo: Sn,
-					onFolderOpen: Cn,
-					onFolderShare: _ === "bin" ? void 0 : fn,
-					onFolderDelete: _ === "bin" ? En : wn,
-					onFolderRestore: _ === "bin" ? Tn : void 0,
-					onFolderRename: _ === "bin" ? void 0 : Dn,
-					onFolderFavorite: _ === "bin" ? void 0 : kn,
-					onFolderMove: _ === "bin" ? void 0 : On,
-					onFolderInfo: An
-				}), !O && (E.length > 0 || D.length > 0) && /* @__PURE__ */ l("div", {
+					files: T,
+					folders: E,
+					loading: D,
+					error: O,
+					preserveSortOrder: k,
+					onFilePreview: fn,
+					onFileShare: v === "bin" ? void 0 : pn,
+					onFileDelete: v === "bin" ? vn : gn,
+					onFileRestore: v === "bin" ? _n : void 0,
+					onFileFavorite: v === "bin" ? void 0 : yn,
+					onFileRename: v === "bin" ? void 0 : bn,
+					onFileDownload: xn,
+					onFileCopy: v === "bin" ? void 0 : Sn,
+					onFileMove: v === "bin" ? void 0 : Cn,
+					onFileInfo: wn,
+					onFolderOpen: Tn,
+					onFolderShare: v === "bin" ? void 0 : mn,
+					onFolderDelete: v === "bin" ? On : En,
+					onFolderRestore: v === "bin" ? Dn : void 0,
+					onFolderRename: v === "bin" ? void 0 : kn,
+					onFolderFavorite: v === "bin" ? void 0 : jn,
+					onFolderMove: v === "bin" ? void 0 : An,
+					onFolderInfo: Mn
+				}), !D && (T.length > 0 || E.length > 0) && /* @__PURE__ */ l("div", {
 					className: "mt-4 px-2 text-sm text-text-secondary",
-					children: [a(u, "files.browser.results.showingItems", "Showing {{count}} items", { count: E.length + D.length }), !v && _ === "all" && wt !== null && ` ${a(u, "files.browser.results.ofItems", "of {{count}} items", { count: wt })}`]
+					children: [a(d, "files.browser.results.showingItems", "Showing {{count}} items", { count: T.length + E.length }), !b && v === "all" && Dt !== null && ` ${a(d, "files.browser.results.ofItems", "of {{count}} items", { count: Dt })}`]
 				})]
 			}),
-			Tt && /* @__PURE__ */ c(at, {
+			Ot && /* @__PURE__ */ c(ot, {
 				open: !0,
 				onOpenChange: (e) => {
-					!e && !Z.isPending && (M(!1), W(""));
+					!e && !Z.isPending && (j(!1), U(""));
 				},
-				children: /* @__PURE__ */ l(ot, {
+				children: /* @__PURE__ */ l(st, {
 					className: "w-full max-w-xs",
 					children: [
-						/* @__PURE__ */ c(ct, {
+						/* @__PURE__ */ c(lt, {
 							className: "text-left",
-							children: /* @__PURE__ */ c(lt, {
+							children: /* @__PURE__ */ c(ut, {
 								id: "files-new-folder-title",
 								className: "text-base font-semibold text-text-primary",
-								children: a(u, "files.browser.newFolderDialog.title", "New folder")
+								children: a(d, "files.browser.newFolderDialog.title", "New folder")
 							})
 						}),
-						/* @__PURE__ */ c(it, {
+						/* @__PURE__ */ c(at, {
 							type: "text",
-							value: U,
-							onChange: (e) => W(e.target.value),
+							value: H,
+							onChange: (e) => U(e.target.value),
 							onKeyDown: (e) => {
-								e.key === "Enter" && ln();
+								e.key === "Enter" && dn();
 							},
-							"aria-label": a(u, "files.browser.newFolderDialog.title", "New folder"),
-							placeholder: a(u, "files.browser.newFolderDialog.placeholder", "Folder name")
+							"aria-label": a(d, "files.browser.newFolderDialog.title", "New folder"),
+							placeholder: a(d, "files.browser.newFolderDialog.placeholder", "Folder name")
 						}),
-						/* @__PURE__ */ l(st, { children: [/* @__PURE__ */ c(rt, {
+						/* @__PURE__ */ l(ct, { children: [/* @__PURE__ */ c(u, {
 							type: "button",
 							variant: "outline",
 							onClick: () => {
-								M(!1), W("");
+								j(!1), U("");
 							},
-							children: a(u, "files.common.actions.cancel", "Cancel")
-						}), /* @__PURE__ */ l(rt, {
+							children: a(d, "files.common.actions.cancel", "Cancel")
+						}), /* @__PURE__ */ l(u, {
 							type: "button",
-							onClick: ln,
-							disabled: !U.trim() || Z.isPending,
-							children: [Z.isPending && /* @__PURE__ */ c(s, { className: "size-4 animate-spin" }), Z.isPending ? a(u, "files.browser.newFolderDialog.actions.creating", "Creating...") : a(u, "files.common.actions.create", "Create")]
+							onClick: dn,
+							disabled: !H.trim() || Z.isPending,
+							children: [Z.isPending && /* @__PURE__ */ c(s, { className: "size-4 animate-spin" }), Z.isPending ? a(d, "files.browser.newFolderDialog.actions.creating", "Creating...") : a(d, "files.common.actions.create", "Create")]
 						})] })
 					]
 				})
 			}),
-			Ot && z && /* @__PURE__ */ c(at, {
+			jt && R && /* @__PURE__ */ c(ot, {
 				open: !0,
 				onOpenChange: (e) => {
-					!e && !Q.isPending && !$.isPending && (N(!1), B(null), H(""));
+					!e && !Q.isPending && !$.isPending && (M(!1), z(null), V(""));
 				},
-				children: /* @__PURE__ */ l(ot, {
+				children: /* @__PURE__ */ l(st, {
 					className: "w-full max-w-xs",
 					children: [
-						/* @__PURE__ */ c(ct, {
+						/* @__PURE__ */ c(lt, {
 							className: "text-left",
-							children: /* @__PURE__ */ c(lt, {
+							children: /* @__PURE__ */ c(ut, {
 								id: "files-rename-title",
 								className: "text-base font-semibold text-text-primary",
-								children: a(u, "files.browser.renameDialog.title", "Rename {{type}}", { type: z.type })
+								children: a(d, "files.browser.renameDialog.title", "Rename {{type}}", { type: R.type })
 							})
 						}),
-						/* @__PURE__ */ c(it, {
+						/* @__PURE__ */ c(at, {
 							type: "text",
-							value: V,
-							onChange: (e) => H(e.target.value),
+							value: B,
+							onChange: (e) => V(e.target.value),
 							onKeyDown: (e) => {
-								e.key === "Enter" && Nn();
+								e.key === "Enter" && Fn();
 							},
-							"aria-label": a(u, "files.browser.renameDialog.title", "Rename"),
-							placeholder: a(u, "files.browser.renameDialog.placeholder", "New name")
+							"aria-label": a(d, "files.browser.renameDialog.title", "Rename"),
+							placeholder: a(d, "files.browser.renameDialog.placeholder", "New name")
 						}),
-						/* @__PURE__ */ l(st, { children: [/* @__PURE__ */ c(rt, {
+						/* @__PURE__ */ l(ct, { children: [/* @__PURE__ */ c(u, {
 							type: "button",
 							variant: "outline",
 							onClick: () => {
-								N(!1), B(null), H("");
+								M(!1), z(null), V("");
 							},
-							children: a(u, "files.common.actions.cancel", "Cancel")
-						}), /* @__PURE__ */ l(rt, {
+							children: a(d, "files.common.actions.cancel", "Cancel")
+						}), /* @__PURE__ */ l(u, {
 							type: "button",
-							onClick: Nn,
-							disabled: !V.trim() || V.trim() === z.name || Q.isPending || $.isPending,
-							children: [(Q.isPending || $.isPending) && /* @__PURE__ */ c(s, { className: "size-4 animate-spin" }), Q.isPending || $.isPending ? a(u, "files.browser.renameDialog.actions.renaming", "Renaming...") : a(u, "files.common.actions.rename", "Rename")]
+							onClick: Fn,
+							disabled: !B.trim() || B.trim() === R.name || Q.isPending || $.isPending,
+							children: [(Q.isPending || $.isPending) && /* @__PURE__ */ c(s, { className: "size-4 animate-spin" }), Q.isPending || $.isPending ? a(d, "files.browser.renameDialog.actions.renaming", "Renaming...") : a(d, "files.common.actions.rename", "Rename")]
 						})] })
 					]
 				})
 			}),
-			kt && Pt && /* @__PURE__ */ c(we, {
-				item: Pt,
-				itemType: "mimeType" in Pt ? "file" : "folder",
+			Mt && Lt && /* @__PURE__ */ c(we, {
+				item: Lt,
+				itemType: "mimeType" in Lt ? "file" : "folder",
 				onClose: () => {
-					At(!1), F(null);
+					N(!1), P(null);
 				},
-				onCreateShare: pn,
-				isLoading: Jt.isPending
+				onCreateShare: hn,
+				isLoading: Xt.isPending
 			}),
 			J && /* @__PURE__ */ c(Me, {
 				title: J.title,
 				description: J.description,
 				confirmLabel: J.confirmLabel,
-				cancelLabel: a(u, "files.common.actions.cancel", "Cancel"),
+				cancelLabel: a(d, "files.common.actions.cancel", "Cancel"),
 				variant: J.variant,
 				loading: J.loading,
-				onConfirm: zt,
+				onConfirm: Vt,
 				onCancel: () => {
 					J.loading || Y(null);
 				}
 			}),
-			Et && /* @__PURE__ */ c(Me, {
-				title: a(u, "files.folder.quota.title", "Folder Limit Reached"),
-				description: a(u, "files.folder.quota.description", "You've reached the folder limit for your plan. Upgrade your plan or purchase an add-on to create more folders."),
-				confirmLabel: a(u, "files.folder.quota.upgrade", "View Billing"),
-				cancelLabel: a(u, "files.common.actions.dismiss", "Dismiss"),
+			kt && /* @__PURE__ */ c(Me, {
+				title: a(d, "files.folder.quota.title", "Folder Limit Reached"),
+				description: a(d, "files.folder.quota.description", "You've reached the folder limit for your plan. Upgrade your plan or purchase an add-on to create more folders."),
+				confirmLabel: a(d, "files.folder.quota.upgrade", "View Billing"),
+				cancelLabel: a(d, "files.common.actions.dismiss", "Dismiss"),
 				onConfirm: () => {
-					Dt(!1), f("/billing");
+					At(!1), p("/billing");
 				},
-				onCancel: () => Dt(!1)
+				onCancel: () => At(!1)
 			}),
-			jt && I && /* @__PURE__ */ c(Ae, {
-				item: I.item,
-				type: I.type,
+			Nt && F && /* @__PURE__ */ c(Ae, {
+				item: F.item,
+				type: F.type,
 				onClose: () => {
-					P(!1), L(null);
+					Pt(!1), I(null);
 				},
-				onMove: jn,
-				isLoading: Zt.isPending || Qt.isPending
+				onMove: Nn,
+				isLoading: $t.isPending || en.isPending
 			}),
-			Mt && R && /* @__PURE__ */ c(je, {
-				item: R.item,
-				type: R.type,
+			Ft && L && /* @__PURE__ */ c(je, {
+				item: L.item,
+				type: L.type,
 				onClose: () => {
-					Nt(!1), Ft(null);
+					It(!1), Rt(null);
 				},
-				onCopy: Mn,
-				isLoading: Xt.isPending
+				onCopy: Pn,
+				isLoading: Qt.isPending
 			}),
-			y && /* @__PURE__ */ c(Te, {
-				file: y,
+			x && /* @__PURE__ */ c(Te, {
+				file: x,
 				onClose: () => Ct(null),
 				onDownload: () => {
-					ze(y.downloadUrl || y.url);
+					ze(x.downloadUrl || x.url);
 				},
-				onShare: _ === "bin" ? void 0 : () => {
-					F(y), At(!0);
+				onShare: v === "bin" ? void 0 : () => {
+					P(x), N(!0);
 				},
-				onStar: _ === "bin" ? void 0 : () => _n(y),
-				onDelete: () => _ === "bin" ? gn(y) : mn(y)
+				onStar: v === "bin" ? void 0 : () => yn(x),
+				onDelete: () => v === "bin" ? vn(x) : gn(x)
 			}),
 			xt && /* @__PURE__ */ c(Ee, {
 				item: xt.item,
@@ -994,21 +979,21 @@ function u() {
 				onClose: () => St(null)
 			}),
 			/* @__PURE__ */ c(Ne, {
-				items: Lt,
-				isOpen: Rt,
+				items: zt,
+				isOpen: Bt,
 				onClose: () => q(!1),
-				onPause: nn,
-				onResume: rn,
-				onRetry: an,
-				onCancel: on
+				onPause: an,
+				onResume: on,
+				onRetry: sn,
+				onCancel: cn
 			}),
 			/* @__PURE__ */ c(Oe, {
-				toasts: b.toasts,
-				onClose: b.removeToast
+				toasts: S.toasts,
+				onClose: S.removeToast
 			}),
-			!O && E.length === 0 && D.length === 0 && /* @__PURE__ */ c("div", {
+			!D && T.length === 0 && E.length === 0 && /* @__PURE__ */ c("div", {
 				className: "px-6 py-12",
-				children: v ? /* @__PURE__ */ l("div", {
+				children: b ? /* @__PURE__ */ l("div", {
 					className: "text-center animate-in fade-in duration-200",
 					children: [
 						/* @__PURE__ */ c("div", {
@@ -1017,11 +1002,11 @@ function u() {
 						}),
 						/* @__PURE__ */ c("h3", {
 							className: "text-lg font-medium text-text-primary mb-2",
-							children: a(u, "files.browser.empty.search.title", "No results found")
+							children: a(d, "files.browser.empty.search.title", "No results found")
 						}),
 						/* @__PURE__ */ c("p", {
 							className: "text-sm text-text-secondary mb-4",
-							children: a(u, "files.browser.empty.search.description", "Try adjusting your search query or filters")
+							children: a(d, "files.browser.empty.search.description", "Try adjusting your search query or filters")
 						}),
 						/* @__PURE__ */ c("button", {
 							type: "button",
@@ -1029,19 +1014,19 @@ function u() {
 								vt(""), bt(void 0);
 							},
 							className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-text-inverse bg-action-primary-bg rounded-lg hover:bg-action-primary-bg-hover transition-colors duration-200",
-							children: a(u, "files.browser.search.clear", "Clear search")
+							children: a(d, "files.browser.search.clear", "Clear search")
 						})
 					]
 				}) : /* @__PURE__ */ c(De, {
-					type: _,
-					onUpload: _ === "all" ? en : void 0,
-					onNewFolder: _ === "all" ? cn : void 0
+					type: v,
+					onUpload: v === "all" ? nn : void 0,
+					onNewFolder: v === "all" ? un : void 0
 				})
 			})
 		]
 	});
 }
 //#endregion
-export { u as BrowserPage };
+export { d as BrowserPage };
 
 //# sourceMappingURL=BrowserPage.js.map