@burdenoff/microfe-files 2026.625.2 → 2026.625.3

package/dist/files/pages/BrowserPage.js

@@ -45,27 +45,27 @@ 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 $e, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useNavigate as et, useParams as tt } from "react-router-dom";
-import { useI18n as nt } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Button as u, CTAOverflowMenu as rt, EmphasisPanel as it, Input as at, ResponsiveDialog as ot, ResponsiveDialogContent as st, ResponsiveDialogFooter as ct, ResponsiveDialogHeader as lt, ResponsiveDialogTitle as ut } from "@burdenoff/fe-libs/ui";
+import { 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";
 //#region src/files/pages/BrowserPage.tsx
 function d() {
-	let { t: d } = nt(), { folderId: f } = tt(), p = et(), dt = e(), { workspaceId: m } = dt, ft = Fe(m ?? ""), { viewMode: pt, setViewMode: mt, breadcrumbs: ht, selectedFiles: h, selectedFolders: g, clearSelection: _ } = t(), [v, gt] = o("all"), _t = He(() => [
+	let { t: d } = 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(() => [
 		"all",
 		"recent",
 		"starred",
 		"bin"
 	], []);
 	Ve(() => {
-		_t.includes(v) || gt("all");
-	}, [_t, v]);
-	let [y, vt] = o(""), [yt, bt] = o(), b = y.trim().length >= 2, [xt, St] = o(null), [x, Ct] = o(null), S = be(), C = r({
+		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({
 		folderId: f || void 0,
 		pageSize: 100,
 		skip: v !== "all" || b
-	}), wt = i({ skip: v !== "recent" || b }), Tt = ee({ skip: v !== "starred" || b }), Et = te({ skip: v !== "bin" || b }), w = ye(y, b, yt);
+	}), Et = i({ skip: v !== "recent" || b }), Dt = ee({ skip: v !== "starred" || b }), Ot = te({ skip: v !== "bin" || b }), w = ye(y, b, xt);
 	Ve(() => {
 		if (f && C.data?.folderPath && C.data?.currentFolder) {
 			let e = C.data.folderPath.folders || [], n = C.data.currentFolder, r = [...e.map((e) => ({
@@ -85,18 +85,18 @@ function d() {
 			T = C.data?.filesList?.files || [], E = C.data?.foldersList?.folders || [], D = C.loading, O = C.error || null, k = !1;
 			break;
 		case "recent":
-			T = wt.files || [], E = wt.folders || [], D = wt.isLoading, O = wt.error || null, k = !0;
+			T = Et.files || [], E = Et.folders || [], D = Et.isLoading, O = Et.error || null, k = !0;
 			break;
 		case "starred":
-			T = Tt.files, E = Tt.folders, D = Tt.isLoading, O = Tt.error || null, k = !0;
+			T = Dt.files, E = Dt.folders, D = Dt.isLoading, O = Dt.error || null, k = !0;
 			break;
 		case "bin":
-			T = Et.files, E = Et.folders, D = Et.isLoading, O = Et.error || null, k = !0;
+			T = Ot.files, E = Ot.folders, D = Ot.isLoading, O = Ot.error || null, k = !0;
 			break;
 	}
-	let Dt = v === "all" ? (C.data?.filesList?.total ?? T.length) + (C.data?.foldersList?.total ?? E.length) : null, A = h.size + g.size, [Ot, j] = o(!1), [kt, At] = o(!1), [jt, M] = o(!1), [Mt, N] = o(!1), [Nt, Pt] = o(!1), [Ft, It] = o(!1), [Lt, P] = o(null), [F, I] = o(null), [L, Rt] = o(null), [R, z] = o(null), [B, V] = o(""), [H, U] = o(""), [W, G] = o(!1), [zt, K] = o([]), [Bt, q] = o(!1), [J, Y] = o(null), X = (e, t) => {
-		Be(dt, e, t);
-	}, Vt = async () => {
+	let 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 () => {
 		if (!J || J.loading) return;
 		let e = J.onConfirm;
 		Y({
@@ -114,7 +114,7 @@ function d() {
 				loading: !1
 			});
 		}
-	}, Z = ne(), Ht = re(), Ut = ie(), Wt = ae(), Gt = oe(), Kt = se(), qt = ce(), Jt = le(), Yt = ue(), Q = de(), $ = fe(), Xt = pe(), Zt = me(), Qt = he(), $t = ge(), en = _e(), tn = ve(), nn = () => {
+	}, Z = ne(), 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 = () => {
 		let e = document.createElement("input");
 		e.type = "file", e.multiple = !0, e.onchange = async (e) => {
 			let t = e.target.files;
@@ -131,11 +131,11 @@ function d() {
 					};
 				}));
 				K((t) => [...t, ...e]), q(!0), G(!0);
-				for (let t of e) await rn(t);
+				for (let t of e) await on(t);
 				G(!1);
 			}
 		}, e.click();
-	}, rn = async (e) => {
+	}, on = async (e) => {
 		let t = (t) => {
 			K((n) => n.map((n) => n.id === e.id ? {
 				...n,
@@ -144,7 +144,7 @@ function d() {
 		};
 		t({ status: "uploading" });
 		try {
-			let n = await Ht.mutateAsync({
+			let n = await Wt.mutateAsync({
 				file: e.file,
 				folderId: e.folderId,
 				onProgress: (e) => {
@@ -173,28 +173,28 @@ function d() {
 				message: r
 			}));
 		}
-	}, an = (e) => {
-		Ht.pause(), K((t) => t.map((t) => t.id === e ? {
+	}, sn = (e) => {
+		Wt.pause(), K((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "paused"
 		} : t));
-	}, on = (e) => {
-		let t = zt.find((t) => t.id === e);
-		t && rn(t);
-	}, sn = (e) => {
-		let t = zt.find((t) => t.id === e);
+	}, cn = (e) => {
+		let t = Vt.find((t) => t.id === e);
+		t && on(t);
+	}, ln = (e) => {
+		let t = Vt.find((t) => t.id === e);
 		t && (K((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "pending",
 			progress: 0,
 			error: void 0
-		} : t)), rn(t));
-	}, cn = (e) => {
+		} : t)), on(t));
+	}, un = (e) => {
 		K((t) => {
 			let n = t.filter((t) => t.id !== e);
 			return n.length === 0 && (q(!1), G(!1)), n;
 		});
-	}, ln = () => {
+	}, dn = () => {
 		if (!m) {
 			S.error(a(d, "files.workspace.errors.notSelected", "Workspace not selected"));
 			return;
@@ -237,23 +237,23 @@ function d() {
 					}
 				}
 				K((e) => [...e, ...i]), q(!0), G(!0);
-				for (let e of i) await rn(e);
+				for (let e of i) await on(e);
 				G(!1), S.success(a(d, "files.upload.folder.success", "Uploaded {{count}} file{{plural}} from folder", {
 					count: i.length,
 					plural: i.length > 1 ? "s" : ""
 				}));
 			}
 		}, e.click();
-	}, un = () => {
+	}, fn = () => {
 		j(!0);
-	}, dn = async () => {
+	}, pn = async () => {
 		if (H.trim() && m) {
 			let { data: e, error: t } = await Z.mutateAsync({
 				name: H,
 				parentFolderId: f
 			});
 			if (t) {
-				Ie(t) ? (j(!1), U(""), At(!0)) : (S.error(t instanceof Error ? t.message : a(d, "files.folder.errors.createFailed", "Folder creation failed")), X("files.api.failed", {
+				Ie(t) ? (j(!1), U(""), Mt(!0)) : (S.error(t instanceof Error ? t.message : a(d, "files.folder.errors.createFailed", "Folder creation failed")), X("files.api.failed", {
 					action: "createFolder",
 					message: t instanceof Error ? t.message : "Folder creation failed"
 				}));
@@ -264,13 +264,13 @@ function d() {
 				parentFolderId: f
 			}));
 		}
-	}, fn = (e) => {
-		Ct(e);
-	}, pn = (e) => {
-		P(e), N(!0);
 	}, mn = (e) => {
+		Tt(e);
+	}, hn = (e) => {
+		P(e), N(!0);
+	}, gn = (e) => {
 		P(e), N(!0);
-	}, hn = async (e) => {
+	}, _n = async (e) => {
 		if (!e.fileId && !e.folderId) throw Error(a(d, "files.share.errors.targetRequired", "Share requires a file id or folder id"));
 		let t = e.invitedEmail ? "EMAIL_INVITE" : "PUBLIC_LINK", n = "";
 		if (e.fileId) {
@@ -283,7 +283,7 @@ function d() {
 				shareType: t,
 				accessLevel: "DOWNLOAD"
 			};
-			n = (await Xt.mutateAsync(r))?.token ?? "", X("files.share.created", {
+			n = (await Qt.mutateAsync(r))?.token ?? "", X("files.share.created", {
 				entityType: "file",
 				fileId: e.fileId,
 				shareType: t
@@ -298,7 +298,7 @@ function d() {
 				shareType: t,
 				accessLevel: "DOWNLOAD"
 			};
-			n = (await Zt.mutateAsync(r))?.createFolderShare?.token ?? "", X("files.share.created", {
+			n = (await $t.mutateAsync(r))?.createFolderShare?.token ?? "", X("files.share.created", {
 				entityType: "folder",
 				folderId: e.folderId,
 				shareType: t
@@ -308,7 +308,7 @@ function d() {
 			publicUrl: n ? `${window.location.origin}/files/share/${n}` : "",
 			token: n
 		};
-	}, gn = async (e) => {
+	}, vn = 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,7 +316,7 @@ function d() {
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await Ut.mutateAsync({ id: e.id }), Re("success"), S.success(a(d, "files.file.delete.success", "\"{{name}}\" moved to bin", { name: e.name })), X("files.file.deleted", {
+					await 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", {
 						fileId: e.id,
 						fileName: e.name,
 						permanent: !1
@@ -330,16 +330,16 @@ function d() {
 				}
 			}
 		});
-	}, _n = async (e) => {
+	}, yn = async (e) => {
 		try {
-			await Gt.mutateAsync({ id: e.id }), S.success(a(d, "files.file.restore.success", "\"{{name}}\" restored", { name: e.name })), X("files.file.restored", {
+			await qt.mutateAsync({ id: e.id }), S.success(a(d, "files.file.restore.success", "\"{{name}}\" restored", { name: e.name })), X("files.file.restored", {
 				fileId: e.id,
 				fileName: e.name
 			});
 		} catch (e) {
 			S.error(e instanceof Error ? e.message : a(d, "files.file.errors.restoreFailed", "Failed to restore file"));
 		}
-	}, vn = async (e) => {
+	}, bn = 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,7 +347,7 @@ function d() {
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await qt.mutateAsync({ id: e.id }), S.success(a(d, "files.file.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), X("files.file.deleted", {
+					await Yt.mutateAsync({ id: e.id }), S.success(a(d, "files.file.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), X("files.file.deleted", {
 						fileId: e.id,
 						fileName: e.name,
 						permanent: !0
@@ -357,9 +357,9 @@ function d() {
 				}
 			}
 		});
-	}, yn = async (e) => {
+	}, xn = async (e) => {
 		try {
-			await Yt.mutateAsync({
+			await Zt.mutateAsync({
 				id: e.id,
 				type: "file"
 			}), X("files.file.starred", {
@@ -373,13 +373,13 @@ function d() {
 				fileId: e.id
 			});
 		}
-	}, bn = (e) => {
+	}, Sn = (e) => {
 		z({
 			id: e.id,
 			name: e.name,
 			type: "file"
 		}), V(e.name), M(!0);
-	}, xn = async (e) => {
+	}, Cn = async (e) => {
 		try {
 			let t = e.downloadUrl || e.url;
 			if (!t) throw Error(a(d, "files.file.errors.downloadUrlUnavailable", "Download URL is unavailable"));
@@ -391,24 +391,24 @@ function d() {
 		} catch (e) {
 			S.error(e instanceof Error ? e.message : a(d, "files.file.errors.downloadFailed", "Failed to download file"));
 		}
-	}, Sn = (e) => {
-		Rt({
+	}, wn = (e) => {
+		Bt({
 			item: e,
 			type: "file"
-		}), It(!0);
-	}, Cn = (e) => {
+		}), Rt(!0);
+	}, Tn = (e) => {
 		I({
 			item: e,
 			type: "file"
-		}), Pt(!0);
-	}, wn = (e) => {
-		St({
+		}), It(!0);
+	}, En = (e) => {
+		wt({
 			item: e,
 			type: "file"
 		});
-	}, Tn = (e) => {
+	}, Dn = (e) => {
 		p(`/files/browse/${e.id}`);
-	}, En = async (e) => {
+	}, On = 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,7 +416,7 @@ function d() {
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await Wt.mutateAsync({
+					await Kt.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", {
@@ -429,16 +429,16 @@ function d() {
 				}
 			}
 		});
-	}, Dn = async (e) => {
+	}, kn = async (e) => {
 		try {
-			await Kt.mutateAsync({ id: e.id }), S.success(a(d, "files.folder.restore.success", "\"{{name}}\" restored", { name: e.name })), X("files.folder.restored", {
+			await Jt.mutateAsync({ id: e.id }), S.success(a(d, "files.folder.restore.success", "\"{{name}}\" restored", { name: e.name })), X("files.folder.restored", {
 				folderId: e.id,
 				folderName: e.name
 			});
 		} catch (e) {
 			S.error(e instanceof Error ? e.message : a(d, "files.folder.errors.restoreFailed", "Failed to restore folder"));
 		}
-	}, On = async (e) => {
+	}, An = 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,7 +446,7 @@ function d() {
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await Jt.mutateAsync({ id: e.id }), S.success(a(d, "files.folder.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), X("files.folder.deleted", {
+					await Xt.mutateAsync({ id: e.id }), S.success(a(d, "files.folder.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), X("files.folder.deleted", {
 						folderId: e.id,
 						folderName: e.name,
 						permanent: !0
@@ -456,20 +456,20 @@ function d() {
 				}
 			}
 		});
-	}, kn = (e) => {
+	}, jn = (e) => {
 		z({
 			id: e.id,
 			name: e.name,
 			type: "folder"
 		}), V(e.name), M(!0);
-	}, An = (e) => {
+	}, Mn = (e) => {
 		I({
 			item: e,
 			type: "folder"
-		}), Pt(!0);
-	}, jn = async (e) => {
+		}), It(!0);
+	}, Nn = async (e) => {
 		try {
-			await Yt.mutateAsync({
+			await Zt.mutateAsync({
 				id: e.id,
 				type: "folder"
 			}), X("files.folder.starred", {
@@ -483,28 +483,28 @@ function d() {
 				folderId: e.id
 			});
 		}
-	}, Mn = (e) => {
-		St({
+	}, Pn = (e) => {
+		wt({
 			item: e,
 			type: "folder"
 		});
-	}, Nn = async (e) => {
+	}, Fn = async (e) => {
 		if (F) try {
-			F.type === "file" ? (await $t.mutateAsync({
+			F.type === "file" ? (await tn.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", {
 				fileId: F.item.id,
 				fileName: F.item.name,
 				destinationFolderId: e
-			})) : (await en.mutateAsync({
+			})) : (await nn.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", {
 				folderId: F.item.id,
 				folderName: F.item.name,
 				destinationFolderId: e
-			})), Pt(!1), I(null);
+			})), It(!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", {
 				action: F.type === "file" ? "moveFile" : "moveFolder",
@@ -513,10 +513,10 @@ function d() {
 				message: e instanceof Error ? e.message : void 0
 			});
 		}
-	}, Pn = async (e, t) => {
+	}, In = async (e, t) => {
 		if (L) try {
 			if (L.type !== "file") throw Error(a(d, "files.folder.errors.copyUnsupported", "Folder copy is not supported"));
-			await Qt.mutateAsync({
+			await en.mutateAsync({
 				id: L.item.id,
 				newName: t || `Copy of ${L.item.name}`,
 				targetFolderId: e || void 0
@@ -524,7 +524,7 @@ function d() {
 				fileId: L.item.id,
 				fileName: L.item.name,
 				destinationFolderId: e
-			}), It(!1), Rt(null);
+			}), Rt(!1), Bt(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", {
 				action: "copyFile",
@@ -532,7 +532,7 @@ function d() {
 				message: e instanceof Error ? e.message : void 0
 			});
 		}
-	}, Fn = async () => {
+	}, Ln = async () => {
 		if (!(!R || !B.trim())) try {
 			let e = R.name, t = B.trim();
 			R.type === "file" ? (await Q.mutateAsync({
@@ -562,10 +562,10 @@ function d() {
 	return n({
 		files: T,
 		folders: E,
-		onFilePreview: fn,
-		onFileDelete: gn,
-		onFolderOpen: Tn,
-		onFolderDelete: En,
+		onFilePreview: mn,
+		onFileDelete: vn,
+		onFolderOpen: Dn,
+		onFolderDelete: On,
 		activeTab: v
 	}), m === void 0 ? /* @__PURE__ */ l("div", {
 		className: "flex flex-col items-center justify-center min-h-[60vh] gap-3 text-center px-6",
@@ -582,44 +582,51 @@ function d() {
 	}) : /* @__PURE__ */ l("div", {
 		className: "min-h-screen bg-bg-surface",
 		children: [
-			/* @__PURE__ */ c("div", {
-				className: "bg-bg-surface border-b border-border-seam px-4 py-3 sm:px-6 sm:py-4",
+			/* @__PURE__ */ l("div", {
+				className: "relative overflow-hidden bg-bg-surface border-b border-border-seam px-4 py-3 sm:px-6 sm:py-4",
 				"data-tour": "files-breadcrumb-nav",
-				children: /* @__PURE__ */ c("div", {
-					className: "flex items-center gap-2 sm:gap-4",
-					children: /* @__PURE__ */ l("div", {
-						className: "flex items-center gap-1 sm:gap-2 text-sm overflow-x-auto",
-						children: [/* @__PURE__ */ l("button", {
-							type: "button",
-							onClick: () => p("/files/browse"),
-							className: "flex items-center gap-1 text-text-primary hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 whitespace-nowrap",
-							title: a(d, "files.browser.actions.goToRoot", "Go to root"),
-							children: [/* @__PURE__ */ c(qe, { className: "size-4" }), /* @__PURE__ */ c("span", {
-								className: "hidden sm:inline",
-								children: a(d, "files.browser.rootLabel", "My Drive")
-							})]
-						}), ht.map((e, t) => /* @__PURE__ */ l("div", {
-							className: "flex items-center gap-1 sm:gap-2",
-							children: [/* @__PURE__ */ c("span", {
-								className: "text-text-tertiary",
-								children: "/"
-							}), /* @__PURE__ */ c("button", {
+				children: [
+					/* @__PURE__ */ c(nt, { 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") })
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "flex items-center gap-2 sm:gap-4",
+						children: /* @__PURE__ */ l("div", {
+							className: "flex items-center gap-1 sm:gap-2 text-sm overflow-x-auto",
+							children: [/* @__PURE__ */ l("button", {
 								type: "button",
-								onClick: () => p(`/files/browse/${e.id}`),
-								className: `hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 whitespace-nowrap ${t === ht.length - 1 ? "text-text-primary font-medium" : "text-text-secondary"}`,
-								title: `Go to ${e.name}`,
-								children: e.name
-							})]
-						}, e.id))]
+								onClick: () => p("/files/browse"),
+								className: "flex items-center gap-1 text-text-primary hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 whitespace-nowrap",
+								title: a(d, "files.browser.actions.goToRoot", "Go to root"),
+								children: [/* @__PURE__ */ c(qe, { className: "size-4" }), /* @__PURE__ */ c("span", {
+									className: "hidden sm:inline",
+									children: a(d, "files.browser.rootLabel", "My Drive")
+								})]
+							}), _t.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"}`,
+									title: `Go to ${e.name}`,
+									children: e.name
+								})]
+							}, e.id))]
+						})
 					})
-				})
+				]
 			}),
 			/* @__PURE__ */ c("div", {
 				"data-tour": "files-tab-bar",
 				children: /* @__PURE__ */ c(Ce, {
 					activeTab: v,
-					onTabChange: gt,
-					tabs: _t
+					onTabChange: vt,
+					tabs: yt
 				})
 			}),
 			/* @__PURE__ */ l("div", {
@@ -634,7 +641,7 @@ function d() {
 								className: "relative w-full max-w-2xl",
 								children: /* @__PURE__ */ c(ke, {
 									onSearch: (e, t) => {
-										vt(e), bt(t);
+										bt(e), St(t);
 									},
 									placeholder: a(d, "files.search.input.placeholder", "Search files and folders..."),
 									initialQuery: y,
@@ -648,20 +655,20 @@ function d() {
 								children: /* @__PURE__ */ c(rt, {
 									primary: {
 										label: W ? a(d, "files.browser.upload.uploading", "Uploading...") : a(d, "files.browser.actions.uploadFiles", "Upload Files"),
-										onSelect: nn,
+										onSelect: an,
 										disabled: W,
-										icon: W ? /* @__PURE__ */ c(s, { className: "size-4 animate-spin" }) : /* @__PURE__ */ c(Ze, { className: "size-4" })
+										icon: W ? /* @__PURE__ */ c(s, { className: "size-4 animate-spin" }) : /* @__PURE__ */ c(Xe, { className: "size-4" })
 									},
 									actions: [
 										{
 											label: a(d, "files.browser.actions.newFolder", "New Folder"),
 											icon: /* @__PURE__ */ c(Ue, { className: "size-4" }),
-											onSelect: un
+											onSelect: fn
 										},
 										{
 											label: a(d, "files.browser.actions.uploadFolder", "Upload Folder"),
 											icon: /* @__PURE__ */ c(We, { className: "size-4" }),
-											onSelect: ln,
+											onSelect: dn,
 											disabled: W
 										},
 										...T.length > 0 || E.length > 0 ? [{
@@ -678,14 +685,14 @@ function d() {
 								"data-tour": "files-view-mode-toggle",
 								children: [/* @__PURE__ */ c("button", {
 									type: "button",
-									onClick: () => mt("grid"),
-									className: `p-2 transition-colors duration-200 ${pt === "grid" ? "bg-bg-accent text-text-link" : "text-text-secondary hover:bg-action-ghost-bg-hover"}`,
+									onClick: () => 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"}`,
 									"aria-label": a(d, "files.browser.view.grid", "Grid view"),
 									children: /* @__PURE__ */ c(Ke, { className: "size-5" })
 								}), /* @__PURE__ */ c("button", {
 									type: "button",
-									onClick: () => mt("list"),
-									className: `p-2 transition-colors duration-200 ${pt === "list" ? "bg-bg-accent text-text-link" : "text-text-secondary hover:bg-action-ghost-bg-hover"}`,
+									onClick: () => 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"}`,
 									"aria-label": a(d, "files.browser.view.list", "List view"),
 									children: /* @__PURE__ */ c(Je, { className: "size-5" })
 								})]
@@ -699,9 +706,9 @@ function d() {
 							children: [a(d, "files.browser.search.showingResults", "Showing search results for \"{{query}}\"", { query: y }), w.data && ` (${(w.data.files?.length || 0) + (w.data.folders?.length || 0)} items)`]
 						}), /* @__PURE__ */ l("button", {
 							type: "button",
-							onClick: () => vt(""),
+							onClick: () => bt(""),
 							className: "flex items-center gap-2 text-status-success-text hover:text-status-success-text/80 text-sm font-medium transition-colors duration-200",
-							children: [/* @__PURE__ */ c(Qe, { className: "size-4" }), a(d, "files.browser.search.clear", "Clear search")]
+							children: [/* @__PURE__ */ c(Ze, { className: "size-4" }), a(d, "files.browser.search.clear", "Clear search")]
 						})]
 					}),
 					A > 0 && /* @__PURE__ */ l(it, {
@@ -716,11 +723,11 @@ function d() {
 								})
 							}), /* @__PURE__ */ c("div", {
 								className: "flex items-center gap-2",
-								children: v === "bin" ? /* @__PURE__ */ l($e, { children: [/* @__PURE__ */ c("button", {
+								children: v === "bin" ? /* @__PURE__ */ l(Qe, { children: [/* @__PURE__ */ c("button", {
 									type: "button",
 									onClick: async () => {
 										try {
-											await Promise.all([...Array.from(h).map((e) => Gt.mutateAsync({ id: e })), ...Array.from(g).map((e) => Kt.mutateAsync({ id: e }))]), _(), S.success(`${A} item${A > 1 ? "s" : ""} restored`);
+											await Promise.all([...Array.from(h).map((e) => qt.mutateAsync({ id: e })), ...Array.from(g).map((e) => Jt.mutateAsync({ id: e }))]), _(), S.success(`${A} item${A > 1 ? "s" : ""} restored`);
 										} catch (e) {
 											S.error(e instanceof Error ? e.message : "Failed to restore some items");
 										}
@@ -740,7 +747,7 @@ function d() {
 											variant: "danger",
 											onConfirm: async () => {
 												try {
-													await Promise.all([...Array.from(h).map((e) => qt.mutateAsync({ id: e })), ...Array.from(g).map((e) => Jt.mutateAsync({ id: e }))]), _(), S.success(a(d, "files.bulk.permanentDelete.success", "{{count}} item{{plural}} deleted permanently", {
+													await Promise.all([...Array.from(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", {
 														count: A,
 														plural: A > 1 ? "s" : ""
 													}));
@@ -751,7 +758,7 @@ function d() {
 										});
 									},
 									className: "flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-status-error-text bg-bg-surface border border-status-error-border rounded-lg hover:bg-status-error-bg-subtle transition-colors duration-200",
-									children: [/* @__PURE__ */ c(Xe, { className: "size-4" }), a(d, "files.browser.selection.actions.deletePermanently", "Delete permanently")]
+									children: [/* @__PURE__ */ c(Ye, { className: "size-4" }), a(d, "files.browser.selection.actions.deletePermanently", "Delete permanently")]
 								})] }) : /* @__PURE__ */ l("button", {
 									type: "button",
 									onClick: async () => {
@@ -766,7 +773,7 @@ function d() {
 											onConfirm: async () => {
 												try {
 													let e = Array.from(h), t = Array.from(g);
-													e.length > 0 && await tn.mutateAsync(e), await Promise.all(t.map((e) => Wt.mutateAsync({
+													e.length > 0 && await rn.mutateAsync(e), await Promise.all(t.map((e) => Kt.mutateAsync({
 														id: e,
 														recursive: !0
 													}))), _(), S.success(a(d, "files.bulk.delete.success", "{{count}} item{{plural}} moved to bin", {
@@ -780,21 +787,21 @@ function d() {
 										});
 									},
 									className: "flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-status-error-text bg-bg-surface border border-status-error-border rounded-lg hover:bg-status-error-bg-subtle transition-colors duration-200",
-									children: [/* @__PURE__ */ c(Xe, { className: "size-4" }), a(d, "files.browser.selection.actions.delete", "Delete")]
+									children: [/* @__PURE__ */ c(Ye, { className: "size-4" }), a(d, "files.browser.selection.actions.delete", "Delete")]
 								})
 							})]
 						}), /* @__PURE__ */ l("button", {
 							type: "button",
 							onClick: _,
 							className: "flex items-center gap-2 text-text-link hover:text-action-primary-bg-hover text-sm font-medium transition-colors duration-200",
-							children: [/* @__PURE__ */ c(Qe, { className: "size-4" }), a(d, "files.common.actions.clear", "Clear")]
+							children: [/* @__PURE__ */ c(Ze, { className: "size-4" }), a(d, "files.common.actions.clear", "Clear")]
 						})]
 					})
 				]
 			}),
-			(ft.isExhausted || ft.isNearLimit) && /* @__PURE__ */ c("div", {
+			(mt.isExhausted || mt.isNearLimit) && /* @__PURE__ */ c("div", {
 				className: "px-4 sm:px-6 pt-3",
-				children: /* @__PURE__ */ c(Pe, { quota: ft })
+				children: /* @__PURE__ */ c(Pe, { quota: mt })
 			}),
 			/* @__PURE__ */ l("div", {
 				className: "px-2 sm:px-4 md:px-6 py-3 sm:py-4",
@@ -805,56 +812,56 @@ function d() {
 					loading: D,
 					error: O,
 					preserveSortOrder: k,
-					onFilePreview: fn,
-					onFileShare: v === "bin" ? void 0 : pn,
-					onFileDelete: v === "bin" ? vn : gn,
-					onFileRestore: v === "bin" ? _n : void 0,
-					onFileFavorite: v === "bin" ? void 0 : yn,
-					onFileRename: v === "bin" ? void 0 : bn,
-					onFileDownload: xn,
-					onFileCopy: v === "bin" ? void 0 : Sn,
-					onFileMove: v === "bin" ? void 0 : Cn,
-					onFileInfo: wn,
-					onFolderOpen: Tn,
-					onFolderShare: v === "bin" ? void 0 : mn,
-					onFolderDelete: v === "bin" ? On : En,
-					onFolderRestore: v === "bin" ? Dn : void 0,
-					onFolderRename: v === "bin" ? void 0 : kn,
-					onFolderFavorite: v === "bin" ? void 0 : jn,
-					onFolderMove: v === "bin" ? void 0 : An,
-					onFolderInfo: Mn
+					onFilePreview: 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
 				}), !D && (T.length > 0 || E.length > 0) && /* @__PURE__ */ l("div", {
 					className: "mt-4 px-2 text-sm text-text-secondary",
-					children: [a(d, "files.browser.results.showingItems", "Showing {{count}} items", { count: T.length + E.length }), !b && v === "all" && Dt !== null && ` ${a(d, "files.browser.results.ofItems", "of {{count}} items", { count: Dt })}`]
+					children: [a(d, "files.browser.results.showingItems", "Showing {{count}} items", { count: T.length + E.length }), !b && v === "all" && kt !== null && ` ${a(d, "files.browser.results.ofItems", "of {{count}} items", { count: kt })}`]
 				})]
 			}),
-			Ot && /* @__PURE__ */ c(ot, {
+			At && /* @__PURE__ */ c(ct, {
 				open: !0,
 				onOpenChange: (e) => {
 					!e && !Z.isPending && (j(!1), U(""));
 				},
-				children: /* @__PURE__ */ l(st, {
+				children: /* @__PURE__ */ l(lt, {
 					className: "w-full max-w-xs",
 					children: [
-						/* @__PURE__ */ c(lt, {
+						/* @__PURE__ */ c(dt, {
 							className: "text-left",
-							children: /* @__PURE__ */ c(ut, {
+							children: /* @__PURE__ */ c(ft, {
 								id: "files-new-folder-title",
 								className: "text-base font-semibold text-text-primary",
 								children: a(d, "files.browser.newFolderDialog.title", "New folder")
 							})
 						}),
-						/* @__PURE__ */ c(at, {
+						/* @__PURE__ */ c(st, {
 							type: "text",
 							value: H,
 							onChange: (e) => U(e.target.value),
 							onKeyDown: (e) => {
-								e.key === "Enter" && dn();
+								e.key === "Enter" && pn();
 							},
 							"aria-label": a(d, "files.browser.newFolderDialog.title", "New folder"),
 							placeholder: a(d, "files.browser.newFolderDialog.placeholder", "Folder name")
 						}),
-						/* @__PURE__ */ l(ct, { children: [/* @__PURE__ */ c(u, {
+						/* @__PURE__ */ l(ut, { children: [/* @__PURE__ */ c(u, {
 							type: "button",
 							variant: "outline",
 							onClick: () => {
@@ -863,40 +870,40 @@ function d() {
 							children: a(d, "files.common.actions.cancel", "Cancel")
 						}), /* @__PURE__ */ l(u, {
 							type: "button",
-							onClick: dn,
+							onClick: pn,
 							disabled: !H.trim() || Z.isPending,
 							children: [Z.isPending && /* @__PURE__ */ c(s, { className: "size-4 animate-spin" }), Z.isPending ? a(d, "files.browser.newFolderDialog.actions.creating", "Creating...") : a(d, "files.common.actions.create", "Create")]
 						})] })
 					]
 				})
 			}),
-			jt && R && /* @__PURE__ */ c(ot, {
+			Nt && R && /* @__PURE__ */ c(ct, {
 				open: !0,
 				onOpenChange: (e) => {
 					!e && !Q.isPending && !$.isPending && (M(!1), z(null), V(""));
 				},
-				children: /* @__PURE__ */ l(st, {
+				children: /* @__PURE__ */ l(lt, {
 					className: "w-full max-w-xs",
 					children: [
-						/* @__PURE__ */ c(lt, {
+						/* @__PURE__ */ c(dt, {
 							className: "text-left",
-							children: /* @__PURE__ */ c(ut, {
+							children: /* @__PURE__ */ c(ft, {
 								id: "files-rename-title",
 								className: "text-base font-semibold text-text-primary",
 								children: a(d, "files.browser.renameDialog.title", "Rename {{type}}", { type: R.type })
 							})
 						}),
-						/* @__PURE__ */ c(at, {
+						/* @__PURE__ */ c(st, {
 							type: "text",
 							value: B,
 							onChange: (e) => V(e.target.value),
 							onKeyDown: (e) => {
-								e.key === "Enter" && Fn();
+								e.key === "Enter" && Ln();
 							},
 							"aria-label": a(d, "files.browser.renameDialog.title", "Rename"),
 							placeholder: a(d, "files.browser.renameDialog.placeholder", "New name")
 						}),
-						/* @__PURE__ */ l(ct, { children: [/* @__PURE__ */ c(u, {
+						/* @__PURE__ */ l(ut, { children: [/* @__PURE__ */ c(u, {
 							type: "button",
 							variant: "outline",
 							onClick: () => {
@@ -905,21 +912,21 @@ function d() {
 							children: a(d, "files.common.actions.cancel", "Cancel")
 						}), /* @__PURE__ */ l(u, {
 							type: "button",
-							onClick: Fn,
+							onClick: Ln,
 							disabled: !B.trim() || B.trim() === R.name || Q.isPending || $.isPending,
 							children: [(Q.isPending || $.isPending) && /* @__PURE__ */ c(s, { className: "size-4 animate-spin" }), Q.isPending || $.isPending ? a(d, "files.browser.renameDialog.actions.renaming", "Renaming...") : a(d, "files.common.actions.rename", "Rename")]
 						})] })
 					]
 				})
 			}),
-			Mt && Lt && /* @__PURE__ */ c(we, {
-				item: Lt,
-				itemType: "mimeType" in Lt ? "file" : "folder",
+			Pt && zt && /* @__PURE__ */ c(we, {
+				item: zt,
+				itemType: "mimeType" in zt ? "file" : "folder",
 				onClose: () => {
 					N(!1), P(null);
 				},
-				onCreateShare: hn,
-				isLoading: Xt.isPending
+				onCreateShare: _n,
+				isLoading: Qt.isPending
 			}),
 			J && /* @__PURE__ */ c(Me, {
 				title: J.title,
@@ -928,64 +935,64 @@ function d() {
 				cancelLabel: a(d, "files.common.actions.cancel", "Cancel"),
 				variant: J.variant,
 				loading: J.loading,
-				onConfirm: Vt,
+				onConfirm: Ut,
 				onCancel: () => {
 					J.loading || Y(null);
 				}
 			}),
-			kt && /* @__PURE__ */ c(Me, {
+			jt && /* @__PURE__ */ c(Me, {
 				title: a(d, "files.folder.quota.title", "Folder Limit Reached"),
 				description: a(d, "files.folder.quota.description", "You've reached the folder limit for your plan. Upgrade your plan or purchase an add-on to create more folders."),
 				confirmLabel: a(d, "files.folder.quota.upgrade", "View Billing"),
 				cancelLabel: a(d, "files.common.actions.dismiss", "Dismiss"),
 				onConfirm: () => {
-					At(!1), p("/billing");
+					Mt(!1), p("/billing");
 				},
-				onCancel: () => At(!1)
+				onCancel: () => Mt(!1)
 			}),
-			Nt && F && /* @__PURE__ */ c(Ae, {
+			Ft && F && /* @__PURE__ */ c(Ae, {
 				item: F.item,
 				type: F.type,
 				onClose: () => {
-					Pt(!1), I(null);
+					It(!1), I(null);
 				},
-				onMove: Nn,
-				isLoading: $t.isPending || en.isPending
+				onMove: Fn,
+				isLoading: tn.isPending || nn.isPending
 			}),
-			Ft && L && /* @__PURE__ */ c(je, {
+			Lt && L && /* @__PURE__ */ c(je, {
 				item: L.item,
 				type: L.type,
 				onClose: () => {
-					It(!1), Rt(null);
+					Rt(!1), Bt(null);
 				},
-				onCopy: Pn,
-				isLoading: Qt.isPending
+				onCopy: In,
+				isLoading: en.isPending
 			}),
 			x && /* @__PURE__ */ c(Te, {
 				file: x,
-				onClose: () => Ct(null),
+				onClose: () => Tt(null),
 				onDownload: () => {
 					ze(x.downloadUrl || x.url);
 				},
 				onShare: v === "bin" ? void 0 : () => {
 					P(x), N(!0);
 				},
-				onStar: v === "bin" ? void 0 : () => yn(x),
-				onDelete: () => v === "bin" ? vn(x) : gn(x)
+				onStar: v === "bin" ? void 0 : () => xn(x),
+				onDelete: () => v === "bin" ? bn(x) : vn(x)
 			}),
-			xt && /* @__PURE__ */ c(Ee, {
-				item: xt.item,
-				type: xt.type,
-				onClose: () => St(null)
+			Ct && /* @__PURE__ */ c(Ee, {
+				item: Ct.item,
+				type: Ct.type,
+				onClose: () => wt(null)
 			}),
 			/* @__PURE__ */ c(Ne, {
-				items: zt,
-				isOpen: Bt,
+				items: Vt,
+				isOpen: Ht,
 				onClose: () => q(!1),
-				onPause: an,
-				onResume: on,
-				onRetry: sn,
-				onCancel: cn
+				onPause: sn,
+				onResume: cn,
+				onRetry: ln,
+				onCancel: un
 			}),
 			/* @__PURE__ */ c(Oe, {
 				toasts: S.toasts,
@@ -993,34 +1000,21 @@ function d() {
 			}),
 			!D && T.length === 0 && E.length === 0 && /* @__PURE__ */ c("div", {
 				className: "px-6 py-12",
-				children: b ? /* @__PURE__ */ l("div", {
-					className: "text-center animate-in fade-in duration-200",
-					children: [
-						/* @__PURE__ */ c("div", {
-							className: "inline-flex items-center justify-center size-16 bg-bg-sunken rounded-full mb-4",
-							children: /* @__PURE__ */ c(Ye, { className: "size-8 text-text-tertiary" })
-						}),
-						/* @__PURE__ */ c("h3", {
-							className: "text-lg font-medium text-text-primary mb-2",
-							children: a(d, "files.browser.empty.search.title", "No results found")
-						}),
-						/* @__PURE__ */ c("p", {
-							className: "text-sm text-text-secondary mb-4",
-							children: a(d, "files.browser.empty.search.description", "Try adjusting your search query or filters")
-						}),
-						/* @__PURE__ */ c("button", {
-							type: "button",
-							onClick: () => {
-								vt(""), bt(void 0);
-							},
-							className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-text-inverse bg-action-primary-bg rounded-lg hover:bg-action-primary-bg-hover transition-colors duration-200",
-							children: a(d, "files.browser.search.clear", "Clear search")
-						})
-					]
+				children: b ? /* @__PURE__ */ c(ot, {
+					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);
+						},
+						children: a(d, "files.browser.search.clear", "Clear search")
+					})
 				}) : /* @__PURE__ */ c(De, {
 					type: v,
-					onUpload: v === "all" ? nn : void 0,
-					onNewFolder: v === "all" ? un : void 0
+					onUpload: v === "all" ? an : void 0,
+					onNewFolder: v === "all" ? fn : void 0
 				})
 			})
 		]