@burdenoff/microfe-files 2026.510.101

package/dist/files/pages/BrowserPage.js

@@ -0,0 +1,1014 @@
+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 { useUploadFile as re } from "../hooks/useUploadFile.js";
+import { useDeleteFile as ie } from "../hooks/useDeleteFile.js";
+import { useDeleteFolder as ae } from "../hooks/useDeleteFolder.js";
+import { useRestoreFile as oe } from "../hooks/useRestoreFile.js";
+import { useRestoreFolder as se } from "../hooks/useRestoreFolder.js";
+import { usePermanentlyDeleteFile as ce } from "../hooks/usePermanentlyDeleteFile.js";
+import { usePermanentlyDeleteFolder as le } from "../hooks/usePermanentlyDeleteFolder.js";
+import { useToggleStar as ue } from "../hooks/useToggleStar.js";
+import { useRenameFile as de } from "../hooks/useRenameFile.js";
+import { useRenameFolder as fe } from "../hooks/useRenameFolder.js";
+import { useCreateShare as pe } from "../hooks/useCreateShare.js";
+import { useCreateFolderShare as me } from "../hooks/useCreateFolderShare.js";
+import { useCopyFile as he } from "../hooks/useCopyFile.js";
+import { useMoveFile as ge } from "../hooks/useMoveFile.js";
+import { useMoveFolder as _e } from "../hooks/useMoveFolder.js";
+import { useBulkDelete as ve } from "../hooks/useBatchOperations.js";
+import { useSearch as ye } from "../hooks/useSearch.js";
+import { useToast as be } from "../hooks/useToast.js";
+import { generateThumbnail as xe } from "../utils/thumbnail.js";
+import "../utils/index.js";
+import { tWithFallback as a } from "../utils/i18n.js";
+import { FileBrowser as Se } from "../components/FileBrowser.js";
+import { TabBar as Ce } from "../components/TabBar.js";
+import { ShareDialog as we } from "../components/ShareDialog.js";
+import { FilePreviewModal as Te } from "../components/FilePreviewModal.js";
+import { FileInfoPanel as Ee } from "../components/FileInfoPanel.js";
+import { EmptyState as De } from "../components/EmptyState.js";
+import { ToastContainer as Oe } from "../components/Toast.js";
+import { SearchBar as ke } from "../components/SearchBar.js";
+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 { FileDown as Be, 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 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 } = et(), { folderId: f } = $e(), p = Qe(), tt = e(), { workspaceId: m } = tt, { viewMode: nt, setViewMode: rt, breadcrumbs: it, selectedFiles: at, selectedFolders: h, clearSelection: g } = t(), [_, ot] = o("all"), st = Ze("files.starred"), ct = Ze("files.bin"), lt = st ? !!st.value : !1, ut = ct ? !!ct.value : !1, dt = ze(() => {
+		let e = ["all", "recent"];
+		return lt && e.push("starred"), ut && e.push("bin"), e;
+	}, [lt, ut]);
+	Re(() => {
+		dt.includes(_) || ot("all");
+	}, [dt, _]);
+	let [v, ft] = o(""), [pt, mt] = o(), y = v.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 || !lt }), T = te({ skip: _ !== "bin" || y || !ut }), E = ye(v, y, pt);
+	Re(() => {
+		if (f && S.data?.folderPath && S.data?.currentFolder) {
+			let e = S.data.folderPath.folders || [], n = S.data.currentFolder, r = [...e.map((e) => ({
+				id: e.id,
+				name: e.name
+			})), {
+				id: n.id,
+				name: n.name
+			}];
+			t.getState().setBreadcrumbs(r);
+		} else t.getState().setBreadcrumbs([]);
+	}, [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 (_) {
+		case "all":
+			D = S.data?.filesList?.files || [], O = S.data?.foldersList?.folders || [], k = S.loading, A = S.error || null, j = !1;
+			break;
+		case "recent":
+			D = C.files || [], O = C.folders || [], k = C.isLoading, A = C.error || null, j = !0;
+			break;
+		case "starred":
+			D = w.files, O = w.folders, k = w.isLoading, A = w.error || null, j = !0;
+			break;
+		case "bin":
+			D = T.files, O = T.folders, k = T.isLoading, A = T.error || null, j = !0;
+			break;
+	}
+	let vt = _ === "all" ? (S.data?.filesList?.total ?? D.length) + (S.data?.foldersList?.total ?? O.length) : null, M = at.size + h.size, [yt, N] = o(!1), [bt, P] = o(!1), [xt, F] = o(!1), [St, I] = o(!1), [Ct, wt] = o(!1), [Tt, L] = o(null), [R, z] = o(null), [B, Et] = o(null), [V, H] = o(null), [U, W] = o(""), [G, K] = o(""), [Dt, q] = o(!1), [Ot, J] = o([]), [kt, Y] = o(!1), [X, Z] = o(null), Q = (e, t) => {
+		Le(tt, e, t);
+	}, At = async () => {
+		if (!X || X.loading) return;
+		let e = X.onConfirm;
+		Z({
+			...X,
+			loading: !0
+		});
+		try {
+			await e(), Z(null);
+		} catch (e) {
+			Q("files.api.failed", {
+				action: "confirmDialog",
+				message: e instanceof Error ? e.message : "Confirmed action failed"
+			}), Z((e) => e && {
+				...e,
+				loading: !1
+			});
+		}
+	}, $ = ne(), jt = re(), Mt = ie(), Nt = ae(), Pt = oe(), Ft = se(), It = ce(), Lt = le(), Rt = ue(), zt = de(), Bt = fe(), Vt = pe(), Ht = me(), Ut = he(), Wt = ge(), Gt = _e(), Kt = ve(), qt = () => {
+		let e = document.createElement("input");
+		e.type = "file", e.multiple = !0, e.onchange = async (e) => {
+			let t = e.target.files;
+			if (t && t.length > 0) {
+				let e = await Promise.all(Array.from(t).map(async (e, t) => {
+					let n = await xe(e);
+					return {
+						id: `${Date.now()}-${t}-${e.name}`,
+						file: e,
+						status: "pending",
+						progress: 0,
+						folderId: f || void 0,
+						thumbnailUrl: n ?? void 0
+					};
+				}));
+				J((t) => [...t, ...e]), Y(!0), q(!0);
+				for (let t of e) await Jt(t);
+				q(!1);
+			}
+		}, e.click();
+	}, Jt = async (e) => {
+		let t = (t) => {
+			J((n) => n.map((n) => n.id === e.id ? {
+				...n,
+				...t
+			} : n));
+		};
+		t({ status: "uploading" });
+		try {
+			let n = await jt.mutateAsync({
+				file: e.file,
+				folderId: e.folderId,
+				onProgress: (e) => {
+					t({ progress: e });
+				}
+			});
+			t({
+				status: "completed",
+				progress: 100
+			}), Q("files.file.uploaded", {
+				fileId: n.id,
+				fileName: n.name,
+				folderId: e.folderId
+			});
+		} catch (n) {
+			let r = n instanceof Error ? n.message : a(d, "files.upload.errors.failed", "Upload failed");
+			r === "Upload paused" ? t({ status: "paused" }) : (t({
+				status: "failed",
+				error: r
+			}), Q("files.api.failed", {
+				action: "uploadFile",
+				fileName: e.file.name,
+				message: r
+			}));
+		}
+	}, Yt = (e) => {
+		jt.pause(), J((t) => t.map((t) => t.id === e ? {
+			...t,
+			status: "paused"
+		} : t));
+	}, Xt = (e) => {
+		let t = Ot.find((t) => t.id === e);
+		t && Jt(t);
+	}, Zt = (e) => {
+		let t = Ot.find((t) => t.id === e);
+		t && (J((t) => t.map((t) => t.id === e ? {
+			...t,
+			status: "pending",
+			progress: 0,
+			error: void 0
+		} : t)), Jt(t));
+	}, Qt = (e) => {
+		J((t) => {
+			let n = t.filter((t) => t.id !== e);
+			return n.length === 0 && (Y(!1), q(!1)), n;
+		});
+	}, $t = () => {
+		if (!m) {
+			x.error(a(d, "files.workspace.errors.notSelected", "Workspace not selected"));
+			return;
+		}
+		let e = document.createElement("input");
+		e.type = "file", e.webkitdirectory = !0, e.onchange = async (e) => {
+			let t = e.target.files;
+			if (t && t.length > 0) {
+				let e = /* @__PURE__ */ new Map();
+				for (let n of Array.from(t)) {
+					let t = (n.webkitRelativePath || n.name).split("/").slice(0, -1).join("/");
+					e.has(t) || e.set(t, []), e.get(t).push(n);
+				}
+				let n = /* @__PURE__ */ new Map(), r = Array.from(e.keys()).sort();
+				for (let e of r) {
+					if (!e) continue;
+					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 $.mutateAsync({
+							name: e,
+							parentFolderId: i
+						});
+						n.set(r, t.id), i = t.id;
+					} catch {}
+				}
+				let i = [], ee = 0;
+				for (let [t, r] of e) {
+					let e = t ? n.get(t) : f || void 0;
+					for (let t of r) {
+						let n = await xe(t);
+						i.push({
+							id: `${Date.now()}-${ee++}-${t.name}`,
+							file: t,
+							status: "pending",
+							progress: 0,
+							folderId: e,
+							thumbnailUrl: n ?? void 0
+						});
+					}
+				}
+				J((e) => [...e, ...i]), Y(!0), q(!0);
+				for (let e of i) await Jt(e);
+				q(!1), x.success(a(d, "files.upload.folder.success", "Uploaded {{count}} file{{plural}} from folder", {
+					count: i.length,
+					plural: i.length > 1 ? "s" : ""
+				}));
+			}
+		}, e.click();
+	}, en = () => {
+		N(!0);
+	}, tn = async () => {
+		if (G.trim() && m) try {
+			await $.mutateAsync({
+				name: G,
+				parentFolderId: f
+			}), K(""), N(!1), Q("files.folder.created", {
+				folderName: G,
+				parentFolderId: f
+			});
+		} catch (e) {
+			x.error(e instanceof Error ? e.message : a(d, "files.folder.errors.createFailed", "Folder creation failed")), Q("files.api.failed", {
+				action: "createFolder",
+				message: e instanceof Error ? e.message : "Folder creation failed"
+			});
+		}
+	}, nn = (e) => {
+		_t(e);
+	}, rn = (e) => {
+		L(e), F(!0);
+	}, an = (e) => {
+		L(e), F(!0);
+	}, on = async (e) => {
+		if (!e.fileId && !e.folderId) throw Error(a(d, "files.share.errors.targetRequired", "Share requires a file id or folder id"));
+		let t = e.invitedEmail ? "EMAIL_INVITE" : "PUBLIC_LINK", n = "";
+		if (e.fileId) {
+			let r = {
+				fileId: e.fileId,
+				expiresAt: e.expiresAt,
+				maxDownloads: e.maxDownloads,
+				password: e.password,
+				invitedEmail: e.invitedEmail,
+				shareType: t,
+				accessLevel: "DOWNLOAD"
+			};
+			n = (await Vt.mutateAsync(r))?.token ?? "", Q("files.share.created", {
+				entityType: "file",
+				fileId: e.fileId,
+				shareType: t
+			});
+		} else if (e.folderId) {
+			let r = {
+				folderId: e.folderId,
+				expiresAt: e.expiresAt,
+				maxDownloads: e.maxDownloads,
+				password: e.password,
+				invitedEmail: e.invitedEmail,
+				shareType: t,
+				accessLevel: "DOWNLOAD"
+			};
+			n = (await Ht.mutateAsync(r))?.createFolderShare?.token ?? "", Q("files.share.created", {
+				entityType: "folder",
+				folderId: e.folderId,
+				shareType: t
+			});
+		}
+		return {
+			publicUrl: n ? `${window.location.origin}/files/share/${n}` : "",
+			token: n
+		};
+	}, sn = async (e) => {
+		Pe("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 })), 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"), Q("files.api.failed", {
+						action: "deleteFile",
+						fileId: e.id,
+						message: t instanceof Error ? t.message : "Failed to delete file"
+					});
+				}
+			}
+		});
+	}, cn = async (e) => {
+		try {
+			await Pt.mutateAsync({ id: e.id }), x.success(a(d, "files.file.restore.success", "\"{{name}}\" restored", { name: e.name })), Q("files.file.restored", {
+				fileId: e.id,
+				fileName: e.name
+			});
+		} catch (e) {
+			x.error(e instanceof Error ? e.message : a(d, "files.file.errors.restoreFailed", "Failed to restore file"));
+		}
+	}, ln = async (e) => {
+		Pe("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 })), Q("files.file.deleted", {
+						fileId: e.id,
+						fileName: e.name,
+						permanent: !0
+					});
+				} catch (e) {
+					x.error(e instanceof Error ? e.message : a(d, "files.file.errors.permanentDeleteFailed", "Failed to permanently delete file"));
+				}
+			}
+		});
+	}, un = async (e) => {
+		try {
+			await Rt.mutateAsync({
+				id: e.id,
+				type: "file"
+			}), 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")), Q("files.api.failed", {
+				action: "toggleFileStar",
+				fileId: e.id
+			});
+		}
+	}, dn = (e) => {
+		H({
+			id: e.id,
+			name: e.name,
+			type: "file"
+		}), W(e.name), P(!0);
+	}, fn = async (e) => {
+		try {
+			let t = e.downloadUrl || e.url;
+			if (!t) throw Error(a(d, "files.file.errors.downloadUrlUnavailable", "Download URL is unavailable"));
+			let n = document.createElement("a");
+			n.style.display = "none", n.href = t, n.download = e.name, n.rel = "noopener noreferrer", document.body.appendChild(n), n.click(), document.body.removeChild(n), 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"));
+		}
+	}, pn = (e) => {
+		Et({
+			item: e,
+			type: "file"
+		}), wt(!0);
+	}, mn = (e) => {
+		z({
+			item: e,
+			type: "file"
+		}), I(!0);
+	}, hn = (e) => {
+		gt({
+			item: e,
+			type: "file"
+		});
+	}, gn = (e) => {
+		p(`/files/browse/${e.id}`);
+	}, _n = async (e) => {
+		Pe("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({
+						id: e.id,
+						recursive: !0
+					}), x.success(a(d, "files.folder.delete.success", "\"{{name}}\" moved to bin", { name: e.name })), Q("files.folder.deleted", {
+						folderId: e.id,
+						folderName: e.name,
+						permanent: !1
+					});
+				} catch (e) {
+					x.error(e instanceof Error ? e.message : a(d, "files.folder.errors.deleteFailed", "Failed to delete folder"));
+				}
+			}
+		});
+	}, vn = async (e) => {
+		try {
+			await Ft.mutateAsync({ id: e.id }), x.success(a(d, "files.folder.restore.success", "\"{{name}}\" restored", { name: e.name })), Q("files.folder.restored", {
+				folderId: e.id,
+				folderName: e.name
+			});
+		} catch (e) {
+			x.error(e instanceof Error ? e.message : a(d, "files.folder.errors.restoreFailed", "Failed to restore folder"));
+		}
+	}, yn = async (e) => {
+		Z({
+			title: a(d, "files.confirm.permanentDeleteFolder.title", "Permanently delete folder"),
+			description: a(d, "files.confirm.permanentDeleteFolder.description", "Permanently delete folder \"{{name}}\" and its contents? This cannot be undone.", { name: e.name }),
+			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 })), Q("files.folder.deleted", {
+						folderId: e.id,
+						folderName: e.name,
+						permanent: !0
+					});
+				} catch (e) {
+					x.error(e instanceof Error ? e.message : a(d, "files.folder.errors.permanentDeleteFailed", "Failed to permanently delete folder"));
+				}
+			}
+		});
+	}, bn = (e) => {
+		H({
+			id: e.id,
+			name: e.name,
+			type: "folder"
+		}), W(e.name), P(!0);
+	}, xn = (e) => {
+		z({
+			item: e,
+			type: "folder"
+		}), I(!0);
+	}, Sn = async (e) => {
+		try {
+			await Rt.mutateAsync({
+				id: e.id,
+				type: "folder"
+			}), 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")), Q("files.api.failed", {
+				action: "toggleFolderStar",
+				folderId: e.id
+			});
+		}
+	}, Cn = (e) => {
+		gt({
+			item: e,
+			type: "folder"
+		});
+	}, wn = async (e) => {
+		if (R) try {
+			R.type === "file" ? (await Wt.mutateAsync({
+				fileId: R.item.id,
+				targetFolderId: e || null
+			}), 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: R.item.id,
+				targetParentFolderId: e
+			}), x.success(a(d, "files.folder.move.success", "\"{{name}}\" moved", { name: R.item.name })), Q("files.folder.moved", {
+				folderId: R.item.id,
+				folderName: R.item.name,
+				destinationFolderId: e
+			})), I(!1), z(null);
+		} catch (e) {
+			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
+			});
+		}
+	}, Tn = async (e, t) => {
+		if (B) try {
+			if (B.type !== "file") throw Error(a(d, "files.folder.errors.copyUnsupported", "Folder copy is not supported"));
+			await Ut.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: B.item.name })), Q("files.file.copied", {
+				fileId: B.item.id,
+				fileName: B.item.name,
+				destinationFolderId: e
+			}), wt(!1), Et(null);
+		} catch (e) {
+			x.error(e instanceof Error ? e.message : a(d, "files.file.errors.copyFailed", "Failed to copy \"{{name}}\"", { name: B.item.name })), Q("files.api.failed", {
+				action: "copyFile",
+				fileId: B.item.id,
+				message: e instanceof Error ? e.message : void 0
+			});
+		}
+	}, En = async () => {
+		if (!(!V || !U.trim())) try {
+			let e = V.name, t = U.trim();
+			V.type === "file" ? (await zt.mutateAsync({
+				fileId: V.id,
+				newName: t
+			}), 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: V.id,
+				newName: t
+			}), x.success(a(d, "files.folder.rename.success", "Renamed \"{{name}}\"", { name: t })), Q("files.folder.renamed", {
+				folderId: V.id,
+				previousName: e,
+				name: t
+			})), P(!1), H(null), W("");
+		} catch (e) {
+			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
+			});
+		}
+	};
+	return n({
+		files: D,
+		folders: O,
+		onFilePreview: nn,
+		onFileDelete: sn,
+		onFolderOpen: gn,
+		onFolderDelete: _n,
+		activeTab: _
+	}), 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.")
+		})]
+	}) : m === "" ? /* @__PURE__ */ u("div", {
+		className: "flex flex-col items-center justify-center min-h-[60vh] gap-3 text-center px-6",
+		children: [/* @__PURE__ */ l(Ue, { className: "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.")
+		})]
+	}) : /* @__PURE__ */ u("div", {
+		className: "min-h-screen bg-bg-surface",
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "bg-bg-surface border-b border-border-default px-4 py-3 sm:px-6 sm:py-4",
+				children: /* @__PURE__ */ l("div", {
+					className: "flex items-center gap-2 sm:gap-4",
+					children: /* @__PURE__ */ u("div", {
+						className: "flex items-center gap-1 sm:gap-2 text-sm overflow-x-auto",
+						children: [/* @__PURE__ */ u("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(Ge, { className: "size-4" }), /* @__PURE__ */ l("span", {
+								className: "hidden sm:inline",
+								children: a(d, "files.browser.rootLabel", "My Drive")
+							})]
+						}), it.map((e, t) => /* @__PURE__ */ u("div", {
+							className: "flex items-center gap-1 sm:gap-2",
+							children: [/* @__PURE__ */ l("span", {
+								className: "text-text-tertiary",
+								children: "/"
+							}), /* @__PURE__ */ l("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
+							})]
+						}, e.id))]
+					})
+				})
+			}),
+			/* @__PURE__ */ l(Ce, {
+				activeTab: _,
+				onTabChange: ot,
+				tabs: dt
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "bg-bg-surface border-b border-border-default px-4 py-2 sm:px-6 sm:py-3",
+				children: [
+					/* @__PURE__ */ u("div", {
+						className: "flex flex-col sm:flex-row items-start sm:items-center justify-between gap-2 sm:gap-inline-gap",
+						children: [/* @__PURE__ */ l("div", {
+							className: "w-full sm:flex-1 min-w-0 order-2 sm:order-1",
+							children: /* @__PURE__ */ l("div", {
+								className: "relative w-full max-w-2xl",
+								children: /* @__PURE__ */ l(ke, {
+									onSearch: (e, t) => {
+										ft(e), mt(t);
+									},
+									placeholder: a(d, "files.search.input.placeholder", "Search files and folders..."),
+									initialQuery: v,
+									showFilters: !0
+								})
+							})
+						}), /* @__PURE__ */ u("div", {
+							className: "flex items-center gap-2 order-1 sm:order-2 w-full sm:w-auto justify-between sm:justify-end",
+							children: [
+								!y && (D.length > 0 || O.length > 0) && /* @__PURE__ */ l("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));
+									},
+									className: "flex items-center gap-2 px-3 py-2 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-lg hover:bg-action-ghost-bg-hover hover:border-border-default transition-all duration-200",
+									children: a(d, "files.browser.actions.selectAll", "Select All")
+								}),
+								!y && /* @__PURE__ */ u(c, { children: [
+									/* @__PURE__ */ u("button", {
+										onClick: en,
+										className: "flex items-center gap-1 sm:gap-2 px-2 sm:px-4 py-2 text-xs sm:text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-lg hover:bg-action-ghost-bg-hover hover:border-border-default transition-all duration-200 shadow-sm",
+										children: [/* @__PURE__ */ l(Ve, { className: "size-4" }), /* @__PURE__ */ l("span", {
+											className: "hidden sm:inline",
+											children: a(d, "files.browser.actions.newFolder", "New Folder")
+										})]
+									}),
+									/* @__PURE__ */ l("button", {
+										onClick: qt,
+										disabled: Dt,
+										className: "flex items-center gap-1 sm:gap-2 px-2 sm:px-4 py-2 text-xs sm:text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-lg hover:bg-action-ghost-bg-hover hover:border-border-default transition-all duration-200 shadow-sm disabled:opacity-50 disabled:cursor-not-allowed",
+										children: Dt ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(s, { className: "size-4 animate-spin" }), /* @__PURE__ */ l("span", {
+											className: "hidden sm:inline",
+											children: a(d, "files.browser.upload.uploading", "Uploading...")
+										})] }) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(Ye, { className: "size-4" }), /* @__PURE__ */ l("span", {
+											className: "hidden sm:inline",
+											children: a(d, "files.browser.actions.uploadFiles", "Upload Files")
+										})] })
+									}),
+									/* @__PURE__ */ u("button", {
+										onClick: $t,
+										disabled: Dt,
+										className: "hidden sm:flex items-center gap-2 px-4 py-2.5 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-lg hover:bg-action-ghost-bg-hover hover:border-border-default transition-all duration-200 shadow-sm disabled:opacity-50 disabled:cursor-not-allowed",
+										title: a(d, "files.browser.actions.uploadFolderTitle", "Upload entire folder with structure"),
+										children: [/* @__PURE__ */ l(He, { className: "size-4" }), a(d, "files.browser.actions.uploadFolder", "Upload Folder")]
+									}),
+									/* @__PURE__ */ u("button", {
+										onClick: () => p("/export"),
+										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",
+										title: a(d, "files.browser.actions.exportTitle", "Export workspace files"),
+										children: [/* @__PURE__ */ l(Be, { className: "size-4" }), /* @__PURE__ */ l("span", {
+											className: "hidden sm:inline",
+											children: a(d, "files.browser.actions.export", "Export")
+										})]
+									})
+								] }),
+								/* @__PURE__ */ u("div", {
+									className: "flex items-center border border-border-default rounded-lg overflow-hidden",
+									children: [/* @__PURE__ */ l("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(We, { className: "size-5" })
+									}), /* @__PURE__ */ l("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(Ke, { className: "size-5" })
+									})]
+								})
+							]
+						})]
+					}),
+					y && /* @__PURE__ */ u("div", {
+						className: "mt-3 flex items-center justify-between p-3 bg-status-success-bg-subtle rounded-lg border border-status-success-border transition-all duration-200",
+						children: [/* @__PURE__ */ u("span", {
+							className: "text-sm font-medium text-status-success-text",
+							children: [a(d, "files.browser.search.showingResults", "Showing search results for \"{{query}}\"", { query: v }), E.data && ` (${(E.data.files?.length || 0) + (E.data.folders?.length || 0)} items)`]
+						}), /* @__PURE__ */ u("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(Xe, { className: "size-4" }), a(d, "files.browser.search.clear", "Clear search")]
+						})]
+					}),
+					M > 0 && /* @__PURE__ */ u("div", {
+						className: "mt-3 flex items-center justify-between p-3 bg-bg-accent rounded-lg border border-action-primary-border transition-all duration-200",
+						children: [/* @__PURE__ */ u("div", {
+							className: "flex items-center gap-4",
+							children: [/* @__PURE__ */ l("span", {
+								className: "text-sm font-medium text-text-primary",
+								children: a(d, "files.browser.selection.selectedCount", "{{count}} item{{suffix}} selected", {
+									count: M,
+									suffix: M > 1 ? "s" : ""
+								})
+							}), /* @__PURE__ */ l("div", {
+								className: "flex items-center gap-2",
+								children: _ === "bin" ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("button", {
+									onClick: async () => {
+										try {
+											for (let e of Array.from(at)) 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`);
+										} catch (e) {
+											x.error(e instanceof Error ? e.message : "Failed to restore some items");
+										}
+									},
+									className: "flex items-center gap-1.5 rounded-lg border border-status-success-border bg-bg-surface px-3 py-1.5 text-sm font-medium text-status-success-text transition-colors duration-200 hover:bg-status-success-bg-subtle",
+									children: a(d, "files.browser.selection.actions.restore", "Restore")
+								}), /* @__PURE__ */ u("button", {
+									onClick: async () => {
+										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,
+												plural: M > 1 ? "s" : ""
+											}),
+											confirmLabel: a(d, "files.common.actions.deletePermanently", "Delete permanently"),
+											variant: "danger",
+											onConfirm: async () => {
+												try {
+													for (let e of Array.from(at)) 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", {
+														count: M,
+														plural: M > 1 ? "s" : ""
+													}));
+												} catch (e) {
+													x.error(e instanceof Error ? e.message : a(d, "files.bulk.errors.permanentDeleteFailed", "Failed to permanently delete some items"));
+												}
+											}
+										});
+									},
+									className: "flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-status-error-text bg-bg-surface border border-status-error-border rounded-lg hover:bg-status-error-bg-subtle transition-colors duration-200",
+									children: [/* @__PURE__ */ l(Je, { className: "size-4" }), a(d, "files.browser.selection.actions.deletePermanently", "Delete permanently")]
+								})] }) : /* @__PURE__ */ u("button", {
+									onClick: async () => {
+										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,
+												plural: M > 1 ? "s" : ""
+											}),
+											confirmLabel: a(d, "files.common.actions.delete", "Delete"),
+											variant: "danger",
+											onConfirm: async () => {
+												try {
+													let e = Array.from(at), t = Array.from(h);
+													e.length > 0 && await Kt.mutateAsync(e);
+													for (let e of t) await Nt.mutateAsync({
+														id: e,
+														recursive: !0
+													});
+													g(), x.success(a(d, "files.bulk.delete.success", "{{count}} item{{plural}} moved to bin", {
+														count: M,
+														plural: M > 1 ? "s" : ""
+													}));
+												} catch (e) {
+													x.error(e instanceof Error ? e.message : a(d, "files.bulk.errors.deleteFailed", "Failed to delete some items"));
+												}
+											}
+										});
+									},
+									className: "flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-status-error-text bg-bg-surface border border-status-error-border rounded-lg hover:bg-status-error-bg-subtle transition-colors duration-200",
+									children: [/* @__PURE__ */ l(Je, { className: "size-4" }), a(d, "files.browser.selection.actions.delete", "Delete")]
+								})
+							})]
+						}), /* @__PURE__ */ u("button", {
+							onClick: g,
+							className: "flex items-center gap-2 text-text-link hover:text-action-primary-bg-hover text-sm font-medium transition-colors duration-200",
+							children: [/* @__PURE__ */ l(Xe, { className: "size-4" }), a(d, "files.common.actions.clear", "Clear")]
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "px-2 sm:px-4 md:px-6 py-3 sm:py-4",
+				children: [/* @__PURE__ */ l(Se, {
+					files: D,
+					folders: O,
+					loading: k,
+					error: A,
+					preserveSortOrder: j,
+					onFilePreview: nn,
+					onFileShare: _ === "bin" ? void 0 : rn,
+					onFileDelete: _ === "bin" ? ln : sn,
+					onFileRestore: _ === "bin" ? cn : void 0,
+					onFileFavorite: _ === "bin" ? void 0 : un,
+					onFileRename: _ === "bin" ? void 0 : dn,
+					onFileDownload: fn,
+					onFileCopy: _ === "bin" ? void 0 : pn,
+					onFileMove: _ === "bin" ? void 0 : mn,
+					onFileInfo: hn,
+					onFolderOpen: gn,
+					onFolderShare: _ === "bin" ? void 0 : an,
+					onFolderDelete: _ === "bin" ? yn : _n,
+					onFolderRestore: _ === "bin" ? vn : void 0,
+					onFolderRename: _ === "bin" ? void 0 : bn,
+					onFolderFavorite: _ === "bin" ? void 0 : Sn,
+					onFolderMove: _ === "bin" ? void 0 : xn,
+					onFolderInfo: Cn
+				}), !k && (D.length > 0 || O.length > 0) && /* @__PURE__ */ u("div", {
+					className: "mt-4 px-2 text-sm text-text-secondary",
+					children: [a(d, "files.browser.results.showingItems", "Showing {{count}} items", { count: D.length + O.length }), !y && _ === "all" && vt !== null && ` ${a(d, "files.browser.results.ofItems", "of {{count}} items", { count: vt })}`]
+				})]
+			}),
+			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",
+				"aria-labelledby": "files-new-folder-title",
+				children: /* @__PURE__ */ u("div", {
+					className: "bg-bg-surface rounded-lg shadow-xl p-6 w-full max-w-xs mx-4 animate-in zoom-in-95 duration-200",
+					children: [
+						/* @__PURE__ */ l("h2", {
+							id: "files-new-folder-title",
+							className: "text-base font-semibold text-text-primary mb-4",
+							children: a(d, "files.browser.newFolderDialog.title", "New folder")
+						}),
+						/* @__PURE__ */ l("input", {
+							type: "text",
+							value: G,
+							onChange: (e) => K(e.target.value),
+							onKeyDown: (e) => {
+								e.key === "Enter" && tn(), 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", {
+								onClick: () => {
+									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: tn,
+								disabled: !G.trim() || $.isPending,
+								className: "px-6 py-2.5 text-sm font-medium text-text-inverse bg-action-primary-bg rounded-lg hover:bg-action-primary-bg-hover disabled:bg-bg-muted disabled:text-text-tertiary disabled:cursor-not-allowed transition-colors duration-200 flex items-center gap-2",
+								children: [$.isPending && /* @__PURE__ */ l(s, { className: "size-4 animate-spin" }), $.isPending ? a(d, "files.browser.newFolderDialog.actions.creating", "Creating...") : a(d, "files.common.actions.create", "Create")]
+							})]
+						})
+					]
+				})
+			}),
+			bt && V && /* @__PURE__ */ l("div", {
+				className: "fixed inset-0 backdrop-blur-sm flex items-center justify-center z-[100] animate-in fade-in duration-200",
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-labelledby": "files-rename-title",
+				children: /* @__PURE__ */ u("div", {
+					className: "bg-bg-surface rounded-lg shadow-xl p-6 w-full max-w-xs mx-4 animate-in zoom-in-95 duration-200",
+					children: [
+						/* @__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: V.type })
+						}),
+						/* @__PURE__ */ l("input", {
+							type: "text",
+							value: U,
+							onChange: (e) => W(e.target.value),
+							onKeyDown: (e) => {
+								e.key === "Enter" && En(), 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", {
+								onClick: () => {
+									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: En,
+								disabled: !U.trim() || U.trim() === V.name || zt.isPending || Bt.isPending,
+								className: "px-6 py-2.5 text-sm font-medium text-text-inverse bg-action-primary-bg rounded-lg hover:bg-action-primary-bg-hover disabled:bg-bg-muted disabled:text-text-tertiary disabled:cursor-not-allowed transition-colors duration-200 flex items-center gap-2",
+								children: [(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")]
+							})]
+						})
+					]
+				})
+			}),
+			xt && Tt && /* @__PURE__ */ l(we, {
+				item: Tt,
+				itemType: "mimeType" in Tt ? "file" : "folder",
+				onClose: () => {
+					F(!1), L(null);
+				},
+				onCreateShare: on,
+				isLoading: Vt.isPending
+			}),
+			X && /* @__PURE__ */ l(Me, {
+				title: X.title,
+				description: X.description,
+				confirmLabel: X.confirmLabel,
+				cancelLabel: a(d, "files.common.actions.cancel", "Cancel"),
+				variant: X.variant,
+				loading: X.loading,
+				onConfirm: At,
+				onCancel: () => {
+					X.loading || Z(null);
+				}
+			}),
+			St && R && /* @__PURE__ */ l(Ae, {
+				item: R.item,
+				type: R.type,
+				onClose: () => {
+					I(!1), z(null);
+				},
+				onMove: wn,
+				isLoading: Wt.isPending || Gt.isPending
+			}),
+			Ct && B && /* @__PURE__ */ l(je, {
+				item: B.item,
+				type: B.type,
+				onClose: () => {
+					wt(!1), Et(null);
+				},
+				onCopy: Tn,
+				isLoading: Ut.isPending
+			}),
+			b && /* @__PURE__ */ l(Te, {
+				file: b,
+				onClose: () => _t(null),
+				onDownload: () => {
+					Ie(b.downloadUrl || b.url);
+				},
+				onShare: _ === "bin" ? void 0 : () => {
+					L(b), F(!0);
+				},
+				onStar: _ === "bin" ? void 0 : () => un(b),
+				onDelete: () => _ === "bin" ? ln(b) : sn(b)
+			}),
+			ht && /* @__PURE__ */ l(Ee, {
+				item: ht.item,
+				type: ht.type,
+				onClose: () => gt(null)
+			}),
+			/* @__PURE__ */ l(Ne, {
+				items: Ot,
+				isOpen: kt,
+				onClose: () => Y(!1),
+				onPause: Yt,
+				onResume: Xt,
+				onRetry: Zt,
+				onCancel: Qt
+			}),
+			/* @__PURE__ */ l(Oe, {
+				toasts: x.toasts,
+				onClose: x.removeToast
+			}),
+			!k && D.length === 0 && O.length === 0 && /* @__PURE__ */ l("div", {
+				className: "px-6 py-12",
+				children: y ? /* @__PURE__ */ u("div", {
+					className: "text-center animate-in fade-in duration-300",
+					children: [
+						/* @__PURE__ */ l("div", {
+							className: "inline-flex items-center justify-center size-16 bg-bg-muted rounded-full mb-4",
+							children: /* @__PURE__ */ l(qe, { className: "size-8 text-text-tertiary" })
+						}),
+						/* @__PURE__ */ l("h3", {
+							className: "text-lg font-medium text-text-primary mb-2",
+							children: a(d, "files.browser.empty.search.title", "No results found")
+						}),
+						/* @__PURE__ */ l("p", {
+							className: "text-sm text-text-secondary mb-4",
+							children: a(d, "files.browser.empty.search.description", "Try adjusting your search query or filters")
+						}),
+						/* @__PURE__ */ l("button", {
+							onClick: () => {
+								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" ? en : void 0
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { d as BrowserPage };
+
+//# sourceMappingURL=BrowserPage.js.map