@burdenoff/microfe-files 2026.625.3 → 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, Trash2 as Ye, Upload as Xe, X as Ze } from "lucide-react";
-import { Fragment as Qe, jsx as c, jsxs as l } 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 { AuroraBackground as nt, Button as u, CTAOverflowMenu as rt, EmphasisPanel as it, GradientText as at, IllustratedEmptyState as ot, Input as st, ResponsiveDialog as ct, ResponsiveDialogContent as lt, ResponsiveDialogFooter as ut, ResponsiveDialogHeader as dt, ResponsiveDialogTitle as ft } from "@burdenoff/fe-libs/ui";
+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 { 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 } = tt(), { folderId: f } = et(), p = $e(), pt = e(), { workspaceId: m } = pt, mt = Fe(m ?? ""), { viewMode: ht, setViewMode: gt, breadcrumbs: _t, selectedFiles: h, selectedFolders: g, clearSelection: _ } = t(), [v, vt] = o("all"), yt = 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(() => {
-		yt.includes(v) || vt("all");
-	}, [yt, v]);
-	let [y, bt] = o(""), [xt, St] = o(), b = y.trim().length >= 2, [Ct, wt] = o(null), [x, Tt] = 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
-	}), Et = i({ skip: v !== "recent" || b }), Dt = ee({ skip: v !== "starred" || b }), Ot = te({ skip: v !== "bin" || b }), w = ye(y, b, xt);
+		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 = Et.files || [], E = Et.folders || [], D = Et.isLoading, O = Et.error || null, k = !0;
+			T = At.files || [], E = At.folders || [], D = At.isLoading, O = At.error || null, k = !0;
 			break;
 		case "starred":
-			T = Dt.files, E = Dt.folders, D = Dt.isLoading, O = Dt.error || null, k = !0;
+			T = jt.files, E = jt.folders, D = jt.isLoading, O = jt.error || null, k = !0;
 			break;
 		case "bin":
-			T = Ot.files, E = Ot.folders, D = Ot.isLoading, O = Ot.error || null, k = !0;
+			T = C.files, E = C.folders, D = C.isLoading, O = C.error || null, k = !0;
 			break;
 	}
-	let kt = v === "all" ? (C.data?.filesList?.total ?? T.length) + (C.data?.foldersList?.total ?? E.length) : null, A = h.size + g.size, [At, j] = o(!1), [jt, Mt] = o(!1), [Nt, M] = o(!1), [Pt, N] = o(!1), [Ft, It] = o(!1), [Lt, Rt] = o(!1), [zt, P] = o(null), [F, I] = o(null), [L, Bt] = o(null), [R, z] = o(null), [B, V] = o(""), [H, U] = o(""), [W, G] = o(!1), [Vt, K] = o([]), [Ht, q] = o(!1), [J, Y] = o(null), X = (e, t) => {
-		Be(pt, e, t);
-	}, Ut = 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(), Wt = re(), Gt = ie(), Kt = ae(), qt = oe(), Jt = se(), Yt = ce(), Xt = le(), Zt = ue(), Q = de(), $ = fe(), Qt = pe(), $t = me(), en = he(), tn = ge(), nn = _e(), rn = ve(), an = () => {
+	}, 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 on(t);
+				for (let t of e) await ln(t);
 				G(!1);
 			}
 		}, e.click();
-	}, on = 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 Wt.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
 			}));
 		}
-	}, sn = (e) => {
-		Wt.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));
-	}, cn = (e) => {
-		let t = Vt.find((t) => t.id === e);
-		t && on(t);
-	}, ln = (e) => {
-		let t = Vt.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)), on(t));
-	}, un = (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;
 		});
-	}, dn = () => {
-		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 on(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();
-	}, fn = () => {
+	}, hn = () => {
 		j(!0);
-	}, pn = 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(""), Mt(!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
 			}));
 		}
-	}, mn = (e) => {
-		Tt(e);
-	}, hn = (e) => {
-		P(e), N(!0);
-	}, gn = (e) => {
-		P(e), N(!0);
-	}, _n = 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 Qt.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 $t.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
 		};
