@burdenoff/microfe-files 2026.529.1 → 2026.530.2

package/dist/files/pages/BrowserPage.js

@@ -39,32 +39,34 @@ import { MoveDialog as Ae } from "../components/MoveDialog.js";
 import { CopyDialog as je } from "../components/CopyDialog.js";
 import { ConfirmDialog as Me } from "../components/ConfirmDialog.js";
 import { UploadQueue as Ne } from "../components/UploadQueue.js";
-import { isQuotaExhaustedError as Pe } from "../utils/quotaUtils.js";
-import { nativeImpact as Fe, nativeNotify as Ie, nativeOpenUrl as Le } from "../../utils/nativeBridge.js";
-import { emitFilesEvent as Re } from "../utils/events.js";
-import { useEffect as ze, useMemo as Be, useState as o } from "react";
-import { FolderPlus as Ve, FolderUp as He, FolderX as Ue, Grid3x3 as We, Home as Ge, List as Ke, Loader2 as s, Search as qe, Trash2 as Je, Upload as Ye, X as Xe } from "lucide-react";
+import { StorageBanner as Pe } from "../components/StorageBanner.js";
+import { useStorageQuota as Fe } from "../hooks/useStorageQuota.js";
+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 { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { useNavigate as Ze, useParams as Qe } from "react-router-dom";
-import { useI18n as $e } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as $e, useParams as et } from "react-router-dom";
+import { useI18n as tt } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/files/pages/BrowserPage.tsx
 function d() {
-	let { t: d } = $e(), { folderId: f } = Qe(), p = Ze(), et = e(), { workspaceId: m } = et, { viewMode: tt, setViewMode: nt, breadcrumbs: rt, selectedFiles: h, selectedFolders: g, clearSelection: _ } = t(), [v, it] = o("all"), at = Be(() => [
+	let { t: d } = tt(), { folderId: f } = et(), p = $e(), nt = e(), { workspaceId: m } = nt, rt = Fe(m ?? ""), { viewMode: it, setViewMode: at, breadcrumbs: ot, selectedFiles: h, selectedFolders: g, clearSelection: _ } = t(), [v, st] = o("all"), ct = He(() => [
 		"all",
 		"recent",
 		"starred"
 	], []);
-	ze(() => {
-		at.includes(v) || it("all");
-	}, [at, v]);
-	let [y, ot] = o(""), [st, ct] = o(), b = y.trim().length >= 2, [lt, ut] = o(null), [x, dt] = o(null), S = be(), C = r({
+	Ve(() => {
+		ct.includes(v) || st("all");
+	}, [ct, v]);
+	let [lt, ut] = o(""), [dt, ft] = o(), y = lt.trim().length >= 2, [pt, mt] = o(null), [b, ht] = o(null), x = be(), S = r({
 		folderId: f || void 0,
 		pageSize: 100,
-		skip: v !== "all" || b
-	}), w = i({ skip: v !== "recent" || b }), T = ee({ skip: v !== "starred" || b }), ft = te({ skip: v !== "bin" || b }), E = ye(y, b, st);
-	ze(() => {
-		if (f && C.data?.folderPath && C.data?.currentFolder) {
-			let e = C.data.folderPath.folders || [], n = C.data.currentFolder, r = [...e.map((e) => ({
+		skip: v !== "all" || y
+	}), C = i({ skip: v !== "recent" || y }), w = ee({ skip: v !== "starred" || y }), T = te({ skip: v !== "bin" || y }), E = ye(lt, y, dt);
+	Ve(() => {
+		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
 			})), {
@@ -73,26 +75,26 @@ function d() {
 			}];
 			t.getState().setBreadcrumbs(r);
 		} else t.getState().setBreadcrumbs([]);
-	}, [f, C.data]);
+	}, [f, S.data]);
 	let D = [], O = [], k = !1, A = null, j = !1;
-	if (b && E.data) D = E.data.files || [], O = E.data.folders || [], k = E.isLoading, A = E.error;
+	if (y && E.data) D = E.data.files || [], O = E.data.folders || [], k = E.isLoading, A = E.error;
 	else switch (v) {
 		case "all":
-			D = C.data?.filesList?.files || [], O = C.data?.foldersList?.folders || [], k = C.loading, A = C.error || null, j = !1;
+			D = S.data?.filesList?.files || [], O = S.data?.foldersList?.folders || [], k = S.loading, A = S.error || null, j = !1;
 			break;
 		case "recent":
-			D = w.files || [], O = w.folders || [], k = w.isLoading, A = w.error || null, j = !0;
+			D = C.files || [], O = C.folders || [], k = C.isLoading, A = C.error || null, j = !0;
 			break;
 		case "starred":
-			D = T.files, O = T.folders, k = T.isLoading, A = T.error || null, j = !0;
+			D = w.files, O = w.folders, k = w.isLoading, A = w.error || null, j = !0;
 			break;
 		case "bin":
-			D = ft.files, O = ft.folders, k = ft.isLoading, A = ft.error || null, j = !0;
+			D = T.files, O = T.folders, k = T.isLoading, A = T.error || null, j = !0;
 			break;
 	}
-	let pt = v === "all" ? (C.data?.filesList?.total ?? D.length) + (C.data?.foldersList?.total ?? O.length) : null, M = h.size + g.size, [mt, N] = o(!1), [ht, gt] = o(!1), [_t, P] = o(!1), [vt, F] = o(!1), [yt, I] = o(!1), [bt, xt] = o(!1), [St, L] = o(null), [R, z] = o(null), [B, Ct] = o(null), [V, H] = o(null), [U, W] = o(""), [G, K] = o(""), [wt, q] = o(!1), [Tt, J] = o([]), [Et, Y] = o(!1), [X, Z] = o(null), Q = (e, t) => {
-		Re(et, e, t);
-	}, Dt = async () => {
+	let gt = v === "all" ? (S.data?.filesList?.total ?? D.length) + (S.data?.foldersList?.total ?? O.length) : null, M = h.size + g.size, [_t, N] = o(!1), [vt, yt] = o(!1), [bt, P] = o(!1), [xt, F] = o(!1), [St, I] = o(!1), [Ct, wt] = o(!1), [Tt, L] = o(null), [R, z] = o(null), [B, Et] = o(null), [V, H] = o(null), [U, W] = o(""), [G, K] = o(""), [Dt, q] = o(!1), [Ot, J] = o([]), [kt, Y] = o(!1), [X, Z] = o(null), Q = (e, t) => {
+		Be(nt, e, t);
+	}, At = async () => {
 		if (!X || X.loading) return;
 		let e = X.onConfirm;
 		Z({
@@ -110,7 +112,7 @@ function d() {
 				loading: !1
 			});
 		}
-	}, $ = ne(), Ot = re(), kt = ie(), At = ae(), jt = oe(), Mt = se(), Nt = ce(), Pt = le(), Ft = ue(), It = de(), Lt = fe(), Rt = pe(), zt = me(), Bt = he(), Vt = ge(), Ht = _e(), Ut = ve(), Wt = () => {
+	}, $ = ne(), jt = re(), Mt = ie(), Nt = ae(), Pt = oe(), Ft = se(), It = ce(), Lt = le(), Rt = ue(), zt = de(), Bt = fe(), Vt = pe(), Ht = me(), Ut = he(), Wt = ge(), Gt = _e(), Kt = ve(), qt = () => {
 		let e = document.createElement("input");
 		e.type = "file", e.multiple = !0, e.onchange = async (e) => {
 			let t = e.target.files;
@@ -127,11 +129,11 @@ function d() {
 					};
 				}));
 				J((t) => [...t, ...e]), Y(!0), q(!0);
-				for (let t of e) await Gt(t);
+				for (let t of e) await Jt(t);
 				q(!1);
 			}
 		}, e.click();
-	}, Gt = async (e) => {
+	}, Jt = async (e) => {
 		let t = (t) => {
 			J((n) => n.map((n) => n.id === e.id ? {
 				...n,
@@ -140,7 +142,7 @@ function d() {
 		};
 		t({ status: "uploading" });
 		try {
-			let n = await Ot.mutateAsync({
+			let n = await jt.mutateAsync({
 				file: e.file,
 				folderId: e.folderId,
 				onProgress: (e) => {
@@ -160,7 +162,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
 			}), Q("files.api.failed", {
@@ -169,30 +171,30 @@ function d() {
 				message: r
 			}));
 		}
-	}, Kt = (e) => {
-		Ot.pause(), J((t) => t.map((t) => t.id === e ? {
+	}, Yt = (e) => {
+		jt.pause(), J((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "paused"
 		} : t));
-	}, qt = (e) => {
-		let t = Tt.find((t) => t.id === e);
-		t && Gt(t);
-	}, Jt = (e) => {
-		let t = Tt.find((t) => t.id === e);
+	}, Xt = (e) => {
+		let t = Ot.find((t) => t.id === e);
+		t && Jt(t);
+	}, Zt = (e) => {
+		let t = Ot.find((t) => t.id === e);
 		t && (J((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "pending",
 			progress: 0,
 			error: void 0
-		} : t)), Gt(t));
-	}, Yt = (e) => {
+		} : t)), Jt(t));
+	}, Qt = (e) => {
 		J((t) => {
 			let n = t.filter((t) => t.id !== e);
 			return n.length === 0 && (Y(!1), q(!1)), n;
 		});
-	}, Xt = () => {
+	}, $t = () => {
 		if (!m) {
-			S.error(a(d, "files.workspace.errors.notSelected", "Workspace not selected"));
+			x.error(a(d, "files.workspace.errors.notSelected", "Workspace not selected"));
 			return;
 		}
 		let e = document.createElement("input");
@@ -233,23 +235,23 @@ function d() {
 					}
 				}
 				J((e) => [...e, ...i]), Y(!0), q(!0);
-				for (let e of i) await Gt(e);
-				q(!1), S.success(a(d, "files.upload.folder.success", "Uploaded {{count}} file{{plural}} from folder", {
+				for (let e of i) await Jt(e);
+				q(!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();
-	}, Zt = () => {
+	}, en = () => {
 		N(!0);
-	}, Qt = async () => {
+	}, tn = async () => {
 		if (G.trim() && m) {
 			let { data: e, error: t } = await $.mutateAsync({
 				name: G,
 				parentFolderId: f
 			});
 			if (t) {
-				Pe(t) ? (N(!1), K(""), gt(!0)) : (S.error(t instanceof Error ? t.message : a(d, "files.folder.errors.createFailed", "Folder creation failed")), Q("files.api.failed", {
+				Ie(t) ? (N(!1), K(""), yt(!0)) : (x.error(t instanceof Error ? t.message : a(d, "files.folder.errors.createFailed", "Folder creation failed")), Q("files.api.failed", {
 					action: "createFolder",
 					message: t instanceof Error ? t.message : "Folder creation failed"
 				}));
@@ -260,13 +262,13 @@ function d() {
 				parentFolderId: f
 			}));
 		}
-	}, $t = (e) => {
-		dt(e);
-	}, en = (e) => {
+	}, nn = (e) => {
+		ht(e);
+	}, rn = (e) => {
 		L(e), F(!0);
-	}, tn = (e) => {
+	}, an = (e) => {
 		L(e), F(!0);
-	}, nn = async (e) => {
+	}, on = 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) {
@@ -279,7 +281,7 @@ function d() {
 				shareType: t,
 				accessLevel: "DOWNLOAD"
 			};
-			n = (await Rt.mutateAsync(r))?.token ?? "", Q("files.share.created", {
+			n = (await Vt.mutateAsync(r))?.token ?? "", Q("files.share.created", {
 				entityType: "file",
 				fileId: e.fileId,
 				shareType: t
@@ -294,7 +296,7 @@ function d() {
 				shareType: t,
 				accessLevel: "DOWNLOAD"
 			};
-			n = (await zt.mutateAsync(r))?.createFolderShare?.token ?? "", Q("files.share.created", {
+			n = (await Ht.mutateAsync(r))?.createFolderShare?.token ?? "", Q("files.share.created", {
 				entityType: "folder",
 				folderId: e.folderId,
 				shareType: t
@@ -304,21 +306,21 @@ function d() {
 			publicUrl: n ? `${window.location.origin}/files/share/${n}` : "",
 			token: n
 		};
-	}, rn = async (e) => {
-		Fe("medium"), Z({
+	}, sn = async (e) => {
+		Le("medium"), Z({
 			title: a(d, "files.confirm.deleteFile.title", "Delete file"),
 			description: a(d, "files.confirm.deleteFile.description", "Move \"{{name}}\" to the bin?", { name: e.name }),
 			confirmLabel: a(d, "files.common.actions.delete", "Delete"),
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await kt.mutateAsync({ id: e.id }), Ie("success"), S.success(a(d, "files.file.delete.success", "\"{{name}}\" moved to bin", { name: e.name })), Q("files.file.deleted", {
+					await Mt.mutateAsync({ id: e.id }), Re("success"), x.success(a(d, "files.file.delete.success", "\"{{name}}\" moved to bin", { name: e.name })), Q("files.file.deleted", {
 						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 })), Ie("error"), Q("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"), Q("files.api.failed", {
 						action: "deleteFile",
 						fileId: e.id,
 						message: t instanceof Error ? t.message : "Failed to delete file"
@@ -326,36 +328,36 @@ function d() {
 				}
 			}
 		});
-	}, an = async (e) => {
+	}, cn = async (e) => {
 		try {
-			await jt.mutateAsync({ id: e.id }), S.success(a(d, "files.file.restore.success", "\"{{name}}\" restored", { name: e.name })), Q("files.file.restored", {
+			await Pt.mutateAsync({ id: e.id }), x.success(a(d, "files.file.restore.success", "\"{{name}}\" restored", { name: e.name })), Q("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"));
 		}
-	}, on = async (e) => {
-		Fe("heavy"), Z({
+	}, ln = async (e) => {
+		Le("heavy"), Z({
 			title: a(d, "files.confirm.permanentDeleteFile.title", "Permanently delete file"),
 			description: a(d, "files.confirm.permanentDeleteFile.description", "Permanently delete \"{{name}}\"? This cannot be undone.", { name: e.name }),
 			confirmLabel: a(d, "files.common.actions.deletePermanently", "Delete permanently"),
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await Nt.mutateAsync({ id: e.id }), S.success(a(d, "files.file.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), Q("files.file.deleted", {
+					await It.mutateAsync({ id: e.id }), x.success(a(d, "files.file.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), Q("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"));
 				}
 			}
 		});
-	}, sn = async (e) => {
+	}, un = async (e) => {
 		try {
-			await Ft.mutateAsync({
+			await Rt.mutateAsync({
 				id: e.id,
 				type: "file"
 			}), Q("files.file.starred", {
@@ -364,77 +366,77 @@ function d() {
 				starred: !e.starred
 			});
 		} catch {
-			S.error(a(d, "files.file.errors.starFailed", "Failed to update starred state")), Q("files.api.failed", {
+			x.error(a(d, "files.file.errors.starFailed", "Failed to update starred state")), Q("files.api.failed", {
 				action: "toggleFileStar",
 				fileId: e.id
 			});
 		}
-	}, cn = (e) => {
+	}, dn = (e) => {
 		H({
 			id: e.id,
 			name: e.name,
 			type: "file"
 		}), W(e.name), P(!0);
-	}, ln = async (e) => {
+	}, fn = 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 })), Q("files.file.downloaded", {
+			n.style.display = "none", n.href = t, n.download = e.name, n.rel = "noopener noreferrer", document.body.appendChild(n), n.click(), document.body.removeChild(n), x.success(a(d, "files.file.download.success", "Downloaded {{name}}", { name: e.name })), Q("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"));
 		}
-	}, un = (e) => {
-		Ct({
+	}, pn = (e) => {
+		Et({
 			item: e,
 			type: "file"
-		}), xt(!0);
-	}, dn = (e) => {
+		}), wt(!0);
+	}, mn = (e) => {
 		z({
 			item: e,
 			type: "file"
 		}), I(!0);
-	}, fn = (e) => {
-		ut({
+	}, hn = (e) => {
+		mt({
 			item: e,
 			type: "file"
 		});
-	}, pn = (e) => {
+	}, gn = (e) => {
 		p(`/files/browse/${e.id}`);
-	}, mn = async (e) => {
-		Fe("medium"), Z({
+	}, _n = async (e) => {
+		Le("medium"), Z({
 			title: a(d, "files.confirm.deleteFolder.title", "Delete folder"),
 			description: a(d, "files.confirm.deleteFolder.description", "Move folder \"{{name}}\" and all its contents to the bin?", { name: e.name }),
 			confirmLabel: a(d, "files.common.actions.delete", "Delete"),
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await At.mutateAsync({
+					await Nt.mutateAsync({
 						id: e.id,
 						recursive: !0
-					}), S.success(a(d, "files.folder.delete.success", "\"{{name}}\" moved to bin", { name: e.name })), Q("files.folder.deleted", {
+					}), x.success(a(d, "files.folder.delete.success", "\"{{name}}\" moved to bin", { name: e.name })), Q("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"));
 				}
 			}
 		});
-	}, hn = async (e) => {
+	}, vn = async (e) => {
 		try {
-			await Mt.mutateAsync({ id: e.id }), S.success(a(d, "files.folder.restore.success", "\"{{name}}\" restored", { name: e.name })), Q("files.folder.restored", {
+			await Ft.mutateAsync({ id: e.id }), x.success(a(d, "files.folder.restore.success", "\"{{name}}\" restored", { name: e.name })), Q("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"));
 		}
-	}, gn = async (e) => {
+	}, yn = async (e) => {
 		Z({
 			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 }),
@@ -442,30 +444,30 @@ function d() {
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await Pt.mutateAsync({ id: e.id }), S.success(a(d, "files.folder.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), Q("files.folder.deleted", {
+					await Lt.mutateAsync({ id: e.id }), x.success(a(d, "files.folder.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), Q("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"));
 				}
 			}
 		});
-	}, _n = (e) => {
+	}, bn = (e) => {
 		H({
 			id: e.id,
 			name: e.name,
 			type: "folder"
 		}), W(e.name), P(!0);
-	}, vn = (e) => {
+	}, xn = (e) => {
 		z({
 			item: e,
 			type: "folder"
 		}), I(!0);
-	}, yn = async (e) => {
+	}, Sn = async (e) => {
 		try {
-			await Ft.mutateAsync({
+			await Rt.mutateAsync({
 				id: e.id,
 				type: "folder"
 			}), Q("files.folder.starred", {
@@ -474,80 +476,80 @@ function d() {
 				starred: !e.starred
 			});
 		} catch {
-			S.error(a(d, "files.folder.errors.starFailed", "Failed to update starred state")), Q("files.api.failed", {
+			x.error(a(d, "files.folder.errors.starFailed", "Failed to update starred state")), Q("files.api.failed", {
 				action: "toggleFolderStar",
 				folderId: e.id
 			});
 		}
-	}, bn = (e) => {
-		ut({
+	}, Cn = (e) => {
+		mt({
 			item: e,
 			type: "folder"
 		});
-	}, xn = async (e) => {
+	}, wn = async (e) => {
 		if (R) try {
-			R.type === "file" ? (await Vt.mutateAsync({
+			R.type === "file" ? (await Wt.mutateAsync({
 				fileId: R.item.id,
 				targetFolderId: e || null
-			}), S.success(a(d, "files.file.move.success", "\"{{name}}\" moved", { name: R.item.name })), Q("files.file.moved", {
+			}), x.success(a(d, "files.file.move.success", "\"{{name}}\" moved", { name: R.item.name })), Q("files.file.moved", {
 				fileId: R.item.id,
 				fileName: R.item.name,
 				destinationFolderId: e
-			})) : (await Ht.mutateAsync({
+			})) : (await Gt.mutateAsync({
 				folderId: R.item.id,
 				targetParentFolderId: e
-			}), S.success(a(d, "files.folder.move.success", "\"{{name}}\" moved", { name: R.item.name })), Q("files.folder.moved", {
+			}), x.success(a(d, "files.folder.move.success", "\"{{name}}\" moved", { name: R.item.name })), Q("files.folder.moved", {
 				folderId: R.item.id,
 				folderName: R.item.name,
 				destinationFolderId: e
 			})), I(!1), z(null);
 		} catch (e) {
-			S.error(e instanceof Error ? e.message : a(d, "files.item.errors.moveFailed", "Failed to move \"{{name}}\"", { name: R.item.name })), Q("files.api.failed", {
+			x.error(e instanceof Error ? e.message : a(d, "files.item.errors.moveFailed", "Failed to move \"{{name}}\"", { name: R.item.name })), Q("files.api.failed", {
 				action: R.type === "file" ? "moveFile" : "moveFolder",
 				itemId: R.item.id,
 				itemType: R.type,
 				message: e instanceof Error ? e.message : void 0
 			});
 		}
-	}, Sn = async (e, t) => {
+	}, Tn = async (e, t) => {
 		if (B) try {
 			if (B.type !== "file") throw Error(a(d, "files.folder.errors.copyUnsupported", "Folder copy is not supported"));
-			await Bt.mutateAsync({
+			await Ut.mutateAsync({
 				id: B.item.id,
 				newName: t || `Copy of ${B.item.name}`,
 				targetFolderId: e || void 0
-			}), S.success(a(d, "files.file.copy.success", "\"{{name}}\" copied", { name: B.item.name })), Q("files.file.copied", {
+			}), x.success(a(d, "files.file.copy.success", "\"{{name}}\" copied", { name: B.item.name })), Q("files.file.copied", {
 				fileId: B.item.id,
 				fileName: B.item.name,
 				destinationFolderId: e
-			}), xt(!1), Ct(null);
+			}), wt(!1), Et(null);
 		} catch (e) {
-			S.error(e instanceof Error ? e.message : a(d, "files.file.errors.copyFailed", "Failed to copy \"{{name}}\"", { name: B.item.name })), Q("files.api.failed", {
+			x.error(e instanceof Error ? e.message : a(d, "files.file.errors.copyFailed", "Failed to copy \"{{name}}\"", { name: B.item.name })), Q("files.api.failed", {
 				action: "copyFile",
 				fileId: B.item.id,
 				message: e instanceof Error ? e.message : void 0
 			});
 		}
-	}, Cn = async () => {
+	}, En = async () => {
 		if (!(!V || !U.trim())) try {
 			let e = V.name, t = U.trim();
-			V.type === "file" ? (await It.mutateAsync({
+			V.type === "file" ? (await zt.mutateAsync({
 				fileId: V.id,
 				newName: t
-			}), S.success(a(d, "files.file.rename.success", "Renamed \"{{name}}\"", { name: t })), Q("files.file.renamed", {
+			}), x.success(a(d, "files.file.rename.success", "Renamed \"{{name}}\"", { name: t })), Q("files.file.renamed", {
 				fileId: V.id,
 				previousName: e,
 				name: t
-			})) : (await Lt.mutateAsync({
+			})) : (await Bt.mutateAsync({
 				folderId: V.id,
 				newName: t
-			}), S.success(a(d, "files.folder.rename.success", "Renamed \"{{name}}\"", { name: t })), Q("files.folder.renamed", {
+			}), x.success(a(d, "files.folder.rename.success", "Renamed \"{{name}}\"", { name: t })), Q("files.folder.renamed", {
 				folderId: V.id,
 				previousName: e,
 				name: t
 			})), P(!1), H(null), W("");
 		} catch (e) {
-			S.error(e instanceof Error ? e.message : a(d, "files.item.errors.renameFailed", "Failed to rename {{type}}", { type: V.type })), Q("files.api.failed", {
+			x.error(e instanceof Error ? e.message : a(d, "files.item.errors.renameFailed", "Failed to rename {{type}}", { type: V.type })), Q("files.api.failed", {
 				action: V.type === "file" ? "renameFile" : "renameFolder",
 				itemId: V.id,
 				itemType: V.type,
@@ -558,10 +560,10 @@ function d() {
 	return n({
 		files: D,
 		folders: O,
-		onFilePreview: $t,
-		onFileDelete: rn,
-		onFolderOpen: pn,
-		onFolderDelete: mn,
+		onFilePreview: nn,
+		onFileDelete: sn,
+		onFolderOpen: gn,
+		onFolderDelete: _n,
 		activeTab: v
 	}), m === void 0 ? /* @__PURE__ */ u("div", {
 		className: "flex flex-col items-center justify-center min-h-[60vh] gap-3 text-center px-6",
@@ -571,7 +573,7 @@ function d() {
 		})]
 	}) : m === "" ? /* @__PURE__ */ u("div", {
 		className: "flex flex-col items-center justify-center min-h-[60vh] gap-3 text-center px-6",
-		children: [/* @__PURE__ */ l(Ue, { className: "size-8 text-text-tertiary" }), /* @__PURE__ */ l("p", {
+		children: [/* @__PURE__ */ l(Ge, { className: "size-8 text-text-tertiary" }), /* @__PURE__ */ l("p", {
 			className: "text-sm text-text-secondary max-w-md",
 			children: a(d, "files.browser.workspace.notSelected", "No workspace selected. Please select a workspace to view files.")
 		})]
@@ -580,6 +582,7 @@ function d() {
 		children: [
 			/* @__PURE__ */ l("div", {
 				className: "bg-bg-surface border-b border-border-default px-4 py-3 sm:px-6 sm:py-4",
+				"data-tour": "files-breadcrumb-nav",
 				children: /* @__PURE__ */ l("div", {
 					className: "flex items-center gap-2 sm:gap-4",
 					children: /* @__PURE__ */ u("div", {
@@ -589,11 +592,11 @@ function d() {
 							onClick: () => p("/files/browse"),
 							className: "flex items-center gap-1 text-text-primary hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 whitespace-nowrap",
 							title: a(d, "files.browser.actions.goToRoot", "Go to root"),
-							children: [/* @__PURE__ */ l(Ge, { className: "size-4" }), /* @__PURE__ */ l("span", {
+							children: [/* @__PURE__ */ l(qe, { className: "size-4" }), /* @__PURE__ */ l("span", {
 								className: "hidden sm:inline",
 								children: a(d, "files.browser.rootLabel", "My Drive")
 							})]
-						}), rt.map((e, t) => /* @__PURE__ */ u("div", {
+						}), ot.map((e, t) => /* @__PURE__ */ u("div", {
 							className: "flex items-center gap-1 sm:gap-2",
 							children: [/* @__PURE__ */ l("span", {
 								className: "text-text-tertiary",
@@ -601,7 +604,7 @@ function d() {
 							}), /* @__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 === rt.length - 1 ? "text-text-primary font-medium" : "text-text-secondary"}`,
+								className: `hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 whitespace-nowrap ${t === ot.length - 1 ? "text-text-primary font-medium" : "text-text-secondary"}`,
 								title: `Go to ${e.name}`,
 								children: e.name
 							})]
@@ -609,10 +612,13 @@ function d() {
 					})
 				})
 			}),
-			/* @__PURE__ */ l(Ce, {
-				activeTab: v,
-				onTabChange: it,
-				tabs: at
+			/* @__PURE__ */ l("div", {
+				"data-tour": "files-tab-bar",
+				children: /* @__PURE__ */ l(Ce, {
+					activeTab: v,
+					onTabChange: st,
+					tabs: ct
+				})
 			}),
 			/* @__PURE__ */ u("div", {
 				className: "bg-bg-surface border-b border-border-default px-4 py-2 sm:px-6 sm:py-3",
@@ -621,21 +627,22 @@ function d() {
 						className: "flex flex-col sm:flex-row items-start sm:items-center justify-between gap-2 sm:gap-inline-gap",
 						children: [/* @__PURE__ */ l("div", {
 							className: "w-full sm:flex-1 min-w-0 order-2 sm:order-1",
+							"data-tour": "files-search-bar",
 							children: /* @__PURE__ */ l("div", {
 								className: "relative w-full max-w-2xl",
 								children: /* @__PURE__ */ l(ke, {
 									onSearch: (e, t) => {
-										ot(e), ct(t);
+										ut(e), ft(t);
 									},
 									placeholder: a(d, "files.search.input.placeholder", "Search files and folders..."),
-									initialQuery: y,
+									initialQuery: lt,
 									showFilters: !0
 								})
 							})
 						}), /* @__PURE__ */ u("div", {
 							className: "flex items-center gap-2 order-1 sm:order-2 w-full sm:w-auto justify-between sm:justify-end",
 							children: [
-								!b && (D.length > 0 || O.length > 0) && /* @__PURE__ */ l("button", {
+								!y && (D.length > 0 || O.length > 0) && /* @__PURE__ */ l("button", {
 									type: "button",
 									onClick: () => {
 										let e = D.map((e) => e.id), n = O.map((e) => e.id);
@@ -644,67 +651,70 @@ function d() {
 									className: "flex items-center gap-2 px-3 py-2 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-lg hover:bg-action-ghost-bg-hover hover:border-border-default transition-all duration-200",
 									children: a(d, "files.browser.actions.selectAll", "Select All")
 								}),
-								!b && /* @__PURE__ */ u(c, { children: [
+								!y && /* @__PURE__ */ u(c, { children: [
 									/* @__PURE__ */ u("button", {
 										type: "button",
-										onClick: Zt,
+										onClick: en,
 										className: "flex items-center gap-1 sm:gap-2 px-2 sm:px-4 py-2 text-xs sm:text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-lg hover:bg-action-ghost-bg-hover hover:border-border-default transition-all duration-200 shadow-sm",
-										children: [/* @__PURE__ */ l(Ve, { className: "size-4" }), /* @__PURE__ */ l("span", {
+										"data-tour": "files-new-folder-button",
+										children: [/* @__PURE__ */ l(Ue, { className: "size-4" }), /* @__PURE__ */ l("span", {
 											className: "hidden sm:inline",
 											children: a(d, "files.browser.actions.newFolder", "New Folder")
 										})]
 									}),
 									/* @__PURE__ */ l("button", {
 										type: "button",
-										onClick: Wt,
-										disabled: wt,
+										onClick: qt,
+										disabled: Dt,
 										className: "flex items-center gap-1 sm:gap-2 px-2 sm:px-4 py-2 text-xs sm:text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-lg hover:bg-action-ghost-bg-hover hover:border-border-default transition-all duration-200 shadow-sm disabled:opacity-50 disabled:cursor-not-allowed",
-										children: wt ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(s, { className: "size-4 animate-spin" }), /* @__PURE__ */ l("span", {
+										"data-tour": "files-upload-files-button",
+										children: Dt ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(s, { className: "size-4 animate-spin" }), /* @__PURE__ */ l("span", {
 											className: "hidden sm:inline",
 											children: a(d, "files.browser.upload.uploading", "Uploading...")
-										})] }) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(Ye, { className: "size-4" }), /* @__PURE__ */ l("span", {
+										})] }) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(Ze, { className: "size-4" }), /* @__PURE__ */ l("span", {
 											className: "hidden sm:inline",
 											children: a(d, "files.browser.actions.uploadFiles", "Upload Files")
 										})] })
 									}),
 									/* @__PURE__ */ u("button", {
 										type: "button",
-										onClick: Xt,
-										disabled: wt,
+										onClick: $t,
+										disabled: Dt,
 										className: "hidden sm:flex items-center gap-2 px-4 py-2.5 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-lg hover:bg-action-ghost-bg-hover hover:border-border-default transition-all duration-200 shadow-sm disabled:opacity-50 disabled:cursor-not-allowed",
 										title: a(d, "files.browser.actions.uploadFolderTitle", "Upload entire folder with structure"),
-										children: [/* @__PURE__ */ l(He, { className: "size-4" }), a(d, "files.browser.actions.uploadFolder", "Upload Folder")]
+										children: [/* @__PURE__ */ l(We, { className: "size-4" }), a(d, "files.browser.actions.uploadFolder", "Upload Folder")]
 									})
 								] }),
 								/* @__PURE__ */ u("div", {
 									className: "flex items-center border border-border-default rounded-lg overflow-hidden",
+									"data-tour": "files-view-mode-toggle",
 									children: [/* @__PURE__ */ l("button", {
 										type: "button",
-										onClick: () => nt("grid"),
-										className: `p-2 transition-colors duration-200 ${tt === "grid" ? "bg-bg-accent text-text-link" : "text-text-secondary hover:bg-action-ghost-bg-hover"}`,
+										onClick: () => at("grid"),
+										className: `p-2 transition-colors duration-200 ${it === "grid" ? "bg-bg-accent text-text-link" : "text-text-secondary hover:bg-action-ghost-bg-hover"}`,
 										"aria-label": a(d, "files.browser.view.grid", "Grid view"),
-										children: /* @__PURE__ */ l(We, { className: "size-5" })
+										children: /* @__PURE__ */ l(Ke, { className: "size-5" })
 									}), /* @__PURE__ */ l("button", {
 										type: "button",
-										onClick: () => nt("list"),
-										className: `p-2 transition-colors duration-200 ${tt === "list" ? "bg-bg-accent text-text-link" : "text-text-secondary hover:bg-action-ghost-bg-hover"}`,
+										onClick: () => at("list"),
+										className: `p-2 transition-colors duration-200 ${it === "list" ? "bg-bg-accent text-text-link" : "text-text-secondary hover:bg-action-ghost-bg-hover"}`,
 										"aria-label": a(d, "files.browser.view.list", "List view"),
-										children: /* @__PURE__ */ l(Ke, { className: "size-5" })
+										children: /* @__PURE__ */ l(Je, { className: "size-5" })
 									})]
 								})
 							]
 						})]
 					}),
-					b && /* @__PURE__ */ u("div", {
+					y && /* @__PURE__ */ u("div", {
 						className: "mt-3 flex items-center justify-between p-3 bg-status-success-bg-subtle rounded-lg border border-status-success-border transition-all duration-200",
 						children: [/* @__PURE__ */ u("span", {
 							className: "text-sm font-medium text-status-success-text",
-							children: [a(d, "files.browser.search.showingResults", "Showing search results for \"{{query}}\"", { query: y }), E.data && ` (${(E.data.files?.length || 0) + (E.data.folders?.length || 0)} items)`]
+							children: [a(d, "files.browser.search.showingResults", "Showing search results for \"{{query}}\"", { query: lt }), E.data && ` (${(E.data.files?.length || 0) + (E.data.folders?.length || 0)} items)`]
 						}), /* @__PURE__ */ u("button", {
 							type: "button",
-							onClick: () => ot(""),
+							onClick: () => ut(""),
 							className: "flex items-center gap-2 text-status-success-text hover:text-status-success-text/80 text-sm font-medium transition-colors duration-200",
-							children: [/* @__PURE__ */ l(Xe, { className: "size-4" }), a(d, "files.browser.search.clear", "Clear search")]
+							children: [/* @__PURE__ */ l(Qe, { className: "size-4" }), a(d, "files.browser.search.clear", "Clear search")]
 						})]
 					}),
 					M > 0 && /* @__PURE__ */ u("div", {
@@ -723,9 +733,9 @@ function d() {
 									type: "button",
 									onClick: async () => {
 										try {
-											await Promise.all([...Array.from(h).map((e) => jt.mutateAsync({ id: e })), ...Array.from(g).map((e) => Mt.mutateAsync({ id: e }))]), _(), S.success(`${M} item${M > 1 ? "s" : ""} restored`);
+											await Promise.all([...Array.from(h).map((e) => Pt.mutateAsync({ id: e })), ...Array.from(g).map((e) => Ft.mutateAsync({ id: e }))]), _(), x.success(`${M} item${M > 1 ? "s" : ""} restored`);
 										} 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",
@@ -743,18 +753,18 @@ function d() {
 											variant: "danger",
 											onConfirm: async () => {
 												try {
-													await Promise.all([...Array.from(h).map((e) => Nt.mutateAsync({ id: e })), ...Array.from(g).map((e) => Pt.mutateAsync({ id: e }))]), _(), S.success(a(d, "files.bulk.permanentDelete.success", "{{count}} item{{plural}} deleted permanently", {
+													await Promise.all([...Array.from(h).map((e) => It.mutateAsync({ id: e })), ...Array.from(g).map((e) => Lt.mutateAsync({ id: e }))]), _(), x.success(a(d, "files.bulk.permanentDelete.success", "{{count}} item{{plural}} deleted permanently", {
 														count: M,
 														plural: M > 1 ? "s" : ""
 													}));
 												} 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__ */ l(Je, { className: "size-4" }), a(d, "files.browser.selection.actions.deletePermanently", "Delete permanently")]
+									children: [/* @__PURE__ */ l(Xe, { className: "size-4" }), a(d, "files.browser.selection.actions.deletePermanently", "Delete permanently")]
 								})] }) : /* @__PURE__ */ u("button", {
 									type: "button",
 									onClick: async () => {
@@ -769,64 +779,69 @@ function d() {
 											onConfirm: async () => {
 												try {
 													let e = Array.from(h), t = Array.from(g);
-													e.length > 0 && await Ut.mutateAsync(e), await Promise.all(t.map((e) => At.mutateAsync({
+													e.length > 0 && await Kt.mutateAsync(e), await Promise.all(t.map((e) => Nt.mutateAsync({
 														id: e,
 														recursive: !0
-													}))), _(), S.success(a(d, "files.bulk.delete.success", "{{count}} item{{plural}} moved to bin", {
+													}))), _(), x.success(a(d, "files.bulk.delete.success", "{{count}} item{{plural}} moved to bin", {
 														count: M,
 														plural: M > 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__ */ l(Je, { className: "size-4" }), a(d, "files.browser.selection.actions.delete", "Delete")]
+									children: [/* @__PURE__ */ l(Xe, { className: "size-4" }), a(d, "files.browser.selection.actions.delete", "Delete")]
 								})
 							})]
 						}), /* @__PURE__ */ u("button", {
 							type: "button",
 							onClick: _,
 							className: "flex items-center gap-2 text-text-link hover:text-action-primary-bg-hover text-sm font-medium transition-colors duration-200",
-							children: [/* @__PURE__ */ l(Xe, { className: "size-4" }), a(d, "files.common.actions.clear", "Clear")]
+							children: [/* @__PURE__ */ l(Qe, { className: "size-4" }), a(d, "files.common.actions.clear", "Clear")]
 						})]
 					})
 				]
 			}),
+			(rt.isExhausted || rt.isNearLimit) && /* @__PURE__ */ l("div", {
+				className: "px-4 sm:px-6 pt-3",
+				children: /* @__PURE__ */ l(Pe, { quota: rt })
+			}),
 			/* @__PURE__ */ u("div", {
 				className: "px-2 sm:px-4 md:px-6 py-3 sm:py-4",
+				"data-tour": "files-browser-grid",
 				children: [/* @__PURE__ */ l(Se, {
 					files: D,
 					folders: O,
 					loading: k,
 					error: A,
 					preserveSortOrder: j,
-					onFilePreview: $t,
-					onFileShare: v === "bin" ? void 0 : en,
-					onFileDelete: v === "bin" ? on : rn,
-					onFileRestore: v === "bin" ? an : void 0,
-					onFileFavorite: v === "bin" ? void 0 : sn,
-					onFileRename: v === "bin" ? void 0 : cn,
-					onFileDownload: ln,
-					onFileCopy: v === "bin" ? void 0 : un,
-					onFileMove: v === "bin" ? void 0 : dn,
-					onFileInfo: fn,
-					onFolderOpen: pn,
-					onFolderShare: v === "bin" ? void 0 : tn,
-					onFolderDelete: v === "bin" ? gn : mn,
-					onFolderRestore: v === "bin" ? hn : void 0,
-					onFolderRename: v === "bin" ? void 0 : _n,
-					onFolderFavorite: v === "bin" ? void 0 : yn,
-					onFolderMove: v === "bin" ? void 0 : vn,
-					onFolderInfo: bn
+					onFilePreview: nn,
+					onFileShare: v === "bin" ? void 0 : rn,
+					onFileDelete: v === "bin" ? ln : sn,
+					onFileRestore: v === "bin" ? cn : void 0,
+					onFileFavorite: v === "bin" ? void 0 : un,
+					onFileRename: v === "bin" ? void 0 : dn,
+					onFileDownload: fn,
+					onFileCopy: v === "bin" ? void 0 : pn,
+					onFileMove: v === "bin" ? void 0 : mn,
+					onFileInfo: hn,
+					onFolderOpen: gn,
+					onFolderShare: v === "bin" ? void 0 : an,
+					onFolderDelete: v === "bin" ? yn : _n,
+					onFolderRestore: v === "bin" ? vn : void 0,
+					onFolderRename: v === "bin" ? void 0 : bn,
+					onFolderFavorite: v === "bin" ? void 0 : Sn,
+					onFolderMove: v === "bin" ? void 0 : xn,
+					onFolderInfo: Cn
 				}), !k && (D.length > 0 || O.length > 0) && /* @__PURE__ */ u("div", {
 					className: "mt-4 px-2 text-sm text-text-secondary",
-					children: [a(d, "files.browser.results.showingItems", "Showing {{count}} items", { count: D.length + O.length }), !b && v === "all" && pt !== null && ` ${a(d, "files.browser.results.ofItems", "of {{count}} items", { count: pt })}`]
+					children: [a(d, "files.browser.results.showingItems", "Showing {{count}} items", { count: D.length + O.length }), !y && v === "all" && gt !== null && ` ${a(d, "files.browser.results.ofItems", "of {{count}} items", { count: gt })}`]
 				})]
 			}),
-			mt && /* @__PURE__ */ l("div", {
+			_t && /* @__PURE__ */ l("div", {
 				className: "fixed inset-0 backdrop-blur-sm flex items-center justify-center z-[100] animate-in fade-in duration-200",
 				role: "dialog",
 				"aria-modal": "true",
@@ -844,7 +859,7 @@ function d() {
 							value: G,
 							onChange: (e) => K(e.target.value),
 							onKeyDown: (e) => {
-								e.key === "Enter" && Qt(), e.key === "Escape" && (N(!1), K(""));
+								e.key === "Enter" && tn(), e.key === "Escape" && (N(!1), K(""));
 							},
 							"aria-label": a(d, "files.browser.newFolderDialog.title", "New folder"),
 							placeholder: a(d, "files.browser.newFolderDialog.placeholder", "Folder name"),
@@ -861,7 +876,7 @@ function d() {
 								children: a(d, "files.common.actions.cancel", "Cancel")
 							}), /* @__PURE__ */ u("button", {
 								type: "button",
-								onClick: Qt,
+								onClick: tn,
 								disabled: !G.trim() || $.isPending,
 								className: "px-6 py-2.5 text-sm font-medium text-text-inverse bg-action-primary-bg rounded-lg hover:bg-action-primary-bg-hover disabled:bg-bg-muted disabled:text-text-tertiary disabled:cursor-not-allowed transition-colors duration-200 flex items-center gap-2",
 								children: [$.isPending && /* @__PURE__ */ l(s, { className: "size-4 animate-spin" }), $.isPending ? a(d, "files.browser.newFolderDialog.actions.creating", "Creating...") : a(d, "files.common.actions.create", "Create")]
@@ -870,7 +885,7 @@ function d() {
 					]
 				})
 			}),
-			_t && V && /* @__PURE__ */ l("div", {
+			bt && V && /* @__PURE__ */ l("div", {
 				className: "fixed inset-0 backdrop-blur-sm flex items-center justify-center z-[100] animate-in fade-in duration-200",
 				role: "dialog",
 				"aria-modal": "true",
@@ -888,7 +903,7 @@ function d() {
 							value: U,
 							onChange: (e) => W(e.target.value),
 							onKeyDown: (e) => {
-								e.key === "Enter" && Cn(), e.key === "Escape" && (P(!1), H(null), W(""));
+								e.key === "Enter" && En(), e.key === "Escape" && (P(!1), H(null), W(""));
 							},
 							"aria-label": a(d, "files.browser.renameDialog.title", "Rename"),
 							placeholder: a(d, "files.browser.renameDialog.placeholder", "New name"),
@@ -905,23 +920,23 @@ function d() {
 								children: a(d, "files.common.actions.cancel", "Cancel")
 							}), /* @__PURE__ */ u("button", {
 								type: "button",
-								onClick: Cn,
-								disabled: !U.trim() || U.trim() === V.name || It.isPending || Lt.isPending,
+								onClick: En,
+								disabled: !U.trim() || U.trim() === V.name || zt.isPending || Bt.isPending,
 								className: "px-6 py-2.5 text-sm font-medium text-text-inverse bg-action-primary-bg rounded-lg hover:bg-action-primary-bg-hover disabled:bg-bg-muted disabled:text-text-tertiary disabled:cursor-not-allowed transition-colors duration-200 flex items-center gap-2",
-								children: [(It.isPending || Lt.isPending) && /* @__PURE__ */ l(s, { className: "size-4 animate-spin" }), It.isPending || Lt.isPending ? a(d, "files.browser.renameDialog.actions.renaming", "Renaming...") : a(d, "files.common.actions.rename", "Rename")]
+								children: [(zt.isPending || Bt.isPending) && /* @__PURE__ */ l(s, { className: "size-4 animate-spin" }), zt.isPending || Bt.isPending ? a(d, "files.browser.renameDialog.actions.renaming", "Renaming...") : a(d, "files.common.actions.rename", "Rename")]
 							})]
 						})
 					]
 				})
 			}),
-			vt && St && /* @__PURE__ */ l(we, {
-				item: St,
-				itemType: "mimeType" in St ? "file" : "folder",
+			xt && Tt && /* @__PURE__ */ l(we, {
+				item: Tt,
+				itemType: "mimeType" in Tt ? "file" : "folder",
 				onClose: () => {
 					F(!1), L(null);
 				},
-				onCreateShare: nn,
-				isLoading: Rt.isPending
+				onCreateShare: on,
+				isLoading: Vt.isPending
 			}),
 			X && /* @__PURE__ */ l(Me, {
 				title: X.title,
@@ -930,77 +945,77 @@ function d() {
 				cancelLabel: a(d, "files.common.actions.cancel", "Cancel"),
 				variant: X.variant,
 				loading: X.loading,
-				onConfirm: Dt,
+				onConfirm: At,
 				onCancel: () => {
 					X.loading || Z(null);
 				}
 			}),
-			ht && /* @__PURE__ */ l(Me, {
+			vt && /* @__PURE__ */ l(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: () => {
-					gt(!1), p("/billing");
+					yt(!1), p("/billing");
 				},
-				onCancel: () => gt(!1)
+				onCancel: () => yt(!1)
 			}),
-			yt && R && /* @__PURE__ */ l(Ae, {
+			St && R && /* @__PURE__ */ l(Ae, {
 				item: R.item,
 				type: R.type,
 				onClose: () => {
 					I(!1), z(null);
 				},
-				onMove: xn,
-				isLoading: Vt.isPending || Ht.isPending
+				onMove: wn,
+				isLoading: Wt.isPending || Gt.isPending
 			}),
-			bt && B && /* @__PURE__ */ l(je, {
+			Ct && B && /* @__PURE__ */ l(je, {
 				item: B.item,
 				type: B.type,
 				onClose: () => {
-					xt(!1), Ct(null);
+					wt(!1), Et(null);
 				},
-				onCopy: Sn,
-				isLoading: Bt.isPending
+				onCopy: Tn,
+				isLoading: Ut.isPending
 			}),
-			x && /* @__PURE__ */ l(Te, {
-				file: x,
-				onClose: () => dt(null),
+			b && /* @__PURE__ */ l(Te, {
+				file: b,
+				onClose: () => ht(null),
 				onDownload: () => {
-					Le(x.downloadUrl || x.url);
+					ze(b.downloadUrl || b.url);
 				},
 				onShare: v === "bin" ? void 0 : () => {
-					L(x), F(!0);
+					L(b), F(!0);
 				},
-				onStar: v === "bin" ? void 0 : () => sn(x),
-				onDelete: () => v === "bin" ? on(x) : rn(x)
+				onStar: v === "bin" ? void 0 : () => un(b),
+				onDelete: () => v === "bin" ? ln(b) : sn(b)
 			}),
-			lt && /* @__PURE__ */ l(Ee, {
-				item: lt.item,
-				type: lt.type,
-				onClose: () => ut(null)
+			pt && /* @__PURE__ */ l(Ee, {
+				item: pt.item,
+				type: pt.type,
+				onClose: () => mt(null)
 			}),
 			/* @__PURE__ */ l(Ne, {
-				items: Tt,
-				isOpen: Et,
+				items: Ot,
+				isOpen: kt,
 				onClose: () => Y(!1),
-				onPause: Kt,
-				onResume: qt,
-				onRetry: Jt,
-				onCancel: Yt
+				onPause: Yt,
+				onResume: Xt,
+				onRetry: Zt,
+				onCancel: Qt
 			}),
 			/* @__PURE__ */ l(Oe, {
-				toasts: S.toasts,
-				onClose: S.removeToast
+				toasts: x.toasts,
+				onClose: x.removeToast
 			}),
 			!k && D.length === 0 && O.length === 0 && /* @__PURE__ */ l("div", {
 				className: "px-6 py-12",
-				children: b ? /* @__PURE__ */ u("div", {
+				children: y ? /* @__PURE__ */ u("div", {
 					className: "text-center animate-in fade-in duration-300",
 					children: [
 						/* @__PURE__ */ l("div", {
 							className: "inline-flex items-center justify-center size-16 bg-bg-muted rounded-full mb-4",
-							children: /* @__PURE__ */ l(qe, { className: "size-8 text-text-tertiary" })
+							children: /* @__PURE__ */ l(Ye, { className: "size-8 text-text-tertiary" })
 						}),
 						/* @__PURE__ */ l("h3", {
 							className: "text-lg font-medium text-text-primary mb-2",
@@ -1013,7 +1028,7 @@ function d() {
 						/* @__PURE__ */ l("button", {
 							type: "button",
 							onClick: () => {
-								ot(""), ct(void 0);
+								ut(""), ft(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")
@@ -1021,8 +1036,8 @@ function d() {
 					]
 				}) : /* @__PURE__ */ l(De, {
 					type: v,
-					onUpload: v === "all" ? Wt : void 0,
-					onNewFolder: v === "all" ? Zt : void 0
+					onUpload: v === "all" ? qt : void 0,
+					onNewFolder: v === "all" ? en : void 0
 				})
 			})
 		]