@burdenoff/microfe-files 2026.1014.12 → 2026.1016.1

package/dist/files/pages/BrowserPage.js

@@ -1,102 +1,102 @@
 import { useFilesContext as e } from "../providers/FilesProvider.js";
-import { useFilesStore as t } from "../store/filesStore.js";
-import { useKeyboardNavigation as n } from "../hooks/useKeyboardNavigation.js";
-import { useBrowsePage as r } from "../hooks/useBrowsePage.js";
-import { useRecentFiles as i } from "../hooks/useRecentFiles.js";
-import { useStarredItems as ee } from "../hooks/useStarredItems.js";
-import { useBinItems as te } from "../hooks/useBinItems.js";
-import { useCreateFolder as ne } from "../hooks/useCreateFolder.js";
-import { isQuotaExhaustedError as re } from "../utils/quotaUtils.js";
-import { useUploadFile as ie } from "../hooks/useUploadFile.js";
-import { useDeleteFile as ae } from "../hooks/useDeleteFile.js";
-import { useDeleteFolder as oe } from "../hooks/useDeleteFolder.js";
-import { useRestoreFile as se } from "../hooks/useRestoreFile.js";
-import { useRestoreFolder as ce } from "../hooks/useRestoreFolder.js";
-import { usePermanentlyDeleteFile as le } from "../hooks/usePermanentlyDeleteFile.js";
-import { usePermanentlyDeleteFolder as ue } from "../hooks/usePermanentlyDeleteFolder.js";
-import { useToggleStar as de } from "../hooks/useToggleStar.js";
-import { useRenameFile as fe } from "../hooks/useRenameFile.js";
-import { useRenameFolder as pe } from "../hooks/useRenameFolder.js";
-import { useCreateShare as me } from "../hooks/useCreateShare.js";
-import { useCreateFolderShare as he } from "../hooks/useCreateFolderShare.js";
-import { useCopyFile as ge } from "../hooks/useCopyFile.js";
-import { useMoveFile as _e } from "../hooks/useMoveFile.js";
-import { useMoveFolder as ve } from "../hooks/useMoveFolder.js";
-import { useBulkDelete as ye } from "../hooks/useBatchOperations.js";
-import { useSearch as be } from "../hooks/useSearch.js";
-import { useToast as xe } from "../hooks/useToast.js";
-import { generateThumbnail as Se } from "../utils/thumbnail.js";
+import { useUploadQueueState as t } from "../hooks/useUploadQueueState.js";
+import { fileViewModel as n, folderViewModel as r } from "../utils/fileViewModel.js";
+import { useFilesStore as i } from "../store/filesStore.js";
+import { useKeyboardNavigation as ee } from "../hooks/useKeyboardNavigation.js";
+import { useBrowsePage as te } from "../hooks/useBrowsePage.js";
+import { useRecentFiles as ne } from "../hooks/useRecentFiles.js";
+import { useStarredItems as re } from "../hooks/useStarredItems.js";
+import { useBinItems as ie } from "../hooks/useBinItems.js";
+import { useCreateFolder as ae } from "../hooks/useCreateFolder.js";
+import { isQuotaExhaustedError as oe } from "../utils/quotaUtils.js";
+import { useUploadFile as se } from "../hooks/useUploadFile.js";
+import { useDeleteFile as ce } from "../hooks/useDeleteFile.js";
+import { useDeleteFolder as le } from "../hooks/useDeleteFolder.js";
+import { useRestoreFile as ue } from "../hooks/useRestoreFile.js";
+import { useRestoreFolder as de } from "../hooks/useRestoreFolder.js";
+import { usePermanentlyDeleteFile as fe } from "../hooks/usePermanentlyDeleteFile.js";
+import { usePermanentlyDeleteFolder as pe } from "../hooks/usePermanentlyDeleteFolder.js";
+import { useToggleStar as me } from "../hooks/useToggleStar.js";
+import { useRenameFile as he } from "../hooks/useRenameFile.js";
+import { useRenameFolder as ge } from "../hooks/useRenameFolder.js";
+import { useCreateShare as _e } from "../hooks/useCreateShare.js";
+import { useCreateFolderShare as ve } from "../hooks/useCreateFolderShare.js";
+import { useCopyFile as ye } from "../hooks/useCopyFile.js";
+import { useMoveFile as be } from "../hooks/useMoveFile.js";
+import { useMoveFolder as xe } from "../hooks/useMoveFolder.js";
+import { useBulkDelete as Se } from "../hooks/useBatchOperations.js";
+import { useSearch as Ce } from "../hooks/useSearch.js";
+import { useToast as we } from "../hooks/useToast.js";
+import { generateThumbnail as Te } from "../utils/thumbnail.js";
 import "../utils/index.js";
 import { tWithFallback as a } from "../utils/i18n.js";