-	}, vn = 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 Gt.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() {
 				}
 			}
 		});
-	}, yn = async (e) => {
+	}, Sn = async (e) => {
 		try {
-			await qt.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"));
 		}
-	}, bn = 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 Yt.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"));
 				}
 			}
 		});
-	}, xn = async (e) => {
+	}, wn = async (e) => {
 		try {
-			await Zt.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
 			});
 		}
-	}, Sn = (e) => {
+	}, Tn = (e) => {
 		z({
 			id: e.id,
 			name: e.name,
 			type: "file"
 		}), V(e.name), M(!0);
-	}, Cn = 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"));
 		}
-	}, wn = (e) => {
-		Bt({
+	}, Dn = (e) => {
+		Ut({
 			item: e,
 			type: "file"
-		}), Rt(!0);
-	}, Tn = (e) => {
+		}), Vt(!0);
+	}, On = (e) => {
 		I({
 			item: e,
 			type: "file"
-		}), It(!0);
-	}, En = (e) => {
-		wt({
+		}), N(!0);
+	}, kn = (e) => {
+		Ot({
 			item: e,
 			type: "file"
 		});
-	}, Dn = (e) => {
-		p(`/files/browse/${e.id}`);
-	}, On = 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 Kt.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"));
 				}
 			}
 		});
-	}, kn = async (e) => {
+	}, Mn = async (e) => {
 		try {
-			await Jt.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"));
 		}
-	}, An = 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 Xt.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"));
 				}
 			}
 		});
-	}, jn = (e) => {
+	}, Pn = (e) => {
 		z({
 			id: e.id,
 			name: e.name,
 			type: "folder"
 		}), V(e.name), M(!0);
-	}, Mn = (e) => {
+	}, Fn = (e) => {
 		I({
 			item: e,
 			type: "folder"
-		}), It(!0);
-	}, Nn = async (e) => {
+		}), N(!0);
+	}, In = async (e) => {
 		try {
-			await Zt.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
 			});
 		}
-	}, Pn = (e) => {
-		wt({
+	}, Ln = (e) => {
+		Ot({
 			item: e,
 			type: "folder"
 		});
-	}, Fn = async (e) => {
+	}, Rn = async (e) => {
 		if (F) try {
-			F.type === "file" ? (await tn.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 nn.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
-			})), It(!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
 			});
 		}
-	}, In = 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 en.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
-			}), Rt(!1), Bt(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
 			});
 		}
