@burdenoff/microfe-files 2026.525.3 → 2026.527.2

package/dist/files/pages/BrowserPage.js

@@ -39,29 +39,30 @@ import { MoveDialog as Ae } from "../components/MoveDialog.js";
 import { CopyDialog as je } from "../components/CopyDialog.js";
 import { ConfirmDialog as Me } from "../components/ConfirmDialog.js";
 import { UploadQueue as Ne } from "../components/UploadQueue.js";
-import { nativeImpact as Pe, nativeNotify as Fe, nativeOpenUrl as Ie } from "../../utils/nativeBridge.js";
-import { emitFilesEvent as Le } from "../utils/events.js";
-import { useEffect as Re, useMemo as ze, useState as o } from "react";
-import { FolderPlus as Be, FolderUp as Ve, FolderX as He, Grid3x3 as Ue, Home as We, List as Ge, Loader2 as s, Search as Ke, Trash2 as qe, Upload as Je, X as Ye } from "lucide-react";
-import { useFeatureFlagDetails as Xe } from "@burdenoff/fe-libs/shared/feature-flags";
+import { isQuotaExhaustedError as Pe } from "../utils/quotaUtils.js";
+import { nativeImpact as Fe, nativeNotify as Ie, nativeOpenUrl as Le } from "../../utils/nativeBridge.js";
+import { emitFilesEvent as Re } from "../utils/events.js";
+import { useEffect as ze, useMemo as Be, useState as o } from "react";
+import { FolderPlus as Ve, FolderUp as He, FolderX as Ue, Grid3x3 as We, Home as Ge, List as Ke, Loader2 as s, Search as qe, Trash2 as Je, Upload as Ye, X as Xe } from "lucide-react";
+import { useFeatureFlagDetails as Ze } from "@burdenoff/fe-libs/shared/feature-flags";
 import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { useNavigate as Ze, useParams as Qe } from "react-router-dom";
