@burdenoff/microfe-files 2026.1013.1 → 2026.1014.1

package/dist/files/pages/BrowserPage.js

@@ -52,23 +52,23 @@ import { useI18n as nt } from "@burdenoff/fe-libs/shared/providers/shell/I18nPro
 import { AuroraBackground as rt, Button as u, CTAOverflowMenu as it, EmphasisPanel as at, GradientText as ot, IllustratedEmptyState as st, Input as ct, NextSteps as lt, PagePurpose as ut, ResponsiveDialog as dt, ResponsiveDialogContent as ft, ResponsiveDialogFooter as pt, ResponsiveDialogHeader as mt, ResponsiveDialogTitle as ht } from "@burdenoff/fe-libs/ui";
 //#region src/files/pages/BrowserPage.tsx
 function d() {
-	let { t: d } = 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: _ } = t(), [v, y] = o("all"), xt = He(() => [
+	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(() => [
 		"all",
 		"recent",
 		"starred",
 		"bin"
 	], []);
 	Ve(() => {
-		xt.includes(v) || y("all");
-	}, [xt, v]);
-	let [b, St] = o(""), [Ct, wt] = o(), x = b.trim().length >= 2, [Tt, Et] = o(null), [S, Dt] = o(null), C = xe(), w = r({
+		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({
 		folderId: f || void 0,
 		pageSize: 100,
-		skip: v !== "all" || x
-	}), T = i({ skip: v !== "recent" || x }), E = ee({ skip: v !== "starred" || x }), D = te({ skip: v !== "bin" || x }), O = be(b, x, Ct);
+		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 && w.data?.folderPath && w.data?.currentFolder) {
-			let e = w.data.folderPath.folders || [], n = w.data.currentFolder, r = [...e.map((e) => ({
+		if (f && x.data?.folderPath && x.data?.currentFolder) {
+			let e = x.data.folderPath.folders || [], n = x.data.currentFolder, r = [...e.map((e) => ({
 				id: e.id,
 				name: e.name
 			})), {
@@ -77,24 +77,24 @@ function d() {
 			}];
 			t.getState().setBreadcrumbs(r);
 		} else t.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) {
+	}, [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 (_) {
 		case "all":
-			k = w.data?.filesList?.files || [], A = w.data?.foldersList?.folders || [], j = w.loading, M = w.error || null, N = !1;
+			E = x.data?.filesList?.files || [], D = x.data?.foldersList?.folders || [], O = x.loading, k = x.error || null, A = !1;
 			break;
 		case "recent":
-			k = T.files || [], A = T.folders || [], j = T.isLoading, M = T.error || null, N = !0;
+			E = S.files || [], D = S.folders || [], O = S.isLoading, k = S.error || null, A = !0;
 			break;
 		case "starred":
-			k = E.files, A = E.folders, j = E.isLoading, M = E.error || null, N = !0;
+			E = C.files, D = C.folders, O = C.isLoading, k = C.error || null, A = !0;
 			break;
 		case "bin":
-			k = D.files, A = D.folders, j = D.isLoading, M = D.error || null, N = !0;
+			E = w.files, D = w.folders, O = w.isLoading, k = w.error || null, A = !0;
 			break;
 	}
-	let Ot = v === "all" ? (w.data?.filesList?.total ?? k.length) + (w.data?.foldersList?.total ?? A.length) : null, P = h.size + g.size, [kt, F] = o(!1), [At, jt] = o(!1), [Mt, Nt] = o(!1), [Pt, I] = o(!1), [Ft, L] = o(!1), [It, Lt] = o(!1), [Rt, zt] = o(!1), [Bt, Vt] = o(null), [R, Ht] = 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) => {
+	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 () => {
 		if (!J || J.loading) return;
@@ -164,7 +164,7 @@ function d() {
 			r === "Upload paused" ? t({ status: "paused" }) : re(n) ? (t({
 				status: "failed",
 				error: a(d, "files.upload.errors.quotaExceeded", "Storage quota exceeded")
-			}), Nt(!0)) : (t({
+			}), It(!0)) : (t({
 				status: "failed",
 				error: r
 			}), X("files.api.failed", {
@@ -196,7 +196,7 @@ function d() {
 		});
 	}, gn = () => {
 		if (!m) {
-			C.error(a(d, "files.workspace.errors.notSelected", "Workspace not selected"));
+			b.error(a(d, "files.workspace.errors.notSelected", "Workspace not selected"));
 			return;
 		}
 		let e = document.createElement("input");
@@ -238,14 +238,14 @@ function d() {
 				}
 				q((e) => [...e, ...i]), qt(!0), K(!0);
 				for (let e of i) await dn(e);
-				K(!1), C.success(a(d, "files.upload.folder.success", "Uploaded {{count}} file{{plural}} from folder", {
+				K(!1), b.success(a(d, "files.upload.folder.success", "Uploaded {{count}} file{{plural}} from folder", {
 					count: i.length,
 					plural: i.length > 1 ? "s" : ""
 				}));
 			}
 		}, e.click();
 	}, _n = () => {
-		F(!0);
+		M(!0);
 	}, vn = async () => {
 		if (W.trim() && m) {
 			let { data: e, error: t } = await Z.mutateAsync({
@@ -253,23 +253,23 @@ function d() {
 				parentFolderId: f
 			});
 			if (t) {
-				re(t) ? (F(!1), G(""), jt(!0)) : (C.error(t instanceof Error ? t.message : a(d, "files.folder.errors.createFailed", "Folder creation failed")), X("files.api.failed", {
+				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", {
 					action: "createFolder",
 					message: t instanceof Error ? t.message : "Folder creation failed"
 				}));
 				return;
 			}
-			e && (G(""), F(!1), X("files.folder.created", {
+			e && (G(""), M(!1), X("files.folder.created", {
 				folderName: W,
 				parentFolderId: f
 			}));
 		}
 	}, yn = (e) => {
-		Dt(e);
+		At(e);
 	}, bn = (e) => {
-		Vt(e), L(!0);
+		I(e), P(!0);
 	}, xn = (e) => {
-		Vt(e), L(!0);
+		I(e), P(!0);
 	}, Sn = 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 = "";
@@ -316,13 +316,13 @@ function d() {
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await Xt.mutateAsync({ id: e.id }), Re("success"), C.success(a(d, "files.file.delete.success", "\"{{name}}\" moved to bin", { name: e.name })), X("files.file.deleted", {
+					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", {
 						fileId: e.id,
 						fileName: e.name,
 						permanent: !1
 					});
 				} catch (t) {
-					C.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", {
+					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", {
 						action: "deleteFile",
 						fileId: e.id,
 						message: t instanceof Error ? t.message : "Failed to delete file"
@@ -332,12 +332,12 @@ function d() {
 		});
 	}, wn = async (e) => {
 		try {
-			await Qt.mutateAsync({ id: e.id }), C.success(a(d, "files.file.restore.success", "\"{{name}}\" restored", { name: e.name })), X("files.file.restored", {
+			await Qt.mutateAsync({ id: e.id }), b.success(a(d, "files.file.restore.success", "\"{{name}}\" restored", { name: e.name })), X("files.file.restored", {
 				fileId: e.id,
 				fileName: e.name
 			});
 		} catch (e) {
-			C.error(e instanceof Error ? e.message : a(d, "files.file.errors.restoreFailed", "Failed to restore file"));
+			b.error(e instanceof Error ? e.message : a(d, "files.file.errors.restoreFailed", "Failed to restore file"));
 		}
 	}, Tn = async (e) => {
 		Le("heavy"), Y({
@@ -347,13 +347,13 @@ function d() {
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await en.mutateAsync({ id: e.id }), C.success(a(d, "files.file.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), X("files.file.deleted", {
+					await en.mutateAsync({ id: e.id }), b.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) {
-					C.error(e instanceof Error ? e.message : a(d, "files.file.errors.permanentDeleteFailed", "Failed to permanently delete file"));
+					b.error(e instanceof Error ? e.message : a(d, "files.file.errors.permanentDeleteFailed", "Failed to permanently delete file"));
 				}
 			}
 		});
@@ -368,7 +368,7 @@ function d() {
 				starred: !e.starred
 			});
 		} catch {
-			C.error(a(d, "files.file.errors.starFailed", "Failed to update starred state")), X("files.api.failed", {
+			b.error(a(d, "files.file.errors.starFailed", "Failed to update starred state")), X("files.api.failed", {
 				action: "toggleFileStar",
 				fileId: e.id
 			});
@@ -378,31 +378,31 @@ function d() {
 			id: e.id,
 			name: e.name,
 			type: "file"
-		}), U(e.name), I(!0);
+		}), U(e.name), N(!0);
 	}, On = 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), C.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), b.success(a(d, "files.file.download.success", "Downloaded {{name}}", { name: e.name })), X("files.file.downloaded", {
 				fileId: e.id,
 				fileName: e.name
 			});
 		} catch (e) {
-			C.error(e instanceof Error ? e.message : a(d, "files.file.errors.downloadFailed", "Failed to download file"));
+			b.error(e instanceof Error ? e.message : a(d, "files.file.errors.downloadFailed", "Failed to download file"));
 		}
 	}, kn = (e) => {
 		Ut({
 			item: e,
 			type: "file"
-		}), zt(!0);
+		}), Vt(!0);
 	}, An = (e) => {
-		Ht({
+		R({
 			item: e,
 			type: "file"
-		}), Lt(!0);
+		}), F(!0);
 	}, jn = (e) => {
-		Et({
+		kt({
 			item: e,
 			type: "file"
 		});
@@ -419,24 +419,24 @@ function d() {
 					await Zt.mutateAsync({
 						id: e.id,
 						recursive: !0
-					}), C.success(a(d, "files.folder.delete.success", "\"{{name}}\" moved to bin", { name: e.name })), X("files.folder.deleted", {
+					}), b.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) {
-					C.error(e instanceof Error ? e.message : a(d, "files.folder.errors.deleteFailed", "Failed to delete folder"));
+					b.error(e instanceof Error ? e.message : a(d, "files.folder.errors.deleteFailed", "Failed to delete folder"));
 				}
 			}
 		});
 	}, Pn = async (e) => {
 		try {
-			await $t.mutateAsync({ id: e.id }), C.success(a(d, "files.folder.restore.success", "\"{{name}}\" restored", { name: e.name })), X("files.folder.restored", {
+			await $t.mutateAsync({ id: e.id }), b.success(a(d, "files.folder.restore.success", "\"{{name}}\" restored", { name: e.name })), X("files.folder.restored", {
 				folderId: e.id,
 				folderName: e.name
 			});
 		} catch (e) {
-			C.error(e instanceof Error ? e.message : a(d, "files.folder.errors.restoreFailed", "Failed to restore folder"));
+			b.error(e instanceof Error ? e.message : a(d, "files.folder.errors.restoreFailed", "Failed to restore folder"));
 		}
 	}, Fn = async (e) => {
 		Y({
@@ -446,13 +446,13 @@ function d() {
 			variant: "danger",
 			onConfirm: async () => {
 				try {
-					await tn.mutateAsync({ id: e.id }), C.success(a(d, "files.folder.permanentDelete.success", "\"{{name}}\" deleted permanently", { name: e.name })), X("files.folder.deleted", {
+					await tn.mutateAsync({ id: e.id }), b.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) {
-					C.error(e instanceof Error ? e.message : a(d, "files.folder.errors.permanentDeleteFailed", "Failed to permanently delete folder"));
+					b.error(e instanceof Error ? e.message : a(d, "files.folder.errors.permanentDeleteFailed", "Failed to permanently delete folder"));
 				}
 			}
 		});
@@ -461,12 +461,12 @@ function d() {
 			id: e.id,
 			name: e.name,
 			type: "folder"
-		}), U(e.name), I(!0);
+		}), U(e.name), N(!0);
 	}, Ln = (e) => {
-		Ht({
+		R({
 			item: e,
 			type: "folder"
-		}), Lt(!0);
+		}), F(!0);
 	}, Rn = async (e) => {
 		try {
 			await nn.mutateAsync({
@@ -478,38 +478,38 @@ function d() {
 				starred: !e.starred
 			});
 		} catch {
-			C.error(a(d, "files.folder.errors.starFailed", "Failed to update starred state")), X("files.api.failed", {
+			b.error(a(d, "files.folder.errors.starFailed", "Failed to update starred state")), X("files.api.failed", {
 				action: "toggleFolderStar",
 				folderId: e.id
 			});
 		}
 	}, zn = (e) => {
-		Et({
+		kt({
 			item: e,
 			type: "folder"
 		});
 	}, Bn = async (e) => {
-		if (R) try {
-			R.type === "file" ? (await sn.mutateAsync({
-				fileId: R.item.id,
+		if (L) try {
+			L.type === "file" ? (await sn.mutateAsync({
+				fileId: L.item.id,
 				targetFolderId: e || null
-			}), C.success(a(d, "files.file.move.success", "\"{{name}}\" moved", { name: R.item.name })), X("files.file.moved", {
-				fileId: R.item.id,
-				fileName: R.item.name,
+			}), 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,
 				destinationFolderId: e
 			})) : (await cn.mutateAsync({
-				folderId: R.item.id,
+				folderId: L.item.id,
 				targetParentFolderId: e
-			}), C.success(a(d, "files.folder.move.success", "\"{{name}}\" moved", { name: R.item.name })), X("files.folder.moved", {
-				folderId: R.item.id,
-				folderName: R.item.name,
+			}), 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,
 				destinationFolderId: e
-			})), Lt(!1), Ht(null);
+			})), F(!1), R(null);
 		} catch (e) {
-			C.error(e instanceof Error ? e.message : a(d, "files.item.errors.moveFailed", "Failed to move \"{{name}}\"", { name: R.item.name })), X("files.api.failed", {
-				action: R.type === "file" ? "moveFile" : "moveFolder",
-				itemId: R.item.id,
-				itemType: R.type,
+			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,
 				message: e instanceof Error ? e.message : void 0
 			});
 		}
@@ -520,13 +520,13 @@ function d() {
 				id: z.item.id,
 				newName: t || `Copy of ${z.item.name}`,
 				targetFolderId: e || void 0
-			}), C.success(a(d, "files.file.copy.success", "\"{{name}}\" copied", { name: z.item.name })), X("files.file.copied", {
+			}), 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,
 				destinationFolderId: e
-			}), zt(!1), Ut(null);
+			}), Vt(!1), Ut(null);
 		} catch (e) {
-			C.error(e instanceof Error ? e.message : a(d, "files.file.errors.copyFailed", "Failed to copy \"{{name}}\"", { name: z.item.name })), X("files.api.failed", {
+			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", {
 				action: "copyFile",
 				fileId: z.item.id,
 				message: e instanceof Error ? e.message : void 0
@@ -538,20 +538,20 @@ function d() {
 			B.type === "file" ? (await Q.mutateAsync({
 				fileId: B.id,
 				newName: t
-			}), C.success(a(d, "files.file.rename.success", "Renamed \"{{name}}\"", { name: t })), X("files.file.renamed", {
+			}), b.success(a(d, "files.file.rename.success", "Renamed \"{{name}}\"", { name: t })), X("files.file.renamed", {
 				fileId: B.id,
 				previousName: e,
 				name: t
 			})) : (await $.mutateAsync({
 				folderId: B.id,
 				newName: t
-			}), C.success(a(d, "files.folder.rename.success", "Renamed \"{{name}}\"", { name: t })), X("files.folder.renamed", {
+			}), b.success(a(d, "files.folder.rename.success", "Renamed \"{{name}}\"", { name: t })), X("files.folder.renamed", {
 				folderId: B.id,
 				previousName: e,
 				name: t
-			})), I(!1), V(null), U("");
+			})), N(!1), V(null), U("");
 		} catch (e) {
-			C.error(e instanceof Error ? e.message : a(d, "files.item.errors.renameFailed", "Failed to rename {{type}}", { type: B.type })), X("files.api.failed", {
+			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,
@@ -560,13 +560,13 @@ function d() {
 		}
 	};
 	return n({
-		files: k,
-		folders: A,
+		files: E,
+		folders: D,
 		onFilePreview: yn,
 		onFileDelete: Cn,
 		onFolderOpen: Mn,
 		onFolderDelete: Nn,
-		activeTab: v
+		activeTab: _
 	}), 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", {
@@ -625,7 +625,7 @@ function d() {
 					})
 				]
 			}),
-			!x && /* @__PURE__ */ c("div", {
+			!v && /* @__PURE__ */ c("div", {
 				className: "px-4 pt-3 sm:px-6",
 				children: /* @__PURE__ */ c(lt, {
 					storageKey: "files-browser",
@@ -650,14 +650,14 @@ function d() {
 							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: () => y("starred")
+							onClick: () => St("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: () => y("bin")
+							onClick: () => St("bin")
 						}
 					]
 				})
@@ -665,9 +665,9 @@ function d() {
 			/* @__PURE__ */ c("div", {
 				"data-tour": "files-tab-bar",
 				children: /* @__PURE__ */ c(we, {
-					activeTab: v,
-					onTabChange: y,
-					tabs: xt
+					activeTab: _,
+					onTabChange: St,
+					tabs: Ct
 				})
 			}),
 			/* @__PURE__ */ l("div", {
@@ -682,29 +682,32 @@ function d() {
 								className: "relative w-full max-w-2xl",
 								children: /* @__PURE__ */ c(Ae, {
 									onSearch: (e, t) => {
-										St(e), wt(t);
+										Tt(e), Dt(t);
 									},
 									placeholder: a(d, "files.search.input.placeholder", "Search files and folders..."),
-									initialQuery: b,
+									initialQuery: wt,
 									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: [!x && /* @__PURE__ */ c("div", {
+							children: [!v && /* @__PURE__ */ l("div", {
+								className: "flex items-center gap-2",
 								"data-tour": "files-upload-files-button",
-								children: /* @__PURE__ */ c(it, {
-									primary: {
-										label: Wt ? a(d, "files.browser.upload.uploading", "Uploading...") : a(d, "files.browser.actions.uploadFiles", "Upload Files"),
-										onSelect: un,
-										disabled: Wt,
-										icon: Wt ? /* @__PURE__ */ c(s, { className: "size-4 animate-spin" }) : /* @__PURE__ */ c(Ze, { className: "size-4" })
-									},
-									actions: [
+								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")]
+								}), /* @__PURE__ */ c("div", {
+									"data-tour": "files-more-actions-trigger",
+									children: /* @__PURE__ */ c(it, { actions: [
 										{
 											label: a(d, "files.browser.actions.newFolder", "New Folder"),
 											icon: /* @__PURE__ */ c(Ue, { className: "size-4" }),
-											onSelect: _n
+											onSelect: _n,
+											dataTour: "files-new-folder-button"
 										},
 										{
 											label: a(d, "files.browser.actions.uploadFolder", "Upload Folder"),
@@ -712,15 +715,15 @@ function d() {
 											onSelect: gn,
 											disabled: Wt
 										},
-										...k.length > 0 || A.length > 0 ? [{
+										...E.length > 0 || D.length > 0 ? [{
 											label: a(d, "files.browser.actions.selectAll", "Select All"),
 											onSelect: () => {
-												let e = k.map((e) => e.id), n = A.map((e) => e.id);
+												let e = E.map((e) => e.id), n = D.map((e) => e.id);
 												t.getState().selectAllFiles(e), n.forEach((e) => t.getState().selectFolder(e));
 											}
 										}] : []
-									]
-								})
+									] })
+								})]
 							}), /* @__PURE__ */ l("div", {
 								className: "flex items-center border border-border-seam rounded-lg overflow-hidden",
 								"data-tour": "files-view-mode-toggle",
@@ -740,37 +743,37 @@ function d() {
 							})]
 						})]
 					}),
-					x && /* @__PURE__ */ l("div", {
+					v && /* @__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: b }), O.data && ` (${(O.data.files?.length || 0) + (O.data.folders?.length || 0)} items)`]
+							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)`]
 						}), /* @__PURE__ */ l("button", {
 							type: "button",
-							onClick: () => St(""),
+							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")]
 						})]
 					}),
-					P > 0 && /* @__PURE__ */ l(at, {
+					j > 0 && /* @__PURE__ */ l(at, {
 						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: P,
-									suffix: P > 1 ? "s" : ""
+									count: j,
+									suffix: j > 1 ? "s" : ""
 								})
 							}), /* @__PURE__ */ c("div", {
 								className: "flex items-center gap-2",
-								children: v === "bin" ? /* @__PURE__ */ l($e, { children: [/* @__PURE__ */ c("button", {
+								children: _ === "bin" ? /* @__PURE__ */ l($e, { children: [/* @__PURE__ */ c("button", {
 									type: "button",
 									onClick: async () => {
 										try {
-											await Promise.all([...Array.from(h).map((e) => Qt.mutateAsync({ id: e })), ...Array.from(g).map((e) => $t.mutateAsync({ id: e }))]), _(), C.success(`${P} item${P > 1 ? "s" : ""} restored`);
+											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`);
 										} catch (e) {
-											C.error(e instanceof Error ? e.message : "Failed to restore some items");
+											b.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",
@@ -781,19 +784,19 @@ 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: P,
-												plural: P > 1 ? "s" : ""
+												count: j,
+												plural: j > 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 }))]), _(), C.success(a(d, "files.bulk.permanentDelete.success", "{{count}} item{{plural}} deleted permanently", {
-														count: P,
-														plural: P > 1 ? "s" : ""
+													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" : ""
 													}));
 												} catch (e) {
-													C.error(e instanceof Error ? e.message : a(d, "files.bulk.errors.permanentDeleteFailed", "Failed to permanently delete some items"));
+													b.error(e instanceof Error ? e.message : a(d, "files.bulk.errors.permanentDeleteFailed", "Failed to permanently delete some items"));
 												}
 											}
 										});
@@ -806,8 +809,8 @@ function d() {
 										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: P,
-												plural: P > 1 ? "s" : ""
+												count: j,
+												plural: j > 1 ? "s" : ""
 											}),
 											confirmLabel: a(d, "files.common.actions.delete", "Delete"),
 											variant: "danger",
@@ -817,12 +820,12 @@ function d() {
 													e.length > 0 && await ln.mutateAsync(e), await Promise.all(t.map((e) => Zt.mutateAsync({
 														id: e,
 														recursive: !0
-													}))), _(), C.success(a(d, "files.bulk.delete.success", "{{count}} item{{plural}} moved to bin", {
-														count: P,
-														plural: P > 1 ? "s" : ""
+													}))), xt(), b.success(a(d, "files.bulk.delete.success", "{{count}} item{{plural}} moved to bin", {
+														count: j,
+														plural: j > 1 ? "s" : ""
 													}));
 												} catch (e) {
-													C.error(e instanceof Error ? e.message : a(d, "files.bulk.errors.deleteFailed", "Failed to delete some items"));
+													b.error(e instanceof Error ? e.message : a(d, "files.bulk.errors.deleteFailed", "Failed to delete some items"));
 												}
 											}
 										});
@@ -833,7 +836,7 @@ function d() {
 							})]
 						}), /* @__PURE__ */ l("button", {
 							type: "button",
-							onClick: _,
+							onClick: xt,
 							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")]
 						})]
@@ -848,38 +851,38 @@ function d() {
 				className: "px-2 sm:px-4 md:px-6 py-3 sm:py-4",
 				"data-tour": "files-browser-grid",
 				children: [/* @__PURE__ */ c(Ce, {
-					files: k,
-					folders: A,
-					loading: j,
-					error: M,
-					preserveSortOrder: N,
+					files: E,
+					folders: D,
+					loading: O,
+					error: k,
+					preserveSortOrder: A,
 					onFilePreview: yn,
-					onFileShare: v === "bin" ? void 0 : bn,
-					onFileDelete: v === "bin" ? Tn : Cn,
-					onFileRestore: v === "bin" ? wn : void 0,
-					onFileFavorite: v === "bin" ? void 0 : En,
-					onFileRename: v === "bin" ? void 0 : Dn,
+					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: v === "bin" ? void 0 : kn,
-					onFileMove: v === "bin" ? void 0 : An,
+					onFileCopy: _ === "bin" ? void 0 : kn,
+					onFileMove: _ === "bin" ? void 0 : An,
 					onFileInfo: jn,
 					onFolderOpen: Mn,
-					onFolderShare: v === "bin" ? void 0 : xn,
-					onFolderDelete: v === "bin" ? Fn : Nn,
-					onFolderRestore: v === "bin" ? Pn : void 0,
-					onFolderRename: v === "bin" ? void 0 : In,
-					onFolderFavorite: v === "bin" ? void 0 : Rn,
-					onFolderMove: v === "bin" ? void 0 : Ln,
+					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
-				}), !j && (k.length > 0 || A.length > 0) && /* @__PURE__ */ l("div", {
+				}), !O && (E.length > 0 || D.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: k.length + A.length }), !x && v === "all" && Ot !== null && ` ${a(d, "files.browser.results.ofItems", "of {{count}} items", { count: Ot })}`]
+					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 })}`]
 				})]
 			}),
-			kt && /* @__PURE__ */ c(dt, {
+			Mt && /* @__PURE__ */ c(dt, {
 				open: !0,
 				onOpenChange: (e) => {
-					!e && !Z.isPending && (F(!1), G(""));
+					!e && !Z.isPending && (M(!1), G(""));
 				},
 				children: /* @__PURE__ */ l(ft, {
 					className: "w-full max-w-xs",
@@ -906,7 +909,7 @@ function d() {
 							type: "button",
 							variant: "outline",
 							onClick: () => {
-								F(!1), G("");
+								M(!1), G("");
 							},
 							children: a(d, "files.common.actions.cancel", "Cancel")
 						}), /* @__PURE__ */ l(u, {
@@ -918,10 +921,10 @@ function d() {
 					]
 				})
 			}),
-			Pt && B && /* @__PURE__ */ c(dt, {
+			Lt && B && /* @__PURE__ */ c(dt, {
 				open: !0,
 				onOpenChange: (e) => {
-					!e && !Q.isPending && !$.isPending && (I(!1), V(null), U(""));
+					!e && !Q.isPending && !$.isPending && (N(!1), V(null), U(""));
 				},
 				children: /* @__PURE__ */ l(ft, {
 					className: "w-full max-w-xs",
@@ -948,7 +951,7 @@ function d() {
 							type: "button",
 							variant: "outline",
 							onClick: () => {
-								I(!1), V(null), U("");
+								N(!1), V(null), U("");
 							},
 							children: a(d, "files.common.actions.cancel", "Cancel")
 						}), /* @__PURE__ */ l(u, {
@@ -960,11 +963,11 @@ function d() {
 					]
 				})
 			}),
-			Ft && Bt && /* @__PURE__ */ c(Te, {
-				item: Bt,
-				itemType: "mimeType" in Bt ? "file" : "folder",
+			Rt && Ht && /* @__PURE__ */ c(Te, {
+				item: Ht,
+				itemType: "mimeType" in Ht ? "file" : "folder",
 				onClose: () => {
-					L(!1), Vt(null);
+					P(!1), I(null);
 				},
 				onCreateShare: Sn,
 				isLoading: rn.isPending
@@ -981,60 +984,60 @@ function d() {
 					J.loading || Y(null);
 				}
 			}),
-			At && /* @__PURE__ */ c(Ne, {
+			Nt && /* @__PURE__ */ c(Ne, {
 				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: () => {
-					jt(!1), p("/billing");
+					Pt(!1), p("/billing");
 				},
-				onCancel: () => jt(!1)
+				onCancel: () => Pt(!1)
 			}),
-			Mt && /* @__PURE__ */ c(Ne, {
+			Ft && /* @__PURE__ */ c(Ne, {
 				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"),
 				cancelLabel: a(d, "files.common.actions.dismiss", "Dismiss"),
 				onConfirm: () => {
-					Nt(!1), p("/billing");
+					It(!1), p("/billing");
 				},
-				onCancel: () => Nt(!1)
+				onCancel: () => It(!1)
 			}),
-			It && R && /* @__PURE__ */ c(je, {
-				item: R.item,
-				type: R.type,
+			zt && L && /* @__PURE__ */ c(je, {
+				item: L.item,
+				type: L.type,
 				onClose: () => {
-					Lt(!1), Ht(null);
+					F(!1), R(null);
 				},
 				onMove: Bn,
 				isLoading: sn.isPending || cn.isPending
 			}),
-			Rt && z && /* @__PURE__ */ c(Me, {
+			Bt && z && /* @__PURE__ */ c(Me, {
 				item: z.item,
 				type: z.type,
 				onClose: () => {
-					zt(!1), Ut(null);
+					Vt(!1), Ut(null);
 				},
 				onCopy: Vn,
 				isLoading: on.isPending
 			}),
-			S && /* @__PURE__ */ c(Ee, {
-				file: S,
-				onClose: () => Dt(null),
+			y && /* @__PURE__ */ c(Ee, {
+				file: y,
+				onClose: () => At(null),
 				onDownload: () => {
-					ze(S.downloadUrl || S.url);
+					ze(y.downloadUrl || y.url);
 				},
-				onShare: v === "bin" ? void 0 : () => {
-					Vt(S), L(!0);
+				onShare: _ === "bin" ? void 0 : () => {
+					I(y), P(!0);
 				},
-				onStar: v === "bin" ? void 0 : () => En(S),
-				onDelete: () => v === "bin" ? Tn(S) : Cn(S)
+				onStar: _ === "bin" ? void 0 : () => En(y),
+				onDelete: () => _ === "bin" ? Tn(y) : Cn(y)
 			}),
-			Tt && /* @__PURE__ */ c(De, {
-				item: Tt.item,
-				type: Tt.type,
-				onClose: () => Et(null)
+			Ot && /* @__PURE__ */ c(De, {
+				item: Ot.item,
+				type: Ot.type,
+				onClose: () => kt(null)
 			}),
 			/* @__PURE__ */ c(Pe, {
 				items: Gt,
@@ -1046,26 +1049,26 @@ function d() {
 				onCancel: hn
 			}),
 			/* @__PURE__ */ c(ke, {
-				toasts: C.toasts,
-				onClose: C.removeToast
+				toasts: b.toasts,
+				onClose: b.removeToast
 			}),
-			!j && k.length === 0 && A.length === 0 && /* @__PURE__ */ c("div", {
+			!O && E.length === 0 && D.length === 0 && /* @__PURE__ */ c("div", {
 				className: "px-6 py-12",
-				children: x ? /* @__PURE__ */ c(st, {
+				children: v ? /* @__PURE__ */ c(st, {
 					illustration: "empty-search",
 					title: a(d, "files.browser.empty.search.title", "No results found"),
 					description: a(d, "files.browser.empty.search.description", "Try adjusting your search query or filters"),
 					action: /* @__PURE__ */ c(u, {
 						type: "button",
 						onClick: () => {
-							St(""), wt(void 0);
+							Tt(""), Dt(void 0);
 						},
 						children: a(d, "files.browser.search.clear", "Clear search")
 					})
 				}) : /* @__PURE__ */ c(Oe, {
-					type: v,
-					onUpload: v === "all" ? un : void 0,
-					onNewFolder: v === "all" ? _n : void 0
+					type: _,
+					onUpload: _ === "all" ? un : void 0,
+					onNewFolder: _ === "all" ? _n : void 0
 				})
 			})
 		]