-import { FileBrowser as Ce } from "../components/FileBrowser.js";
-import { TabBar as we } from "../components/TabBar.js";
-import { ShareDialog as Te } from "../components/ShareDialog.js";
-import { FilePreviewModal as Ee } from "../components/FilePreviewModal.js";
-import { FileInfoPanel as De } from "../components/FileInfoPanel.js";
-import { EmptyState as Oe } from "../components/EmptyState.js";
-import { ToastContainer as ke } from "../components/Toast.js";
-import { SearchBar as Ae } from "../components/SearchBar.js";
-import { MoveDialog as je } from "../components/MoveDialog.js";
-import { CopyDialog as Me } from "../components/CopyDialog.js";
-import { ConfirmDialog as Ne } from "../components/ConfirmDialog.js";
-import { UploadQueue as Pe } from "../components/UploadQueue.js";
-import { StorageBanner as Fe } from "../components/StorageBanner.js";
-import { useStorageQuota as Ie } from "../hooks/useStorageQuota.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, 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";
-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";
+import { FileBrowser as Ee } from "../components/FileBrowser.js";
+import { TabBar as De } from "../components/TabBar.js";
+import { ShareDialog as Oe } from "../components/ShareDialog.js";
+import { FilePreviewModal as ke } from "../components/FilePreviewModal.js";
+import { FileInfoPanel as Ae } from "../components/FileInfoPanel.js";
+import { EmptyState as je } from "../components/EmptyState.js";
+import { ToastContainer as Me } from "../components/Toast.js";
+import { SearchBar as Ne } from "../components/SearchBar.js";
+import { MoveDialog as Pe } from "../components/MoveDialog.js";
+import { CopyDialog as Fe } from "../components/CopyDialog.js";
+import { ConfirmDialog as Ie } from "../components/ConfirmDialog.js";
+import { UploadQueue as Le } from "../components/UploadQueue.js";
+import { StorageBanner as Re } from "../components/StorageBanner.js";
+import { useStorageQuota as ze } from "../hooks/useStorageQuota.js";
+import { nativeImpact as Be, nativeNotify as Ve, nativeOpenUrl as He } from "../../utils/nativeBridge.js";
+import { emitFilesEvent as Ue } from "../utils/events.js";
+import { useEffect as We, useMemo as Ge, useState as o } from "react";
+import { FolderPlus as Ke, FolderUp as qe, FolderX as Je, Grid3x3 as Ye, Home as Xe, List as Ze, Loader2 as s, Star as Qe, Trash2 as $e, Upload as et, X as tt } from "lucide-react";
+import { Fragment as nt, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useNavigate as rt, useParams as it } from "react-router";
+import { useI18n as at } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AuroraBackground as ot, Button as u, CTAOverflowMenu as st, EmphasisPanel as ct, GradientText as lt, IllustratedEmptyState as ut, Input as dt, NextSteps as ft, PagePurpose as pt, ResponsiveDialog as mt, ResponsiveDialogContent as ht, ResponsiveDialogFooter as gt, ResponsiveDialogHeader as _t, ResponsiveDialogTitle as vt } from "@burdenoff/fe-libs/ui";
 //#region src/files/pages/BrowserPage.tsx
 function d() {
-	let { t: d } = nt(), { folderId: f } = tt(), p = et(), gt = e(), { workspaceId: m } = gt, _t = Ie(m ?? ""), { viewMode: vt, setViewMode: yt, breadcrumbs: bt, selectedFiles: h, selectedFolders: g, clearSelection: xt } = t(), [_, St] = o("all"), Ct = He(() => [
+	let { t: d } = at(), { folderId: f } = it(), p = rt(), yt = e(), { workspaceId: m } = yt, bt = ze(m ?? ""), { viewMode: xt, setViewMode: St, breadcrumbs: Ct, selectedFiles: h, selectedFolders: g, clearSelection: _ } = i(), [v, y] = o("all"), wt = Ge(() => [
 		"all",
 		"recent",
 		"starred",
 		"bin"
 	], []);
-	Ve(() => {
-		Ct.includes(_) || St("all");
-	}, [Ct, _]);
-	let [wt, Tt] = o(""), [Et, Dt] = o(), v = wt.trim().length >= 2, [Ot, kt] = o(null), [y, At] = o(null), b = xe(), x = r({
+	We(() => {
+		wt.includes(v) || y("all");
+	}, [wt, v]);
+	let [b, Tt] = o(""), [Et, Dt] = o(), x = b.trim().length >= 2, [Ot, kt] = o(null), [S, At] = o(null), C = we(), w = te({
 		folderId: f || void 0,
 		pageSize: 100,
-		skip: _ !== "all" || v
-	}), S = i({ skip: _ !== "recent" || v }), C = ee({ skip: _ !== "starred" || v }), w = te({ skip: _ !== "bin" || v }), T = be(wt, v, Et);
-	Ve(() => {
-		if (f && x.data?.folderPath && x.data?.currentFolder) {
-			let e = x.data.folderPath.folders || [], n = x.data.currentFolder, r = [...e.map((e) => ({
+		skip: v !== "all" || x
+	}), T = ne({ skip: v !== "recent" || x }), E = re({ skip: v !== "starred" || x }), D = ie({ skip: v !== "bin" || x }), O = Ce(b, x, Et);
+	We(() => {
+		if (f && w.data?.folderPath && w.data?.currentFolder) {
+			let e = w.data.folderPath.folders || [], t = w.data.currentFolder, n = [...e.map((e) => ({
 				id: e.id,
 				name: e.name
 			})), {
-				id: n.id,
-				name: n.name
+				id: t.id,
+				name: t.name
 			}];
-			t.getState().setBreadcrumbs(r);
-		} else t.getState().setBreadcrumbs([]);
-	}, [f, x.data]);
-	let E = [], D = [], O = !1, k = null, A = !1;
-	if (v && T.data) E = T.data.files || [], D = T.data.folders || [], O = T.isLoading, k = T.error;
-	else switch (_) {
+			i.getState().setBreadcrumbs(n);
+		} else i.getState().setBreadcrumbs([]);
+	}, [f, w.data]);
+	let k = [], A = [], j = !1, M = null, N = !1;
+	if (x && O.data) k = O.data.files || [], A = O.data.folders || [], j = O.isLoading, M = O.error;
+	else switch (v) {
 		case "all":
-			E = x.data?.filesList?.files || [], D = x.data?.foldersList?.folders || [], O = x.loading, k = x.error || null, A = !1;
+			k = w.data?.filesList?.files.map(n) || [], A = w.data?.foldersList?.folders.map(r) || [], j = w.loading, M = w.error || null, N = !1;
 			break;
 		case "recent":
-			E = S.files || [], D = S.folders || [], O = S.isLoading, k = S.error || null, A = !0;
+			k = T.files || [], A = T.folders || [], j = T.isLoading, M = T.error || null, N = !0;
 			break;
 		case "starred":
-			E = C.files, D = C.folders, O = C.isLoading, k = C.error || null, A = !0;
-			break;
-		case "bin":
-			E = w.files, D = w.folders, O = w.isLoading, k = w.error || null, A = !0;
+			k = E.files, A = E.folders, j = E.isLoading, M = E.error || null, N = !0;
 			break;
+		case "bin": k = D.files, A = D.folders, j = D.isLoading, M = D.error || null, N = !0;
 	}
-	let jt = _ === "all" ? (x.data?.filesList?.total ?? E.length) + (x.data?.foldersList?.total ?? D.length) : null, j = h.size + g.size, [Mt, M] = o(!1), [Nt, Pt] = o(!1), [Ft, It] = o(!1), [Lt, N] = o(!1), [Rt, P] = o(!1), [zt, F] = o(!1), [Bt, Vt] = o(!1), [Ht, I] = o(null), [L, R] = o(null), [z, Ut] = o(null), [B, V] = o(null), [H, U] = o(""), [W, G] = o(""), [Wt, K] = o(!1), [Gt, q] = o([]), [Kt, qt] = o(!1), [J, Y] = o(null), X = (e, t) => {
-		Be(gt, e, t);
-	}, Jt = async () => {
+	let jt = v === "all" ? (w.data?.filesList?.total ?? k.length) + (w.data?.foldersList?.total ?? A.length) : null, P = h.size + g.size, [Mt, F] = o(!1), [Nt, Pt] = o(!1), [Ft, It] = o(!1), [Lt, I] = o(!1), [Rt, L] = o(!1), [zt, R] = o(!1), [Bt, Vt] = o(!1), [Ht, Ut] = o(null), [z, Wt] = o(null), [B, Gt] = o(null), [V, H] = o(null), [U, W] = o(""), [G, K] = o(""), { uploading: Kt, uploadQueue: qt, isUploadPanelOpen: Jt, setUploading: Yt, setUploadQueue: q, setIsUploadPanelOpen: Xt, cancelUpload: Zt } = t(), [J, Y] = o(null), X = (e, t) => {
+		Ue(yt, e, t);
+	}, Qt = async () => {
 		if (!J || J.loading) return;
 		let e = J.onConfirm;
 		Y({
@@ -114,13 +114,13 @@ function d() {
 				loading: !1
 			});
 		}
-	}, Z = ne(), Yt = ie(), Xt = ae(), Zt = oe(), Qt = se(), $t = ce(), en = le(), tn = ue(), nn = de(), Q = fe(), $ = pe(), rn = me(), an = he(), on = ge(), sn = _e(), cn = ve(), ln = ye(), un = () => {
+	}, Z = ae(), $t = se(), en = ce(), tn = le(), nn = ue(), rn = de(), an = fe(), on = pe(), sn = me(), Q = he(), $ = ge(), cn = _e(), ln = ve(), un = ye(), dn = be(), fn = xe(), pn = Se(), mn = () => {
 		let e = document.createElement("input");
 		e.type = "file", e.multiple = !0, e.onchange = async (e) => {
 			let t = e.target.files;
 			if (t && t.length > 0) {
 				let e = await Promise.all(Array.from(t).map(async (e, t) => {
-					let n = await Se(e);
+					let n = await Te(e);
 					return {
 						id: `${Date.now()}-${t}-${e.name}`,
 						file: e,
@@ -130,12 +130,12 @@ function d() {
 						thumbnailUrl: n ?? void 0
 					};
 				}));
-				q((t) => [...t, ...e]), qt(!0), K(!0);
-				for (let t of e) await dn(t);
-				K(!1);
+				q((t) => [...t, ...e]), Xt(!0), Yt(!0);
+				for (let t of e) await hn(t);
+				Yt(!1);
 			}
 		}, e.click();
-	}, dn = async (e) => {
+	}, hn = async (e) => {
 		let t = (t) => {
 			q((n) => n.map((n) => n.id === e.id ? {
 				...n,
@@ -144,7 +144,7 @@ function d() {
 		};
 		t({ status: "uploading" });
 		try {
-			let n = await Yt.mutateAsync({
+			let n = await $t.mutateAsync({
 				file: e.file,
 				folderId: e.folderId,
 				onProgress: (e) => {
@@ -161,7 +161,7 @@ function d() {
 			});
 		} catch (n) {
 			let r = n instanceof Error ? n.message : a(d, "files.upload.errors.failed", "Upload failed");
-			r === "Upload paused" ? t({ status: "paused" }) : re(n) ? (t({
+			r === "Upload paused" ? t({ status: "paused" }) : oe(n) ? (t({
 				status: "failed",
 				error: a(d, "files.upload.errors.quotaExceeded", "Storage quota exceeded")
 			}), It(!0)) : (t({
@@ -173,30 +173,25 @@ function d() {
 				message: r
 			}));
 		}
-	}, fn = (e) => {
-		Yt.pause(), q((t) => t.map((t) => t.id === e ? {
+	}, gn = (e) => {
+		$t.pause(), q((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "paused"
 		} : t));
-	}, pn = (e) => {
-		let t = Gt.find((t) => t.id === e);
-		t && dn(t);
-	}, mn = (e) => {
-		let t = Gt.find((t) => t.id === e);
+	}, _n = (e) => {
+		let t = qt.find((t) => t.id === e);
+		t && hn(t);
+	}, vn = (e) => {
+		let t = qt.find((t) => t.id === e);
 		t && (q((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "pending",
 			progress: 0,
 			error: void 0
-		} : t)), dn(t));
-	}, hn = (e) => {
-		q((t) => {
-			let n = t.filter((t) => t.id !== e);
-			return n.length === 0 && (qt(!1), K(!1)), n;
-		});
-	}, gn = () => {
+		} : t)), hn(t));
+	}, yn = Zt, bn = () => {
 		if (!m) {
-			b.error(a(d, "files.workspace.errors.notSelected", "Workspace not selected"));
+			C.error(a(d, "files.workspace.errors.notSelected", "Workspace not selected"));
 			return;
 		}
 		let e = document.createElement("input");
@@ -225,7 +220,7 @@ function d() {
 				for (let [t, r] of e) {
 					let e = t ? n.get(t) : f || void 0;
 					for (let t of r) {
-						let n = await Se(t);
+						let n = await Te(t);
 						i.push({
 							id: `${Date.now()}-${ee++}-${t.name}`,
 							file: t,
@@ -236,41 +231,41 @@ function d() {
 						});
 					}
 				}
-				q((e) => [...e, ...i]), qt(!0), K(!0);
-				for (let e of i) await dn(e);
-				K(!1), b.success(a(d, "files.upload.folder.success", "Uploaded {{count}} file{{plural}} from folder", {
+				q((e) => [...e, ...i]), Xt(!0), Yt(!0);
+				for (let e of i) await hn(e);
+				Yt(!1), C.success(a(d, "files.upload.folder.success", "Uploaded {{count}} file{{plural}} from folder", {
 					count: i.length,
 					plural: i.length > 1 ? "s" : ""
 				}));
 			}
 		}, e.click();
-	}, _n = () => {
-		M(!0);
-	}, vn = async () => {
-		if (W.trim() && m) {
+	}, xn = () => {
+		F(!0);
+	}, Sn = async () => {
+		if (G.trim() && m) {
 			let { data: e, error: t } = await Z.mutateAsync({
-				name: W,
+				name: G,
 				parentFolderId: f
 			});
 			if (t) {
-				re(t) ? (M(!1), G(""), Pt(!0)) : (b.error(t instanceof Error ? t.message : a(d, "files.folder.errors.createFailed", "Folder creation failed")), X("files.api.failed", {
+				oe(t) ? (F(!1), K(""), Pt(!0)) : (C.error(t instanceof Error ? t.message : a(d, "files.folder.errors.createFailed", "Folder creation failed")), X("files.api.failed", {
 					action: "createFolder",
 					message: t instanceof Error ? t.message : "Folder creation failed"
 				}));
 				return;
 			}
-			e && (G(""), M(!1), X("files.folder.created", {
-				folderName: W,
+			e && (K(""), F(!1), X("files.folder.created", {
+				folderName: G,
 				parentFolderId: f
 			}));
 		}
-	}, yn = (e) => {
+	}, Cn = (e) => {
 		At(e);
-	}, bn = (e) => {
-		I(e), P(!0);
-	}, xn = (e) => {
-		I(e), P(!0);
-	}, Sn = async (e) => {
+	}, wn = (e) => {
+		Ut(e), L(!0);
+	}, Tn = (e) => {
+		Ut(e), L(!0);
+	}, En = 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 +278,7 @@ function d() {
 				shareType: t,
 				accessLevel: "DOWNLOAD"
 			};
-			n = (await rn.mutateAsync(r))?.token ?? "", X("files.share.created", {
+			n = (await cn.mutateAsync(r))?.token ?? "", X("files.share.created", {
 				entityType: "file",
 				fileId: e.fileId,
 				shareType: t
@@ -298,7 +293,7 @@ function d() {
 				shareType: t,
 				accessLevel: "DOWNLOAD"
 			};
-			n = (await an.mutateAsync(r))?.createFolderShare?.token ?? "", X("files.share.created", {
+			n = (await ln.mutateAsync(r))?.token ?? "", X("files.share.created", {
 				entityType: "folder",
 				folderId: e.folderId,
 				shareType: t
@@ -308,21 +303,21 @@ function d() {
 			publicUrl: n ? `${window.location.origin}/files/share/${n}` : "",
 			token: n
 		};
-	}, Cn = async (e) => {
-		Le("medium"), Y({
+	}, Dn = async (e) => {
+		Be("medium"), Y({
 			title: a(d, "files.confirm.deleteFile.title", "Delete file"),
 			description: a(d, "files.confirm.deleteFile.description", "Move \"{{name}}\" to the bin?", { name: e.name }),
 			confirmLabel: a(d, "files.common.actions.delete", "Delete"),
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await Xt.mutateAsync({ id: e.id }), Re("success"), b.success(a(d, "files.file.delete.success", "\"{{name}}\" moved to bin", { name: e.name })), X("files.file.deleted", {
+					await en.mutateAsync({ id: e.id }), Ve("success"), C.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) {
-					b.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", {
+					C.error(t instanceof Error ? t.message : a(d, "files.file.errors.deleteFailed", "Failed to delete \"{{name}}\"", { name: e.name })), Ve("error"), X("files.api.failed", {
 						action: "deleteFile",
 						fileId: e.id,
 						message: t instanceof Error ? t.message : "Failed to delete file"
@@ -330,36 +325,36 @@ function d() {
 				}
 			}
 		});
-	}, wn = async (e) => {
+	}, On = async (e) => {
 		try {
-			await Qt.mutateAsync({ id: e.id }), b.success(a(d, "files.file.restore.success", "\"{{name}}\" restored", { name: e.name })), X("files.file.restored", {
+			await nn.mutateAsync({ id: e.id }), C.success(a(d, "files.file.restore.success", "\"{{name}}\" restored", { name: e.name })), X("files.file.restored", {
 				fileId: e.id,
 				fileName: e.name
 			});
 		} catch (e) {
-			b.error(e instanceof Error ? e.message : a(d, "files.file.errors.restoreFailed", "Failed to restore file"));
+			C.error(e instanceof Error ? e.message : a(d, "files.file.errors.restoreFailed", "Failed to restore file"));
 		}
-	}, Tn = async (e) => {
-		Le("heavy"), Y({
+	}, kn = async (e) => {
+		Be("heavy"), Y({
 			title: a(d, "files.confirm.permanentDeleteFile.title", "Permanently delete file"),
 			description: a(d, "files.confirm.permanentDeleteFile.description", "Permanently delete \"{{name}}\"? This cannot be undone.", { name: e.name }),
 			confirmLabel: a(d, "files.common.actions.deletePermanently", "Delete permanently"),
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await en.mutateAsync({ id: e.id }), b.success(a(d, "files.file.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), X("files.file.deleted", {
+					await an.mutateAsync({ id: e.id }), C.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) {
-					b.error(e instanceof Error ? e.message : a(d, "files.file.errors.permanentDeleteFailed", "Failed to permanently delete file"));
+					C.error(e instanceof Error ? e.message : a(d, "files.file.errors.permanentDeleteFailed", "Failed to permanently delete file"));
 				}
 			}
 		});
-	}, En = async (e) => {
+	}, An = async (e) => {
 		try {
-			await nn.mutateAsync({
+			await sn.mutateAsync({
 				id: e.id,
 				type: "file"
 			}), X("files.file.starred", {
@@ -368,77 +363,77 @@ function d() {
 				starred: !e.starred
 			});
 		} catch {
-			b.error(a(d, "files.file.errors.starFailed", "Failed to update starred state")), X("files.api.failed", {
+			C.error(a(d, "files.file.errors.starFailed", "Failed to update starred state")), X("files.api.failed", {
 				action: "toggleFileStar",
 				fileId: e.id
 			});
 		}
-	}, Dn = (e) => {
-		V({
+	}, jn = (e) => {
+		H({
 			id: e.id,
 			name: e.name,
 			type: "file"
-		}), U(e.name), N(!0);
-	}, On = async (e) => {
+		}), W(e.name), I(!0);
+	}, Mn = 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), b.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), C.success(a(d, "files.file.download.success", "Downloaded {{name}}", { name: e.name })), X("files.file.downloaded", {
 				fileId: e.id,
 				fileName: e.name
 			});
 		} catch (e) {
-			b.error(e instanceof Error ? e.message : a(d, "files.file.errors.downloadFailed", "Failed to download file"));
+			C.error(e instanceof Error ? e.message : a(d, "files.file.errors.downloadFailed", "Failed to download file"));
 		}
-	}, kn = (e) => {
-		Ut({
+	}, Nn = (e) => {
+		Gt({
 			item: e,
 			type: "file"
 		}), Vt(!0);
-	}, An = (e) => {
-		R({
+	}, Pn = (e) => {
+		Wt({
 			item: e,
 			type: "file"
-		}), F(!0);
-	}, jn = (e) => {
+		}), R(!0);
+	}, Fn = (e) => {
 		kt({
 			item: e,
 			type: "file"
 		});
-	}, Mn = (e) => {
+	}, In = (e) => {
 		p(`/files/browse/${e.id}`);
-	}, Nn = async (e) => {
-		Le("medium"), Y({
+	}, Ln = async (e) => {
+		Be("medium"), Y({
 			title: a(d, "files.confirm.deleteFolder.title", "Delete folder"),
 			description: a(d, "files.confirm.deleteFolder.description", "Move folder \"{{name}}\" and all its contents to the bin?", { name: e.name }),
 			confirmLabel: a(d, "files.common.actions.delete", "Delete"),
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await Zt.mutateAsync({
+					await tn.mutateAsync({
 						id: e.id,
 						recursive: !0
-					}), b.success(a(d, "files.folder.delete.success", "\"{{name}}\" moved to bin", { name: e.name })), X("files.folder.deleted", {
+					}), C.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) {
-					b.error(e instanceof Error ? e.message : a(d, "files.folder.errors.deleteFailed", "Failed to delete folder"));
+					C.error(e instanceof Error ? e.message : a(d, "files.folder.errors.deleteFailed", "Failed to delete folder"));
 				}
 			}
 		});
-	}, Pn = async (e) => {
+	}, Rn = async (e) => {
 		try {
-			await $t.mutateAsync({ id: e.id }), b.success(a(d, "files.folder.restore.success", "\"{{name}}\" restored", { name: e.name })), X("files.folder.restored", {
+			await rn.mutateAsync({ id: e.id }), C.success(a(d, "files.folder.restore.success", "\"{{name}}\" restored", { name: e.name })), X("files.folder.restored", {
 				folderId: e.id,
 				folderName: e.name
 			});
 		} catch (e) {
-			b.error(e instanceof Error ? e.message : a(d, "files.folder.errors.restoreFailed", "Failed to restore folder"));
+			C.error(e instanceof Error ? e.message : a(d, "files.folder.errors.restoreFailed", "Failed to restore folder"));
 		}
-	}, Fn = async (e) => {
+	}, zn = 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 +441,30 @@ function d() {
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await tn.mutateAsync({ id: e.id }), b.success(a(d, "files.folder.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), X("files.folder.deleted", {
+					await on.mutateAsync({ id: e.id }), C.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) {
-					b.error(e instanceof Error ? e.message : a(d, "files.folder.errors.permanentDeleteFailed", "Failed to permanently delete folder"));
+					C.error(e instanceof Error ? e.message : a(d, "files.folder.errors.permanentDeleteFailed", "Failed to permanently delete folder"));
 				}
 			}
 		});
-	}, In = (e) => {
-		V({
+	}, Bn = (e) => {
+		H({
 			id: e.id,
 			name: e.name,
 			type: "folder"
-		}), U(e.name), N(!0);
-	}, Ln = (e) => {
-		R({
+		}), W(e.name), I(!0);
+	}, Vn = (e) => {
+		Wt({
 			item: e,
 			type: "folder"
-		}), F(!0);
-	}, Rn = async (e) => {
+		}), R(!0);
+	}, Hn = async (e) => {
 		try {
-			await nn.mutateAsync({
+			await sn.mutateAsync({
 				id: e.id,
 				type: "folder"
 			}), X("files.folder.starred", {
@@ -478,95 +473,95 @@ function d() {
 				starred: !e.starred
 			});
 		} catch {
-			b.error(a(d, "files.folder.errors.starFailed", "Failed to update starred state")), X("files.api.failed", {
+			C.error(a(d, "files.folder.errors.starFailed", "Failed to update starred state")), X("files.api.failed", {
 				action: "toggleFolderStar",
 				folderId: e.id
 			});
 		}
-	}, zn = (e) => {
+	}, Un = (e) => {
 		kt({
 			item: e,
 			type: "folder"
 		});
-	}, Bn = async (e) => {
-		if (L) try {
-			L.type === "file" ? (await sn.mutateAsync({
-				fileId: L.item.id,
+	}, Wn = async (e) => {
+		if (z) try {
+			z.type === "file" ? (await dn.mutateAsync({
+				fileId: z.item.id,
 				targetFolderId: e || null
-			}), b.success(a(d, "files.file.move.success", "\"{{name}}\" moved", { name: L.item.name })), X("files.file.moved", {
-				fileId: L.item.id,
-				fileName: L.item.name,
+			}), C.success(a(d, "files.file.move.success", "\"{{name}}\" moved", { name: z.item.name })), X("files.file.moved", {
+				fileId: z.item.id,
+				fileName: z.item.name,
 				destinationFolderId: e
-			})) : (await cn.mutateAsync({
-				folderId: L.item.id,
+			})) : (await fn.mutateAsync({
+				folderId: z.item.id,
 				targetParentFolderId: e
-			}), b.success(a(d, "files.folder.move.success", "\"{{name}}\" moved", { name: L.item.name })), X("files.folder.moved", {
-				folderId: L.item.id,
-				folderName: L.item.name,
+			}), C.success(a(d, "files.folder.move.success", "\"{{name}}\" moved", { name: z.item.name })), X("files.folder.moved", {
+				folderId: z.item.id,
+				folderName: z.item.name,
 				destinationFolderId: e
-			})), F(!1), R(null);
+			})), R(!1), Wt(null);
 		} catch (e) {
-			b.error(e instanceof Error ? e.message : a(d, "files.item.errors.moveFailed", "Failed to move \"{{name}}\"", { name: L.item.name })), X("files.api.failed", {
-				action: L.type === "file" ? "moveFile" : "moveFolder",
-				itemId: L.item.id,
-				itemType: L.type,
+			C.error(e instanceof Error ? e.message : a(d, "files.item.errors.moveFailed", "Failed to move \"{{name}}\"", { name: z.item.name })), X("files.api.failed", {
+				action: z.type === "file" ? "moveFile" : "moveFolder",
+				itemId: z.item.id,
+				itemType: z.type,
 				message: e instanceof Error ? e.message : void 0
 			});
 		}
-	}, Vn = async (e, t) => {
-		if (z) try {
-			if (z.type !== "file") throw Error(a(d, "files.folder.errors.copyUnsupported", "Folder copy is not supported"));
-			await on.mutateAsync({
-				id: z.item.id,
-				newName: t || `Copy of ${z.item.name}`,
+	}, Gn = async (e, t) => {
+		if (B) try {
+			if (B.type !== "file") throw Error(a(d, "files.folder.errors.copyUnsupported", "Folder copy is not supported"));
+			await un.mutateAsync({
+				id: B.item.id,
+				newName: t || `Copy of ${B.item.name}`,
 				targetFolderId: e || void 0
-			}), b.success(a(d, "files.file.copy.success", "\"{{name}}\" copied", { name: z.item.name })), X("files.file.copied", {
-				fileId: z.item.id,
-				fileName: z.item.name,
+			}), C.success(a(d, "files.file.copy.success", "\"{{name}}\" copied", { name: B.item.name })), X("files.file.copied", {
+				fileId: B.item.id,
+				fileName: B.item.name,
 				destinationFolderId: e
-			}), Vt(!1), Ut(null);
+			}), Vt(!1), Gt(null);
 		} catch (e) {
-			b.error(e instanceof Error ? e.message : a(d, "files.file.errors.copyFailed", "Failed to copy \"{{name}}\"", { name: z.item.name })), X("files.api.failed", {
+			C.error(e instanceof Error ? e.message : a(d, "files.file.errors.copyFailed", "Failed to copy \"{{name}}\"", { name: B.item.name })), X("files.api.failed", {
 				action: "copyFile",
-				fileId: z.item.id,
+				fileId: B.item.id,
 				message: e instanceof Error ? e.message : void 0
 			});
 		}
-	}, Hn = async () => {
-		if (!(!B || !H.trim())) try {
-			let e = B.name, t = H.trim();
-			B.type === "file" ? (await Q.mutateAsync({
-				fileId: B.id,
+	}, Kn = async () => {
+		if (V && U.trim()) try {
+			let e = V.name, t = U.trim();
+			V.type === "file" ? (await Q.mutateAsync({
+				fileId: V.id,
 				newName: t
-			}), b.success(a(d, "files.file.rename.success", "Renamed \"{{name}}\"", { name: t })), X("files.file.renamed", {
-				fileId: B.id,
+			}), C.success(a(d, "files.file.rename.success", "Renamed \"{{name}}\"", { name: t })), X("files.file.renamed", {
+				fileId: V.id,
 				previousName: e,
 				name: t
 			})) : (await $.mutateAsync({
-				folderId: B.id,
+				folderId: V.id,
 				newName: t
-			}), b.success(a(d, "files.folder.rename.success", "Renamed \"{{name}}\"", { name: t })), X("files.folder.renamed", {
-				folderId: B.id,
+			}), C.success(a(d, "files.folder.rename.success", "Renamed \"{{name}}\"", { name: t })), X("files.folder.renamed", {
+				folderId: V.id,
 				previousName: e,
 				name: t
-			})), N(!1), V(null), U("");
+			})), I(!1), H(null), W("");
 		} catch (e) {
-			b.error(e instanceof Error ? e.message : a(d, "files.item.errors.renameFailed", "Failed to rename {{type}}", { type: B.type })), X("files.api.failed", {
-				action: B.type === "file" ? "renameFile" : "renameFolder",
-				itemId: B.id,
-				itemType: B.type,
+			C.error(e instanceof Error ? e.message : a(d, "files.item.errors.renameFailed", "Failed to rename {{type}}", { type: V.type })), X("files.api.failed", {
+				action: V.type === "file" ? "renameFile" : "renameFolder",
+				itemId: V.id,
+				itemType: V.type,
 				message: e instanceof Error ? e.message : void 0
 			});
 		}
 	};
-	return n({
-		files: E,
-		folders: D,
-		onFilePreview: yn,
-		onFileDelete: Cn,
-		onFolderOpen: Mn,
-		onFolderDelete: Nn,
-		activeTab: _
+	return ee({
+		files: k,
+		folders: A,
+		onFilePreview: Cn,
+		onFileDelete: Dn,
+		onFolderOpen: In,
+		onFolderDelete: Ln,
+		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",
 		children: [/* @__PURE__ */ c(s, { className: "size-8 animate-spin text-text-tertiary" }), /* @__PURE__ */ c("p", {
@@ -575,7 +570,7 @@ function d() {
 		})]
 	}) : m === "" ? /* @__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", {
+		children: [/* @__PURE__ */ c(Je, { className: "size-8 text-text-tertiary" }), /* @__PURE__ */ c("p", {
 			className: "text-sm text-text-secondary max-w-md",
 			children: a(d, "files.browser.workspace.notSelected", "No workspace selected. Please select a workspace to view files.")
 		})]
@@ -586,10 +581,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(rt, { intensity: "subtle" }),
+					/* @__PURE__ */ c(ot, { intensity: "subtle" }),
 					/* @__PURE__ */ c("h1", {
 						className: "mb-2 text-lg font-semibold tracking-tight sm:text-xl",
-						children: /* @__PURE__ */ c(ot, { children: a(d, "files.browser.rootLabel", "My Drive") })
+						children: /* @__PURE__ */ c(lt, { children: a(d, "files.browser.rootLabel", "My Drive") })
 					}),
 					/* @__PURE__ */ c("div", {
 						className: "flex items-center gap-2 sm:gap-4",
@@ -600,11 +595,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__ */ c(qe, { className: "size-4" }), /* @__PURE__ */ c("span", {
+								children: [/* @__PURE__ */ c(Xe, { className: "size-4" }), /* @__PURE__ */ c("span", {
 									className: "hidden sm:inline",
 									children: a(d, "files.browser.rootLabel", "My Drive")
 								})]
-							}), bt.map((e, t) => /* @__PURE__ */ l("div", {
+							}), Ct.map((e, t) => /* @__PURE__ */ l("div", {
 								className: "flex items-center gap-1 sm:gap-2",
 								children: [/* @__PURE__ */ c("span", {
 									className: "text-text-tertiary",
@@ -612,22 +607,22 @@ function d() {
 								}), /* @__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 === bt.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 === Ct.length - 1 ? "text-text-primary font-medium" : "text-text-secondary"}`,
 									title: `Go to ${e.name}`,
 									children: e.name
 								})]
 							}, e.id))]
 						})
 					}),
-					/* @__PURE__ */ c(ut, {
+					/* @__PURE__ */ c(pt, {
 						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.")
 					})
 				]
 			}),
-			!v && /* @__PURE__ */ c("div", {
+			!x && /* @__PURE__ */ c("div", {
 				className: "px-4 pt-3 sm:px-6",
-				children: /* @__PURE__ */ c(lt, {
+				children: /* @__PURE__ */ c(ft, {
 					storageKey: "files-browser",
 					title: a(d, "files.browser.nextSteps.title", "Get started with Files"),
 					steps: [
@@ -635,39 +630,39 @@ function d() {
 							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: un
+							icon: /* @__PURE__ */ c(et, { className: "size-4" }),
+							onClick: mn
 						},
 						{
 							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: _n
+							icon: /* @__PURE__ */ c(Ke, { className: "size-4" }),
+							onClick: xn
 						},
 						{
 							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: () => St("starred")
+							icon: /* @__PURE__ */ c(Qe, { className: "size-4" }),
+							onClick: () => y("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: () => St("bin")
+							icon: /* @__PURE__ */ c($e, { className: "size-4" }),
+							onClick: () => y("bin")
 						}
 					]
 				})
 			}),
 			/* @__PURE__ */ c("div", {
 				"data-tour": "files-tab-bar",
-				children: /* @__PURE__ */ c(we, {
-					activeTab: _,
-					onTabChange: St,
-					tabs: Ct
+				children: /* @__PURE__ */ c(De, {
+					activeTab: v,
+					onTabChange: y,
+					tabs: wt
 				})
 			}),
 			/* @__PURE__ */ l("div", {
@@ -680,46 +675,46 @@ function d() {
 							"data-tour": "files-search-bar",
 							children: /* @__PURE__ */ c("div", {
 								className: "relative w-full max-w-2xl",
-								children: /* @__PURE__ */ c(Ae, {
+								children: /* @__PURE__ */ c(Ne, {
 									onSearch: (e, t) => {
 										Tt(e), Dt(t);
 									},
 									placeholder: a(d, "files.search.input.placeholder", "Search files and folders..."),
-									initialQuery: wt,
+									initialQuery: b,
 									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: [!v && /* @__PURE__ */ l("div", {
+							children: [!x && /* @__PURE__ */ l("div", {
 								className: "flex items-center gap-2",
 								"data-tour": "files-upload-files-button",
 								children: [/* @__PURE__ */ l(u, {
 									type: "button",
 									variant: "default",
-									onClick: un,
-									disabled: Wt,
-									children: [Wt ? /* @__PURE__ */ c(s, { className: "size-4 animate-spin" }) : /* @__PURE__ */ c(Ze, { className: "size-4" }), Wt ? a(d, "files.browser.upload.uploading", "Uploading...") : a(d, "files.browser.actions.uploadFiles", "Upload Files")]
+									onClick: mn,
+									disabled: Kt,
+									children: [Kt ? /* @__PURE__ */ c(s, { className: "size-4 animate-spin" }) : /* @__PURE__ */ c(et, { className: "size-4" }), Kt ? a(d, "files.browser.upload.uploading", "Uploading...") : a(d, "files.browser.actions.uploadFiles", "Upload Files")]
 								}), /* @__PURE__ */ c("div", {
 									"data-tour": "files-more-actions-trigger",
-									children: /* @__PURE__ */ c(it, { actions: [
+									children: /* @__PURE__ */ c(st, { actions: [
 										{
 											label: a(d, "files.browser.actions.newFolder", "New Folder"),
-											icon: /* @__PURE__ */ c(Ue, { className: "size-4" }),
-											onSelect: _n,
+											icon: /* @__PURE__ */ c(Ke, { className: "size-4" }),
+											onSelect: xn,
 											dataTour: "files-new-folder-button"
 										},
 										{
 											label: a(d, "files.browser.actions.uploadFolder", "Upload Folder"),
-											icon: /* @__PURE__ */ c(We, { className: "size-4" }),
-											onSelect: gn,
-											disabled: Wt
+											icon: /* @__PURE__ */ c(qe, { className: "size-4" }),
+											onSelect: bn,
+											disabled: Kt
 										},
-										...E.length > 0 || D.length > 0 ? [{
+										...k.length > 0 || A.length > 0 ? [{
 											label: a(d, "files.browser.actions.selectAll", "Select All"),
 											onSelect: () => {
-												let e = E.map((e) => e.id), n = D.map((e) => e.id);
-												t.getState().selectAllFiles(e), n.forEach((e) => t.getState().selectFolder(e));
+												let e = k.map((e) => e.id), t = A.map((e) => e.id);
+												i.getState().selectAllFiles(e), t.forEach((e) => i.getState().selectFolder(e));
 											}
 										}] : []
 									] })
@@ -729,51 +724,51 @@ function d() {
 								"data-tour": "files-view-mode-toggle",
 								children: [/* @__PURE__ */ c("button", {
 									type: "button",
-									onClick: () => yt("grid"),
-									className: `p-2 transition-colors duration-200 ${vt === "grid" ? "bg-bg-accent text-text-link" : "text-text-secondary hover:bg-action-ghost-bg-hover"}`,
+									onClick: () => St("grid"),
+									className: `p-2 transition-colors duration-200 ${xt === "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" })
+									children: /* @__PURE__ */ c(Ye, { className: "size-5" })
 								}), /* @__PURE__ */ c("button", {
 									type: "button",
-									onClick: () => yt("list"),
-									className: `p-2 transition-colors duration-200 ${vt === "list" ? "bg-bg-accent text-text-link" : "text-text-secondary hover:bg-action-ghost-bg-hover"}`,
+									onClick: () => St("list"),
+									className: `p-2 transition-colors duration-200 ${xt === "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" })
+									children: /* @__PURE__ */ c(Ze, { className: "size-5" })
 								})]
 							})]
 						})]
 					}),
-					v && /* @__PURE__ */ l("div", {
+					x && /* @__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: wt }), T.data && ` (${(T.data.files?.length || 0) + (T.data.folders?.length || 0)} items)`]
+							children: [a(d, "files.browser.search.showingResults", "Showing search results for \"{{query}}\"", { query: b }), O.data && ` (${(O.data.files?.length || 0) + (O.data.folders?.length || 0)} items)`]
 						}), /* @__PURE__ */ l("button", {
 							type: "button",
 							onClick: () => Tt(""),
 							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(tt, { className: "size-4" }), a(d, "files.browser.search.clear", "Clear search")]
 						})]
 					}),
-					j > 0 && /* @__PURE__ */ l(at, {
+					P > 0 && /* @__PURE__ */ l(ct, {
 						className: "mt-3 flex items-center justify-between p-3",
 						children: [/* @__PURE__ */ l("div", {
 							className: "flex items-center gap-4",
 							children: [/* @__PURE__ */ c("span", {
 								className: "text-sm font-medium text-text-primary",
 								children: a(d, "files.browser.selection.selectedCount", "{{count}} item{{suffix}} selected", {
-									count: j,
-									suffix: j > 1 ? "s" : ""
+									count: P,
+									suffix: P > 1 ? "s" : ""
 								})
 							}), /* @__PURE__ */ c("div", {
 								className: "flex items-center gap-2",
-								children: _ === "bin" ? /* @__PURE__ */ l($e, { children: [/* @__PURE__ */ c("button", {
+								children: v === "bin" ? /* @__PURE__ */ l(nt, { 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) => $t.mutateAsync({ id: e }))]), xt(), b.success(`${j} item${j > 1 ? "s" : ""} restored`);
+											await Promise.all([...Array.from(h).map((e) => nn.mutateAsync({ id: e })), ...Array.from(g).map((e) => rn.mutateAsync({ id: e }))]), _(), C.success(`${P} item${P > 1 ? "s" : ""} restored`);
 										} catch (e) {
-											b.error(e instanceof Error ? e.message : "Failed to restore some items");
+											C.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",
@@ -784,207 +779,207 @@ function d() {
 										Y({
 											title: a(d, "files.confirm.bulkPermanentDelete.title", "Permanently delete selected items"),
 											description: a(d, "files.confirm.bulkPermanentDelete.description", "Permanently delete {{count}} selected item{{plural}}? This cannot be undone.", {
-												count: j,
-												plural: j > 1 ? "s" : ""
+												count: P,
+												plural: P > 1 ? "s" : ""
 											}),
 											confirmLabel: a(d, "files.common.actions.deletePermanently", "Delete permanently"),
 											variant: "danger",
 											onConfirm: async () => {
 												try {
-													await Promise.all([...Array.from(h).map((e) => en.mutateAsync({ id: e })), ...Array.from(g).map((e) => tn.mutateAsync({ id: e }))]), xt(), b.success(a(d, "files.bulk.permanentDelete.success", "{{count}} item{{plural}} deleted permanently", {
-														count: j,
-														plural: j > 1 ? "s" : ""
+													await Promise.all([...Array.from(h).map((e) => an.mutateAsync({ id: e })), ...Array.from(g).map((e) => on.mutateAsync({ id: e }))]), _(), C.success(a(d, "files.bulk.permanentDelete.success", "{{count}} item{{plural}} deleted permanently", {
+														count: P,
+														plural: P > 1 ? "s" : ""
 													}));
 												} catch (e) {
-													b.error(e instanceof Error ? e.message : a(d, "files.bulk.errors.permanentDeleteFailed", "Failed to permanently delete some items"));
+													C.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(Xe, { className: "size-4" }), a(d, "files.browser.selection.actions.deletePermanently", "Delete permanently")]
+									children: [/* @__PURE__ */ c($e, { className: "size-4" }), a(d, "files.browser.selection.actions.deletePermanently", "Delete permanently")]
 								})] }) : /* @__PURE__ */ l("button", {
 									type: "button",
 									onClick: async () => {
 										Y({
 											title: a(d, "files.confirm.bulkDelete.title", "Delete selected items"),
 											description: a(d, "files.confirm.bulkDelete.description", "Move {{count}} selected item{{plural}} to the bin?", {
-												count: j,
-												plural: j > 1 ? "s" : ""
+												count: P,
+												plural: P > 1 ? "s" : ""
 											}),
 											confirmLabel: a(d, "files.common.actions.delete", "Delete"),
 											variant: "danger",
 											onConfirm: async () => {
 												try {
 													let e = Array.from(h), t = Array.from(g);
-													e.length > 0 && await ln.mutateAsync(e), await Promise.all(t.map((e) => Zt.mutateAsync({
+													e.length > 0 && await pn.mutateAsync(e), await Promise.all(t.map((e) => tn.mutateAsync({
 														id: e,
 														recursive: !0
-													}))), xt(), b.success(a(d, "files.bulk.delete.success", "{{count}} item{{plural}} moved to bin", {
-														count: j,
-														plural: j > 1 ? "s" : ""
+													}))), _(), C.success(a(d, "files.bulk.delete.success", "{{count}} item{{plural}} moved to bin", {
+														count: P,
+														plural: P > 1 ? "s" : ""
 													}));
 												} catch (e) {
-													b.error(e instanceof Error ? e.message : a(d, "files.bulk.errors.deleteFailed", "Failed to delete some items"));
+													C.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(Xe, { className: "size-4" }), a(d, "files.browser.selection.actions.delete", "Delete")]
+									children: [/* @__PURE__ */ c($e, { className: "size-4" }), a(d, "files.browser.selection.actions.delete", "Delete")]
 								})
 							})]
 						}), /* @__PURE__ */ l("button", {
 							type: "button",
-							onClick: xt,
+							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(tt, { className: "size-4" }), a(d, "files.common.actions.clear", "Clear")]
 						})]
 					})
 				]
 			}),
-			(_t.isExhausted || _t.isNearLimit) && /* @__PURE__ */ c("div", {
+			(bt.isExhausted || bt.isNearLimit) && /* @__PURE__ */ c("div", {
 				className: "px-4 sm:px-6 pt-3",
-				children: /* @__PURE__ */ c(Fe, { quota: _t })
+				children: /* @__PURE__ */ c(Re, { quota: bt })
 			}),
 			/* @__PURE__ */ l("div", {
 				className: "px-2 sm:px-4 md:px-6 py-3 sm:py-4",
 				"data-tour": "files-browser-grid",
-				children: [/* @__PURE__ */ c(Ce, {
-					files: E,
-					folders: D,
-					loading: O,
-					error: k,
-					preserveSortOrder: A,
-					onFilePreview: yn,
-					onFileShare: _ === "bin" ? void 0 : bn,
-					onFileDelete: _ === "bin" ? Tn : Cn,
-					onFileRestore: _ === "bin" ? wn : void 0,
-					onFileFavorite: _ === "bin" ? void 0 : En,
-					onFileRename: _ === "bin" ? void 0 : Dn,
-					onFileDownload: On,
-					onFileCopy: _ === "bin" ? void 0 : kn,
-					onFileMove: _ === "bin" ? void 0 : An,
-					onFileInfo: jn,
-					onFolderOpen: Mn,
-					onFolderShare: _ === "bin" ? void 0 : xn,
-					onFolderDelete: _ === "bin" ? Fn : Nn,
-					onFolderRestore: _ === "bin" ? Pn : void 0,
-					onFolderRename: _ === "bin" ? void 0 : In,
-					onFolderFavorite: _ === "bin" ? void 0 : Rn,
-					onFolderMove: _ === "bin" ? void 0 : Ln,
-					onFolderInfo: zn
-				}), !O && (E.length > 0 || D.length > 0) && /* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ c(Ee, {
+					files: k,
+					folders: A,
+					loading: j,
+					error: M,
+					preserveSortOrder: N,
+					onFilePreview: Cn,
+					onFileShare: v === "bin" ? void 0 : wn,
+					onFileDelete: v === "bin" ? kn : Dn,
+					onFileRestore: v === "bin" ? On : void 0,
+					onFileFavorite: v === "bin" ? void 0 : An,
+					onFileRename: v === "bin" ? void 0 : jn,
+					onFileDownload: Mn,
+					onFileCopy: v === "bin" ? void 0 : Nn,
+					onFileMove: v === "bin" ? void 0 : Pn,
+					onFileInfo: Fn,
+					onFolderOpen: In,
+					onFolderShare: v === "bin" ? void 0 : Tn,
+					onFolderDelete: v === "bin" ? zn : Ln,
+					onFolderRestore: v === "bin" ? Rn : void 0,
+					onFolderRename: v === "bin" ? void 0 : Bn,
+					onFolderFavorite: v === "bin" ? void 0 : Hn,
+					onFolderMove: v === "bin" ? void 0 : Vn,
+					onFolderInfo: Un
+				}), !j && (k.length > 0 || A.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: E.length + D.length }), !v && _ === "all" && jt !== null && ` ${a(d, "files.browser.results.ofItems", "of {{count}} items", { count: jt })}`]
+					children: [a(d, "files.browser.results.showingItems", "Showing {{count}} items", { count: k.length + A.length }), !x && v === "all" && jt !== null && ` ${a(d, "files.browser.results.ofItems", "of {{count}} items", { count: jt })}`]
 				})]
 			}),
-			Mt && /* @__PURE__ */ c(dt, {
+			Mt && /* @__PURE__ */ c(mt, {
 				open: !0,
 				onOpenChange: (e) => {
-					!e && !Z.isPending && (M(!1), G(""));
+					!e && !Z.isPending && (F(!1), K(""));
 				},
-				children: /* @__PURE__ */ l(ft, {
+				children: /* @__PURE__ */ l(ht, {
 					className: "w-full max-w-xs",
 					children: [
-						/* @__PURE__ */ c(mt, {
+						/* @__PURE__ */ c(_t, {
 							className: "text-left",
-							children: /* @__PURE__ */ c(ht, {
+							children: /* @__PURE__ */ c(vt, {
 								id: "files-new-folder-title",
 								className: "text-base font-semibold text-text-primary",
 								children: a(d, "files.browser.newFolderDialog.title", "New folder")
 							})
 						}),
-						/* @__PURE__ */ c(ct, {
+						/* @__PURE__ */ c(dt, {
 							type: "text",
-							value: W,
-							onChange: (e) => G(e.target.value),
+							value: G,
+							onChange: (e) => K(e.target.value),
 							onKeyDown: (e) => {
-								e.key === "Enter" && vn();
+								e.key === "Enter" && Sn();
 							},
 							"aria-label": a(d, "files.browser.newFolderDialog.title", "New folder"),
 							placeholder: a(d, "files.browser.newFolderDialog.placeholder", "Folder name")
 						}),
-						/* @__PURE__ */ l(pt, { children: [/* @__PURE__ */ c(u, {
+						/* @__PURE__ */ l(gt, { children: [/* @__PURE__ */ c(u, {
 							type: "button",
 							variant: "outline",
 							onClick: () => {
-								M(!1), G("");
+								F(!1), K("");
 							},
 							children: a(d, "files.common.actions.cancel", "Cancel")
 						}), /* @__PURE__ */ l(u, {
 							type: "button",
-							onClick: vn,
-							disabled: !W.trim() || Z.isPending,
+							onClick: Sn,
+							disabled: !G.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")]
 						})] })
 					]
 				})
 			}),
-			Lt && B && /* @__PURE__ */ c(dt, {
+			Lt && V && /* @__PURE__ */ c(mt, {
 				open: !0,
 				onOpenChange: (e) => {
-					!e && !Q.isPending && !$.isPending && (N(!1), V(null), U(""));
+					!e && !Q.isPending && !$.isPending && (I(!1), H(null), W(""));
 				},
-				children: /* @__PURE__ */ l(ft, {
+				children: /* @__PURE__ */ l(ht, {
 					className: "w-full max-w-xs",
 					children: [
-						/* @__PURE__ */ c(mt, {
+						/* @__PURE__ */ c(_t, {
 							className: "text-left",
-							children: /* @__PURE__ */ c(ht, {
+							children: /* @__PURE__ */ c(vt, {
 								id: "files-rename-title",
 								className: "text-base font-semibold text-text-primary",
-								children: a(d, "files.browser.renameDialog.title", "Rename {{type}}", { type: B.type })
+								children: a(d, "files.browser.renameDialog.title", "Rename {{type}}", { type: V.type })
 							})
 						}),
-						/* @__PURE__ */ c(ct, {
+						/* @__PURE__ */ c(dt, {
 							type: "text",
-							value: H,
-							onChange: (e) => U(e.target.value),
+							value: U,
+							onChange: (e) => W(e.target.value),
 							onKeyDown: (e) => {
-								e.key === "Enter" && Hn();
+								e.key === "Enter" && Kn();
 							},
 							"aria-label": a(d, "files.browser.renameDialog.title", "Rename"),
 							placeholder: a(d, "files.browser.renameDialog.placeholder", "New name")
 						}),
-						/* @__PURE__ */ l(pt, { children: [/* @__PURE__ */ c(u, {
+						/* @__PURE__ */ l(gt, { children: [/* @__PURE__ */ c(u, {
 							type: "button",
 							variant: "outline",
 							onClick: () => {
-								N(!1), V(null), U("");
+								I(!1), H(null), W("");
 							},
 							children: a(d, "files.common.actions.cancel", "Cancel")
 						}), /* @__PURE__ */ l(u, {
 							type: "button",
-							onClick: Hn,
-							disabled: !H.trim() || H.trim() === B.name || Q.isPending || $.isPending,
+							onClick: Kn,
+							disabled: !U.trim() || U.trim() === V.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")]
 						})] })
 					]
 				})
 			}),
-			Rt && Ht && /* @__PURE__ */ c(Te, {
+			Rt && Ht && /* @__PURE__ */ c(Oe, {
 				item: Ht,
 				itemType: "mimeType" in Ht ? "file" : "folder",
 				onClose: () => {
-					P(!1), I(null);
+					L(!1), Ut(null);
 				},
-				onCreateShare: Sn,
-				isLoading: rn.isPending
+				onCreateShare: En,
+				isLoading: cn.isPending
 			}),
-			J && /* @__PURE__ */ c(Ne, {
+			J && /* @__PURE__ */ c(Ie, {
 				title: J.title,
 				description: J.description,
 				confirmLabel: J.confirmLabel,
 				cancelLabel: a(d, "files.common.actions.cancel", "Cancel"),
 				variant: J.variant,
 				loading: J.loading,
-				onConfirm: Jt,
+				onConfirm: Qt,
 				onCancel: () => {
 					J.loading || Y(null);
 				}
 			}),
-			Nt && /* @__PURE__ */ c(Ne, {
+			Nt && /* @__PURE__ */ c(Ie, {
 				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"),
@@ -994,7 +989,7 @@ function d() {
 				},
 				onCancel: () => Pt(!1)
 			}),
-			Ft && /* @__PURE__ */ c(Ne, {
+			Ft && /* @__PURE__ */ c(Ie, {
 				title: a(d, "files.storage.quota.title", "Storage Limit Reached"),
 				description: a(d, "files.storage.quota.description", "You've reached the storage limit for your plan. Upgrade your plan or delete files to continue uploading."),
 				confirmLabel: a(d, "files.storage.quota.upgrade", "View Billing"),
@@ -1004,57 +999,58 @@ function d() {
 				},
 				onCancel: () => It(!1)
 			}),
-			zt && L && /* @__PURE__ */ c(je, {
-				item: L.item,
-				type: L.type,
+			zt && z && /* @__PURE__ */ c(Pe, {
+				item: z.item,
+				type: z.type,
 				onClose: () => {
-					F(!1), R(null);
+					R(!1), Wt(null);
 				},
-				onMove: Bn,
-				isLoading: sn.isPending || cn.isPending
+				onMove: Wn,
+				isLoading: dn.isPending || fn.isPending
 			}),
-			Bt && z && /* @__PURE__ */ c(Me, {
-				item: z.item,
-				type: z.type,
+			Bt && B && /* @__PURE__ */ c(Fe, {
+				item: B.item,
+				type: B.type,
 				onClose: () => {
-					Vt(!1), Ut(null);
+					Vt(!1), Gt(null);
 				},
-				onCopy: Vn,
-				isLoading: on.isPending
+				onCopy: Gn,
+				isLoading: un.isPending
 			}),
-			y && /* @__PURE__ */ c(Ee, {
-				file: y,
+			S && /* @__PURE__ */ c(ke, {
+				file: S,
 				onClose: () => At(null),
 				onDownload: () => {
-					ze(y.downloadUrl || y.url);
+					let e = S.downloadUrl || S.url;
+					e && He(e);
 				},
-				onShare: _ === "bin" ? void 0 : () => {
-					I(y), P(!0);
+				onShare: v === "bin" ? void 0 : () => {
+					Ut(S), L(!0);
 				},
-				onStar: _ === "bin" ? void 0 : () => En(y),
-				onDelete: () => _ === "bin" ? Tn(y) : Cn(y)
+				onStar: v === "bin" ? void 0 : () => An(S),
+				onDelete: () => v === "bin" ? kn(S) : Dn(S)
 			}),
-			Ot && /* @__PURE__ */ c(De, {
+			Ot && /* @__PURE__ */ c(Ae, {
 				item: Ot.item,
 				type: Ot.type,
 				onClose: () => kt(null)
 			}),
-			/* @__PURE__ */ c(Pe, {
-				items: Gt,
-				isOpen: Kt,
-				onClose: () => qt(!1),
-				onPause: fn,
-				onResume: pn,
-				onRetry: mn,
-				onCancel: hn
+			/* @__PURE__ */ c(Le, {
+				items: qt,
+				isOpen: Jt,
+				onClose: () => Xt(!1),
+				onPause: gn,
+				onResume: _n,
+				onRetry: vn,
+				onCancel: yn
 			}),
-			/* @__PURE__ */ c(ke, {
-				toasts: b.toasts,
-				onClose: b.removeToast
+			/* @__PURE__ */ c(Me, {
+				toasts: C.toasts,
+				onClose: C.removeToast
 			}),
-			!O && E.length === 0 && D.length === 0 && /* @__PURE__ */ c("div", {
+			!j && k.length === 0 && A.length === 0 && /* @__PURE__ */ c("div", {
 				className: "px-6 py-12",
-				children: v ? /* @__PURE__ */ c(st, {
+				children: x ? /* @__PURE__ */ c(ut, {
 					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"),
@@ -1065,10 +1061,10 @@ function d() {
 						},
 						children: a(d, "files.browser.search.clear", "Clear search")
 					})
-				}) : /* @__PURE__ */ c(Oe, {
-					type: _,
-					onUpload: _ === "all" ? un : void 0,
-					onNewFolder: _ === "all" ? _n : void 0
+				}) : /* @__PURE__ */ c(je, {
+					type: v,
+					onUpload: v === "all" ? mn : void 0,
+					onNewFolder: v === "all" ? xn : void 0
 				})
 			})
 		]