-	}, Ln = 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: mn,
-		onFileDelete: vn,
-		onFolderOpen: Dn,
-		onFolderDelete: On,
-		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",
@@ -586,10 +586,10 @@ function d() {
 				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(nt, { intensity: "subtle" }),
+					/* @__PURE__ */ c(rt, { intensity: "subtle" }),
 					/* @__PURE__ */ c("h1", {
 						className: "mb-2 text-lg font-semibold tracking-tight sm:text-xl",
-						children: /* @__PURE__ */ c(at, { children: a(d, "files.browser.rootLabel", "My Drive") })
+						children: /* @__PURE__ */ c(ot, { children: a(d, "files.browser.rootLabel", "My Drive") })
 					}),
 					/* @__PURE__ */ c("div", {
 						className: "flex items-center gap-2 sm:gap-4",
@@ -597,36 +597,77 @@ function d() {
 							className: "flex items-center gap-1 sm:gap-2 text-sm overflow-x-auto",
 							children: [/* @__PURE__ */ l("button", {
 								type: "button",
-								onClick: () => p("/files/browse"),
+								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")
 								})]
-							}), _t.map((e, t) => /* @__PURE__ */ l("div", {
+							}), 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: () => p(`/files/browse/${e.id}`),
-									className: `hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 whitespace-nowrap ${t === _t.length - 1 ? "text-text-primary font-medium" : "text-text-secondary"}`,
+									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: vt,
-					tabs: yt
+					activeTab: g,
+					onTabChange: _,
+					tabs: Ct
 				})
 			}),
 			/* @__PURE__ */ l("div", {
@@ -641,34 +682,34 @@ function d() {
 								className: "relative w-full max-w-2xl",
 								children: /* @__PURE__ */ c(ke, {
 									onSearch: (e, t) => {
-										bt(e), St(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: an,
+										onSelect: cn,
 										disabled: W,
-										icon: W ? /* @__PURE__ */ c(s, { className: "size-4 animate-spin" }) : /* @__PURE__ */ c(Xe, { className: "size-4" })
+										icon: W ? /* @__PURE__ */ c(s, { className: "size-4 animate-spin" }) : /* @__PURE__ */ c(Ze, { className: "size-4" })
 									},
 									actions: [
 										{
 											label: a(d, "files.browser.actions.newFolder", "New Folder"),
 											icon: /* @__PURE__ */ c(Ue, { className: "size-4" }),
-											onSelect: fn
+											onSelect: hn
 										},
 										{
 											label: a(d, "files.browser.actions.uploadFolder", "Upload Folder"),
 											icon: /* @__PURE__ */ c(We, { className: "size-4" }),
-											onSelect: dn,
+											onSelect: mn,
 											disabled: W
 										},
 										...T.length > 0 || E.length > 0 ? [{
@@ -685,33 +726,33 @@ function d() {
 								"data-tour": "files-view-mode-toggle",
 								children: [/* @__PURE__ */ c("button", {
 									type: "button",
-									onClick: () => gt("grid"),
-									className: `p-2 transition-colors duration-200 ${ht === "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: () => gt("list"),
-									className: `p-2 transition-colors duration-200 ${ht === "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: () => bt(""),
+							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(Ze, { 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")]
 						})]
 					}),
-					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",
@@ -723,13 +764,13 @@ function d() {
 								})
 							}), /* @__PURE__ */ c("div", {
 								className: "flex items-center gap-2",
-								children: v === "bin" ? /* @__PURE__ */ l(Qe, { 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) => qt.mutateAsync({ id: e })), ...Array.from(g).map((e) => Jt.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",
@@ -747,18 +788,18 @@ function d() {
 											variant: "danger",
 											onConfirm: async () => {
 												try {
-													await Promise.all([...Array.from(h).map((e) => Yt.mutateAsync({ id: e })), ...Array.from(g).map((e) => Xt.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"));
 												}
 											}
 										});
 									},
 									className: "flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-status-error-text bg-bg-surface border border-status-error-border rounded-lg hover:bg-status-error-bg-subtle transition-colors duration-200",
-									children: [/* @__PURE__ */ c(Ye, { className: "size-4" }), a(d, "files.browser.selection.actions.deletePermanently", "Delete permanently")]
+									children: [/* @__PURE__ */ c(Xe, { className: "size-4" }), a(d, "files.browser.selection.actions.deletePermanently", "Delete permanently")]
 								})] }) : /* @__PURE__ */ l("button", {
 									type: "button",
 									onClick: async () => {
@@ -772,36 +813,36 @@ function d() {
 											variant: "danger",
 											onConfirm: async () => {
 												try {
-													let e = Array.from(h), t = Array.from(g);
-													e.length > 0 && await rn.mutateAsync(e), await Promise.all(t.map((e) => Kt.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"));
 												}
 											}
 										});
 									},
 									className: "flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-status-error-text bg-bg-surface border border-status-error-border rounded-lg hover:bg-status-error-bg-subtle transition-colors duration-200",
-									children: [/* @__PURE__ */ c(Ye, { 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__ */ 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(Ze, { className: "size-4" }), a(d, "files.common.actions.clear", "Clear")]
+							children: [/* @__PURE__ */ c(Qe, { className: "size-4" }), a(d, "files.common.actions.clear", "Clear")]
 						})]
 					})
 				]
 			}),
-			(mt.isExhausted || mt.isNearLimit) && /* @__PURE__ */ c("div", {
+			(vt.isExhausted || vt.isNearLimit) && /* @__PURE__ */ c("div", {
 				className: "px-4 sm:px-6 pt-3",
-				children: /* @__PURE__ */ c(Pe, { quota: mt })
+				children: /* @__PURE__ */ c(Pe, { quota: vt })
 			}),
 			/* @__PURE__ */ l("div", {
 				className: "px-2 sm:px-4 md:px-6 py-3 sm:py-4",
@@ -812,56 +853,56 @@ function d() {
 					loading: D,
 					error: O,
 					preserveSortOrder: k,
-					onFilePreview: mn,
-					onFileShare: v === "bin" ? void 0 : hn,
-					onFileDelete: v === "bin" ? bn : vn,
-					onFileRestore: v === "bin" ? yn : void 0,
-					onFileFavorite: v === "bin" ? void 0 : xn,
-					onFileRename: v === "bin" ? void 0 : Sn,
-					onFileDownload: Cn,
-					onFileCopy: v === "bin" ? void 0 : wn,
-					onFileMove: v === "bin" ? void 0 : Tn,
-					onFileInfo: En,
-					onFolderOpen: Dn,
-					onFolderShare: v === "bin" ? void 0 : gn,
-					onFolderDelete: v === "bin" ? An : On,
-					onFolderRestore: v === "bin" ? kn : void 0,
-					onFolderRename: v === "bin" ? void 0 : jn,
-					onFolderFavorite: v === "bin" ? void 0 : Nn,
-					onFolderMove: v === "bin" ? void 0 : Mn,
-					onFolderInfo: Pn
+					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" && kt !== null && ` ${a(d, "files.browser.results.ofItems", "of {{count}} items", { count: kt })}`]
+					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 })}`]
 				})]
 			}),
-			At && /* @__PURE__ */ c(ct, {
+			Nt && /* @__PURE__ */ c(dt, {
 				open: !0,
 				onOpenChange: (e) => {
 					!e && !Z.isPending && (j(!1), U(""));
 				},
-				children: /* @__PURE__ */ l(lt, {
+				children: /* @__PURE__ */ l(ft, {
 					className: "w-full max-w-xs",
 					children: [
-						/* @__PURE__ */ c(dt, {
+						/* @__PURE__ */ c(mt, {
 							className: "text-left",
-							children: /* @__PURE__ */ c(ft, {
+							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(st, {
+						/* @__PURE__ */ c(ct, {
 							type: "text",
 							value: H,
 							onChange: (e) => U(e.target.value),
 							onKeyDown: (e) => {
-								e.key === "Enter" && pn();
+								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(ut, { children: [/* @__PURE__ */ c(u, {
+						/* @__PURE__ */ l(pt, { children: [/* @__PURE__ */ c(u, {
 							type: "button",
 							variant: "outline",
 							onClick: () => {
@@ -870,40 +911,40 @@ function d() {
 							children: a(d, "files.common.actions.cancel", "Cancel")
 						}), /* @__PURE__ */ l(u, {
 							type: "button",
-							onClick: pn,
+							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")]
 						})] })
 					]
 				})
 			}),
-			Nt && R && /* @__PURE__ */ c(ct, {
+			It && R && /* @__PURE__ */ c(dt, {
 				open: !0,
 				onOpenChange: (e) => {
 					!e && !Q.isPending && !$.isPending && (M(!1), z(null), V(""));
 				},
-				children: /* @__PURE__ */ l(lt, {
+				children: /* @__PURE__ */ l(ft, {
 					className: "w-full max-w-xs",
 					children: [
-						/* @__PURE__ */ c(dt, {
+						/* @__PURE__ */ c(mt, {
 							className: "text-left",
-							children: /* @__PURE__ */ c(ft, {
+							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(st, {
+						/* @__PURE__ */ c(ct, {
 							type: "text",
 							value: B,
 							onChange: (e) => V(e.target.value),
 							onKeyDown: (e) => {
-								e.key === "Enter" && Ln();
+								e.key === "Enter" && Bn();
 							},
 							"aria-label": a(d, "files.browser.renameDialog.title", "Rename"),
 							placeholder: a(d, "files.browser.renameDialog.placeholder", "New name")
 						}),
-						/* @__PURE__ */ l(ut, { children: [/* @__PURE__ */ c(u, {
+						/* @__PURE__ */ l(pt, { children: [/* @__PURE__ */ c(u, {
 							type: "button",
 							variant: "outline",
 							onClick: () => {
@@ -912,21 +953,21 @@ function d() {
 							children: a(d, "files.common.actions.cancel", "Cancel")
 						}), /* @__PURE__ */ l(u, {
 							type: "button",
-							onClick: Ln,
+							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")]
 						})] })
 					]
 				})
 			}),
-			Pt && zt && /* @__PURE__ */ c(we, {
-				item: zt,
-				itemType: "mimeType" in zt ? "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: _n,
-				isLoading: Qt.isPending
+				onCreateShare: bn,
+				isLoading: tn.isPending
 			}),
 			J && /* @__PURE__ */ c(Me, {
 				title: J.title,
@@ -935,86 +976,86 @@ function d() {
 				cancelLabel: a(d, "files.common.actions.cancel", "Cancel"),
 				variant: J.variant,
 				loading: J.loading,
-				onConfirm: Ut,
+				onConfirm: Kt,
 				onCancel: () => {
 					J.loading || Y(null);
 				}
 			}),
-			jt && /* @__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: () => {
-					Mt(!1), p("/billing");
+					Ft(!1), gt("/billing");
 				},
-				onCancel: () => Mt(!1)
+				onCancel: () => Ft(!1)
 			}),
-			Ft && F && /* @__PURE__ */ c(Ae, {
+			zt && F && /* @__PURE__ */ c(Ae, {
 				item: F.item,
 				type: F.type,
 				onClose: () => {
-					It(!1), I(null);
+					N(!1), I(null);
 				},
-				onMove: Fn,
-				isLoading: tn.isPending || nn.isPending
+				onMove: Rn,
+				isLoading: an.isPending || on.isPending
 			}),
-			Lt && L && /* @__PURE__ */ c(je, {
+			Bt && L && /* @__PURE__ */ c(je, {
 				item: L.item,
 				type: L.type,
 				onClose: () => {
-					Rt(!1), Bt(null);
+					Vt(!1), Ut(null);
 				},
-				onCopy: In,
-				isLoading: en.isPending
+				onCopy: zn,
+				isLoading: rn.isPending
 			}),
-			x && /* @__PURE__ */ c(Te, {
-				file: x,
-				onClose: () => Tt(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 : () => xn(x),
-				onDelete: () => v === "bin" ? bn(x) : vn(x)
+				onStar: g === "bin" ? void 0 : () => wn(b),
+				onDelete: () => g === "bin" ? Cn(b) : xn(b)
 			}),
-			Ct && /* @__PURE__ */ c(Ee, {
-				item: Ct.item,
-				type: Ct.type,
-				onClose: () => wt(null)
+			Dt && /* @__PURE__ */ c(Ee, {
+				item: Dt.item,
+				type: Dt.type,
+				onClose: () => Ot(null)
 			}),
 			/* @__PURE__ */ c(Ne, {
-				items: Vt,
-				isOpen: Ht,
+				items: Wt,
+				isOpen: Gt,
 				onClose: () => q(!1),
-				onPause: sn,
-				onResume: cn,
-				onRetry: ln,
-				onCancel: un
+				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__ */ c(ot, {
+				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: () => {
-							bt(""), St(void 0);
+							wt(""), Et(void 0);
 						},
 						children: a(d, "files.browser.search.clear", "Clear search")
 					})
 				}) : /* @__PURE__ */ c(De, {
-					type: v,
-					onUpload: v === "all" ? an : void 0,
-					onNewFolder: v === "all" ? fn : void 0
+					type: g,
+					onUpload: g === "all" ? cn : void 0,
+					onNewFolder: g === "all" ? hn : void 0
 				})
 			})
 		]