wcz-layout 8.0.2 → 8.0.4

package/dist/components.js

@@ -1,6 +1,6 @@
-import { n as RouterIconButton, t as RouterListItemButton } from "./RouterListItemButton-rcdkgOXQ.js";
-import { t as useDialogs } from "./useDialogs-BaxhulU9.js";
-import { t as query } from "./queries-JPqCc5Tb.js";
+import { n as RouterIconButton, t as RouterListItemButton } from "./RouterListItemButton-p9U4Z0SW.js";
+import { a as fileQueryOptions, i as fileMetasQueryOptions, n as deleteFileMutationOptions, o as fileThumbnailQueryOptions, r as downloadFileMutationOptions, s as openFileMutationOptions } from "./file-DNF9kxdN.js";
+import { t as useDialogs } from "./useDialogs-BQEh6of8.js";
 import { c } from "react/compiler-runtime";
 import { Box, Button, Chip, Dialog, Divider, Fab, IconButton, ImageListItem, ImageListItemBar, Link, List, ListItemButton, ListItemIcon, ListItemText, Menu, Stack, Tab, Tooltip, Typography, useTheme } from "@mui/material";
 import React, { Fragment, createContext, useContext, useEffect, useEffectEvent, useLayoutEffect, useRef, useState } from "react";
