@burdenoff/microfe-files 2026.624.2 → 2026.625.1

package/dist/files/pages/BrowserPage.js

@@ -46,28 +46,29 @@ import { nativeImpact as Le, nativeNotify as Re, nativeOpenUrl as ze } from "../
 import { emitFilesEvent as Be } from "../utils/events.js";
 import { useEffect as Ve, useMemo as He, useState as o } from "react";
 import { FolderPlus as Ue, FolderUp as We, FolderX as Ge, Grid3x3 as Ke, Home as qe, List as Je, Loader2 as s, Search as Ye, Trash2 as Xe, Upload as Ze, X as Qe } from "lucide-react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { useNavigate as $e, useParams as et } from "react-router-dom";
-import { useI18n as tt } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+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 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 d() {
-	let { t: d } = tt(), { folderId: f } = et(), p = $e(), nt = e(), { workspaceId: m } = nt, rt = Fe(m ?? ""), { viewMode: it, setViewMode: at, breadcrumbs: ot, selectedFiles: h, selectedFolders: g, clearSelection: _ } = t(), [v, st] = o("all"), ct = He(() => [
+	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(() => {
-		ct.includes(v) || st("all");
-	}, [ct, v]);
-	let [lt, ut] = o(""), [dt, ft] = o(), y = lt.trim().length >= 2, [pt, mt] = o(null), [b, ht] = o(null), x = be(), S = r({
+		_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: v !== "all" || y
-	}), C = i({ skip: v !== "recent" || y }), w = ee({ skip: v !== "starred" || y }), T = te({ skip: v !== "bin" || y }), E = ye(lt, y, dt);
+		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 (f && S.data?.folderPath && S.data?.currentFolder) {
-			let e = S.data.folderPath.folders || [], n = S.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
 			})), {
@@ -76,44 +77,44 @@ function d() {
 			}];
 			t.getState().setBreadcrumbs(r);
 		} else t.getState().setBreadcrumbs([]);
-	}, [f, S.data]);
-	let D = [], O = [], k = !1, A = null, j = !1;
-	if (y && E.data) D = E.data.files || [], O = E.data.folders || [], k = E.isLoading, A = E.error;
+	}, [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":
-			D = S.data?.filesList?.files || [], O = S.data?.foldersList?.folders || [], k = S.loading, A = S.error || null, j = !1;
+			T = C.data?.filesList?.files || [], E = C.data?.foldersList?.folders || [], D = C.loading, O = C.error || null, k = !1;
 			break;
 		case "recent":
-			D = C.files || [], O = C.folders || [], k = C.isLoading, A = C.error || null, j = !0;
+			T = wt.files || [], E = wt.folders || [], D = wt.isLoading, O = wt.error || null, k = !0;
 			break;
 		case "starred":
-			D = w.files, O = w.folders, k = w.isLoading, A = w.error || null, j = !0;
+			T = Tt.files, E = Tt.folders, D = Tt.isLoading, O = Tt.error || null, k = !0;
 			break;
 		case "bin":
-			D = T.files, O = T.folders, k = T.isLoading, A = T.error || null, j = !0;
+			T = Et.files, E = Et.folders, D = Et.isLoading, O = Et.error || null, k = !0;
 			break;
 	}
-	let gt = v === "all" ? (S.data?.filesList?.total ?? D.length) + (S.data?.foldersList?.total ?? O.length) : null, M = h.size + g.size, [_t, N] = o(!1), [vt, yt] = o(!1), [bt, P] = o(!1), [xt, F] = o(!1), [St, I] = o(!1), [Ct, wt] = o(!1), [Tt, L] = o(null), [R, z] = o(null), [B, Et] = o(null), [V, H] = o(null), [U, W] = o(""), [G, K] = o(""), [Dt, q] = o(!1), [Ot, J] = o([]), [kt, Y] = o(!1), [X, Z] = o(null), Q = (e, t) => {
-		Be(nt, e, t);
-	}, At = async () => {
-		if (!X || X.loading) return;
-		let e = X.onConfirm;
-		Z({
-			...X,
+	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({
+			...J,
 			loading: !0
 		});
 		try {
-			await e(), Z(null);
+			await e(), Y(null);
 		} catch (e) {
-			Q("files.api.failed", {
+			X("files.api.failed", {
 				action: "confirmDialog",
 				message: e instanceof Error ? e.message : "Confirmed action failed"
-			}), Z((e) => e && {
+			}), Y((e) => e && {
 				...e,
 				loading: !1
 			});
 		}
-	}, $ = ne(), jt = re(), Mt = ie(), Nt = ae(), Pt = oe(), Ft = se(), It = ce(), Lt = le(), Rt = ue(), zt = de(), Bt = fe(), Vt = pe(), Ht = me(), Ut = he(), Wt = ge(), Gt = _e(), Kt = ve(), qt = () => {
+	}, 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;
@@ -129,21 +130,21 @@ function d() {
 						thumbnailUrl: n ?? void 0
 					};
 				}));
-				J((t) => [...t, ...e]), Y(!0), q(!0);
-				for (let t of e) await Jt(t);
-				q(!1);
+				K((t) => [...t, ...e]), q(!0), G(!0);
+				for (let t of e) await rn(t);
+				G(!1);
 			}
 		}, e.click();