-import { useI18n as $e } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as Qe, useParams as $e } from "react-router-dom";
+import { useI18n as et } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/files/pages/BrowserPage.tsx
 function d() {
-	let { t: d } = $e(), { folderId: f } = Qe(), et = Ze(), tt = e(), { workspaceId: p } = tt, { viewMode: nt, setViewMode: rt, breadcrumbs: it, selectedFiles: m, selectedFolders: h, clearSelection: g } = t(), [_, at] = o("all"), ot = Xe("files.starred"), st = Xe("files.bin"), ct = ot ? !!ot.value : !1, lt = st ? !!st.value : !1, ut = ze(() => {
+	let { t: d } = et(), { folderId: f } = $e(), p = Qe(), tt = e(), { workspaceId: m } = tt, { viewMode: nt, setViewMode: rt, breadcrumbs: it, selectedFiles: h, selectedFolders: g, clearSelection: _ } = t(), [v, at] = o("all"), ot = Ze("files.starred"), st = Ze("files.bin"), ct = ot ? !!ot.value : !1, lt = st ? !!st.value : !1, ut = Be(() => {
 		let e = ["all", "recent"];
 		return ct && e.push("starred"), lt && e.push("bin"), e;
 	}, [ct, lt]);
-	Re(() => {
-		ut.includes(_) || at("all");
-	}, [ut, _]);
-	let [v, dt] = o(""), [ft, pt] = o(), y = v.trim().length >= 2, [mt, ht] = o(null), [b, gt] = o(null), x = be(), S = r({
+	ze(() => {
+		ut.includes(v) || at("all");
+	}, [ut, v]);
+	let [dt, ft] = o(""), [pt, mt] = o(), y = dt.trim().length >= 2, [ht, gt] = o(null), [b, _t] = o(null), x = be(), S = r({
 		folderId: f || void 0,
 		pageSize: 100,
-		skip: _ !== "all" || y
-	}), C = i({ skip: _ !== "recent" || y }), w = ee({ skip: _ !== "starred" || y || !ct }), T = te({ skip: _ !== "bin" || y || !lt }), E = ye(v, y, ft);
-	Re(() => {
+		skip: v !== "all" || y
+	}), C = i({ skip: v !== "recent" || y }), w = ee({ skip: v !== "starred" || y || !ct }), T = te({ skip: v !== "bin" || y || !lt }), E = ye(dt, y, pt);
+	ze(() => {
 		if (f && S.data?.folderPath && S.data?.currentFolder) {
 			let e = S.data.folderPath.folders || [], n = S.data.currentFolder, r = [...e.map((e) => ({
 				id: e.id,
@@ -75,7 +76,7 @@ function d() {
 	}, [f, S.data]);
 	let D = [], O = [], k = !1, A = null, j = !1;
 	if (y && E.data) D = E.data.files || [], O = E.data.folders || [], k = E.isLoading, A = E.error;
-	else switch (_) {
+	else switch (v) {
 		case "all":
 			D = S.data?.filesList?.files || [], O = S.data?.foldersList?.folders || [], k = S.loading, A = S.error || null, j = !1;
 			break;
@@ -89,27 +90,27 @@ function d() {
 			D = T.files, O = T.folders, k = T.isLoading, A = T.error || null, j = !0;
 			break;
 	}
-	let _t = _ === "all" ? (S.data?.filesList?.total ?? D.length) + (S.data?.foldersList?.total ?? O.length) : null, M = m.size + h.size, [vt, yt] = o(!1), [bt, N] = o(!1), [xt, P] = o(!1), [St, F] = o(!1), [Ct, wt] = o(!1), [Tt, I] = o(null), [L, R] = o(null), [z, Et] = o(null), [B, V] = o(null), [H, U] = o(""), [W, G] = o(""), [Dt, K] = o(!1), [Ot, q] = o([]), [kt, J] = o(!1), [Y, X] = o(null), Z = (e, t) => {
-		Le(tt, e, t);
-	}, At = async () => {
-		if (!Y || Y.loading) return;
-		let e = Y.onConfirm;
-		X({
-			...Y,
+	let vt = v === "all" ? (S.data?.filesList?.total ?? D.length) + (S.data?.foldersList?.total ?? O.length) : null, M = h.size + g.size, [yt, N] = o(!1), [bt, xt] = o(!1), [St, P] = o(!1), [Ct, F] = o(!1), [wt, I] = o(!1), [Tt, Et] = o(!1), [Dt, L] = o(null), [R, z] = o(null), [B, Ot] = o(null), [V, H] = o(null), [U, W] = o(""), [G, K] = o(""), [kt, q] = o(!1), [At, J] = o([]), [jt, Y] = o(!1), [X, Z] = o(null), Q = (e, t) => {
+		Re(tt, e, t);
+	}, Mt = async () => {
+		if (!X || X.loading) return;
+		let e = X.onConfirm;
+		Z({
+			...X,
 			loading: !0
 		});
 		try {
-			await e(), X(null);
+			await e(), Z(null);
 		} catch (e) {
-			Z("files.api.failed", {
+			Q("files.api.failed", {
 				action: "confirmDialog",
 				message: e instanceof Error ? e.message : "Confirmed action failed"
-			}), X((e) => e && {
+			}), Z((e) => e && {
 				...e,
 				loading: !1
 			});
 		}
-	}, Q = ne(), jt = re(), Mt = ie(), Nt = ae(), Pt = oe(), Ft = se(), It = ce(), Lt = le(), Rt = ue(), zt = de(), Bt = fe(), Vt = pe(), Ht = me(), Ut = he(), Wt = ge(), Gt = _e(), Kt = ve(), qt = () => {
+	}, $ = ne(), Nt = re(), Pt = ie(), Ft = ae(), It = oe(), Lt = se(), Rt = ce(), zt = le(), Bt = ue(), Vt = de(), Ht = fe(), Ut = pe(), Wt = me(), Gt = he(), Kt = ge(), qt = _e(), Jt = ve(), Yt = () => {
 		let e = document.createElement("input");
 		e.type = "file", e.multiple = !0, e.onchange = async (e) => {
 			let t = e.target.files;
@@ -125,21 +126,21 @@ function d() {
 						thumbnailUrl: n ?? void 0
 					};
 				}));
-				q((t) => [...t, ...e]), J(!0), K(!0);
-				for (let t of e) await $(t);
-				K(!1);
+				J((t) => [...t, ...e]), Y(!0), q(!0);
+				for (let t of e) await Xt(t);
+				q(!1);
 			}
 		}, e.click();
-	}, $ = async (e) => {
+	}, Xt = async (e) => {
 		let t = (t) => {
-			q((n) => n.map((n) => n.id === e.id ? {
+			J((n) => n.map((n) => n.id === e.id ? {
 				...n,
 				...t
 			} : n));
 		};
 		t({ status: "uploading" });
 		try {
-			let n = await jt.mutateAsync({
+			let n = await Nt.mutateAsync({
 				file: e.file,
 				folderId: e.folderId,
 				onProgress: (e) => {
@@ -149,7 +150,7 @@ function d() {
 			t({
 				status: "completed",
 				progress: 100
-			}), Z("files.file.uploaded", {
+			}), Q("files.file.uploaded", {
 				fileId: n.id,
 				fileName: n.name,
 				folderId: e.folderId
@@ -162,35 +163,35 @@ function d() {
 			}), x.error(a(d, "files.upload.errors.quotaExceeded", "Storage quota exceeded. Please upgrade your plan or delete files."))) : (t({
 				status: "failed",
 				error: r
-			}), Z("files.api.failed", {
+			}), Q("files.api.failed", {
 				action: "uploadFile",
 				fileName: e.file.name,
 				message: r
 			}));
 		}
-	}, Jt = (e) => {
-		jt.pause(), q((t) => t.map((t) => t.id === e ? {
+	}, Zt = (e) => {
+		Nt.pause(), J((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "paused"
 		} : t));
-	}, Yt = (e) => {
-		let t = Ot.find((t) => t.id === e);
-		t && $(t);
-	}, Xt = (e) => {
-		let t = Ot.find((t) => t.id === e);
-		t && (q((t) => t.map((t) => t.id === e ? {
+	}, Qt = (e) => {
+		let t = At.find((t) => t.id === e);
+		t && Xt(t);
+	}, $t = (e) => {
+		let t = At.find((t) => t.id === e);
+		t && (J((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "pending",
 			progress: 0,
 			error: void 0
-		} : t)), $(t));
-	}, Zt = (e) => {
-		q((t) => {
+		} : t)), Xt(t));
+	}, en = (e) => {
+		J((t) => {
 			let n = t.filter((t) => t.id !== e);
-			return n.length === 0 && (J(!1), K(!1)), n;
+			return n.length === 0 && (Y(!1), q(!1)), n;
 		});
-	}, Qt = () => {
-		if (!p) {
+	}, tn = () => {
+		if (!m) {
 			x.error(a(d, "files.workspace.errors.notSelected", "Workspace not selected"));
 			return;
 		}
@@ -209,11 +210,11 @@ function d() {
 					let t = e.split("/"), r = "", i = f || void 0;
 					for (let e of t) if (r = r ? `${r}/${e}` : e, n.has(r)) i = n.get(r);
 					else try {
-						let t = await Q.mutateAsync({
+						let { data: t } = await $.mutateAsync({
 							name: e,
 							parentFolderId: i
 						});
-						n.set(r, t.id), i = t.id;
+						t?.id && (n.set(r, t.id), i = t.id);
 					} catch {}
 				}
 				let i = [], ee = 0;
@@ -231,38 +232,41 @@ function d() {
 						});
 					}
 				}
-				q((e) => [...e, ...i]), J(!0), K(!0);
-				for (let e of i) await $(e);
-				K(!1), x.success(a(d, "files.upload.folder.success", "Uploaded {{count}} file{{plural}} from folder", {
+				J((e) => [...e, ...i]), Y(!0), q(!0);
+				for (let e of i) await Xt(e);
+				q(!1), x.success(a(d, "files.upload.folder.success", "Uploaded {{count}} file{{plural}} from folder", {
 					count: i.length,
 					plural: i.length > 1 ? "s" : ""
 				}));
 			}
 		}, e.click();
-	}, $t = () => {
-		yt(!0);
-	}, en = async () => {
-		if (W.trim() && p) try {
-			await Q.mutateAsync({
-				name: W,
-				parentFolderId: f
-			}), G(""), yt(!1), Z("files.folder.created", {
-				folderName: W,
+	}, nn = () => {
+		N(!0);
+	}, rn = async () => {
+		if (G.trim() && m) {
+			let { data: e, error: t } = await $.mutateAsync({
+				name: G,
 				parentFolderId: f
 			});
-		} catch (e) {
-			x.error(e instanceof Error ? e.message : a(d, "files.folder.errors.createFailed", "Folder creation failed")), Z("files.api.failed", {
-				action: "createFolder",
-				message: e instanceof Error ? e.message : "Folder creation failed"
-			});
+			if (t) {
+				Pe(t) ? (N(!1), K(""), xt(!0)) : (x.error(t instanceof Error ? t.message : a(d, "files.folder.errors.createFailed", "Folder creation failed")), Q("files.api.failed", {
+					action: "createFolder",
+					message: t instanceof Error ? t.message : "Folder creation failed"
+				}));
+				return;
+			}
+			e && (K(""), N(!1), Q("files.folder.created", {
+				folderName: G,
+				parentFolderId: f
+			}));
 		}
-	}, tn = (e) => {
-		gt(e);
-	}, nn = (e) => {
-		I(e), P(!0);
-	}, rn = (e) => {
-		I(e), P(!0);
-	}, an = async (e) => {
+	}, an = (e) => {
+		_t(e);
+	}, on = (e) => {
+		L(e), F(!0);
+	}, sn = (e) => {
+		L(e), F(!0);
+	}, cn = 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) {
@@ -275,7 +279,7 @@ function d() {
 				shareType: t,
 				accessLevel: "DOWNLOAD"
 			};
-			n = (await Vt.mutateAsync(r))?.token ?? "", Z("files.share.created", {
+			n = (await Ut.mutateAsync(r))?.token ?? "", Q("files.share.created", {
 				entityType: "file",
 				fileId: e.fileId,
 				shareType: t
@@ -290,7 +294,7 @@ function d() {
 				shareType: t,
 				accessLevel: "DOWNLOAD"
 			};
-			n = (await Ht.mutateAsync(r))?.createFolderShare?.token ?? "", Z("files.share.created", {
+			n = (await Wt.mutateAsync(r))?.createFolderShare?.token ?? "", Q("files.share.created", {
 				entityType: "folder",
 				folderId: e.folderId,
 				shareType: t
@@ -300,21 +304,21 @@ function d() {
 			publicUrl: n ? `${window.location.origin}/files/share/${n}` : "",
 			token: n
 		};
-	}, on = async (e) => {
-		Pe("medium"), X({
+	}, ln = async (e) => {
+		Fe("medium"), Z({
 			title: a(d, "files.confirm.deleteFile.title", "Delete file"),
 			description: a(d, "files.confirm.deleteFile.description", "Move \"{{name}}\" to the bin?", { name: e.name }),
 			confirmLabel: a(d, "files.common.actions.delete", "Delete"),
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await Mt.mutateAsync({ id: e.id }), Fe("success"), x.success(a(d, "files.file.delete.success", "\"{{name}}\" moved to bin", { name: e.name })), Z("files.file.deleted", {
+					await Pt.mutateAsync({ id: e.id }), Ie("success"), x.success(a(d, "files.file.delete.success", "\"{{name}}\" moved to bin", { name: e.name })), Q("files.file.deleted", {
 						fileId: e.id,
 						fileName: e.name,
 						permanent: !1
 					});
 				} catch (t) {
-					x.error(t instanceof Error ? t.message : a(d, "files.file.errors.deleteFailed", "Failed to delete \"{{name}}\"", { name: e.name })), Fe("error"), Z("files.api.failed", {
+					x.error(t instanceof Error ? t.message : a(d, "files.file.errors.deleteFailed", "Failed to delete \"{{name}}\"", { name: e.name })), Ie("error"), Q("files.api.failed", {
 						action: "deleteFile",
 						fileId: e.id,
 						message: t instanceof Error ? t.message : "Failed to delete file"
@@ -322,24 +326,24 @@ function d() {
 				}
 			}
 		});
-	}, sn = async (e) => {
+	}, un = async (e) => {
 		try {
-			await Pt.mutateAsync({ id: e.id }), x.success(a(d, "files.file.restore.success", "\"{{name}}\" restored", { name: e.name })), Z("files.file.restored", {
+			await It.mutateAsync({ id: e.id }), x.success(a(d, "files.file.restore.success", "\"{{name}}\" restored", { name: e.name })), Q("files.file.restored", {
 				fileId: e.id,
 				fileName: e.name
 			});
 		} catch (e) {
 			x.error(e instanceof Error ? e.message : a(d, "files.file.errors.restoreFailed", "Failed to restore file"));
 		}
-	}, cn = async (e) => {
-		Pe("heavy"), X({
+	}, dn = async (e) => {
+		Fe("heavy"), Z({
 			title: a(d, "files.confirm.permanentDeleteFile.title", "Permanently delete file"),
 			description: a(d, "files.confirm.permanentDeleteFile.description", "Permanently delete \"{{name}}\"? This cannot be undone.", { name: e.name }),
 			confirmLabel: a(d, "files.common.actions.deletePermanently", "Delete permanently"),
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await It.mutateAsync({ id: e.id }), x.success(a(d, "files.file.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), Z("files.file.deleted", {
+					await Rt.mutateAsync({ id: e.id }), x.success(a(d, "files.file.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), Q("files.file.deleted", {
 						fileId: e.id,
 						fileName: e.name,
 						permanent: !0
@@ -349,69 +353,69 @@ function d() {
 				}
 			}
 		});
-	}, ln = async (e) => {
+	}, fn = async (e) => {
 		try {
-			await Rt.mutateAsync({
+			await Bt.mutateAsync({
 				id: e.id,
 				type: "file"
-			}), Z("files.file.starred", {
+			}), Q("files.file.starred", {
 				fileId: e.id,
 				fileName: e.name,
 				starred: !e.starred
 			});
 		} catch {
-			x.error(a(d, "files.file.errors.starFailed", "Failed to update starred state")), Z("files.api.failed", {
+			x.error(a(d, "files.file.errors.starFailed", "Failed to update starred state")), Q("files.api.failed", {
 				action: "toggleFileStar",
 				fileId: e.id
 			});
 		}
-	}, un = (e) => {
-		V({
+	}, pn = (e) => {
+		H({
 			id: e.id,
 			name: e.name,
 			type: "file"
-		}), U(e.name), N(!0);
-	}, dn = async (e) => {
+		}), W(e.name), P(!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), x.success(a(d, "files.file.download.success", "Downloaded {{name}}", { name: e.name })), Z("files.file.downloaded", {
+			n.style.display = "none", n.href = t, n.download = e.name, n.rel = "noopener noreferrer", document.body.appendChild(n), n.click(), document.body.removeChild(n), x.success(a(d, "files.file.download.success", "Downloaded {{name}}", { name: e.name })), Q("files.file.downloaded", {
 				fileId: e.id,
 				fileName: e.name
 			});
 		} catch (e) {
 			x.error(e instanceof Error ? e.message : a(d, "files.file.errors.downloadFailed", "Failed to download file"));
 		}
-	}, fn = (e) => {
-		Et({
+	}, hn = (e) => {
+		Ot({
 			item: e,
 			type: "file"
-		}), wt(!0);
-	}, pn = (e) => {
-		R({
+		}), Et(!0);
+	}, gn = (e) => {
+		z({
 			item: e,
 			type: "file"
-		}), F(!0);
-	}, mn = (e) => {
-		ht({
+		}), I(!0);
+	}, _n = (e) => {
+		gt({
 			item: e,
 			type: "file"
 		});
-	}, hn = (e) => {
-		et(`/files/browse/${e.id}`);
-	}, gn = async (e) => {
-		Pe("medium"), X({
+	}, vn = (e) => {
+		p(`/files/browse/${e.id}`);
+	}, yn = async (e) => {
+		Fe("medium"), Z({
 			title: a(d, "files.confirm.deleteFolder.title", "Delete folder"),
 			description: a(d, "files.confirm.deleteFolder.description", "Move folder \"{{name}}\" and all its contents to the bin?", { name: e.name }),
 			confirmLabel: a(d, "files.common.actions.delete", "Delete"),
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await Nt.mutateAsync({
+					await Ft.mutateAsync({
 						id: e.id,
 						recursive: !0
-					}), x.success(a(d, "files.folder.delete.success", "\"{{name}}\" moved to bin", { name: e.name })), Z("files.folder.deleted", {
+					}), x.success(a(d, "files.folder.delete.success", "\"{{name}}\" moved to bin", { name: e.name })), Q("files.folder.deleted", {
 						folderId: e.id,
 						folderName: e.name,
 						permanent: !1
@@ -421,24 +425,24 @@ function d() {
 				}
 			}
 		});
-	}, _n = async (e) => {
+	}, bn = async (e) => {
 		try {
-			await Ft.mutateAsync({ id: e.id }), x.success(a(d, "files.folder.restore.success", "\"{{name}}\" restored", { name: e.name })), Z("files.folder.restored", {
+			await Lt.mutateAsync({ id: e.id }), x.success(a(d, "files.folder.restore.success", "\"{{name}}\" restored", { name: e.name })), Q("files.folder.restored", {
 				folderId: e.id,
 				folderName: e.name
 			});
 		} catch (e) {
 			x.error(e instanceof Error ? e.message : a(d, "files.folder.errors.restoreFailed", "Failed to restore folder"));
 		}
-	}, vn = async (e) => {
-		X({
+	}, xn = async (e) => {
+		Z({
 			title: a(d, "files.confirm.permanentDeleteFolder.title", "Permanently delete folder"),
 			description: a(d, "files.confirm.permanentDeleteFolder.description", "Permanently delete folder \"{{name}}\" and its contents? This cannot be undone.", { name: e.name }),
 			confirmLabel: a(d, "files.common.actions.deletePermanently", "Delete permanently"),
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await Lt.mutateAsync({ id: e.id }), x.success(a(d, "files.folder.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), Z("files.folder.deleted", {
+					await zt.mutateAsync({ id: e.id }), x.success(a(d, "files.folder.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), Q("files.folder.deleted", {
 						folderId: e.id,
 						folderName: e.name,
 						permanent: !0
@@ -448,105 +452,105 @@ function d() {
 				}
 			}
 		});
-	}, yn = (e) => {
-		V({
+	}, Sn = (e) => {
+		H({
 			id: e.id,
 			name: e.name,
 			type: "folder"
-		}), U(e.name), N(!0);
-	}, bn = (e) => {
-		R({
+		}), W(e.name), P(!0);
+	}, Cn = (e) => {
+		z({
 			item: e,
 			type: "folder"
-		}), F(!0);
-	}, xn = async (e) => {
+		}), I(!0);
+	}, wn = async (e) => {
 		try {
-			await Rt.mutateAsync({
+			await Bt.mutateAsync({
 				id: e.id,
 				type: "folder"
-			}), Z("files.folder.starred", {
+			}), Q("files.folder.starred", {
 				folderId: e.id,
 				folderName: e.name,
 				starred: !e.starred
 			});
 		} catch {
-			x.error(a(d, "files.folder.errors.starFailed", "Failed to update starred state")), Z("files.api.failed", {
+			x.error(a(d, "files.folder.errors.starFailed", "Failed to update starred state")), Q("files.api.failed", {
 				action: "toggleFolderStar",
 				folderId: e.id
 			});
 		}
-	}, Sn = (e) => {
-		ht({
+	}, Tn = (e) => {
+		gt({
 			item: e,
 			type: "folder"
 		});
-	}, Cn = async (e) => {
-		if (L) try {
-			L.type === "file" ? (await Wt.mutateAsync({
-				fileId: L.item.id,
+	}, En = async (e) => {
+		if (R) try {
+			R.type === "file" ? (await Kt.mutateAsync({
+				fileId: R.item.id,
 				targetFolderId: e || null
-			}), x.success(a(d, "files.file.move.success", "\"{{name}}\" moved", { name: L.item.name })), Z("files.file.moved", {
-				fileId: L.item.id,
-				fileName: L.item.name,
+			}), x.success(a(d, "files.file.move.success", "\"{{name}}\" moved", { name: R.item.name })), Q("files.file.moved", {
+				fileId: R.item.id,
+				fileName: R.item.name,
 				destinationFolderId: e
-			})) : (await Gt.mutateAsync({
-				folderId: L.item.id,
+			})) : (await qt.mutateAsync({
+				folderId: R.item.id,
 				targetParentFolderId: e
-			}), x.success(a(d, "files.folder.move.success", "\"{{name}}\" moved", { name: L.item.name })), Z("files.folder.moved", {
-				folderId: L.item.id,
-				folderName: L.item.name,
+			}), x.success(a(d, "files.folder.move.success", "\"{{name}}\" moved", { name: R.item.name })), Q("files.folder.moved", {
+				folderId: R.item.id,
+				folderName: R.item.name,
 				destinationFolderId: e
-			})), F(!1), R(null);
+			})), I(!1), z(null);
 		} catch (e) {
-			x.error(e instanceof Error ? e.message : a(d, "files.item.errors.moveFailed", "Failed to move \"{{name}}\"", { name: L.item.name })), Z("files.api.failed", {
-				action: L.type === "file" ? "moveFile" : "moveFolder",
-				itemId: L.item.id,
-				itemType: L.type,
+			x.error(e instanceof Error ? e.message : a(d, "files.item.errors.moveFailed", "Failed to move \"{{name}}\"", { name: R.item.name })), Q("files.api.failed", {
+				action: R.type === "file" ? "moveFile" : "moveFolder",
+				itemId: R.item.id,
+				itemType: R.type,
 				message: e instanceof Error ? e.message : void 0
 			});
 		}
-	}, wn = async (e, t) => {
-		if (z) try {
-			if (z.type !== "file") throw Error(a(d, "files.folder.errors.copyUnsupported", "Folder copy is not supported"));
-			await Ut.mutateAsync({
-				id: z.item.id,
-				newName: t || `Copy of ${z.item.name}`,
+	}, Dn = async (e, t) => {
+		if (B) try {
+			if (B.type !== "file") throw Error(a(d, "files.folder.errors.copyUnsupported", "Folder copy is not supported"));
+			await Gt.mutateAsync({
+				id: B.item.id,
+				newName: t || `Copy of ${B.item.name}`,
 				targetFolderId: e || void 0
-			}), x.success(a(d, "files.file.copy.success", "\"{{name}}\" copied", { name: z.item.name })), Z("files.file.copied", {
-				fileId: z.item.id,
-				fileName: z.item.name,
+			}), x.success(a(d, "files.file.copy.success", "\"{{name}}\" copied", { name: B.item.name })), Q("files.file.copied", {
+				fileId: B.item.id,
+				fileName: B.item.name,
 				destinationFolderId: e
-			}), wt(!1), Et(null);
+			}), Et(!1), Ot(null);
 		} catch (e) {
-			x.error(e instanceof Error ? e.message : a(d, "files.file.errors.copyFailed", "Failed to copy \"{{name}}\"", { name: z.item.name })), Z("files.api.failed", {
+			x.error(e instanceof Error ? e.message : a(d, "files.file.errors.copyFailed", "Failed to copy \"{{name}}\"", { name: B.item.name })), Q("files.api.failed", {
 				action: "copyFile",
-				fileId: z.item.id,
+				fileId: B.item.id,
 				message: e instanceof Error ? e.message : void 0
 			});
 		}
-	}, Tn = async () => {
-		if (!(!B || !H.trim())) try {
-			let e = B.name, t = H.trim();
-			B.type === "file" ? (await zt.mutateAsync({
-				fileId: B.id,
+	}, On = async () => {
+		if (!(!V || !U.trim())) try {
+			let e = V.name, t = U.trim();
+			V.type === "file" ? (await Vt.mutateAsync({
+				fileId: V.id,
 				newName: t
-			}), x.success(a(d, "files.file.rename.success", "Renamed \"{{name}}\"", { name: t })), Z("files.file.renamed", {
-				fileId: B.id,
+			}), x.success(a(d, "files.file.rename.success", "Renamed \"{{name}}\"", { name: t })), Q("files.file.renamed", {
+				fileId: V.id,
 				previousName: e,
 				name: t
-			})) : (await Bt.mutateAsync({
-				folderId: B.id,
+			})) : (await Ht.mutateAsync({
+				folderId: V.id,
 				newName: t
-			}), x.success(a(d, "files.folder.rename.success", "Renamed \"{{name}}\"", { name: t })), Z("files.folder.renamed", {
-				folderId: B.id,
+			}), x.success(a(d, "files.folder.rename.success", "Renamed \"{{name}}\"", { name: t })), Q("files.folder.renamed", {
+				folderId: V.id,
 				previousName: e,
 				name: t
-			})), N(!1), V(null), U("");
+			})), P(!1), H(null), W("");
 		} catch (e) {
-			x.error(e instanceof Error ? e.message : a(d, "files.item.errors.renameFailed", "Failed to rename {{type}}", { type: B.type })), Z("files.api.failed", {
-				action: B.type === "file" ? "renameFile" : "renameFolder",
-				itemId: B.id,
-				itemType: B.type,
+			x.error(e instanceof Error ? e.message : a(d, "files.item.errors.renameFailed", "Failed to rename {{type}}", { type: V.type })), Q("files.api.failed", {
+				action: V.type === "file" ? "renameFile" : "renameFolder",
+				itemId: V.id,
+				itemType: V.type,
 				message: e instanceof Error ? e.message : void 0
 			});
 		}
@@ -554,20 +558,20 @@ function d() {
 	return n({
 		files: D,
 		folders: O,
-		onFilePreview: tn,
-		onFileDelete: on,
-		onFolderOpen: hn,
-		onFolderDelete: gn,
-		activeTab: _
-	}), p === void 0 ? /* @__PURE__ */ u("div", {
+		onFilePreview: an,
+		onFileDelete: ln,
+		onFolderOpen: vn,
+		onFolderDelete: yn,
+		activeTab: v
+	}), m === void 0 ? /* @__PURE__ */ u("div", {
 		className: "flex flex-col items-center justify-center min-h-[60vh] gap-3 text-center px-6",
 		children: [/* @__PURE__ */ l(s, { className: "h-8 w-8 animate-spin text-text-tertiary" }), /* @__PURE__ */ l("p", {
 			className: "text-sm text-text-secondary max-w-md",
 			children: a(d, "files.browser.workspace.waiting", "Waiting for workspace context. If this persists, the app shell may not have provided a workspaceId to the Files module. Try reloading the page or switching workspaces.")
 		})]
-	}) : p === "" ? /* @__PURE__ */ u("div", {
+	}) : m === "" ? /* @__PURE__ */ u("div", {
 		className: "flex flex-col items-center justify-center min-h-[60vh] gap-3 text-center px-6",
-		children: [/* @__PURE__ */ l(He, { className: "h-8 w-8 text-text-tertiary" }), /* @__PURE__ */ l("p", {
+		children: [/* @__PURE__ */ l(Ue, { className: "h-8 w-8 text-text-tertiary" }), /* @__PURE__ */ l("p", {
 			className: "text-sm text-text-secondary max-w-md",
 			children: a(d, "files.browser.workspace.notSelected", "No workspace selected. Please select a workspace to view files.")
 		})]
@@ -581,10 +585,11 @@ function d() {
 					children: /* @__PURE__ */ u("div", {
 						className: "flex items-center gap-1 sm:gap-2 text-sm overflow-x-auto",
 						children: [/* @__PURE__ */ u("button", {
-							onClick: () => et("/files/browse"),
+							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__ */ l(We, { className: "size-4" }), /* @__PURE__ */ l("span", {
+							children: [/* @__PURE__ */ l(Ge, { className: "size-4" }), /* @__PURE__ */ l("span", {
 								className: "hidden sm:inline",
 								children: a(d, "files.browser.rootLabel", "My Drive")
 							})]
@@ -594,7 +599,8 @@ function d() {
 								className: "text-text-tertiary",
 								children: "/"
 							}), /* @__PURE__ */ l("button", {
-								onClick: () => et(`/files/browse/${e.id}`),
+								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 === it.length - 1 ? "text-text-primary font-medium" : "text-text-secondary"}`,
 								title: `Go to ${e.name}`,
 								children: e.name
@@ -604,7 +610,7 @@ function d() {
 				})
 			}),
 			/* @__PURE__ */ l(Ce, {
-				activeTab: _,
+				activeTab: v,
 				onTabChange: at,
 				tabs: ut
 			}),
@@ -619,10 +625,10 @@ function d() {
 								className: "relative w-full max-w-2xl",
 								children: /* @__PURE__ */ l(ke, {
 									onSearch: (e, t) => {
-										dt(e), pt(t);
+										ft(e), mt(t);
 									},
 									placeholder: a(d, "files.search.input.placeholder", "Search files and folders..."),
-									initialQuery: v,
+									initialQuery: dt,
 									showFilters: !0
 								})
 							})
@@ -630,6 +636,7 @@ function d() {
 							className: "flex items-center gap-2 order-1 sm:order-2 w-full sm:w-auto justify-between sm:justify-end",
 							children: [
 								!y && (D.length > 0 || O.length > 0) && /* @__PURE__ */ l("button", {
+									type: "button",
 									onClick: () => {
 										let e = D.map((e) => e.id), n = O.map((e) => e.id);
 										t.getState().selectAllFiles(e), n.forEach((e) => t.getState().selectFolder(e));
@@ -639,45 +646,50 @@ function d() {
 								}),
 								!y && /* @__PURE__ */ u(c, { children: [
 									/* @__PURE__ */ u("button", {
-										onClick: $t,
+										type: "button",
+										onClick: nn,
 										className: "flex items-center gap-1 sm:gap-2 px-2 sm:px-4 py-2 text-xs sm:text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-lg hover:bg-action-ghost-bg-hover hover:border-border-default transition-all duration-200 shadow-sm",
-										children: [/* @__PURE__ */ l(Be, { className: "size-4" }), /* @__PURE__ */ l("span", {
+										children: [/* @__PURE__ */ l(Ve, { className: "size-4" }), /* @__PURE__ */ l("span", {
 											className: "hidden sm:inline",
 											children: a(d, "files.browser.actions.newFolder", "New Folder")
 										})]
 									}),
 									/* @__PURE__ */ l("button", {
-										onClick: qt,
-										disabled: Dt,
+										type: "button",
+										onClick: Yt,
+										disabled: kt,
 										className: "flex items-center gap-1 sm:gap-2 px-2 sm:px-4 py-2 text-xs sm:text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-lg hover:bg-action-ghost-bg-hover hover:border-border-default transition-all duration-200 shadow-sm disabled:opacity-50 disabled:cursor-not-allowed",
-										children: Dt ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(s, { className: "size-4 animate-spin" }), /* @__PURE__ */ l("span", {
+										children: kt ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(s, { className: "size-4 animate-spin" }), /* @__PURE__ */ l("span", {
 											className: "hidden sm:inline",
 											children: a(d, "files.browser.upload.uploading", "Uploading...")
-										})] }) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(Je, { className: "size-4" }), /* @__PURE__ */ l("span", {
+										})] }) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(Ye, { className: "size-4" }), /* @__PURE__ */ l("span", {
 											className: "hidden sm:inline",
 											children: a(d, "files.browser.actions.uploadFiles", "Upload Files")
 										})] })
 									}),
 									/* @__PURE__ */ u("button", {
-										onClick: Qt,
-										disabled: Dt,
+										type: "button",
+										onClick: tn,
+										disabled: kt,
 										className: "hidden sm:flex items-center gap-2 px-4 py-2.5 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-lg hover:bg-action-ghost-bg-hover hover:border-border-default transition-all duration-200 shadow-sm disabled:opacity-50 disabled:cursor-not-allowed",
 										title: a(d, "files.browser.actions.uploadFolderTitle", "Upload entire folder with structure"),
-										children: [/* @__PURE__ */ l(Ve, { className: "size-4" }), a(d, "files.browser.actions.uploadFolder", "Upload Folder")]
+										children: [/* @__PURE__ */ l(He, { className: "size-4" }), a(d, "files.browser.actions.uploadFolder", "Upload Folder")]
 									})
 								] }),
 								/* @__PURE__ */ u("div", {
 									className: "flex items-center border border-border-default rounded-lg overflow-hidden",
 									children: [/* @__PURE__ */ l("button", {
+										type: "button",
 										onClick: () => rt("grid"),
 										className: `p-2 transition-colors duration-200 ${nt === "grid" ? "bg-bg-accent text-text-link" : "text-text-secondary hover:bg-action-ghost-bg-hover"}`,
 										"aria-label": a(d, "files.browser.view.grid", "Grid view"),
-										children: /* @__PURE__ */ l(Ue, { className: "size-5" })
+										children: /* @__PURE__ */ l(We, { className: "size-5" })
 									}), /* @__PURE__ */ l("button", {
+										type: "button",
 										onClick: () => rt("list"),
 										className: `p-2 transition-colors duration-200 ${nt === "list" ? "bg-bg-accent text-text-link" : "text-text-secondary hover:bg-action-ghost-bg-hover"}`,
 										"aria-label": a(d, "files.browser.view.list", "List view"),
-										children: /* @__PURE__ */ l(Ge, { className: "size-5" })
+										children: /* @__PURE__ */ l(Ke, { className: "size-5" })
 									})]
 								})
 							]
@@ -687,11 +699,12 @@ function d() {
 						className: "mt-3 flex items-center justify-between p-3 bg-status-success-bg-subtle rounded-lg border border-status-success-border transition-all duration-200",
 						children: [/* @__PURE__ */ u("span", {
 							className: "text-sm font-medium text-status-success-text",
-							children: [a(d, "files.browser.search.showingResults", "Showing search results for \"{{query}}\"", { query: v }), E.data && ` (${(E.data.files?.length || 0) + (E.data.folders?.length || 0)} items)`]
+							children: [a(d, "files.browser.search.showingResults", "Showing search results for \"{{query}}\"", { query: dt }), E.data && ` (${(E.data.files?.length || 0) + (E.data.folders?.length || 0)} items)`]
 						}), /* @__PURE__ */ u("button", {
-							onClick: () => dt(""),
+							type: "button",
+							onClick: () => ft(""),
 							className: "flex items-center gap-2 text-status-success-text hover:text-status-success-text/80 text-sm font-medium transition-colors duration-200",
-							children: [/* @__PURE__ */ l(Ye, { className: "size-4" }), a(d, "files.browser.search.clear", "Clear search")]
+							children: [/* @__PURE__ */ l(Xe, { className: "size-4" }), a(d, "files.browser.search.clear", "Clear search")]
 						})]
 					}),
 					M > 0 && /* @__PURE__ */ u("div", {
@@ -706,12 +719,13 @@ function d() {
 								})
 							}), /* @__PURE__ */ l("div", {
 								className: "flex items-center gap-2",
-								children: _ === "bin" ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("button", {
+								children: v === "bin" ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("button", {
+									type: "button",
 									onClick: async () => {
 										try {
-											for (let e of Array.from(m)) await Pt.mutateAsync({ id: e });
-											for (let e of Array.from(h)) await Ft.mutateAsync({ id: e });
-											g(), x.success(`${M} item${M > 1 ? "s" : ""} restored`);
+											for (let e of Array.from(h)) await It.mutateAsync({ id: e });
+											for (let e of Array.from(g)) await Lt.mutateAsync({ id: e });
+											_(), x.success(`${M} item${M > 1 ? "s" : ""} restored`);
 										} catch (e) {
 											x.error(e instanceof Error ? e.message : "Failed to restore some items");
 										}
@@ -719,8 +733,9 @@ function d() {
 									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",
 									children: a(d, "files.browser.selection.actions.restore", "Restore")
 								}), /* @__PURE__ */ u("button", {
+									type: "button",
 									onClick: async () => {
-										X({
+										Z({
 											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: M,
@@ -730,9 +745,9 @@ function d() {
 											variant: "danger",
 											onConfirm: async () => {
 												try {
-													for (let e of Array.from(m)) await It.mutateAsync({ id: e });
-													for (let e of Array.from(h)) await Lt.mutateAsync({ id: e });
-													g(), x.success(a(d, "files.bulk.permanentDelete.success", "{{count}} item{{plural}} deleted permanently", {
+													for (let e of Array.from(h)) await Rt.mutateAsync({ id: e });
+													for (let e of Array.from(g)) await zt.mutateAsync({ id: e });
+													_(), x.success(a(d, "files.bulk.permanentDelete.success", "{{count}} item{{plural}} deleted permanently", {
 														count: M,
 														plural: M > 1 ? "s" : ""
 													}));
@@ -743,10 +758,11 @@ 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__ */ l(qe, { className: "size-4" }), a(d, "files.browser.selection.actions.deletePermanently", "Delete permanently")]
+									children: [/* @__PURE__ */ l(Je, { className: "size-4" }), a(d, "files.browser.selection.actions.deletePermanently", "Delete permanently")]
 								})] }) : /* @__PURE__ */ u("button", {
+									type: "button",
 									onClick: async () => {
-										X({
+										Z({
 											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: M,
@@ -756,13 +772,13 @@ function d() {
 											variant: "danger",
 											onConfirm: async () => {
 												try {
-													let e = Array.from(m), t = Array.from(h);
-													e.length > 0 && await Kt.mutateAsync(e);
-													for (let e of t) await Nt.mutateAsync({
+													let e = Array.from(h), t = Array.from(g);
+													e.length > 0 && await Jt.mutateAsync(e);
+													for (let e of t) await Ft.mutateAsync({
 														id: e,
 														recursive: !0
 													});
-													g(), x.success(a(d, "files.bulk.delete.success", "{{count}} item{{plural}} moved to bin", {
+													_(), x.success(a(d, "files.bulk.delete.success", "{{count}} item{{plural}} moved to bin", {
 														count: M,
 														plural: M > 1 ? "s" : ""
 													}));
@@ -773,13 +789,14 @@ 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__ */ l(qe, { className: "size-4" }), a(d, "files.browser.selection.actions.delete", "Delete")]
+									children: [/* @__PURE__ */ l(Je, { className: "size-4" }), a(d, "files.browser.selection.actions.delete", "Delete")]
 								})
 							})]
 						}), /* @__PURE__ */ u("button", {
-							onClick: g,
+							type: "button",
+							onClick: _,
 							className: "flex items-center gap-2 text-text-link hover:text-action-primary-bg-hover text-sm font-medium transition-colors duration-200",
-							children: [/* @__PURE__ */ l(Ye, { className: "size-4" }), a(d, "files.common.actions.clear", "Clear")]
+							children: [/* @__PURE__ */ l(Xe, { className: "size-4" }), a(d, "files.common.actions.clear", "Clear")]
 						})]
 					})
 				]
@@ -792,30 +809,30 @@ function d() {
 					loading: k,
 					error: A,
 					preserveSortOrder: j,
-					onFilePreview: tn,
-					onFileShare: _ === "bin" ? void 0 : nn,
-					onFileDelete: _ === "bin" ? cn : on,
-					onFileRestore: _ === "bin" ? sn : void 0,
-					onFileFavorite: _ === "bin" ? void 0 : ln,
-					onFileRename: _ === "bin" ? void 0 : un,
-					onFileDownload: dn,
-					onFileCopy: _ === "bin" ? void 0 : fn,
-					onFileMove: _ === "bin" ? void 0 : pn,
-					onFileInfo: mn,
-					onFolderOpen: hn,
-					onFolderShare: _ === "bin" ? void 0 : rn,
-					onFolderDelete: _ === "bin" ? vn : gn,
-					onFolderRestore: _ === "bin" ? _n : void 0,
-					onFolderRename: _ === "bin" ? void 0 : yn,
-					onFolderFavorite: _ === "bin" ? void 0 : xn,
-					onFolderMove: _ === "bin" ? void 0 : bn,
-					onFolderInfo: Sn
+					onFilePreview: an,
+					onFileShare: v === "bin" ? void 0 : on,
+					onFileDelete: v === "bin" ? dn : ln,
+					onFileRestore: v === "bin" ? un : void 0,
+					onFileFavorite: v === "bin" ? void 0 : fn,
+					onFileRename: v === "bin" ? void 0 : pn,
+					onFileDownload: mn,
+					onFileCopy: v === "bin" ? void 0 : hn,
+					onFileMove: v === "bin" ? void 0 : gn,
+					onFileInfo: _n,
+					onFolderOpen: vn,
+					onFolderShare: v === "bin" ? void 0 : sn,
+					onFolderDelete: v === "bin" ? xn : yn,
+					onFolderRestore: v === "bin" ? bn : void 0,
+					onFolderRename: v === "bin" ? void 0 : Sn,
+					onFolderFavorite: v === "bin" ? void 0 : wn,
+					onFolderMove: v === "bin" ? void 0 : Cn,
+					onFolderInfo: Tn
 				}), !k && (D.length > 0 || O.length > 0) && /* @__PURE__ */ u("div", {
 					className: "mt-4 px-2 text-sm text-text-secondary",
-					children: [a(d, "files.browser.results.showingItems", "Showing {{count}} items", { count: D.length + O.length }), !y && _ === "all" && _t !== null && ` ${a(d, "files.browser.results.ofItems", "of {{count}} items", { count: _t })}`]
+					children: [a(d, "files.browser.results.showingItems", "Showing {{count}} items", { count: D.length + O.length }), !y && v === "all" && vt !== null && ` ${a(d, "files.browser.results.ofItems", "of {{count}} items", { count: vt })}`]
 				})]
 			}),
-			vt && /* @__PURE__ */ l("div", {
+			yt && /* @__PURE__ */ l("div", {
 				className: "fixed inset-0 backdrop-blur-sm flex items-center justify-center z-[100] animate-in fade-in duration-200",
 				role: "dialog",
 				"aria-modal": "true",
@@ -830,34 +847,35 @@ function d() {
 						}),
 						/* @__PURE__ */ l("input", {
 							type: "text",
-							value: W,
-							onChange: (e) => G(e.target.value),
+							value: G,
+							onChange: (e) => K(e.target.value),
 							onKeyDown: (e) => {
-								e.key === "Enter" && en(), e.key === "Escape" && (yt(!1), G(""));
+								e.key === "Enter" && rn(), e.key === "Escape" && (N(!1), K(""));
 							},
 							placeholder: a(d, "files.browser.newFolderDialog.placeholder", "Folder name"),
-							autoFocus: !0,
 							className: "w-full px-4 py-3 border-2 border-border-default rounded-lg focus:outline-none focus:border-action-primary-border text-sm transition-colors duration-200"
 						}),
 						/* @__PURE__ */ u("div", {
 							className: "flex justify-end gap-2 mt-6",
 							children: [/* @__PURE__ */ l("button", {
+								type: "button",
 								onClick: () => {
-									yt(!1), G("");
+									N(!1), K("");
 								},
 								className: "px-6 py-2.5 text-sm font-medium text-text-primary hover:bg-action-ghost-bg-hover rounded-lg transition-colors duration-200",
 								children: a(d, "files.common.actions.cancel", "Cancel")
 							}), /* @__PURE__ */ u("button", {
-								onClick: en,
-								disabled: !W.trim() || Q.isPending,
+								type: "button",
+								onClick: rn,
+								disabled: !G.trim() || $.isPending,
 								className: "px-6 py-2.5 text-sm font-medium text-text-inverse bg-action-primary-bg rounded-lg hover:bg-action-primary-bg-hover disabled:bg-bg-muted disabled:text-text-tertiary disabled:cursor-not-allowed transition-colors duration-200 flex items-center gap-2",
-								children: [Q.isPending && /* @__PURE__ */ l(s, { className: "size-4 animate-spin" }), Q.isPending ? a(d, "files.browser.newFolderDialog.actions.creating", "Creating...") : a(d, "files.common.actions.create", "Create")]
+								children: [$.isPending && /* @__PURE__ */ l(s, { className: "size-4 animate-spin" }), $.isPending ? a(d, "files.browser.newFolderDialog.actions.creating", "Creating...") : a(d, "files.common.actions.create", "Create")]
 							})]
 						})
 					]
 				})
 			}),
-			bt && B && /* @__PURE__ */ l("div", {
+			St && V && /* @__PURE__ */ l("div", {
 				className: "fixed inset-0 backdrop-blur-sm flex items-center justify-center z-[100] animate-in fade-in duration-200",
 				role: "dialog",
 				"aria-modal": "true",
@@ -868,101 +886,112 @@ function d() {
 						/* @__PURE__ */ l("h2", {
 							id: "files-rename-title",
 							className: "text-base font-semibold text-text-primary mb-4",
-							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__ */ l("input", {
 							type: "text",
-							value: H,
-							onChange: (e) => U(e.target.value),
+							value: U,
+							onChange: (e) => W(e.target.value),
 							onKeyDown: (e) => {
-								e.key === "Enter" && Tn(), e.key === "Escape" && (N(!1), V(null), U(""));
+								e.key === "Enter" && On(), e.key === "Escape" && (P(!1), H(null), W(""));
 							},
 							placeholder: a(d, "files.browser.renameDialog.placeholder", "New name"),
-							autoFocus: !0,
 							className: "w-full px-4 py-3 border-2 border-border-default rounded-lg focus:outline-none focus:border-action-primary-border text-sm transition-colors duration-200"
 						}),
 						/* @__PURE__ */ u("div", {
 							className: "flex justify-end gap-2 mt-6",
 							children: [/* @__PURE__ */ l("button", {
+								type: "button",
 								onClick: () => {
-									N(!1), V(null), U("");
+									P(!1), H(null), W("");
 								},
 								className: "px-6 py-2.5 text-sm font-medium text-text-primary hover:bg-action-ghost-bg-hover rounded-lg transition-colors duration-200",
 								children: a(d, "files.common.actions.cancel", "Cancel")
 							}), /* @__PURE__ */ u("button", {
-								onClick: Tn,
-								disabled: !H.trim() || H.trim() === B.name || zt.isPending || Bt.isPending,
+								type: "button",
+								onClick: On,
+								disabled: !U.trim() || U.trim() === V.name || Vt.isPending || Ht.isPending,
 								className: "px-6 py-2.5 text-sm font-medium text-text-inverse bg-action-primary-bg rounded-lg hover:bg-action-primary-bg-hover disabled:bg-bg-muted disabled:text-text-tertiary disabled:cursor-not-allowed transition-colors duration-200 flex items-center gap-2",
-								children: [(zt.isPending || Bt.isPending) && /* @__PURE__ */ l(s, { className: "size-4 animate-spin" }), zt.isPending || Bt.isPending ? a(d, "files.browser.renameDialog.actions.renaming", "Renaming...") : a(d, "files.common.actions.rename", "Rename")]
+								children: [(Vt.isPending || Ht.isPending) && /* @__PURE__ */ l(s, { className: "size-4 animate-spin" }), Vt.isPending || Ht.isPending ? a(d, "files.browser.renameDialog.actions.renaming", "Renaming...") : a(d, "files.common.actions.rename", "Rename")]
 							})]
 						})
 					]
 				})
 			}),
-			xt && Tt && /* @__PURE__ */ l(we, {
-				item: Tt,
-				itemType: "mimeType" in Tt ? "file" : "folder",
+			Ct && Dt && /* @__PURE__ */ l(we, {
+				item: Dt,
+				itemType: "mimeType" in Dt ? "file" : "folder",
 				onClose: () => {
-					P(!1), I(null);
+					F(!1), L(null);
 				},
-				onCreateShare: an,
-				isLoading: Vt.isPending
+				onCreateShare: cn,
+				isLoading: Ut.isPending
 			}),
-			Y && /* @__PURE__ */ l(Me, {
-				title: Y.title,
-				description: Y.description,
-				confirmLabel: Y.confirmLabel,
+			X && /* @__PURE__ */ l(Me, {
+				title: X.title,
+				description: X.description,
+				confirmLabel: X.confirmLabel,
 				cancelLabel: a(d, "files.common.actions.cancel", "Cancel"),
-				variant: Y.variant,
-				loading: Y.loading,
-				onConfirm: At,
+				variant: X.variant,
+				loading: X.loading,
+				onConfirm: Mt,
 				onCancel: () => {
-					Y.loading || X(null);
+					X.loading || Z(null);
 				}
 			}),
-			St && L && /* @__PURE__ */ l(Ae, {
-				item: L.item,
-				type: L.type,
+			bt && /* @__PURE__ */ l(Me, {
+				title: a(d, "files.folder.quota.title", "Folder Limit Reached"),
+				description: a(d, "files.folder.quota.description", "You've reached the folder limit for your plan. Upgrade your plan or purchase an add-on to create more folders."),
+				confirmLabel: a(d, "files.folder.quota.upgrade", "View Billing"),
+				cancelLabel: a(d, "files.common.actions.dismiss", "Dismiss"),
+				onConfirm: () => {
+					xt(!1), p("/billing");
+				},
+				onCancel: () => xt(!1)
+			}),
+			wt && R && /* @__PURE__ */ l(Ae, {
+				item: R.item,
+				type: R.type,
 				onClose: () => {
-					F(!1), R(null);
+					I(!1), z(null);
 				},
-				onMove: Cn,
-				isLoading: Wt.isPending || Gt.isPending
+				onMove: En,
+				isLoading: Kt.isPending || qt.isPending
 			}),
-			Ct && z && /* @__PURE__ */ l(je, {
-				item: z.item,
-				type: z.type,
+			Tt && B && /* @__PURE__ */ l(je, {
+				item: B.item,
+				type: B.type,
 				onClose: () => {
-					wt(!1), Et(null);
+					Et(!1), Ot(null);
 				},
-				onCopy: wn,
-				isLoading: Ut.isPending
+				onCopy: Dn,
+				isLoading: Gt.isPending
 			}),
 			b && /* @__PURE__ */ l(Te, {
 				file: b,
-				onClose: () => gt(null),
+				onClose: () => _t(null),
 				onDownload: () => {
-					Ie(b.downloadUrl || b.url);
+					Le(b.downloadUrl || b.url);
 				},
-				onShare: _ === "bin" ? void 0 : () => {
-					I(b), P(!0);
+				onShare: v === "bin" ? void 0 : () => {
+					L(b), F(!0);
 				},
-				onStar: _ === "bin" ? void 0 : () => ln(b),
-				onDelete: () => _ === "bin" ? cn(b) : on(b)
+				onStar: v === "bin" ? void 0 : () => fn(b),
+				onDelete: () => v === "bin" ? dn(b) : ln(b)
 			}),
-			mt && /* @__PURE__ */ l(Ee, {
-				item: mt.item,
-				type: mt.type,
-				onClose: () => ht(null)
+			ht && /* @__PURE__ */ l(Ee, {
+				item: ht.item,
+				type: ht.type,
+				onClose: () => gt(null)
 			}),
 			/* @__PURE__ */ l(Ne, {
-				items: Ot,
-				isOpen: kt,
-				onClose: () => J(!1),
-				onPause: Jt,
-				onResume: Yt,
-				onRetry: Xt,
-				onCancel: Zt
+				items: At,
+				isOpen: jt,
+				onClose: () => Y(!1),
+				onPause: Zt,
+				onResume: Qt,
+				onRetry: $t,
+				onCancel: en
 			}),
 			/* @__PURE__ */ l(Oe, {
 				toasts: x.toasts,
@@ -975,7 +1004,7 @@ function d() {
 					children: [
 						/* @__PURE__ */ l("div", {
 							className: "inline-flex items-center justify-center size-16 bg-bg-muted rounded-full mb-4",
-							children: /* @__PURE__ */ l(Ke, { className: "size-8 text-text-tertiary" })
+							children: /* @__PURE__ */ l(qe, { className: "size-8 text-text-tertiary" })
 						}),
 						/* @__PURE__ */ l("h3", {
 							className: "text-lg font-medium text-text-primary mb-2",
@@ -986,17 +1015,18 @@ function d() {
 							children: a(d, "files.browser.empty.search.description", "Try adjusting your search query or filters")
 						}),
 						/* @__PURE__ */ l("button", {
+							type: "button",
 							onClick: () => {
-								dt(""), pt(void 0);
+								ft(""), mt(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")
 						})
 					]
 				}) : /* @__PURE__ */ l(De, {
-					type: _,
-					onUpload: _ === "all" ? qt : void 0,
-					onNewFolder: _ === "all" ? $t : void 0
+					type: v,
+					onUpload: v === "all" ? Yt : void 0,
+					onNewFolder: v === "all" ? nn : void 0
 				})
 			})
 		]