@burdenoff/microfe-files 2026.625.2 → 2026.625.4

package/dist/files/pages/BrowserPage.js

@@ -45,30 +45,30 @@ import { isQuotaExhaustedError as Ie } from "../utils/quotaUtils.js";
 import { nativeImpact as Le, nativeNotify as Re, nativeOpenUrl as ze } from "../../utils/nativeBridge.js";
 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 { FolderPlus as Ue, FolderUp as We, FolderX as Ge, Grid3x3 as Ke, Home as qe, List as Je, Loader2 as s, Star as Ye, Trash2 as Xe, Upload as Ze, X as Qe } from "lucide-react";
 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";
+import { AuroraBackground as rt, Button as u, CTAOverflowMenu as it, EmphasisPanel as at, GradientText as ot, IllustratedEmptyState as st, Input as ct, NextSteps as lt, PagePurpose as ut, ResponsiveDialog as dt, ResponsiveDialogContent as ft, ResponsiveDialogFooter as pt, ResponsiveDialogHeader as mt, ResponsiveDialogTitle as ht } from "@burdenoff/fe-libs/ui";
 //#region src/files/pages/BrowserPage.tsx
 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(() => [
+	let { t: d } = nt(), { folderId: f } = tt(), gt = et(), _t = e(), { workspaceId: p } = _t, vt = Fe(p ?? ""), { viewMode: yt, setViewMode: bt, breadcrumbs: xt, selectedFiles: St, selectedFolders: m, clearSelection: h } = t(), [g, _] = o("all"), Ct = He(() => [
 		"all",
 		"recent",
 		"starred",
 		"bin"
 	], []);
 	Ve(() => {
-		_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({
+		Ct.includes(g) || _("all");
+	}, [Ct, g]);
+	let [v, wt] = o(""), [Tt, Et] = o(), y = v.trim().length >= 2, [Dt, Ot] = o(null), [b, kt] = o(null), x = be(), S = r({
 		folderId: f || void 0,
 		pageSize: 100,
-		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);
+		skip: g !== "all" || y
+	}), At = i({ skip: g !== "recent" || y }), jt = ee({ skip: g !== "starred" || y }), C = te({ skip: g !== "bin" || y }), w = ye(v, y, Tt);
 	Ve(() => {
-		if (f && C.data?.folderPath && C.data?.currentFolder) {
-			let e = C.data.folderPath.folders || [], n = C.data.currentFolder, r = [...e.map((e) => ({
+		if (f && S.data?.folderPath && S.data?.currentFolder) {
+			let e = S.data.folderPath.folders || [], n = S.data.currentFolder, r = [...e.map((e) => ({
 				id: e.id,
 				name: e.name
 			})), {
@@ -77,26 +77,26 @@ function d() {
 			}];
 			t.getState().setBreadcrumbs(r);
 		} else t.getState().setBreadcrumbs([]);
-	}, [f, C.data]);
+	}, [f, S.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) {
+	if (y && w.data) T = w.data.files || [], E = w.data.folders || [], D = w.isLoading, O = w.error;
+	else switch (g) {
 		case "all":
-			T = C.data?.filesList?.files || [], E = C.data?.foldersList?.folders || [], D = C.loading, O = C.error || null, k = !1;
+			T = S.data?.filesList?.files || [], E = S.data?.foldersList?.folders || [], D = S.loading, O = S.error || null, k = !1;
 			break;
 		case "recent":
-			T = wt.files || [], E = wt.folders || [], D = wt.isLoading, O = wt.error || null, k = !0;
+			T = At.files || [], E = At.folders || [], D = At.isLoading, O = At.error || null, k = !0;
 			break;
 		case "starred":
-			T = Tt.files, E = Tt.folders, D = Tt.isLoading, O = Tt.error || null, k = !0;
+			T = jt.files, E = jt.folders, D = jt.isLoading, O = jt.error || null, k = !0;
 			break;
 		case "bin":
-			T = Et.files, E = Et.folders, D = Et.isLoading, O = Et.error || null, k = !0;
+			T = C.files, E = C.folders, D = C.isLoading, O = C.error || null, k = !0;
 			break;
 	}
-	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 () => {
+	let Mt = g === "all" ? (S.data?.filesList?.total ?? T.length) + (S.data?.foldersList?.total ?? E.length) : null, A = St.size + m.size, [Nt, j] = o(!1), [Pt, Ft] = o(!1), [It, M] = o(!1), [Lt, Rt] = o(!1), [zt, N] = o(!1), [Bt, Vt] = o(!1), [Ht, P] = o(null), [F, I] = o(null), [L, Ut] = o(null), [R, z] = o(null), [B, V] = o(""), [H, U] = o(""), [W, G] = o(!1), [Wt, K] = o([]), [Gt, q] = o(!1), [J, Y] = o(null), X = (e, t) => {
+		Be(_t, e, t);
+	}, Kt = async () => {
 		if (!J || J.loading) return;
 		let e = J.onConfirm;
 		Y({
@@ -114,7 +114,7 @@ function d() {
 				loading: !1
 			});
 		}
-	}, 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 = () => {
+	}, Z = ne(), qt = re(), Jt = ie(), Yt = ae(), Xt = oe(), Zt = se(), Qt = ce(), $t = le(), en = ue(), Q = de(), $ = fe(), tn = pe(), nn = me(), rn = he(), an = ge(), on = _e(), sn = ve(), cn = () => {
 		let e = document.createElement("input");
 		e.type = "file", e.multiple = !0, e.onchange = async (e) => {
 			let t = e.target.files;
@@ -131,11 +131,11 @@ function d() {
 					};
 				}));
 				K((t) => [...t, ...e]), q(!0), G(!0);
-				for (let t of e) await rn(t);
+				for (let t of e) await ln(t);
 				G(!1);
 			}
 		}, e.click();
-	}, rn = async (e) => {
+	}, ln = async (e) => {
 		let t = (t) => {
 			K((n) => n.map((n) => n.id === e.id ? {
 				...n,
@@ -144,7 +144,7 @@ function d() {
 		};
 		t({ status: "uploading" });
 		try {
-			let n = await Ht.mutateAsync({
+			let n = await qt.mutateAsync({
 				file: e.file,
 				folderId: e.folderId,
 				onProgress: (e) => {
@@ -164,7 +164,7 @@ function d() {
 			r === "Upload paused" ? t({ status: "paused" }) : r === "QUOTA_EXHAUSTED" ? (t({
 				status: "failed",
 				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({
+			}), x.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 d() {
 				message: r
 			}));
 		}
-	}, an = (e) => {
-		Ht.pause(), K((t) => t.map((t) => t.id === e ? {
+	}, un = (e) => {
+		qt.pause(), K((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "paused"
 		} : t));
-	}, on = (e) => {
-		let t = zt.find((t) => t.id === e);
-		t && rn(t);
-	}, sn = (e) => {
-		let t = zt.find((t) => t.id === e);
+	}, dn = (e) => {
+		let t = Wt.find((t) => t.id === e);
+		t && ln(t);
+	}, fn = (e) => {
+		let t = Wt.find((t) => t.id === e);
 		t && (K((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "pending",
 			progress: 0,
 			error: void 0
-		} : t)), rn(t));
-	}, cn = (e) => {
+		} : t)), ln(t));
+	}, pn = (e) => {
 		K((t) => {
 			let n = t.filter((t) => t.id !== e);
 			return n.length === 0 && (q(!1), G(!1)), n;
 		});
-	}, ln = () => {
-		if (!m) {
-			S.error(a(d, "files.workspace.errors.notSelected", "Workspace not selected"));
+	}, mn = () => {
+		if (!p) {
+			x.error(a(d, "files.workspace.errors.notSelected", "Workspace not selected"));
 			return;
 		}
 		let e = document.createElement("input");
@@ -237,23 +237,23 @@ function d() {
 					}
 				}
 				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", {
+				for (let e of i) await ln(e);
+				G(!1), x.success(a(d, "files.upload.folder.success", "Uploaded {{count}} file{{plural}} from folder", {
 					count: i.length,
 					plural: i.length > 1 ? "s" : ""
 				}));
 			}
 		}, e.click();
-	}, un = () => {
+	}, hn = () => {
 		j(!0);
-	}, dn = async () => {
-		if (H.trim() && m) {
+	}, gn = async () => {
+		if (H.trim() && p) {
 			let { data: e, error: t } = await Z.mutateAsync({
 				name: H,
 				parentFolderId: f
 			});
 			if (t) {
-				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", {
+				Ie(t) ? (j(!1), U(""), Ft(!0)) : (x.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"
 				}));
@@ -264,13 +264,13 @@ function d() {
 				parentFolderId: f
 			}));
 		}
-	}, fn = (e) => {
-		Ct(e);
-	}, pn = (e) => {
-		P(e), N(!0);
-	}, mn = (e) => {
-		P(e), N(!0);
-	}, hn = async (e) => {
+	}, _n = (e) => {
+		kt(e);
+	}, vn = (e) => {
+		P(e), Rt(!0);
+	}, yn = (e) => {
+		P(e), Rt(!0);
+	}, bn = 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) {
@@ -283,7 +283,7 @@ function d() {
 				shareType: t,
 				accessLevel: "DOWNLOAD"
 			};
-			n = (await Xt.mutateAsync(r))?.token ?? "", X("files.share.created", {
+			n = (await tn.mutateAsync(r))?.token ?? "", X("files.share.created", {
 				entityType: "file",
 				fileId: e.fileId,
 				shareType: t
@@ -298,7 +298,7 @@ function d() {
 				shareType: t,
 				accessLevel: "DOWNLOAD"
 			};
-			n = (await Zt.mutateAsync(r))?.createFolderShare?.token ?? "", X("files.share.created", {
+			n = (await nn.mutateAsync(r))?.createFolderShare?.token ?? "", X("files.share.created", {
 				entityType: "folder",
 				folderId: e.folderId,
 				shareType: t
@@ -308,7 +308,7 @@ function d() {
 			publicUrl: n ? `${window.location.origin}/files/share/${n}` : "",
 			token: n
 		};
-	}, gn = async (e) => {
+	}, xn = 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 }),
@@ -316,13 +316,13 @@ function d() {
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					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", {
+					await Jt.mutateAsync({ id: e.id }), Re("success"), x.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) {
-					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", {
+					x.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,16 +330,16 @@ function d() {
 				}
 			}
 		});
-	}, _n = async (e) => {
+	}, Sn = async (e) => {
 		try {
-			await Gt.mutateAsync({ id: e.id }), S.success(a(d, "files.file.restore.success", "\"{{name}}\" restored", { name: e.name })), X("files.file.restored", {
+			await Xt.mutateAsync({ id: e.id }), x.success(a(d, "files.file.restore.success", "\"{{name}}\" restored", { name: e.name })), X("files.file.restored", {
 				fileId: e.id,
 				fileName: e.name
 			});
 		} catch (e) {
-			S.error(e instanceof Error ? e.message : a(d, "files.file.errors.restoreFailed", "Failed to restore file"));
+			x.error(e instanceof Error ? e.message : a(d, "files.file.errors.restoreFailed", "Failed to restore file"));
 		}
-	}, vn = async (e) => {
+	}, Cn = 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 }),
@@ -347,19 +347,19 @@ function d() {
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await qt.mutateAsync({ id: e.id }), S.success(a(d, "files.file.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), X("files.file.deleted", {
+					await Qt.mutateAsync({ id: e.id }), x.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) {
-					S.error(e instanceof Error ? e.message : a(d, "files.file.errors.permanentDeleteFailed", "Failed to permanently delete file"));
+					x.error(e instanceof Error ? e.message : a(d, "files.file.errors.permanentDeleteFailed", "Failed to permanently delete file"));
 				}
 			}
 		});
-	}, yn = async (e) => {
+	}, wn = async (e) => {
 		try {
-			await Yt.mutateAsync({
+			await en.mutateAsync({
 				id: e.id,
 				type: "file"
 			}), X("files.file.starred", {
@@ -368,47 +368,47 @@ function d() {
 				starred: !e.starred
 			});
 		} catch {
-			S.error(a(d, "files.file.errors.starFailed", "Failed to update starred state")), X("files.api.failed", {
+			x.error(a(d, "files.file.errors.starFailed", "Failed to update starred state")), X("files.api.failed", {
 				action: "toggleFileStar",
 				fileId: e.id
 			});
 		}
-	}, bn = (e) => {
+	}, Tn = (e) => {
 		z({
 			id: e.id,
 			name: e.name,
 			type: "file"
 		}), V(e.name), M(!0);
-	}, xn = async (e) => {
+	}, En = 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), S.success(a(d, "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), x.success(a(d, "files.file.download.success", "Downloaded {{name}}", { name: e.name })), X("files.file.downloaded", {
 				fileId: e.id,
 				fileName: e.name
 			});
 		} catch (e) {
-			S.error(e instanceof Error ? e.message : a(d, "files.file.errors.downloadFailed", "Failed to download file"));
+			x.error(e instanceof Error ? e.message : a(d, "files.file.errors.downloadFailed", "Failed to download file"));
 		}
-	}, Sn = (e) => {
-		Rt({
+	}, Dn = (e) => {
+		Ut({
 			item: e,
 			type: "file"
-		}), It(!0);
-	}, Cn = (e) => {
+		}), Vt(!0);
+	}, On = (e) => {
 		I({
 			item: e,
 			type: "file"
-		}), Pt(!0);
-	}, wn = (e) => {
-		St({
+		}), N(!0);
+	}, kn = (e) => {
+		Ot({
 			item: e,
 			type: "file"
 		});
-	}, Tn = (e) => {
-		p(`/files/browse/${e.id}`);
-	}, En = async (e) => {
+	}, An = (e) => {
+		gt(`/files/browse/${e.id}`);
+	}, jn = 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 }),
@@ -416,29 +416,29 @@ function d() {
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await Wt.mutateAsync({
+					await Yt.mutateAsync({
 						id: e.id,
 						recursive: !0
-					}), S.success(a(d, "files.folder.delete.success", "\"{{name}}\" moved to bin", { name: e.name })), X("files.folder.deleted", {
+					}), x.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) {
-					S.error(e instanceof Error ? e.message : a(d, "files.folder.errors.deleteFailed", "Failed to delete folder"));
+					x.error(e instanceof Error ? e.message : a(d, "files.folder.errors.deleteFailed", "Failed to delete folder"));
 				}
 			}
 		});
-	}, Dn = async (e) => {
+	}, Mn = async (e) => {
 		try {
-			await Kt.mutateAsync({ id: e.id }), S.success(a(d, "files.folder.restore.success", "\"{{name}}\" restored", { name: e.name })), X("files.folder.restored", {
+			await Zt.mutateAsync({ id: e.id }), x.success(a(d, "files.folder.restore.success", "\"{{name}}\" restored", { name: e.name })), X("files.folder.restored", {
 				folderId: e.id,
 				folderName: e.name
 			});
 		} catch (e) {
-			S.error(e instanceof Error ? e.message : a(d, "files.folder.errors.restoreFailed", "Failed to restore folder"));
+			x.error(e instanceof Error ? e.message : a(d, "files.folder.errors.restoreFailed", "Failed to restore folder"));
 		}
-	}, On = async (e) => {
+	}, Nn = 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 }),
@@ -446,30 +446,30 @@ function d() {
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await Jt.mutateAsync({ id: e.id }), S.success(a(d, "files.folder.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), X("files.folder.deleted", {
+					await $t.mutateAsync({ id: e.id }), x.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) {
-					S.error(e instanceof Error ? e.message : a(d, "files.folder.errors.permanentDeleteFailed", "Failed to permanently delete folder"));
+					x.error(e instanceof Error ? e.message : a(d, "files.folder.errors.permanentDeleteFailed", "Failed to permanently delete folder"));
 				}
 			}
 		});
-	}, kn = (e) => {
+	}, Pn = (e) => {
 		z({
 			id: e.id,
 			name: e.name,
 			type: "folder"
 		}), V(e.name), M(!0);
-	}, An = (e) => {
+	}, Fn = (e) => {
 		I({
 			item: e,
 			type: "folder"
-		}), Pt(!0);
-	}, jn = async (e) => {
+		}), N(!0);
+	}, In = async (e) => {
 		try {
-			await Yt.mutateAsync({
+			await en.mutateAsync({
 				id: e.id,
 				type: "folder"
 			}), X("files.folder.starred", {
@@ -478,80 +478,80 @@ function d() {
 				starred: !e.starred
 			});
 		} catch {
-			S.error(a(d, "files.folder.errors.starFailed", "Failed to update starred state")), X("files.api.failed", {
+			x.error(a(d, "files.folder.errors.starFailed", "Failed to update starred state")), X("files.api.failed", {
 				action: "toggleFolderStar",
 				folderId: e.id
 			});
 		}
-	}, Mn = (e) => {
-		St({
+	}, Ln = (e) => {
+		Ot({
 			item: e,
 			type: "folder"
 		});
-	}, Nn = async (e) => {
+	}, Rn = async (e) => {
 		if (F) try {
-			F.type === "file" ? (await $t.mutateAsync({
+			F.type === "file" ? (await an.mutateAsync({
 				fileId: F.item.id,
 				targetFolderId: e || null
-			}), S.success(a(d, "files.file.move.success", "\"{{name}}\" moved", { name: F.item.name })), X("files.file.moved", {
+			}), x.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 en.mutateAsync({
+			})) : (await on.mutateAsync({
 				folderId: F.item.id,
 				targetParentFolderId: e
-			}), S.success(a(d, "files.folder.move.success", "\"{{name}}\" moved", { name: F.item.name })), X("files.folder.moved", {
+			}), x.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
-			})), Pt(!1), I(null);
+			})), N(!1), I(null);
 		} catch (e) {
-			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", {
+			x.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
 			});
 		}
-	}, Pn = async (e, t) => {
+	}, zn = 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({
+			await rn.mutateAsync({
 				id: L.item.id,
 				newName: t || `Copy of ${L.item.name}`,
 				targetFolderId: e || void 0
-			}), S.success(a(d, "files.file.copy.success", "\"{{name}}\" copied", { name: L.item.name })), X("files.file.copied", {
+			}), x.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
-			}), It(!1), Rt(null);
+			}), Vt(!1), Ut(null);
 		} catch (e) {
-			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", {
+			x.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: L.item.id,
 				message: e instanceof Error ? e.message : void 0
 			});
 		}
-	}, Fn = async () => {
+	}, Bn = async () => {
 		if (!(!R || !B.trim())) try {
 			let e = R.name, t = B.trim();
 			R.type === "file" ? (await Q.mutateAsync({
 				fileId: R.id,
 				newName: t
-			}), S.success(a(d, "files.file.rename.success", "Renamed \"{{name}}\"", { name: t })), X("files.file.renamed", {
+			}), x.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: R.id,
 				newName: t
-			}), S.success(a(d, "files.folder.rename.success", "Renamed \"{{name}}\"", { name: t })), X("files.folder.renamed", {
+			}), x.success(a(d, "files.folder.rename.success", "Renamed \"{{name}}\"", { name: t })), X("files.folder.renamed", {
 				folderId: R.id,
 				previousName: e,
 				name: t
 			})), M(!1), z(null), V("");
 		} catch (e) {
-			S.error(e instanceof Error ? e.message : a(d, "files.item.errors.renameFailed", "Failed to rename {{type}}", { type: R.type })), X("files.api.failed", {
+			x.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,
@@ -562,18 +562,18 @@ function d() {
 	return n({
 		files: T,
 		folders: E,
-		onFilePreview: fn,
-		onFileDelete: gn,
-		onFolderOpen: Tn,
-		onFolderDelete: En,
-		activeTab: v
-	}), m === void 0 ? /* @__PURE__ */ l("div", {
+		onFilePreview: _n,
+		onFileDelete: xn,
+		onFolderOpen: An,
+		onFolderDelete: jn,
+		activeTab: g
+	}), p === 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(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__ */ l("div", {
+	}) : p === "" ? /* @__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",
@@ -582,44 +582,92 @@ function d() {
 	}) : /* @__PURE__ */ l("div", {
 		className: "min-h-screen bg-bg-surface",
 		children: [
-			/* @__PURE__ */ c("div", {
-				className: "bg-bg-surface border-b border-border-seam px-4 py-3 sm:px-6 sm:py-4",
+			/* @__PURE__ */ l("div", {
+				className: "relative overflow-hidden 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",
-					children: /* @__PURE__ */ l("div", {
-						className: "flex items-center gap-1 sm:gap-2 text-sm overflow-x-auto",
-						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__ */ c(qe, { className: "size-4" }), /* @__PURE__ */ c("span", {
-								className: "hidden sm:inline",
-								children: a(d, "files.browser.rootLabel", "My Drive")
-							})]
-						}), 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", {
+				children: [
+					/* @__PURE__ */ c(rt, { intensity: "subtle" }),
+					/* @__PURE__ */ c("h1", {
+						className: "mb-2 text-lg font-semibold tracking-tight sm:text-xl",
+						children: /* @__PURE__ */ c(ot, { children: a(d, "files.browser.rootLabel", "My Drive") })
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "flex items-center gap-2 sm:gap-4",
+						children: /* @__PURE__ */ l("div", {
+							className: "flex items-center gap-1 sm:gap-2 text-sm overflow-x-auto",
+							children: [/* @__PURE__ */ l("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 === ht.length - 1 ? "text-text-primary font-medium" : "text-text-secondary"}`,
-								title: `Go to ${e.name}`,
-								children: e.name
-							})]
-						}, e.id))]
+								onClick: () => gt("/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__ */ c(qe, { className: "size-4" }), /* @__PURE__ */ c("span", {
+									className: "hidden sm:inline",
+									children: a(d, "files.browser.rootLabel", "My Drive")
+								})]
+							}), xt.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: () => gt(`/files/browse/${e.id}`),
+									className: `hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 whitespace-nowrap ${t === xt.length - 1 ? "text-text-primary font-medium" : "text-text-secondary"}`,
+									title: `Go to ${e.name}`,
+									children: e.name
+								})]
+							}, e.id))]
+						})
+					}),
+					/* @__PURE__ */ c(ut, {
+						className: "relative mt-2 max-w-3xl",
+						children: a(d, "files.browser.purpose", "Your workspace drive: upload, organise and share documents, images, videos and more with your team. Browse folders, star what you use often, search across everything, and recover deleted items from the Bin.")
 					})