-	}, Jt = async (e) => {
+	}, rn = async (e) => {
 		let t = (t) => {
-			J((n) => n.map((n) => n.id === e.id ? {
+			K((n) => n.map((n) => n.id === e.id ? {
 				...n,
 				...t
 			} : n));
 		};
 		t({ status: "uploading" });
 		try {
-			let n = await jt.mutateAsync({
+			let n = await Ht.mutateAsync({
 				file: e.file,
 				folderId: e.folderId,
 				onProgress: (e) => {
@@ -153,7 +154,7 @@ function d() {
 			t({
 				status: "completed",
 				progress: 100
-			}), Q("files.file.uploaded", {
+			}), X("files.file.uploaded", {
 				fileId: n.id,
 				fileName: n.name,
 				folderId: e.folderId
@@ -163,39 +164,39 @@ function d() {
 			r === "Upload paused" ? t({ status: "paused" }) : r === "QUOTA_EXHAUSTED" ? (t({
 				status: "failed",
 				error: a(d, "files.upload.errors.quotaExceeded", "Storage quota exceeded")
-			}), x.error(a(d, "files.upload.errors.quotaExceeded", "Storage quota exceeded. Please upgrade your plan or delete files."))) : (t({
+			}), S.error(a(d, "files.upload.errors.quotaExceeded", "Storage quota exceeded. Please upgrade your plan or delete files."))) : (t({
 				status: "failed",
 				error: r
-			}), Q("files.api.failed", {
+			}), X("files.api.failed", {
 				action: "uploadFile",
 				fileName: e.file.name,
 				message: r
 			}));
 		}
-	}, Yt = (e) => {
-		jt.pause(), J((t) => t.map((t) => t.id === e ? {
+	}, an = (e) => {
+		Ht.pause(), K((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "paused"
 		} : t));
-	}, Xt = (e) => {
-		let t = Ot.find((t) => t.id === e);
-		t && Jt(t);
-	}, Zt = (e) => {
-		let t = Ot.find((t) => t.id === e);
-		t && (J((t) => t.map((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)), Jt(t));
-	}, Qt = (e) => {
-		J((t) => {
+		} : t)), rn(t));
+	}, cn = (e) => {
+		K((t) => {
 			let n = t.filter((t) => t.id !== e);
-			return n.length === 0 && (Y(!1), q(!1)), n;
+			return n.length === 0 && (q(!1), G(!1)), n;
 		});
-	}, $t = () => {
+	}, ln = () => {
 		if (!m) {
-			x.error(a(d, "files.workspace.errors.notSelected", "Workspace not selected"));
+			S.error(a(d, "files.workspace.errors.notSelected", "Workspace not selected"));
 			return;
 		}
 		let e = document.createElement("input");
@@ -213,7 +214,7 @@ function d() {
 					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 $.mutateAsync({
+						let { data: t } = await Z.mutateAsync({
 							name: e,
 							parentFolderId: i
 						});
@@ -235,41 +236,41 @@ function d() {
 						});
 					}
 				}
-				J((e) => [...e, ...i]), Y(!0), q(!0);
-				for (let e of i) await Jt(e);
-				q(!1), x.success(a(d, "files.upload.folder.success", "Uploaded {{count}} file{{plural}} from folder", {
+				K((e) => [...e, ...i]), q(!0), G(!0);
+				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();
-	}, en = () => {
-		N(!0);
-	}, tn = async () => {
-		if (G.trim() && m) {
-			let { data: e, error: t } = await $.mutateAsync({
-				name: G,
+	}, un = () => {
+		j(!0);
+	}, dn = async () => {
+		if (H.trim() && m) {
+			let { data: e, error: t } = await Z.mutateAsync({
+				name: H,
 				parentFolderId: f
 			});
 			if (t) {
-				Ie(t) ? (N(!1), K(""), yt(!0)) : (x.error(t instanceof Error ? t.message : a(d, "files.folder.errors.createFailed", "Folder creation failed")), Q("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 && (K(""), N(!1), Q("files.folder.created", {
-				folderName: G,
+			e && (U(""), j(!1), X("files.folder.created", {
+				folderName: H,
 				parentFolderId: f
 			}));
 		}
-	}, nn = (e) => {
-		ht(e);
-	}, rn = (e) => {
-		L(e), F(!0);
-	}, an = (e) => {
-		L(e), F(!0);
-	}, on = async (e) => {
+	}, fn = (e) => {
+		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) {
@@ -282,7 +283,7 @@ function d() {
 				shareType: t,
 				accessLevel: "DOWNLOAD"
 			};
-			n = (await Vt.mutateAsync(r))?.token ?? "", Q("files.share.created", {
+			n = (await Xt.mutateAsync(r))?.token ?? "", X("files.share.created", {
 				entityType: "file",
 				fileId: e.fileId,
 				shareType: t
@@ -297,7 +298,7 @@ function d() {
 				shareType: t,
 				accessLevel: "DOWNLOAD"
 			};
-			n = (await Ht.mutateAsync(r))?.createFolderShare?.token ?? "", Q("files.share.created", {
+			n = (await Zt.mutateAsync(r))?.createFolderShare?.token ?? "", X("files.share.created", {
 				entityType: "folder",
 				folderId: e.folderId,
 				shareType: t
@@ -307,21 +308,21 @@ function d() {
 			publicUrl: n ? `${window.location.origin}/files/share/${n}` : "",
 			token: n
 		};
-	}, sn = async (e) => {
-		Le("medium"), Z({
+	}, gn = async (e) => {
+		Le("medium"), Y({
 			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 Mt.mutateAsync({ id: e.id }), Re("success"), x.success(a(d, "files.file.delete.success", "\"{{name}}\" moved to bin", { name: e.name })), Q("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) {
-					x.error(t instanceof Error ? t.message : a(d, "files.file.errors.deleteFailed", "Failed to delete \"{{name}}\"", { name: e.name })), Re("error"), Q("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"
@@ -329,283 +330,283 @@ function d() {
 				}
 			}
 		});
-	}, cn = async (e) => {
+	}, _n = async (e) => {
 		try {
-			await Pt.mutateAsync({ id: e.id }), x.success(a(d, "files.file.restore.success", "\"{{name}}\" restored", { name: e.name })), Q("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) {
-			x.error(e instanceof Error ? e.message : a(d, "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"));
 		}
-	}, ln = async (e) => {
-		Le("heavy"), Z({
+	}, vn = async (e) => {
+		Le("heavy"), Y({
 			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 It.mutateAsync({ id: e.id }), x.success(a(d, "files.file.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), Q("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) {
-					x.error(e instanceof Error ? e.message : a(d, "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"));
 				}
 			}
 		});
-	}, un = async (e) => {
+	}, yn = async (e) => {
 		try {
-			await Rt.mutateAsync({
+			await Yt.mutateAsync({
 				id: e.id,
 				type: "file"
-			}), Q("files.file.starred", {
+			}), X("files.file.starred", {
 				fileId: e.id,
 				fileName: e.name,
 				starred: !e.starred
 			});
 		} catch {
-			x.error(a(d, "files.file.errors.starFailed", "Failed to update starred state")), Q("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
 			});
 		}
-	}, dn = (e) => {
-		H({
+	}, bn = (e) => {
+		z({
 			id: e.id,
 			name: e.name,
 			type: "file"
-		}), W(e.name), P(!0);
-	}, fn = async (e) => {
+		}), V(e.name), M(!0);
+	}, xn = async (e) => {
 		try {
 			let t = e.downloadUrl || e.url;
 			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), x.success(a(d, "files.file.download.success", "Downloaded {{name}}", { name: e.name })), Q("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) {
-			x.error(e instanceof Error ? e.message : a(d, "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"));
 		}
-	}, pn = (e) => {
-		Et({
+	}, Sn = (e) => {
+		Rt({
 			item: e,
 			type: "file"
-		}), wt(!0);
-	}, mn = (e) => {
-		z({
+		}), It(!0);
+	}, Cn = (e) => {
+		I({
 			item: e,
 			type: "file"
-		}), I(!0);
-	}, hn = (e) => {
-		mt({
+		}), Pt(!0);
+	}, wn = (e) => {
+		St({
 			item: e,
 			type: "file"
 		});
-	}, gn = (e) => {
+	}, Tn = (e) => {
 		p(`/files/browse/${e.id}`);
-	}, _n = async (e) => {
-		Le("medium"), Z({
+	}, En = async (e) => {
+		Le("medium"), Y({
 			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 Nt.mutateAsync({
+					await Wt.mutateAsync({
 						id: e.id,
 						recursive: !0
-					}), x.success(a(d, "files.folder.delete.success", "\"{{name}}\" moved to bin", { name: e.name })), Q("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) {
-					x.error(e instanceof Error ? e.message : a(d, "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"));
 				}
 			}
 		});
-	}, vn = async (e) => {
+	}, Dn = async (e) => {
 		try {
-			await Ft.mutateAsync({ id: e.id }), x.success(a(d, "files.folder.restore.success", "\"{{name}}\" restored", { name: e.name })), Q("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) {
-			x.error(e instanceof Error ? e.message : a(d, "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"));
 		}
-	}, yn = async (e) => {
-		Z({
+	}, On = async (e) => {
+		Y({
 			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 Lt.mutateAsync({ id: e.id }), x.success(a(d, "files.folder.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), Q("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) {
-					x.error(e instanceof Error ? e.message : a(d, "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"));
 				}
 			}
 		});
-	}, bn = (e) => {
-		H({
+	}, kn = (e) => {
+		z({
 			id: e.id,
 			name: e.name,
 			type: "folder"
-		}), W(e.name), P(!0);
-	}, xn = (e) => {
-		z({
+		}), V(e.name), M(!0);
+	}, An = (e) => {
+		I({
 			item: e,
 			type: "folder"
-		}), I(!0);
-	}, Sn = async (e) => {
+		}), Pt(!0);
+	}, jn = async (e) => {
 		try {
-			await Rt.mutateAsync({
+			await Yt.mutateAsync({
 				id: e.id,
 				type: "folder"
-			}), Q("files.folder.starred", {
+			}), X("files.folder.starred", {
 				folderId: e.id,
 				folderName: e.name,
 				starred: !e.starred
 			});
 		} catch {
-			x.error(a(d, "files.folder.errors.starFailed", "Failed to update starred state")), Q("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
 			});
 		}
-	}, Cn = (e) => {
-		mt({
+	}, Mn = (e) => {
+		St({
 			item: e,
 			type: "folder"
 		});
-	}, wn = async (e) => {
-		if (R) try {
-			R.type === "file" ? (await Wt.mutateAsync({
-				fileId: R.item.id,
+	}, Nn = async (e) => {
+		if (F) try {
+			F.type === "file" ? (await $t.mutateAsync({
+				fileId: F.item.id,
 				targetFolderId: e || null
-			}), x.success(a(d, "files.file.move.success", "\"{{name}}\" moved", { name: R.item.name })), Q("files.file.moved", {
-				fileId: R.item.id,
-				fileName: R.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 Gt.mutateAsync({
-				folderId: R.item.id,
+			})) : (await en.mutateAsync({
+				folderId: F.item.id,
 				targetParentFolderId: e
-			}), x.success(a(d, "files.folder.move.success", "\"{{name}}\" moved", { name: R.item.name })), Q("files.folder.moved", {
-				folderId: R.item.id,
-				folderName: R.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
-			})), I(!1), z(null);
+			})), Pt(!1), I(null);
 		} catch (e) {
-			x.error(e instanceof Error ? e.message : a(d, "files.item.errors.moveFailed", "Failed to move \"{{name}}\"", { name: R.item.name })), Q("files.api.failed", {
-				action: R.type === "file" ? "moveFile" : "moveFolder",
-				itemId: R.item.id,
-				itemType: R.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
 			});
 		}
-	}, Tn = async (e, t) => {
-		if (B) try {
-			if (B.type !== "file") throw Error(a(d, "files.folder.errors.copyUnsupported", "Folder copy is not supported"));
-			await Ut.mutateAsync({
-				id: B.item.id,
-				newName: t || `Copy of ${B.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
-			}), x.success(a(d, "files.file.copy.success", "\"{{name}}\" copied", { name: B.item.name })), Q("files.file.copied", {
-				fileId: B.item.id,
-				fileName: B.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
-			}), wt(!1), Et(null);
+			}), It(!1), Rt(null);
 		} catch (e) {
-			x.error(e instanceof Error ? e.message : a(d, "files.file.errors.copyFailed", "Failed to copy \"{{name}}\"", { name: B.item.name })), Q("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: B.item.id,
+				fileId: L.item.id,
 				message: e instanceof Error ? e.message : void 0
 			});
 		}
-	}, En = async () => {
-		if (!(!V || !U.trim())) try {
-			let e = V.name, t = U.trim();
-			V.type === "file" ? (await zt.mutateAsync({
-				fileId: V.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
-			}), x.success(a(d, "files.file.rename.success", "Renamed \"{{name}}\"", { name: t })), Q("files.file.renamed", {
-				fileId: V.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 Bt.mutateAsync({
-				folderId: V.id,
+			})) : (await $.mutateAsync({
+				folderId: R.id,
 				newName: t
-			}), x.success(a(d, "files.folder.rename.success", "Renamed \"{{name}}\"", { name: t })), Q("files.folder.renamed", {
-				folderId: V.id,
+			}), S.success(a(d, "files.folder.rename.success", "Renamed \"{{name}}\"", { name: t })), X("files.folder.renamed", {
+				folderId: R.id,
 				previousName: e,
 				name: t
-			})), P(!1), H(null), W("");
+			})), M(!1), z(null), V("");
 		} catch (e) {
-			x.error(e instanceof Error ? e.message : a(d, "files.item.errors.renameFailed", "Failed to rename {{type}}", { type: V.type })), Q("files.api.failed", {
-				action: V.type === "file" ? "renameFile" : "renameFolder",
-				itemId: V.id,
-				itemType: V.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: D,
-		folders: O,
-		onFilePreview: nn,
-		onFileDelete: sn,
-		onFolderOpen: gn,
-		onFolderDelete: _n,
+		files: T,
+		folders: E,
+		onFilePreview: fn,
+		onFileDelete: gn,
+		onFolderOpen: Tn,
+		onFolderDelete: En,
 		activeTab: v
-	}), m === void 0 ? /* @__PURE__ */ u("div", {
+	}), 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__ */ l(s, { className: "size-8 animate-spin text-text-tertiary" }), /* @__PURE__ */ l("p", {
+		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(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.")
 		})]
-	}) : m === "" ? /* @__PURE__ */ u("div", {
+	}) : m === "" ? /* @__PURE__ */ l("div", {
 		className: "flex flex-col items-center justify-center min-h-[60vh] gap-3 text-center px-6",
-		children: [/* @__PURE__ */ l(Ge, { className: "size-8 text-text-tertiary" }), /* @__PURE__ */ l("p", {
+		children: [/* @__PURE__ */ c(Ge, { className: "size-8 text-text-tertiary" }), /* @__PURE__ */ c("p", {
 			className: "text-sm text-text-secondary max-w-md",
 			children: a(d, "files.browser.workspace.notSelected", "No workspace selected. Please select a workspace to view files.")
 		})]
-	}) : /* @__PURE__ */ u("div", {
+	}) : /* @__PURE__ */ l("div", {
 		className: "min-h-screen bg-bg-surface",
 		children: [
-			/* @__PURE__ */ l("div", {
-				className: "bg-bg-surface border-b border-border-default px-4 py-3 sm:px-6 sm:py-4",
+			/* @__PURE__ */ c("div", {
+				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__ */ l("div", {
+				children: /* @__PURE__ */ c("div", {
 					className: "flex items-center gap-2 sm:gap-4",
-					children: /* @__PURE__ */ u("div", {
+					children: /* @__PURE__ */ l("div", {
 						className: "flex items-center gap-1 sm:gap-2 text-sm overflow-x-auto",
-						children: [/* @__PURE__ */ u("button", {
+						children: [/* @__PURE__ */ l("button", {
 							type: "button",
 							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(d, "files.browser.actions.goToRoot", "Go to root"),
-							children: [/* @__PURE__ */ l(qe, { className: "size-4" }), /* @__PURE__ */ l("span", {
+							children: [/* @__PURE__ */ c(qe, { className: "size-4" }), /* @__PURE__ */ c("span", {
 								className: "hidden sm:inline",
 								children: a(d, "files.browser.rootLabel", "My Drive")
 							})]
-						}), ot.map((e, t) => /* @__PURE__ */ u("div", {
+						}), ht.map((e, t) => /* @__PURE__ */ l("div", {
 							className: "flex items-center gap-1 sm:gap-2",
-							children: [/* @__PURE__ */ l("span", {
+							children: [/* @__PURE__ */ c("span", {
 								className: "text-text-tertiary",
 								children: "/"
-							}), /* @__PURE__ */ l("button", {
+							}), /* @__PURE__ */ c("button", {
 								type: "button",
 								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 === ot.length - 1 ? "text-text-primary font-medium" : "text-text-secondary"}`,
+								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
 							})]
@@ -613,432 +614,413 @@ function d() {
 					})
 				})
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ c("div", {
 				"data-tour": "files-tab-bar",
-				children: /* @__PURE__ */ l(Ce, {
+				children: /* @__PURE__ */ c(Ce, {
 					activeTab: v,
-					onTabChange: st,
-					tabs: ct
+					onTabChange: gt,
+					tabs: _t
 				})
 			}),
-			/* @__PURE__ */ u("div", {
-				className: "bg-bg-surface border-b border-border-default px-4 py-2 sm:px-6 sm:py-3",
+			/* @__PURE__ */ l("div", {
+				className: "bg-bg-surface border-b border-border-seam px-4 py-2 sm:px-6 sm:py-3",
 				children: [
-					/* @__PURE__ */ u("div", {
+					/* @__PURE__ */ l("div", {
 						className: "flex flex-col sm:flex-row items-start sm:items-center justify-between gap-2 sm:gap-inline-gap",
-						children: [/* @__PURE__ */ l("div", {
+						children: [/* @__PURE__ */ c("div", {
 							className: "w-full sm:flex-1 min-w-0 order-2 sm:order-1",
 							"data-tour": "files-search-bar",
-							children: /* @__PURE__ */ l("div", {
+							children: /* @__PURE__ */ c("div", {
 								className: "relative w-full max-w-2xl",
-								children: /* @__PURE__ */ l(ke, {
+								children: /* @__PURE__ */ c(ke, {
 									onSearch: (e, t) => {
-										ut(e), ft(t);
+										vt(e), bt(t);
 									},
 									placeholder: a(d, "files.search.input.placeholder", "Search files and folders..."),
-									initialQuery: lt,
+									initialQuery: y,
 									showFilters: !0
 								})
 							})
-						}), /* @__PURE__ */ u("div", {
+						}), /* @__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: [
-								!y && (D.length > 0 || O.length > 0) && /* @__PURE__ */ l("button", {
-									type: "button",
-									onClick: () => {
-										let e = D.map((e) => e.id), n = O.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(d, "files.browser.actions.selectAll", "Select All")
-								}),
-								!y && /* @__PURE__ */ u(c, { children: [
-									/* @__PURE__ */ u("button", {
-										type: "button",
-										onClick: en,
-										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__ */ l(Ue, { className: "size-4" }), /* @__PURE__ */ l("span", {
-											className: "hidden sm:inline",
-											children: a(d, "files.browser.actions.newFolder", "New Folder")
-										})]
-									}),
-									/* @__PURE__ */ l("button", {
-										type: "button",
-										onClick: qt,
-										disabled: Dt,
-										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: Dt ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(s, { className: "size-4 animate-spin" }), /* @__PURE__ */ l("span", {
-											className: "hidden sm:inline",
-											children: a(d, "files.browser.upload.uploading", "Uploading...")
-										})] }) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(Ze, { className: "size-4" }), /* @__PURE__ */ l("span", {
-											className: "hidden sm:inline",
-											children: a(d, "files.browser.actions.uploadFiles", "Upload Files")
-										})] })
-									}),
-									/* @__PURE__ */ u("button", {
-										type: "button",
-										onClick: $t,
-										disabled: Dt,
-										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(d, "files.browser.actions.uploadFolderTitle", "Upload entire folder with structure"),
-										children: [/* @__PURE__ */ l(We, { className: "size-4" }), a(d, "files.browser.actions.uploadFolder", "Upload Folder")]
-									})
-								] }),
-								/* @__PURE__ */ u("div", {
-									className: "flex items-center border border-border-default rounded-lg overflow-hidden",
-									"data-tour": "files-view-mode-toggle",
-									children: [/* @__PURE__ */ l("button", {
-										type: "button",
-										onClick: () => at("grid"),
-										className: `p-2 transition-colors duration-200 ${it === "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__ */ l(Ke, { className: "size-5" })
-									}), /* @__PURE__ */ l("button", {
-										type: "button",
-										onClick: () => at("list"),
-										className: `p-2 transition-colors duration-200 ${it === "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__ */ l(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" })
+								})]
+							})]
 						})]
 					}),
-					y && /* @__PURE__ */ u("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__ */ u("span", {
+						children: [/* @__PURE__ */ l("span", {
 							className: "text-sm font-medium text-status-success-text",
-							children: [a(d, "files.browser.search.showingResults", "Showing search results for \"{{query}}\"", { query: lt }), E.data && ` (${(E.data.files?.length || 0) + (E.data.folders?.length || 0)} items)`]
-						}), /* @__PURE__ */ u("button", {
+							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: () => ut(""),
+							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__ */ l(Qe, { className: "size-4" }), a(d, "files.browser.search.clear", "Clear search")]
+							children: [/* @__PURE__ */ c(Qe, { className: "size-4" }), a(d, "files.browser.search.clear", "Clear search")]
 						})]
 					}),
-					M > 0 && /* @__PURE__ */ u("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",
-						children: [/* @__PURE__ */ u("div", {
+					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__ */ l("span", {
+							children: [/* @__PURE__ */ c("span", {
 								className: "text-sm font-medium text-text-primary",
 								children: a(d, "files.browser.selection.selectedCount", "{{count}} item{{suffix}} selected", {
-									count: M,
-									suffix: M > 1 ? "s" : ""
+									count: A,
+									suffix: A > 1 ? "s" : ""
 								})
-							}), /* @__PURE__ */ l("div", {
+							}), /* @__PURE__ */ c("div", {
 								className: "flex items-center gap-2",
-								children: v === "bin" ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("button", {
+								children: v === "bin" ? /* @__PURE__ */ l($e, { children: [/* @__PURE__ */ c("button", {
 									type: "button",
 									onClick: async () => {
 										try {
-											await Promise.all([...Array.from(h).map((e) => Pt.mutateAsync({ id: e })), ...Array.from(g).map((e) => Ft.mutateAsync({ id: e }))]), _(), x.success(`${M} item${M > 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) {
-											x.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(d, "files.browser.selection.actions.restore", "Restore")
-								}), /* @__PURE__ */ u("button", {
+								}), /* @__PURE__ */ l("button", {
 									type: "button",
 									onClick: async () => {
-										Z({
+										Y({
 											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: M,
-												plural: M > 1 ? "s" : ""
+												count: A,
+												plural: A > 1 ? "s" : ""
 											}),
 											confirmLabel: a(d, "files.common.actions.deletePermanently", "Delete permanently"),
 											variant: "danger",
 											onConfirm: async () => {
 												try {
-													await Promise.all([...Array.from(h).map((e) => It.mutateAsync({ id: e })), ...Array.from(g).map((e) => Lt.mutateAsync({ id: e }))]), _(), x.success(a(d, "files.bulk.permanentDelete.success", "{{count}} item{{plural}} deleted permanently", {
-														count: M,
-														plural: M > 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) {
-													x.error(e instanceof Error ? e.message : a(d, "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__ */ l(Xe, { className: "size-4" }), a(d, "files.browser.selection.actions.deletePermanently", "Delete permanently")]
-								})] }) : /* @__PURE__ */ u("button", {
+									children: [/* @__PURE__ */ c(Xe, { className: "size-4" }), a(d, "files.browser.selection.actions.deletePermanently", "Delete permanently")]
+								})] }) : /* @__PURE__ */ l("button", {
 									type: "button",
 									onClick: async () => {
-										Z({
+										Y({
 											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: M,
-												plural: M > 1 ? "s" : ""
+												count: A,
+												plural: A > 1 ? "s" : ""
 											}),
 											confirmLabel: a(d, "files.common.actions.delete", "Delete"),
 											variant: "danger",
 											onConfirm: async () => {
 												try {
 													let e = Array.from(h), t = Array.from(g);
-													e.length > 0 && await Kt.mutateAsync(e), await Promise.all(t.map((e) => Nt.mutateAsync({
+													e.length > 0 && await tn.mutateAsync(e), await Promise.all(t.map((e) => Wt.mutateAsync({
 														id: e,
 														recursive: !0
-													}))), _(), x.success(a(d, "files.bulk.delete.success", "{{count}} item{{plural}} moved to bin", {
-														count: M,
-														plural: M > 1 ? "s" : ""
+													}))), _(), S.success(a(d, "files.bulk.delete.success", "{{count}} item{{plural}} moved to bin", {
+														count: A,
+														plural: A > 1 ? "s" : ""
 													}));
 												} catch (e) {
-													x.error(e instanceof Error ? e.message : a(d, "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__ */ l(Xe, { className: "size-4" }), a(d, "files.browser.selection.actions.delete", "Delete")]
+									children: [/* @__PURE__ */ c(Xe, { className: "size-4" }), a(d, "files.browser.selection.actions.delete", "Delete")]
 								})
 							})]
-						}), /* @__PURE__ */ u("button", {
+						}), /* @__PURE__ */ l("button", {
 							type: "button",
 							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__ */ l(Qe, { className: "size-4" }), a(d, "files.common.actions.clear", "Clear")]
+							children: [/* @__PURE__ */ c(Qe, { className: "size-4" }), a(d, "files.common.actions.clear", "Clear")]
 						})]
 					})
 				]
 			}),
-			(rt.isExhausted || rt.isNearLimit) && /* @__PURE__ */ l("div", {
+			(ft.isExhausted || ft.isNearLimit) && /* @__PURE__ */ c("div", {
 				className: "px-4 sm:px-6 pt-3",
-				children: /* @__PURE__ */ l(Pe, { quota: rt })
+				children: /* @__PURE__ */ c(Pe, { quota: ft })
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ l("div", {
 				className: "px-2 sm:px-4 md:px-6 py-3 sm:py-4",
 				"data-tour": "files-browser-grid",
-				children: [/* @__PURE__ */ l(Se, {
-					files: D,
-					folders: O,
-					loading: k,
-					error: A,
-					preserveSortOrder: j,
-					onFilePreview: nn,
-					onFileShare: v === "bin" ? void 0 : rn,
-					onFileDelete: v === "bin" ? ln : sn,
-					onFileRestore: v === "bin" ? cn : void 0,
-					onFileFavorite: v === "bin" ? void 0 : un,
-					onFileRename: v === "bin" ? void 0 : dn,
-					onFileDownload: fn,
-					onFileCopy: v === "bin" ? void 0 : pn,
-					onFileMove: v === "bin" ? void 0 : mn,
-					onFileInfo: hn,
-					onFolderOpen: gn,
-					onFolderShare: v === "bin" ? void 0 : an,
-					onFolderDelete: v === "bin" ? yn : _n,
-					onFolderRestore: v === "bin" ? vn : void 0,
-					onFolderRename: v === "bin" ? void 0 : bn,
-					onFolderFavorite: v === "bin" ? void 0 : Sn,
-					onFolderMove: v === "bin" ? void 0 : xn,
-					onFolderInfo: Cn
-				}), !k && (D.length > 0 || O.length > 0) && /* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ c(Se, {
+					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(d, "files.browser.results.showingItems", "Showing {{count}} items", { count: D.length + O.length }), !y && v === "all" && gt !== null && ` ${a(d, "files.browser.results.ofItems", "of {{count}} items", { count: gt })}`]
+					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 })}`]
 				})]
 			}),
-			_t && /* @__PURE__ */ l("div", {
-				className: "fixed inset-0 backdrop-blur-sm flex items-center justify-center z-[100] animate-in fade-in duration-200",
-				role: "dialog",
-				"aria-modal": "true",
-				"aria-labelledby": "files-new-folder-title",
-				children: /* @__PURE__ */ u("div", {
-					className: "bg-bg-surface rounded-lg shadow-xl p-6 w-full max-w-xs mx-4 animate-in zoom-in-95 duration-200",
+			Ot && /* @__PURE__ */ c(ot, {
+				open: !0,
+				onOpenChange: (e) => {
+					!e && !Z.isPending && (j(!1), U(""));
+				},
+				children: /* @__PURE__ */ l(st, {
+					className: "w-full max-w-xs",
 					children: [
-						/* @__PURE__ */ l("h2", {
-							id: "files-new-folder-title",
-							className: "text-base font-semibold text-text-primary mb-4",
-							children: a(d, "files.browser.newFolderDialog.title", "New folder")
+						/* @__PURE__ */ c(lt, {
+							className: "text-left",
+							children: /* @__PURE__ */ c(ut, {
+								id: "files-new-folder-title",
+								className: "text-base font-semibold text-text-primary",
+								children: a(d, "files.browser.newFolderDialog.title", "New folder")
+							})
 						}),
-						/* @__PURE__ */ l("input", {
+						/* @__PURE__ */ c(at, {
 							type: "text",
-							value: G,
-							onChange: (e) => K(e.target.value),
+							value: H,
+							onChange: (e) => U(e.target.value),
 							onKeyDown: (e) => {
-								e.key === "Enter" && tn(), e.key === "Escape" && (N(!1), K(""));
+								e.key === "Enter" && dn();
 							},
 							"aria-label": a(d, "files.browser.newFolderDialog.title", "New folder"),
-							placeholder: a(d, "files.browser.newFolderDialog.placeholder", "Folder name"),
-							className: "w-full px-4 py-3 border-2 border-border-default rounded-lg focus:outline-none focus:border-action-primary-border text-sm transition-colors duration-200"
+							placeholder: a(d, "files.browser.newFolderDialog.placeholder", "Folder name")
 						}),
-						/* @__PURE__ */ u("div", {
-							className: "flex justify-end gap-2 mt-6",
-							children: [/* @__PURE__ */ l("button", {
-								type: "button",
-								onClick: () => {
-									N(!1), K("");
-								},
-								className: "px-6 py-2.5 text-sm font-medium text-text-primary hover:bg-action-ghost-bg-hover rounded-lg transition-colors duration-200",
-								children: a(d, "files.common.actions.cancel", "Cancel")
-							}), /* @__PURE__ */ u("button", {
-								type: "button",
-								onClick: tn,
-								disabled: !G.trim() || $.isPending,
-								className: "px-6 py-2.5 text-sm font-medium text-text-inverse bg-action-primary-bg rounded-lg hover:bg-action-primary-bg-hover disabled:bg-bg-sunken disabled:text-text-tertiary disabled:cursor-not-allowed transition-colors duration-200 flex items-center gap-2",
-								children: [$.isPending && /* @__PURE__ */ l(s, { className: "size-4 animate-spin" }), $.isPending ? a(d, "files.browser.newFolderDialog.actions.creating", "Creating...") : a(d, "files.common.actions.create", "Create")]
-							})]
-						})
+						/* @__PURE__ */ l(ct, { children: [/* @__PURE__ */ c(u, {
+							type: "button",
+							variant: "outline",
+							onClick: () => {
+								j(!1), U("");
+							},
+							children: a(d, "files.common.actions.cancel", "Cancel")
+						}), /* @__PURE__ */ l(u, {
+							type: "button",
+							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")]
+						})] })
 					]
 				})
 			}),
-			bt && V && /* @__PURE__ */ l("div", {
-				className: "fixed inset-0 backdrop-blur-sm flex items-center justify-center z-[100] animate-in fade-in duration-200",
-				role: "dialog",
-				"aria-modal": "true",
-				"aria-labelledby": "files-rename-title",
-				children: /* @__PURE__ */ u("div", {
-					className: "bg-bg-surface rounded-lg shadow-xl p-6 w-full max-w-xs mx-4 animate-in zoom-in-95 duration-200",
+			jt && R && /* @__PURE__ */ c(ot, {
+				open: !0,
+				onOpenChange: (e) => {
+					!e && !Q.isPending && !$.isPending && (M(!1), z(null), V(""));
+				},
+				children: /* @__PURE__ */ l(st, {
+					className: "w-full max-w-xs",
 					children: [
-						/* @__PURE__ */ l("h2", {
-							id: "files-rename-title",
-							className: "text-base font-semibold text-text-primary mb-4",
-							children: a(d, "files.browser.renameDialog.title", "Rename {{type}}", { type: V.type })
+						/* @__PURE__ */ c(lt, {
+							className: "text-left",
+							children: /* @__PURE__ */ c(ut, {
+								id: "files-rename-title",
+								className: "text-base font-semibold text-text-primary",
+								children: a(d, "files.browser.renameDialog.title", "Rename {{type}}", { type: R.type })
+							})
 						}),
-						/* @__PURE__ */ l("input", {
+						/* @__PURE__ */ c(at, {
 							type: "text",
-							value: U,
-							onChange: (e) => W(e.target.value),
+							value: B,
+							onChange: (e) => V(e.target.value),
 							onKeyDown: (e) => {
-								e.key === "Enter" && En(), e.key === "Escape" && (P(!1), H(null), W(""));
+								e.key === "Enter" && Fn();
 							},
 							"aria-label": a(d, "files.browser.renameDialog.title", "Rename"),
-							placeholder: a(d, "files.browser.renameDialog.placeholder", "New name"),
-							className: "w-full px-4 py-3 border-2 border-border-default rounded-lg focus:outline-none focus:border-action-primary-border text-sm transition-colors duration-200"
+							placeholder: a(d, "files.browser.renameDialog.placeholder", "New name")
 						}),
-						/* @__PURE__ */ u("div", {
-							className: "flex justify-end gap-2 mt-6",
-							children: [/* @__PURE__ */ l("button", {
-								type: "button",
-								onClick: () => {
-									P(!1), H(null), W("");
-								},
-								className: "px-6 py-2.5 text-sm font-medium text-text-primary hover:bg-action-ghost-bg-hover rounded-lg transition-colors duration-200",
-								children: a(d, "files.common.actions.cancel", "Cancel")
-							}), /* @__PURE__ */ u("button", {
-								type: "button",
-								onClick: En,
-								disabled: !U.trim() || U.trim() === V.name || zt.isPending || Bt.isPending,
-								className: "px-6 py-2.5 text-sm font-medium text-text-inverse bg-action-primary-bg rounded-lg hover:bg-action-primary-bg-hover disabled:bg-bg-sunken disabled:text-text-tertiary disabled:cursor-not-allowed transition-colors duration-200 flex items-center gap-2",
-								children: [(zt.isPending || Bt.isPending) && /* @__PURE__ */ l(s, { className: "size-4 animate-spin" }), zt.isPending || Bt.isPending ? a(d, "files.browser.renameDialog.actions.renaming", "Renaming...") : a(d, "files.common.actions.rename", "Rename")]
-							})]
-						})
+						/* @__PURE__ */ l(ct, { children: [/* @__PURE__ */ c(u, {
+							type: "button",
+							variant: "outline",
+							onClick: () => {
+								M(!1), z(null), V("");
+							},
+							children: a(d, "files.common.actions.cancel", "Cancel")
+						}), /* @__PURE__ */ l(u, {
+							type: "button",
+							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")]
+						})] })
 					]
 				})
 			}),
-			xt && Tt && /* @__PURE__ */ l(we, {
-				item: Tt,
-				itemType: "mimeType" in Tt ? "file" : "folder",
+			Mt && Lt && /* @__PURE__ */ c(we, {
+				item: Lt,
+				itemType: "mimeType" in Lt ? "file" : "folder",
 				onClose: () => {
-					F(!1), L(null);
+					N(!1), P(null);
 				},
-				onCreateShare: on,
-				isLoading: Vt.isPending
+				onCreateShare: hn,
+				isLoading: Xt.isPending
 			}),
-			X && /* @__PURE__ */ l(Me, {
-				title: X.title,
-				description: X.description,
-				confirmLabel: X.confirmLabel,
+			J && /* @__PURE__ */ c(Me, {
+				title: J.title,
+				description: J.description,
+				confirmLabel: J.confirmLabel,
 				cancelLabel: a(d, "files.common.actions.cancel", "Cancel"),
-				variant: X.variant,
-				loading: X.loading,
-				onConfirm: At,
+				variant: J.variant,
+				loading: J.loading,
+				onConfirm: Vt,
 				onCancel: () => {
-					X.loading || Z(null);
+					J.loading || Y(null);
 				}
 			}),
-			vt && /* @__PURE__ */ l(Me, {
+			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: () => {
-					yt(!1), p("/billing");
+					At(!1), p("/billing");
 				},
-				onCancel: () => yt(!1)
+				onCancel: () => At(!1)
 			}),
-			St && R && /* @__PURE__ */ l(Ae, {
-				item: R.item,
-				type: R.type,
+			Nt && F && /* @__PURE__ */ c(Ae, {
+				item: F.item,
+				type: F.type,
 				onClose: () => {
-					I(!1), z(null);
+					Pt(!1), I(null);
 				},
-				onMove: wn,
-				isLoading: Wt.isPending || Gt.isPending
+				onMove: Nn,
+				isLoading: $t.isPending || en.isPending
 			}),
-			Ct && B && /* @__PURE__ */ l(je, {
-				item: B.item,
-				type: B.type,
+			Ft && L && /* @__PURE__ */ c(je, {
+				item: L.item,
+				type: L.type,
 				onClose: () => {
-					wt(!1), Et(null);
+					It(!1), Rt(null);
 				},
-				onCopy: Tn,
-				isLoading: Ut.isPending
+				onCopy: Pn,
+				isLoading: Qt.isPending
 			}),
-			b && /* @__PURE__ */ l(Te, {
-				file: b,
-				onClose: () => ht(null),
+			x && /* @__PURE__ */ c(Te, {
+				file: x,
+				onClose: () => Ct(null),
 				onDownload: () => {
-					ze(b.downloadUrl || b.url);
+					ze(x.downloadUrl || x.url);
 				},
 				onShare: v === "bin" ? void 0 : () => {
-					L(b), F(!0);
+					P(x), N(!0);
 				},
-				onStar: v === "bin" ? void 0 : () => un(b),
-				onDelete: () => v === "bin" ? ln(b) : sn(b)
+				onStar: v === "bin" ? void 0 : () => yn(x),
+				onDelete: () => v === "bin" ? vn(x) : gn(x)
 			}),
-			pt && /* @__PURE__ */ l(Ee, {
-				item: pt.item,
-				type: pt.type,
-				onClose: () => mt(null)
+			xt && /* @__PURE__ */ c(Ee, {
+				item: xt.item,
+				type: xt.type,
+				onClose: () => St(null)
 			}),
-			/* @__PURE__ */ l(Ne, {
-				items: Ot,
-				isOpen: kt,
-				onClose: () => Y(!1),
-				onPause: Yt,
-				onResume: Xt,
-				onRetry: Zt,
-				onCancel: Qt
+			/* @__PURE__ */ c(Ne, {
+				items: zt,
+				isOpen: Bt,
+				onClose: () => q(!1),
+				onPause: an,
+				onResume: on,
+				onRetry: sn,
+				onCancel: cn
 			}),
-			/* @__PURE__ */ l(Oe, {
-				toasts: x.toasts,
-				onClose: x.removeToast
+			/* @__PURE__ */ c(Oe, {
+				toasts: S.toasts,
+				onClose: S.removeToast
 			}),
-			!k && D.length === 0 && O.length === 0 && /* @__PURE__ */ l("div", {
+			!D && T.length === 0 && E.length === 0 && /* @__PURE__ */ c("div", {
 				className: "px-6 py-12",
-				children: y ? /* @__PURE__ */ u("div", {
+				children: b ? /* @__PURE__ */ l("div", {
 					className: "text-center animate-in fade-in duration-200",
 					children: [
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ c("div", {
 							className: "inline-flex items-center justify-center size-16 bg-bg-sunken rounded-full mb-4",
-							children: /* @__PURE__ */ l(Ye, { className: "size-8 text-text-tertiary" })
+							children: /* @__PURE__ */ c(Ye, { className: "size-8 text-text-tertiary" })
 						}),
-						/* @__PURE__ */ l("h3", {
+						/* @__PURE__ */ c("h3", {
 							className: "text-lg font-medium text-text-primary mb-2",
 							children: a(d, "files.browser.empty.search.title", "No results found")
 						}),
-						/* @__PURE__ */ l("p", {
+						/* @__PURE__ */ c("p", {
 							className: "text-sm text-text-secondary mb-4",
 							children: a(d, "files.browser.empty.search.description", "Try adjusting your search query or filters")
 						}),
-						/* @__PURE__ */ l("button", {
+						/* @__PURE__ */ c("button", {
 							type: "button",
 							onClick: () => {
-								ut(""), ft(void 0);
+								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(d, "files.browser.search.clear", "Clear search")
 						})
 					]
-				}) : /* @__PURE__ */ l(De, {
+				}) : /* @__PURE__ */ c(De, {
 					type: v,
-					onUpload: v === "all" ? qt : void 0,
-					onNewFolder: v === "all" ? en : void 0
+					onUpload: v === "all" ? nn : void 0,
+					onNewFolder: v === "all" ? un : void 0
 				})
 			})
 		]