@@ -24,9 +24,9 @@ import { GridActionsCellItem } from "@mui/x-data-grid-premium";
 //#region src/components/core/TypographyWithIcon.tsx
 const TypographyWithIcon = (t0) => {
 	const $ = c(22);
-	if ($[0] !== "c907f878079ab2aaf6c4f1ddc11a48963df3a6aab19bcf04c50580ea956cba1f") {
+	if ($[0] !== "9c8023a1fff996854b80705f821f262546dcf4698b35bf44797fd667c170087f") {
 		for (let $i = 0; $i < 22; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c907f878079ab2aaf6c4f1ddc11a48963df3a6aab19bcf04c50580ea956cba1f";
+		$[0] = "9c8023a1fff996854b80705f821f262546dcf4698b35bf44797fd667c170087f";
 	}
 	let children;
 	let endIcon;
@@ -319,9 +319,9 @@ const Dropzone = (t0) => {
 const FileContext = createContext(null);
 const useFile = () => {
 	const $ = c(1);
-	if ($[0] !== "193c0b45a7883bd131e17408cdd051a0ae7aea9ba1a5ba0d64ffd3abfdd90e7e") {
+	if ($[0] !== "a9a469a99242723a03ab2ab21b9513f8d7f393e7a397296039721f8243a94fd9") {
 		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "193c0b45a7883bd131e17408cdd051a0ae7aea9ba1a5ba0d64ffd3abfdd90e7e";
+		$[0] = "a9a469a99242723a03ab2ab21b9513f8d7f393e7a397296039721f8243a94fd9";
 	}
 	const context = useContext(FileContext);
 	if (!context) throw new Error("FileViewer components must be used within FileViewer");
@@ -330,14 +330,14 @@ const useFile = () => {
 //#endregion
 //#region src/components/file/fileViewer/common/ActionsMenu.tsx
 const ActionsMenu = (t0) => {
-	const $ = c(37);
-	if ($[0] !== "b35696825eb8b28a7bdd276de406f40ec37c9c341f84e48336cf4684164d76da") {
-		for (let $i = 0; $i < 37; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "b35696825eb8b28a7bdd276de406f40ec37c9c341f84e48336cf4684164d76da";
+	const $ = c(41);
+	if ($[0] !== "fb1554827b634885b642536bc34fcdb79a1a0b2c0fd66f55c6785003d8dc33d4") {
+		for (let $i = 0; $i < 41; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "fb1554827b634885b642536bc34fcdb79a1a0b2c0fd66f55c6785003d8dc33d4";
 	}
 	const { meta, menu, setMenu } = t0;
 	const { t } = useTranslation();
-	const { fileMetas, onDelete, actions } = useFile();
+	const { fileMetas, onDelete, actions, appName } = useFile();
 	const { confirm } = useDialogs();
 	let t1;
 	if ($[1] !== setMenu) {
@@ -350,97 +350,109 @@ const ActionsMenu = (t0) => {
 	const handleMenuClose = t1;
 	let t2;
 	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = query.file.download();
+		t2 = downloadFileMutationOptions();
 		$[3] = t2;
 	} else t2 = $[3];
 	const { mutate: download, isPending: isDownloading } = useMutation(t2);
 	let t3;
 	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = query.file.delete();
+		t3 = deleteFileMutationOptions();
 		$[4] = t3;
 	} else t3 = $[4];
 	const { mutate: deleteFile, isPending: isDeleting } = useMutation(t3);
 	let t4;
-	if ($[5] !== download || $[6] !== handleMenuClose || $[7] !== meta) {
+	if ($[5] !== appName || $[6] !== download || $[7] !== handleMenuClose || $[8] !== meta.fileExtension || $[9] !== meta.fileName || $[10] !== meta.id) {
 		t4 = () => {
 			handleMenuClose();
-			download(meta);
+			download({
+				id: meta.id,
+				appName,
+				fileName: meta.fileName,
+				fileExtension: meta.fileExtension
+			});
 		};
-		$[5] = download;
-		$[6] = handleMenuClose;
-		$[7] = meta;
-		$[8] = t4;
-	} else t4 = $[8];
+		$[5] = appName;
+		$[6] = download;
+		$[7] = handleMenuClose;
+		$[8] = meta.fileExtension;
+		$[9] = meta.fileName;
+		$[10] = meta.id;
+		$[11] = t4;
+	} else t4 = $[11];
 	const handleOnDownload = t4;
 	let t5;
-	if ($[9] !== confirm || $[10] !== deleteFile || $[11] !== fileMetas || $[12] !== handleMenuClose || $[13] !== meta || $[14] !== onDelete || $[15] !== t) {
+	if ($[12] !== appName || $[13] !== confirm || $[14] !== deleteFile || $[15] !== fileMetas || $[16] !== handleMenuClose || $[17] !== meta || $[18] !== onDelete || $[19] !== t) {
 		t5 = async () => {
 			if (!await confirm(t("Layout.File.AreYouSureYouWantToDelete", { fileName: meta.fileName }))) return;
-			deleteFile(meta);
+			deleteFile({
+				id: meta.id,
+				appName
+			});
 			handleMenuClose();
 			if (onDelete) onDelete({
 				remainingFileMetas: fileMetas.filter((m) => m.id !== meta.id),
 				deletedFileMeta: meta
 			});
 		};
-		$[9] = confirm;
-		$[10] = deleteFile;
-		$[11] = fileMetas;
-		$[12] = handleMenuClose;
-		$[13] = meta;
-		$[14] = onDelete;
-		$[15] = t;
-		$[16] = t5;
-	} else t5 = $[16];
+		$[12] = appName;
+		$[13] = confirm;
+		$[14] = deleteFile;
+		$[15] = fileMetas;
+		$[16] = handleMenuClose;
+		$[17] = meta;
+		$[18] = onDelete;
+		$[19] = t;
+		$[20] = t5;
+	} else t5 = $[20];
 	const handleOnDelete = t5;
 	const t6 = menu !== null;
 	let t7;
-	if ($[17] !== menu) {
+	if ($[21] !== menu) {
 		t7 = menu === null ? void 0 : {
 			top: menu.mouseY,
 			left: menu.mouseX
 		};
-		$[17] = menu;
-		$[18] = t7;
-	} else t7 = $[18];
+		$[21] = menu;
+		$[22] = t7;
+	} else t7 = $[22];
 	let t8;
-	if ($[19] !== actions?.download || $[20] !== handleOnDownload || $[21] !== isDownloading || $[22] !== t) {
+	if ($[23] !== actions?.download || $[24] !== handleOnDownload || $[25] !== isDownloading || $[26] !== t) {
 		t8 = actions?.download !== false && /* @__PURE__ */ jsxs(ListItemButton, {
 			onClick: handleOnDownload,
 			disabled: isDownloading,
 			children: [/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(FileDownload, {}) }), /* @__PURE__ */ jsx(ListItemText, { children: t("Layout.File.Download") })]
 		});
-		$[19] = actions?.download;
-		$[20] = handleOnDownload;
-		$[21] = isDownloading;
-		$[22] = t;
-		$[23] = t8;
-	} else t8 = $[23];
+		$[23] = actions?.download;
+		$[24] = handleOnDownload;
+		$[25] = isDownloading;
+		$[26] = t;
+		$[27] = t8;
+	} else t8 = $[27];
 	let t9;
-	if ($[24] !== actions?.delete || $[25] !== handleOnDelete || $[26] !== isDeleting || $[27] !== t) {
+	if ($[28] !== actions?.delete || $[29] !== handleOnDelete || $[30] !== isDeleting || $[31] !== t) {
 		t9 = actions?.delete !== false && /* @__PURE__ */ jsxs(ListItemButton, {
 			onClick: handleOnDelete,
 			disabled: isDeleting,
 			children: [/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Delete, {}) }), /* @__PURE__ */ jsx(ListItemText, { children: t("Layout.File.Delete") })]
 		});
-		$[24] = actions?.delete;
-		$[25] = handleOnDelete;
-		$[26] = isDeleting;
-		$[27] = t;
-		$[28] = t9;
-	} else t9 = $[28];
+		$[28] = actions?.delete;
+		$[29] = handleOnDelete;
+		$[30] = isDeleting;
+		$[31] = t;
+		$[32] = t9;
+	} else t9 = $[32];
 	let t10;
-	if ($[29] !== t8 || $[30] !== t9) {
+	if ($[33] !== t8 || $[34] !== t9) {
 		t10 = /* @__PURE__ */ jsxs(List, {
 			disablePadding: true,
 			children: [t8, t9]
 		});
-		$[29] = t8;
-		$[30] = t9;
-		$[31] = t10;
-	} else t10 = $[31];
+		$[33] = t8;
+		$[34] = t9;
+		$[35] = t10;
+	} else t10 = $[35];
 	let t11;
-	if ($[32] !== handleMenuClose || $[33] !== t10 || $[34] !== t6 || $[35] !== t7) {
+	if ($[36] !== handleMenuClose || $[37] !== t10 || $[38] !== t6 || $[39] !== t7) {
 		t11 = /* @__PURE__ */ jsx(Menu, {
 			open: t6,
 			onClose: handleMenuClose,
@@ -449,12 +461,12 @@ const ActionsMenu = (t0) => {
 			anchorPosition: t7,
 			children: t10
 		});
-		$[32] = handleMenuClose;
-		$[33] = t10;
-		$[34] = t6;
-		$[35] = t7;
-		$[36] = t11;
-	} else t11 = $[36];
+		$[36] = handleMenuClose;
+		$[37] = t10;
+		$[38] = t6;
+		$[39] = t7;
+		$[40] = t11;
+	} else t11 = $[40];
 	return t11;
 };
 //#endregion
@@ -462,9 +474,9 @@ const ActionsMenu = (t0) => {
 const IMAGE_SIZE = 150;
 const FileViewerGrid = (t0) => {
 	const $ = c(13);
-	if ($[0] !== "aa3240322f961e4de8656d3cbe3b3ed5b13d366ee38a8345dd8610ea4e3bb457") {
+	if ($[0] !== "2cbba638f97002bf031813b72a23cf89c270d57152720a91d49e7425cf66873e") {
 		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "aa3240322f961e4de8656d3cbe3b3ed5b13d366ee38a8345dd8610ea4e3bb457";
+		$[0] = "2cbba638f97002bf031813b72a23cf89c270d57152720a91d49e7425cf66873e";
 	}
 	const { sx, size, itemBar } = t0;
 	const { fileMetas } = useFile();
@@ -511,13 +523,13 @@ const FileViewerGrid = (t0) => {
 	return t3;
 };
 const GridFileViewerItem = (t0) => {
-	const $ = c(55);
-	if ($[0] !== "aa3240322f961e4de8656d3cbe3b3ed5b13d366ee38a8345dd8610ea4e3bb457") {
-		for (let $i = 0; $i < 55; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "aa3240322f961e4de8656d3cbe3b3ed5b13d366ee38a8345dd8610ea4e3bb457";
+	const $ = c(61);
+	if ($[0] !== "2cbba638f97002bf031813b72a23cf89c270d57152720a91d49e7425cf66873e") {
+		for (let $i = 0; $i < 61; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "2cbba638f97002bf031813b72a23cf89c270d57152720a91d49e7425cf66873e";
 	}
 	const { meta, size, itemBar } = t0;
-	const { setImageId, actions } = useFile();
+	const { setImageId, actions, appName } = useFile();
 	const [showItemBar, setShowItemBar] = useState(itemBar === "always");
 	const [menu, setMenu] = useState(null);
 	const { ref, inView } = useInView();
@@ -538,37 +550,41 @@ const GridFileViewerItem = (t0) => {
 	}
 	useEffect(t1, t2);
 	let t3;
-	if ($[4] !== meta) {
-		t3 = query.file.thumbnail({ meta });
-		$[4] = meta;
-		$[5] = t3;
-	} else t3 = $[5];
+	if ($[4] !== appName || $[5] !== meta.id) {
+		t3 = fileThumbnailQueryOptions({
+			id: meta.id,
+			appName
+		});
+		$[4] = appName;
+		$[5] = meta.id;
+		$[6] = t3;
+	} else t3 = $[6];
 	let t4;
-	if ($[6] !== inView || $[7] !== t3) {
+	if ($[7] !== inView || $[8] !== t3) {
 		t4 = {
 			...t3,
 			enabled: inView
 		};
-		$[6] = inView;
-		$[7] = t3;
-		$[8] = t4;
-	} else t4 = $[8];
+		$[7] = inView;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
 	const { data: source } = useQuery(t4);
 	let t5;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
 		t5 = () => setShowItemBar(true);
-		$[9] = t5;
-	} else t5 = $[9];
+		$[10] = t5;
+	} else t5 = $[10];
 	const handleOnMouseEnter = t5;
 	let t6;
-	if ($[10] !== itemBar) {
+	if ($[11] !== itemBar) {
 		t6 = () => itemBar !== "always" && setShowItemBar(false);
-		$[10] = itemBar;
-		$[11] = t6;
-	} else t6 = $[11];
+		$[11] = itemBar;
+		$[12] = t6;
+	} else t6 = $[12];
 	const handleOnMouseLeave = t6;
 	let t7;
-	if ($[12] !== menu) {
+	if ($[13] !== menu) {
 		t7 = (event) => {
 			setMenu(menu === null ? {
 				mouseX: event.clientX,
@@ -576,75 +592,94 @@ const GridFileViewerItem = (t0) => {
 			} : null);
 			setTimeout(() => setShowItemBar(true));
 		};
-		$[12] = menu;
-		$[13] = t7;
-	} else t7 = $[13];
+		$[13] = menu;
+		$[14] = t7;
+	} else t7 = $[14];
 	const openMenu = t7;
 	let t8;
-	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = query.file.open();
-		$[14] = t8;
-	} else t8 = $[14];
+	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = openFileMutationOptions();
+		$[15] = t8;
+	} else t8 = $[15];
 	const { mutate: openFile } = useMutation(t8);
 	let t9;
-	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = query.file.download();
-		$[15] = t9;
-	} else t9 = $[15];
+	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = downloadFileMutationOptions();
+		$[16] = t9;
+	} else t9 = $[16];
 	const { mutate: download } = useMutation(t9);
 	let t10;
-	if ($[16] !== download || $[17] !== meta || $[18] !== openFile || $[19] !== setImageId) {
+	if ($[17] !== appName || $[18] !== download || $[19] !== meta.fileExtension || $[20] !== meta.fileName || $[21] !== meta.id || $[22] !== meta.mediaType || $[23] !== openFile || $[24] !== setImageId) {
 		t10 = () => {
 			switch (meta.mediaType) {
 				case "image": return setImageId(meta.id);
-				case "application": return openFile(meta);
-				case "video": return openFile(meta);
-				default: return download(meta);
+				case "application": return openFile({
+					id: meta.id,
+					appName
+				});
+				case "video": return openFile({
+					id: meta.id,
+					appName
+				});
+				default: return download({
+					id: meta.id,
+					appName,
+					fileName: meta.fileName,
+					fileExtension: meta.fileExtension
+				});
 			}
 		};
-		$[16] = download;
-		$[17] = meta;
-		$[18] = openFile;
-		$[19] = setImageId;
-		$[20] = t10;
-	} else t10 = $[20];
+		$[17] = appName;
+		$[18] = download;
+		$[19] = meta.fileExtension;
+		$[20] = meta.fileName;
+		$[21] = meta.id;
+		$[22] = meta.mediaType;
+		$[23] = openFile;
+		$[24] = setImageId;
+		$[25] = t10;
+	} else t10 = $[25];
 	const onClick = t10;
 	const t11 = size ?? IMAGE_SIZE;
 	const t12 = size ?? IMAGE_SIZE;
 	let t13;
-	if ($[21] !== t11 || $[22] !== t12) {
+	if ($[26] !== t11 || $[27] !== t12) {
 		t13 = {
 			width: t11,
 			height: t12
 		};
-		$[21] = t11;
-		$[22] = t12;
-		$[23] = t13;
-	} else t13 = $[23];
+		$[26] = t11;
+		$[27] = t12;
+		$[28] = t13;
+	} else t13 = $[28];
 	const t14 = "thumbnail-" + meta.id;
 	let t15;
-	if ($[24] !== meta || $[25] !== queryClient) {
-		t15 = () => queryClient.prefetchQuery(query.file.getOne({ meta }));
-		$[24] = meta;
-		$[25] = queryClient;
-		$[26] = t15;
-	} else t15 = $[26];
+	if ($[29] !== appName || $[30] !== meta.id || $[31] !== queryClient) {
+		t15 = () => queryClient.prefetchQuery(fileQueryOptions({
+			id: meta.id,
+			appName
+		}));
+		$[29] = appName;
+		$[30] = meta.id;
+		$[31] = queryClient;
+		$[32] = t15;
+	} else t15 = $[32];
 	const t16 = size ?? IMAGE_SIZE;
 	const t17 = size ?? IMAGE_SIZE;
 	let t18;
-	if ($[27] !== t16 || $[28] !== t17) {
+	if ($[33] !== t16 || $[34] !== t17) {
 		t18 = {
 			cursor: "pointer",
 			objectFit: "contain",
 			width: t16,
 			height: t17
 		};
-		$[27] = t16;
-		$[28] = t17;
-		$[29] = t18;
-	} else t18 = $[29];
+		$[33] = t16;
+		$[34] = t17;
+		$[35] = t18;
+	} else t18 = $[35];
 	let t19;
-	if ($[30] !== onClick || $[31] !== source || $[32] !== t14 || $[33] !== t15 || $[34] !== t18) {
+	if ($[36] !== onClick || $[37] !== source || $[38] !== t14 || $[39] !== t15 || $[40] !== t18) {
 		t19 = /* @__PURE__ */ jsx(Box, {
 			component: "img",
 			src: source,
@@ -654,15 +689,15 @@ const GridFileViewerItem = (t0) => {
 			onMouseEnter: t15,
 			sx: t18
 		});
-		$[30] = onClick;
-		$[31] = source;
-		$[32] = t14;
-		$[33] = t15;
-		$[34] = t18;
-		$[35] = t19;
-	} else t19 = $[35];
+		$[36] = onClick;
+		$[37] = source;
+		$[38] = t14;
+		$[39] = t15;
+		$[40] = t18;
+		$[41] = t19;
+	} else t19 = $[41];
 	let t20;
-	if ($[36] !== actions || $[37] !== itemBar || $[38] !== meta.fileName || $[39] !== openMenu || $[40] !== showItemBar) {
+	if ($[42] !== actions || $[43] !== itemBar || $[44] !== meta.fileName || $[45] !== openMenu || $[46] !== showItemBar) {
 		t20 = itemBar !== "hidden" && showItemBar && /* @__PURE__ */ jsx(ImageListItemBar, {
 			title: /* @__PURE__ */ jsx(Tooltip, {
 				title: meta.fileName,
@@ -674,15 +709,15 @@ const GridFileViewerItem = (t0) => {
 				children: /* @__PURE__ */ jsx(MoreVert, {})
 			})
 		});
-		$[36] = actions;
-		$[37] = itemBar;
-		$[38] = meta.fileName;
-		$[39] = openMenu;
-		$[40] = showItemBar;
-		$[41] = t20;
-	} else t20 = $[41];
+		$[42] = actions;
+		$[43] = itemBar;
+		$[44] = meta.fileName;
+		$[45] = openMenu;
+		$[46] = showItemBar;
+		$[47] = t20;
+	} else t20 = $[47];
 	let t21;
-	if ($[42] !== handleOnMouseLeave || $[43] !== ref || $[44] !== t13 || $[45] !== t19 || $[46] !== t20) {
+	if ($[48] !== handleOnMouseLeave || $[49] !== ref || $[50] !== t13 || $[51] !== t19 || $[52] !== t20) {
 		t21 = /* @__PURE__ */ jsxs(ImageListItem, {
 			sx: t13,
 			onMouseEnter: handleOnMouseEnter,
@@ -690,41 +725,41 @@ const GridFileViewerItem = (t0) => {
 			ref,
 			children: [t19, t20]
 		});
-		$[42] = handleOnMouseLeave;
-		$[43] = ref;
-		$[44] = t13;
-		$[45] = t19;
-		$[46] = t20;
-		$[47] = t21;
-	} else t21 = $[47];
+		$[48] = handleOnMouseLeave;
+		$[49] = ref;
+		$[50] = t13;
+		$[51] = t19;
+		$[52] = t20;
+		$[53] = t21;
+	} else t21 = $[53];
 	let t22;
-	if ($[48] !== actions || $[49] !== menu || $[50] !== meta) {
+	if ($[54] !== actions || $[55] !== menu || $[56] !== meta) {
 		t22 = (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(ActionsMenu, {
 			meta,
 			menu,
 			setMenu
 		});
-		$[48] = actions;
-		$[49] = menu;
-		$[50] = meta;
-		$[51] = t22;
-	} else t22 = $[51];
+		$[54] = actions;
+		$[55] = menu;
+		$[56] = meta;
+		$[57] = t22;
+	} else t22 = $[57];
 	let t23;
-	if ($[52] !== t21 || $[53] !== t22) {
+	if ($[58] !== t21 || $[59] !== t22) {
 		t23 = /* @__PURE__ */ jsxs(Fragment, { children: [t21, t22] });
-		$[52] = t21;
-		$[53] = t22;
-		$[54] = t23;
-	} else t23 = $[54];
+		$[58] = t21;
+		$[59] = t22;
+		$[60] = t23;
+	} else t23 = $[60];
 	return t23;
 };
 //#endregion
 //#region src/components/file/fileViewer/FileViewerList.tsx
 const FileViewerList = (t0) => {
 	const $ = c(6);
-	if ($[0] !== "47bf83cf7b96aca451496f16de43f8c285d7726133fe1863d9d137acb1d5dd3e") {
+	if ($[0] !== "208130289fc464181a93daf875f18338899c896567dea7dfdec466e5e0b8819d") {
 		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "47bf83cf7b96aca451496f16de43f8c285d7726133fe1863d9d137acb1d5dd3e";
+		$[0] = "208130289fc464181a93daf875f18338899c896567dea7dfdec466e5e0b8819d";
 	}
 	const { sx } = t0;
 	const { fileMetas } = useFile();
@@ -748,13 +783,13 @@ const FileViewerList = (t0) => {
 	return t2;
 };
 const ListFileViewerItem = (t0) => {
-	const $ = c(36);
-	if ($[0] !== "47bf83cf7b96aca451496f16de43f8c285d7726133fe1863d9d137acb1d5dd3e") {
-		for (let $i = 0; $i < 36; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "47bf83cf7b96aca451496f16de43f8c285d7726133fe1863d9d137acb1d5dd3e";
+	const $ = c(41);
+	if ($[0] !== "208130289fc464181a93daf875f18338899c896567dea7dfdec466e5e0b8819d") {
+		for (let $i = 0; $i < 41; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "208130289fc464181a93daf875f18338899c896567dea7dfdec466e5e0b8819d";
 	}
 	const { meta } = t0;
-	const { setImageId, actions } = useFile();
+	const { setImageId, actions, appName } = useFile();
 	const [menu, setMenu] = useState(null);
 	const queryClient = useQueryClient();
 	let t1;
@@ -772,35 +807,50 @@ const ListFileViewerItem = (t0) => {
 	const openMenu = t1;
 	let t2;
 	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = query.file.open();
+		t2 = openFileMutationOptions();
 		$[3] = t2;
 	} else t2 = $[3];
 	const { mutate: openFile } = useMutation(t2);
 	let t3;
 	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = query.file.download();
+		t3 = downloadFileMutationOptions();
 		$[4] = t3;
 	} else t3 = $[4];
 	const { mutate: download } = useMutation(t3);
 	let t4;
-	if ($[5] !== download || $[6] !== meta || $[7] !== openFile || $[8] !== setImageId) {
+	if ($[5] !== appName || $[6] !== download || $[7] !== meta.fileExtension || $[8] !== meta.fileName || $[9] !== meta.id || $[10] !== meta.mediaType || $[11] !== openFile || $[12] !== setImageId) {
 		t4 = () => {
 			switch (meta.mediaType) {
 				case "image": return setImageId(meta.id);
-				case "application": return openFile(meta);
-				case "video": return openFile(meta);
-				default: return download(meta);
+				case "application": return openFile({
+					id: meta.id,
+					appName
+				});
+				case "video": return openFile({
+					id: meta.id,
+					appName
+				});
+				default: return download({
+					id: meta.id,
+					appName,
+					fileName: meta.fileName,
+					fileExtension: meta.fileExtension
+				});
 			}
 		};
-		$[5] = download;
-		$[6] = meta;
-		$[7] = openFile;
-		$[8] = setImageId;
-		$[9] = t4;
-	} else t4 = $[9];
+		$[5] = appName;
+		$[6] = download;
+		$[7] = meta.fileExtension;
+		$[8] = meta.fileName;
+		$[9] = meta.id;
+		$[10] = meta.mediaType;
+		$[11] = openFile;
+		$[12] = setImageId;
+		$[13] = t4;
+	} else t4 = $[13];
 	const onClick = t4;
 	let t5;
-	if ($[10] !== meta.mediaType) {
+	if ($[14] !== meta.mediaType) {
 		t5 = () => {
 			switch (meta.mediaType) {
 				case "image": return /* @__PURE__ */ jsx(Image, {});
@@ -808,43 +858,47 @@ const ListFileViewerItem = (t0) => {
 				default: return /* @__PURE__ */ jsx(AttachFile, {});
 			}
 		};
-		$[10] = meta.mediaType;
-		$[11] = t5;
-	} else t5 = $[11];
+		$[14] = meta.mediaType;
+		$[15] = t5;
+	} else t5 = $[15];
 	const icon = t5;
 	let t6;
-	if ($[12] !== meta || $[13] !== queryClient) {
-		t6 = () => queryClient.prefetchQuery(query.file.getOne({ meta }));
-		$[12] = meta;
-		$[13] = queryClient;
-		$[14] = t6;
-	} else t6 = $[14];
+	if ($[16] !== appName || $[17] !== meta.id || $[18] !== queryClient) {
+		t6 = () => queryClient.prefetchQuery(fileQueryOptions({
+			id: meta.id,
+			appName
+		}));
+		$[16] = appName;
+		$[17] = meta.id;
+		$[18] = queryClient;
+		$[19] = t6;
+	} else t6 = $[19];
 	let t7;
-	if ($[15] !== icon) {
+	if ($[20] !== icon) {
 		t7 = /* @__PURE__ */ jsx(ListItemIcon, { children: icon() });
-		$[15] = icon;
-		$[16] = t7;
-	} else t7 = $[16];
+		$[20] = icon;
+		$[21] = t7;
+	} else t7 = $[21];
 	const t8 = `${meta.fileName}.${meta.fileExtension}`;
 	let t9;
-	if ($[17] !== t8) {
+	if ($[22] !== t8) {
 		t9 = /* @__PURE__ */ jsx(ListItemText, { primary: t8 });
-		$[17] = t8;
-		$[18] = t9;
-	} else t9 = $[18];
+		$[22] = t8;
+		$[23] = t9;
+	} else t9 = $[23];
 	let t10;
-	if ($[19] !== actions || $[20] !== openMenu) {
+	if ($[24] !== actions || $[25] !== openMenu) {
 		t10 = (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(IconButton, {
 			edge: "end",
 			onClick: openMenu,
 			children: /* @__PURE__ */ jsx(MoreVert, {})
 		});
-		$[19] = actions;
-		$[20] = openMenu;
-		$[21] = t10;
-	} else t10 = $[21];
+		$[24] = actions;
+		$[25] = openMenu;
+		$[26] = t10;
+	} else t10 = $[26];
 	let t11;
-	if ($[22] !== meta.id || $[23] !== onClick || $[24] !== t10 || $[25] !== t6 || $[26] !== t7 || $[27] !== t9) {
+	if ($[27] !== meta.id || $[28] !== onClick || $[29] !== t10 || $[30] !== t6 || $[31] !== t7 || $[32] !== t9) {
 		t11 = /* @__PURE__ */ jsxs(ListItemButton, {
 			onClick,
 			onMouseEnter: t6,
@@ -854,33 +908,33 @@ const ListFileViewerItem = (t0) => {
 				t10
 			]
 		}, meta.id);
-		$[22] = meta.id;
-		$[23] = onClick;
-		$[24] = t10;
-		$[25] = t6;
-		$[26] = t7;
-		$[27] = t9;
-		$[28] = t11;
-	} else t11 = $[28];
+		$[27] = meta.id;
+		$[28] = onClick;
+		$[29] = t10;
+		$[30] = t6;
+		$[31] = t7;
+		$[32] = t9;
+		$[33] = t11;
+	} else t11 = $[33];
 	let t12;
-	if ($[29] !== actions || $[30] !== menu || $[31] !== meta) {
+	if ($[34] !== actions || $[35] !== menu || $[36] !== meta) {
 		t12 = (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(ActionsMenu, {
 			meta,
 			menu,
 			setMenu
 		});
-		$[29] = actions;
-		$[30] = menu;
-		$[31] = meta;
-		$[32] = t12;
-	} else t12 = $[32];
+		$[34] = actions;
+		$[35] = menu;
+		$[36] = meta;
+		$[37] = t12;
+	} else t12 = $[37];
 	let t13;
-	if ($[33] !== t11 || $[34] !== t12) {
+	if ($[38] !== t11 || $[39] !== t12) {
 		t13 = /* @__PURE__ */ jsxs(Fragment, { children: [t11, t12] });
-		$[33] = t11;
-		$[34] = t12;
-		$[35] = t13;
-	} else t13 = $[35];
+		$[38] = t11;
+		$[39] = t12;
+		$[40] = t13;
+	} else t13 = $[40];
 	return t13;
 };
 function _temp(fileMeta) {
@@ -889,9 +943,11 @@ function _temp(fileMeta) {
 //#endregion
 //#region src/components/file/fileViewer/ImageViewer.tsx
 const ImageViewer = ({ metaId }) => {
-	const { fileMetas, setImageId } = useFile();
-	const meta = fileMetas.find((m) => m.id === metaId);
-	const { data: source } = useQuery(query.file.getOne({ meta }));
+	const { fileMetas, setImageId, appName } = useFile();
+	const { data: source } = useQuery(fileQueryOptions({
+		id: fileMetas.find((m) => m.id === metaId).id,
+		appName
+	}));
 	useEffect(() => {
 		if (metaId) globalThis.addEventListener("keydown", handleOnKeydown);
 		return () => {
@@ -954,111 +1010,94 @@ const ImageViewer = ({ metaId }) => {
 //#endregion
 //#region src/components/file/FileViewer.tsx
 const FileViewer = (t0) => {
-	const $ = c(27);
-	if ($[0] !== "1fc590339866fd082bb6bd43ba68c115aa74351506f0ea013495a119fe115495") {
-		for (let $i = 0; $i < 27; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "1fc590339866fd082bb6bd43ba68c115aa74351506f0ea013495a119fe115495";
+	const $ = c(22);
+	if ($[0] !== "e74742441ed0d6e65b5115604767bac731883258173750fb7c59c18e7608f8b0") {
+		for (let $i = 0; $i < 22; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "e74742441ed0d6e65b5115604767bac731883258173750fb7c59c18e7608f8b0";
 	}
-	const { subId, onDelete, actions, children } = t0;
+	const { appName, subId, onDelete, actions, children } = t0;
 	let t1;
-	if ($[1] !== subId) {
-		t1 = query.file.metas({ subId });
-		$[1] = subId;
-		$[2] = t1;
-	} else t1 = $[2];
+	if ($[1] !== appName || $[2] !== subId) {
+		t1 = fileMetasQueryOptions({
+			appName,
+			subId
+		});
+		$[1] = appName;
+		$[2] = subId;
+		$[3] = t1;
+	} else t1 = $[3];
 	const t2 = !!subId;
 	let t3;
-	if ($[3] !== t1 || $[4] !== t2) {
+	if ($[4] !== t1 || $[5] !== t2) {
 		t3 = {
 			...t1,
 			enabled: t2
 		};
-		$[3] = t1;
-		$[4] = t2;
-		$[5] = t3;
-	} else t3 = $[5];
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
 	const { data: t4 } = useQuery(t3);
 	let t5;
-	if ($[6] !== t4) {
+	if ($[7] !== t4) {
 		t5 = t4 === void 0 ? [] : t4;
-		$[6] = t4;
-		$[7] = t5;
-	} else t5 = $[7];
+		$[7] = t4;
+		$[8] = t5;
+	} else t5 = $[8];
 	const fileMetas = t5;
 	const [imageId, setImageId] = useState("");
-	let T0;
+	if (fileMetas.length === 0) return null;
 	let t6;
+	if ($[9] !== actions || $[10] !== appName || $[11] !== fileMetas || $[12] !== onDelete) {
+		t6 = {
+			appName,
+			fileMetas,
+			onDelete,
+			actions,
+			setImageId
+		};
+		$[9] = actions;
+		$[10] = appName;
+		$[11] = fileMetas;
+		$[12] = onDelete;
+		$[13] = t6;
+	} else t6 = $[13];
 	let t7;
+	if ($[14] !== children) {
+		t7 = children({
+			Grid: FileViewerGrid,
+			List: FileViewerList
+		});
+		$[14] = children;
+		$[15] = t7;
+	} else t7 = $[15];
 	let t8;
-	if ($[8] !== actions || $[9] !== children || $[10] !== fileMetas || $[11] !== onDelete) {
-		t8 = Symbol.for("react.early_return_sentinel");
-		bb0: {
-			const components = {
-				Grid: FileViewerGrid,
-				List: FileViewerList
-			};
-			if (fileMetas.length === 0) {
-				t8 = null;
-				break bb0;
-			}
-			T0 = FileContext.Provider;
-			if ($[16] !== actions || $[17] !== fileMetas || $[18] !== onDelete) {
-				t6 = {
-					fileMetas,
-					onDelete,
-					actions,
-					setImageId
-				};
-				$[16] = actions;
-				$[17] = fileMetas;
-				$[18] = onDelete;
-				$[19] = t6;
-			} else t6 = $[19];
-			t7 = children(components);
-		}
-		$[8] = actions;
-		$[9] = children;
-		$[10] = fileMetas;
-		$[11] = onDelete;
-		$[12] = T0;
-		$[13] = t6;
-		$[14] = t7;
-		$[15] = t8;
-	} else {
-		T0 = $[12];
-		t6 = $[13];
-		t7 = $[14];
-		t8 = $[15];
-	}
-	if (t8 !== Symbol.for("react.early_return_sentinel")) return t8;
+	if ($[16] !== imageId) {
+		t8 = /* @__PURE__ */ jsx(ImageViewer, { metaId: imageId });
+		$[16] = imageId;
+		$[17] = t8;
+	} else t8 = $[17];
 	let t9;
-	if ($[20] !== imageId) {
-		t9 = /* @__PURE__ */ jsx(ImageViewer, { metaId: imageId });
-		$[20] = imageId;
-		$[21] = t9;
-	} else t9 = $[21];
-	let t10;
-	if ($[22] !== T0 || $[23] !== t6 || $[24] !== t7 || $[25] !== t9) {
-		t10 = /* @__PURE__ */ jsxs(T0, {
+	if ($[18] !== t6 || $[19] !== t7 || $[20] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(FileContext.Provider, {
 			value: t6,
-			children: [t7, t9]
+			children: [t7, t8]
 		});
-		$[22] = T0;
-		$[23] = t6;
-		$[24] = t7;
-		$[25] = t9;
-		$[26] = t10;
-	} else t10 = $[26];
-	return t10;
+		$[18] = t6;
+		$[19] = t7;
+		$[20] = t8;
+		$[21] = t9;
+	} else t9 = $[21];
+	return t9;
 };
 //#endregion
 //#region src/components/data-grid/ChipInputCell.tsx
 const isArray = (value) => Array.isArray(value);
 const ChipInputCell = (t0) => {
 	const $ = c(21);
-	if ($[0] !== "ebd026ef7b2b058bdb41c547491f28ac20bf350e7dcbb4d506fa4c0ec63a0b52") {
+	if ($[0] !== "8808ff69594136f018ebc4ce0aab35ef49e53d008a1bbd04540ff4298aff7091") {
 		for (let $i = 0; $i < 21; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "ebd026ef7b2b058bdb41c547491f28ac20bf350e7dcbb4d506fa4c0ec63a0b52";
+		$[0] = "8808ff69594136f018ebc4ce0aab35ef49e53d008a1bbd04540ff4298aff7091";
 	}
 	const { params, slotProps, getLabel } = t0;
 	if (!params.value) return null;