+				]
+			}),
+			!y && /* @__PURE__ */ c("div", {
+				className: "px-4 pt-3 sm:px-6",
+				children: /* @__PURE__ */ c(lt, {
+					storageKey: "files-browser",
+					title: a(d, "files.browser.nextSteps.title", "Get started with Files"),
+					steps: [
+						{
+							id: "upload",
+							label: a(d, "files.browser.nextSteps.upload.label", "Upload your first files"),
+							description: a(d, "files.browser.nextSteps.upload.description", "Add documents, images or videos to this drive."),
+							icon: /* @__PURE__ */ c(Ze, { className: "size-4" }),
+							onClick: cn
+						},
+						{
+							id: "new-folder",
+							label: a(d, "files.browser.nextSteps.newFolder.label", "Create a folder to organise"),
+							description: a(d, "files.browser.nextSteps.newFolder.description", "Group related files so they are easy to find later."),
+							icon: /* @__PURE__ */ c(Ue, { className: "size-4" }),
+							onClick: hn
+						},
+						{
+							id: "starred",
+							label: a(d, "files.browser.nextSteps.starred.label", "Star items you use often"),
+							description: a(d, "files.browser.nextSteps.starred.description", "Starred files and folders show up under the Starred tab."),
+							icon: /* @__PURE__ */ c(Ye, { className: "size-4" }),
+							onClick: () => _("starred")
+						},
+						{
+							id: "bin",
+							label: a(d, "files.browser.nextSteps.bin.label", "Recover deleted items from the Bin"),
+							description: a(d, "files.browser.nextSteps.bin.description", "Deleted files stay in the Bin so you can restore them."),
+							icon: /* @__PURE__ */ c(Xe, { className: "size-4" }),
+							onClick: () => _("bin")
+						}
+					]
 				})
 			}),
 			/* @__PURE__ */ c("div", {
 				"data-tour": "files-tab-bar",
 				children: /* @__PURE__ */ c(Ce, {
-					activeTab: v,
-					onTabChange: gt,
-					tabs: _t
+					activeTab: g,
+					onTabChange: _,
+					tabs: Ct
 				})
 			}),
 			/* @__PURE__ */ l("div", {
@@ -634,21 +682,21 @@ function d() {
 								className: "relative w-full max-w-2xl",
 								children: /* @__PURE__ */ c(ke, {
 									onSearch: (e, t) => {
-										vt(e), bt(t);
+										wt(e), Et(t);
 									},
 									placeholder: a(d, "files.search.input.placeholder", "Search files and folders..."),
-									initialQuery: y,
+									initialQuery: v,
 									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: [!b && /* @__PURE__ */ c("div", {
+							children: [!y && /* @__PURE__ */ c("div", {
 								"data-tour": "files-upload-files-button",
-								children: /* @__PURE__ */ c(rt, {
+								children: /* @__PURE__ */ c(it, {
 									primary: {
 										label: W ? a(d, "files.browser.upload.uploading", "Uploading...") : a(d, "files.browser.actions.uploadFiles", "Upload Files"),
-										onSelect: nn,
+										onSelect: cn,
 										disabled: W,
 										icon: W ? /* @__PURE__ */ c(s, { className: "size-4 animate-spin" }) : /* @__PURE__ */ c(Ze, { className: "size-4" })
 									},
@@ -656,12 +704,12 @@ function d() {
 										{
 											label: a(d, "files.browser.actions.newFolder", "New Folder"),
 											icon: /* @__PURE__ */ c(Ue, { className: "size-4" }),
-											onSelect: un
+											onSelect: hn
 										},
 										{
 											label: a(d, "files.browser.actions.uploadFolder", "Upload Folder"),
 											icon: /* @__PURE__ */ c(We, { className: "size-4" }),
-											onSelect: ln,
+											onSelect: mn,
 											disabled: W
 										},
 										...T.length > 0 || E.length > 0 ? [{
@@ -678,33 +726,33 @@ function d() {
 								"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"}`,
+									onClick: () => bt("grid"),
+									className: `p-2 transition-colors duration-200 ${yt === "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"}`,
+									onClick: () => bt("list"),
+									className: `p-2 transition-colors duration-200 ${yt === "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" })
 								})]
 							})]
 						})]
 					}),
-					b && /* @__PURE__ */ l("div", {
+					y && /* @__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(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)`]
+							children: [a(d, "files.browser.search.showingResults", "Showing search results for \"{{query}}\"", { query: v }), w.data && ` (${(w.data.files?.length || 0) + (w.data.folders?.length || 0)} items)`]
 						}), /* @__PURE__ */ l("button", {
 							type: "button",
-							onClick: () => vt(""),
+							onClick: () => wt(""),
 							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(d, "files.browser.search.clear", "Clear search")]
 						})]
 					}),
-					A > 0 && /* @__PURE__ */ l(it, {
+					A > 0 && /* @__PURE__ */ l(at, {
 						className: "mt-3 flex items-center justify-between p-3",
 						children: [/* @__PURE__ */ l("div", {
 							className: "flex items-center gap-4",
@@ -716,13 +764,13 @@ function d() {
 								})
 							}), /* @__PURE__ */ c("div", {
 								className: "flex items-center gap-2",
-								children: v === "bin" ? /* @__PURE__ */ l($e, { children: [/* @__PURE__ */ c("button", {
+								children: g === "bin" ? /* @__PURE__ */ l($e, { children: [/* @__PURE__ */ c("button", {
 									type: "button",
 									onClick: async () => {
 										try {
-											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`);
+											await Promise.all([...Array.from(St).map((e) => Xt.mutateAsync({ id: e })), ...Array.from(m).map((e) => Zt.mutateAsync({ id: e }))]), h(), x.success(`${A} item${A > 1 ? "s" : ""} restored`);
 										} catch (e) {
-											S.error(e instanceof Error ? e.message : "Failed to restore some items");
+											x.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",
@@ -740,12 +788,12 @@ function d() {
 											variant: "danger",
 											onConfirm: async () => {
 												try {
-													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", {
+													await Promise.all([...Array.from(St).map((e) => Qt.mutateAsync({ id: e })), ...Array.from(m).map((e) => $t.mutateAsync({ id: e }))]), h(), x.success(a(d, "files.bulk.permanentDelete.success", "{{count}} item{{plural}} deleted permanently", {
 														count: A,
 														plural: A > 1 ? "s" : ""
 													}));
 												} catch (e) {
-													S.error(e instanceof Error ? e.message : a(d, "files.bulk.errors.permanentDeleteFailed", "Failed to permanently delete some items"));
+													x.error(e instanceof Error ? e.message : a(d, "files.bulk.errors.permanentDeleteFailed", "Failed to permanently delete some items"));
 												}
 											}
 										});
@@ -765,16 +813,16 @@ function d() {
 											variant: "danger",
 											onConfirm: async () => {
 												try {
-													let e = Array.from(h), t = Array.from(g);
-													e.length > 0 && await tn.mutateAsync(e), await Promise.all(t.map((e) => Wt.mutateAsync({
+													let e = Array.from(St), t = Array.from(m);
+													e.length > 0 && await sn.mutateAsync(e), await Promise.all(t.map((e) => Yt.mutateAsync({
 														id: e,
 														recursive: !0
-													}))), _(), S.success(a(d, "files.bulk.delete.success", "{{count}} item{{plural}} moved to bin", {
+													}))), h(), x.success(a(d, "files.bulk.delete.success", "{{count}} item{{plural}} moved to bin", {
 														count: A,
 														plural: A > 1 ? "s" : ""
 													}));
 												} catch (e) {
-													S.error(e instanceof Error ? e.message : a(d, "files.bulk.errors.deleteFailed", "Failed to delete some items"));
+													x.error(e instanceof Error ? e.message : a(d, "files.bulk.errors.deleteFailed", "Failed to delete some items"));
 												}
 											}
 										});
@@ -785,16 +833,16 @@ function d() {
 							})]
 						}), /* @__PURE__ */ l("button", {
 							type: "button",
-							onClick: _,
+							onClick: h,
 							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(d, "files.common.actions.clear", "Clear")]
 						})]
 					})
 				]
 			}),
-			(ft.isExhausted || ft.isNearLimit) && /* @__PURE__ */ c("div", {
+			(vt.isExhausted || vt.isNearLimit) && /* @__PURE__ */ c("div", {
 				className: "px-4 sm:px-6 pt-3",
-				children: /* @__PURE__ */ c(Pe, { quota: ft })
+				children: /* @__PURE__ */ c(Pe, { quota: vt })
 			}),
 			/* @__PURE__ */ l("div", {
 				className: "px-2 sm:px-4 md:px-6 py-3 sm:py-4",
@@ -805,56 +853,56 @@ function d() {
 					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
+					onFilePreview: _n,
+					onFileShare: g === "bin" ? void 0 : vn,
+					onFileDelete: g === "bin" ? Cn : xn,
+					onFileRestore: g === "bin" ? Sn : void 0,
+					onFileFavorite: g === "bin" ? void 0 : wn,
+					onFileRename: g === "bin" ? void 0 : Tn,
+					onFileDownload: En,
+					onFileCopy: g === "bin" ? void 0 : Dn,
+					onFileMove: g === "bin" ? void 0 : On,
+					onFileInfo: kn,
+					onFolderOpen: An,
+					onFolderShare: g === "bin" ? void 0 : yn,
+					onFolderDelete: g === "bin" ? Nn : jn,
+					onFolderRestore: g === "bin" ? Mn : void 0,
+					onFolderRename: g === "bin" ? void 0 : Pn,
+					onFolderFavorite: g === "bin" ? void 0 : In,
+					onFolderMove: g === "bin" ? void 0 : Fn,
+					onFolderInfo: Ln
 				}), !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: T.length + E.length }), !b && v === "all" && Dt !== null && ` ${a(d, "files.browser.results.ofItems", "of {{count}} items", { count: Dt })}`]
+					children: [a(d, "files.browser.results.showingItems", "Showing {{count}} items", { count: T.length + E.length }), !y && g === "all" && Mt !== null && ` ${a(d, "files.browser.results.ofItems", "of {{count}} items", { count: Mt })}`]
 				})]
 			}),
-			Ot && /* @__PURE__ */ c(ot, {
+			Nt && /* @__PURE__ */ c(dt, {
 				open: !0,
 				onOpenChange: (e) => {
 					!e && !Z.isPending && (j(!1), U(""));
 				},
-				children: /* @__PURE__ */ l(st, {
+				children: /* @__PURE__ */ l(ft, {
 					className: "w-full max-w-xs",
 					children: [
-						/* @__PURE__ */ c(lt, {
+						/* @__PURE__ */ c(mt, {
 							className: "text-left",
-							children: /* @__PURE__ */ c(ut, {
+							children: /* @__PURE__ */ c(ht, {
 								id: "files-new-folder-title",
 								className: "text-base font-semibold text-text-primary",
 								children: a(d, "files.browser.newFolderDialog.title", "New folder")
 							})
 						}),
-						/* @__PURE__ */ c(at, {
+						/* @__PURE__ */ c(ct, {
 							type: "text",
 							value: H,
 							onChange: (e) => U(e.target.value),
 							onKeyDown: (e) => {
-								e.key === "Enter" && dn();
+								e.key === "Enter" && gn();
 							},
 							"aria-label": a(d, "files.browser.newFolderDialog.title", "New folder"),
 							placeholder: a(d, "files.browser.newFolderDialog.placeholder", "Folder name")
 						}),
-						/* @__PURE__ */ l(ct, { children: [/* @__PURE__ */ c(u, {
+						/* @__PURE__ */ l(pt, { children: [/* @__PURE__ */ c(u, {
 							type: "button",
 							variant: "outline",
 							onClick: () => {
@@ -863,40 +911,40 @@ function d() {
 							children: a(d, "files.common.actions.cancel", "Cancel")
 						}), /* @__PURE__ */ l(u, {
 							type: "button",
-							onClick: dn,
+							onClick: gn,
 							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")]
 						})] })
 					]
 				})
 			}),
-			jt && R && /* @__PURE__ */ c(ot, {
+			It && R && /* @__PURE__ */ c(dt, {
 				open: !0,
 				onOpenChange: (e) => {
 					!e && !Q.isPending && !$.isPending && (M(!1), z(null), V(""));
 				},
-				children: /* @__PURE__ */ l(st, {
+				children: /* @__PURE__ */ l(ft, {
 					className: "w-full max-w-xs",
 					children: [
-						/* @__PURE__ */ c(lt, {
+						/* @__PURE__ */ c(mt, {
 							className: "text-left",
-							children: /* @__PURE__ */ c(ut, {
+							children: /* @__PURE__ */ c(ht, {
 								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__ */ c(at, {
+						/* @__PURE__ */ c(ct, {
 							type: "text",
 							value: B,
 							onChange: (e) => V(e.target.value),
 							onKeyDown: (e) => {
-								e.key === "Enter" && Fn();
+								e.key === "Enter" && Bn();
 							},
 							"aria-label": a(d, "files.browser.renameDialog.title", "Rename"),
 							placeholder: a(d, "files.browser.renameDialog.placeholder", "New name")
 						}),
-						/* @__PURE__ */ l(ct, { children: [/* @__PURE__ */ c(u, {
+						/* @__PURE__ */ l(pt, { children: [/* @__PURE__ */ c(u, {
 							type: "button",
 							variant: "outline",
 							onClick: () => {
@@ -905,21 +953,21 @@ function d() {
 							children: a(d, "files.common.actions.cancel", "Cancel")
 						}), /* @__PURE__ */ l(u, {
 							type: "button",
-							onClick: Fn,
+							onClick: Bn,
 							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")]
 						})] })
 					]
 				})
 			}),
-			Mt && Lt && /* @__PURE__ */ c(we, {
-				item: Lt,
-				itemType: "mimeType" in Lt ? "file" : "folder",
+			Lt && Ht && /* @__PURE__ */ c(we, {
+				item: Ht,
+				itemType: "mimeType" in Ht ? "file" : "folder",
 				onClose: () => {
-					N(!1), P(null);
+					Rt(!1), P(null);
 				},
-				onCreateShare: hn,
-				isLoading: Xt.isPending
+				onCreateShare: bn,
+				isLoading: tn.isPending
 			}),
 			J && /* @__PURE__ */ c(Me, {
 				title: J.title,
@@ -928,99 +976,86 @@ function d() {
 				cancelLabel: a(d, "files.common.actions.cancel", "Cancel"),
 				variant: J.variant,
 				loading: J.loading,
-				onConfirm: Vt,
+				onConfirm: Kt,
 				onCancel: () => {
 					J.loading || Y(null);
 				}
 			}),
-			kt && /* @__PURE__ */ c(Me, {
+			Pt && /* @__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: () => {
-					At(!1), p("/billing");
+					Ft(!1), gt("/billing");
 				},
-				onCancel: () => At(!1)
+				onCancel: () => Ft(!1)
 			}),
-			Nt && F && /* @__PURE__ */ c(Ae, {
+			zt && F && /* @__PURE__ */ c(Ae, {
 				item: F.item,
 				type: F.type,
 				onClose: () => {
-					Pt(!1), I(null);
+					N(!1), I(null);
 				},
-				onMove: Nn,
-				isLoading: $t.isPending || en.isPending
+				onMove: Rn,
+				isLoading: an.isPending || on.isPending
 			}),
-			Ft && L && /* @__PURE__ */ c(je, {
+			Bt && L && /* @__PURE__ */ c(je, {
 				item: L.item,
 				type: L.type,
 				onClose: () => {
-					It(!1), Rt(null);
+					Vt(!1), Ut(null);
 				},
-				onCopy: Pn,
-				isLoading: Qt.isPending
+				onCopy: zn,
+				isLoading: rn.isPending
 			}),
-			x && /* @__PURE__ */ c(Te, {
-				file: x,
-				onClose: () => Ct(null),
+			b && /* @__PURE__ */ c(Te, {
+				file: b,
+				onClose: () => kt(null),
 				onDownload: () => {
-					ze(x.downloadUrl || x.url);
+					ze(b.downloadUrl || b.url);
 				},
-				onShare: v === "bin" ? void 0 : () => {
-					P(x), N(!0);
+				onShare: g === "bin" ? void 0 : () => {
+					P(b), Rt(!0);
 				},
-				onStar: v === "bin" ? void 0 : () => yn(x),
-				onDelete: () => v === "bin" ? vn(x) : gn(x)
+				onStar: g === "bin" ? void 0 : () => wn(b),
+				onDelete: () => g === "bin" ? Cn(b) : xn(b)
 			}),
-			xt && /* @__PURE__ */ c(Ee, {
-				item: xt.item,
-				type: xt.type,
-				onClose: () => St(null)
+			Dt && /* @__PURE__ */ c(Ee, {
+				item: Dt.item,
+				type: Dt.type,
+				onClose: () => Ot(null)
 			}),
 			/* @__PURE__ */ c(Ne, {
-				items: zt,
-				isOpen: Bt,
+				items: Wt,
+				isOpen: Gt,
 				onClose: () => q(!1),
-				onPause: an,
-				onResume: on,
-				onRetry: sn,
-				onCancel: cn
+				onPause: un,
+				onResume: dn,
+				onRetry: fn,
+				onCancel: pn
 			}),
 			/* @__PURE__ */ c(Oe, {
-				toasts: S.toasts,
-				onClose: S.removeToast
+				toasts: x.toasts,
+				onClose: x.removeToast
 			}),
 			!D && T.length === 0 && E.length === 0 && /* @__PURE__ */ c("div", {
 				className: "px-6 py-12",
-				children: b ? /* @__PURE__ */ l("div", {
-					className: "text-center animate-in fade-in duration-200",
-					children: [
-						/* @__PURE__ */ c("div", {
-							className: "inline-flex items-center justify-center size-16 bg-bg-sunken rounded-full mb-4",
-							children: /* @__PURE__ */ c(Ye, { className: "size-8 text-text-tertiary" })
-						}),
-						/* @__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__ */ 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__ */ c("button", {
-							type: "button",
-							onClick: () => {
-								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")
-						})
-					]
+				children: y ? /* @__PURE__ */ c(st, {
+					illustration: "empty-search",
+					title: a(d, "files.browser.empty.search.title", "No results found"),
+					description: a(d, "files.browser.empty.search.description", "Try adjusting your search query or filters"),
+					action: /* @__PURE__ */ c(u, {
+						type: "button",
+						onClick: () => {
+							wt(""), Et(void 0);
+						},
+						children: a(d, "files.browser.search.clear", "Clear search")
+					})
 				}) : /* @__PURE__ */ c(De, {
-					type: v,
-					onUpload: v === "all" ? nn : void 0,
-					onNewFolder: v === "all" ? un : void 0
+					type: g,
+					onUpload: g === "all" ? cn : void 0,
+					onNewFolder: g === "all" ? hn : void 0
 				})
 			})
 		]