wcz-test 4.7.0 → 4.9.0

package/dist/index.js

@@ -975,84 +975,43 @@ var require_prop_types = __commonJS({
 // src/components/core/TypographyWithIcon.tsx
 import { Stack, Typography } from "@mui/material";
 import { jsx, jsxs } from "react/jsx-runtime";
-var stackSxProps = [
-  "margin",
-  "marginTop",
-  "marginRight",
-  "marginBottom",
-  "marginLeft",
-  "m",
-  "mt",
-  "mr",
-  "mb",
-  "ml",
-  "mx",
-  "my",
-  "padding",
-  "paddingTop",
-  "paddingRight",
-  "paddingBottom",
-  "paddingLeft",
-  "p",
-  "pt",
-  "pr",
-  "pb",
-  "pl",
-  "px",
-  "py",
-  "flexGrow",
-  "flexShrink",
-  "flexBasis",
-  "flexDirection",
-  "alignItems",
-  "justifyContent",
-  "position",
-  "zIndex",
-  "top",
-  "right",
-  "bottom",
-  "left",
-  "gridGap",
-  "gridColumnGap",
-  "gridRowGap",
-  "gridColumn",
-  "gridRow",
-  "gridAutoFlow",
-  "gap",
-  "columnGap",
-  "rowGap"
-];
-var TypographyWithIcon = ({ startIcon, endIcon, children, sx, gutterBottom, ...props }) => {
-  const sxCopy = { ...sx };
-  const stackStyles = {};
-  for (const current of stackSxProps) {
-    if (sxCopy[current]) {
-      stackStyles[current] = sxCopy[current];
-      delete sxCopy[current];
+var TypographyWithIcon = ({ startIcon, endIcon, children, sx, ...props }) => {
+  const iconSx = {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flexShrink: 0,
+    lineHeight: 0,
+    "& > svg": {
+      display: "block"
     }
-  }
-  return /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", gap: 1, sx: stackStyles, mb: gutterBottom ? 0.7 : void 0, children: [
-    startIcon,
-    /* @__PURE__ */ jsx(Typography, { ...props, sx: sxCopy, children }),
-    endIcon
-  ] });
-};
-
-// src/components/core/PageHeader.tsx
-import { Box, Stack as Stack2, Typography as Typography2 } from "@mui/material";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var PageHeader = ({ title, action, sx }) => {
-  return /* @__PURE__ */ jsxs2(Stack2, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { py: 2, ...sx }, children: [
-    /* @__PURE__ */ jsx2(Typography2, { variant: "h4", fontWeight: 600, children: title }),
-    action && /* @__PURE__ */ jsx2(Box, { children: action })
-  ] });
+  };
+  return /* @__PURE__ */ jsxs(
+    Typography,
+    {
+      component: "span",
+      sx: {
+        display: "inline-flex",
+        alignItems: "center",
+        verticalAlign: "middle",
+        ...sx
+      },
+      gap: 1,
+      ...props,
+      children: [
+        startIcon && /* @__PURE__ */ jsx(Stack, { component: "span", sx: iconSx, children: startIcon }),
+        /* @__PURE__ */ jsx(Stack, { component: "span", sx: { display: "inline", lineHeight: "inherit" }, children }),
+        endIcon && /* @__PURE__ */ jsx(Stack, { component: "span", sx: iconSx, children: endIcon })
+      ]
+    }
+  );
 };
 
-// src/components/core/TableContainer.tsx
-import { Box as Box2 } from "@mui/material";
+// src/components/core/Fullscreen.tsx
+import { Box } from "@mui/material";
 import { useEffect, useRef, useState } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var TableContainer = ({ children, sx, ...props }) => {
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Fullscreen = ({ children, sx, ...props }) => {
   const reference = useRef(null);
   const [height, setHeight] = useState();
   useEffect(() => {
@@ -1075,8 +1034,8 @@ var TableContainer = ({ children, sx, ...props }) => {
       ro.disconnect();
     };
   }, []);
-  return /* @__PURE__ */ jsx3(
-    Box2,
+  return /* @__PURE__ */ jsx2(
+    Box,
     {
       ref: reference,
       sx: {
@@ -1084,43 +1043,26 @@ var TableContainer = ({ children, sx, ...props }) => {
         flexDirection: "column",
         minHeight: 0,
         width: "100%",
+        overflow: "auto",
         ...sx
       },
       height,
       ...props,
-      children: /* @__PURE__ */ jsx3(Box2, { sx: (theme) => ({
+      children: /* @__PURE__ */ jsx2(Box, { sx: {
         flex: 1,
         minHeight: 0,
-        height: "100%",
-        "& .MuiDataGrid-cell--editing": {
-          "& .MuiInputBase-root": {
-            height: "100%"
-          }
-        },
-        "& .MuiDataGrid-columnHeaderTitle": {
-          fontWeight: 600
-        },
-        "& .Mui-error": {
-          backgroundColor: theme.palette.error.main,
-          color: theme.palette.error.contrastText
-        },
-        "& .MuiDataGrid-booleanCell[data-value='true']": {
-          color: `${theme.palette.success.main} !important`
-        },
-        "& .MuiDataGrid-booleanCell[data-value='false']": {
-          color: `${theme.palette.error.main} !important`
-        }
-      }), children })
+        height: "100%"
+      }, children })
     }
   );
 };
 
 // src/components/file/Dropzone.tsx
 import CloudUpload from "@mui/icons-material/CloudUpload";
-import { Paper, Typography as Typography3, useTheme } from "@mui/material";
+import { Paper, Typography as Typography2, useTheme } from "@mui/material";
 import { useDropzone } from "react-dropzone";
 import { useTranslation } from "react-i18next";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var baseStyle = {
   flex: 1,
   display: "flex",
@@ -1144,10 +1086,10 @@ var Dropzone = ({ sx, ...props }) => {
     ...isDragAccept ? { borderColor: theme.palette.success.main } : {},
     ...isDragReject ? { borderColor: theme.palette.error.main } : {}
   };
-  return /* @__PURE__ */ jsxs3(Paper, { variant: "outlined", ...getRootProps({ style }), sx, children: [
-    /* @__PURE__ */ jsx4("input", { ...getInputProps(), style: { display: "none" } }),
-    /* @__PURE__ */ jsx4(CloudUpload, {}),
-    /* @__PURE__ */ jsx4(Typography3, { children: t2("Layout.File.DragSomeFilesHereOrClickToSelectThem") })
+  return /* @__PURE__ */ jsxs2(Paper, { variant: "outlined", ...getRootProps({ style }), sx, children: [
+    /* @__PURE__ */ jsx3("input", { ...getInputProps(), style: { display: "none" } }),
+    /* @__PURE__ */ jsx3(CloudUpload, {}),
+    /* @__PURE__ */ jsx3(Typography2, { children: t2("Layout.File.DragSomeFilesHereOrClickToSelectThem") })
   ] });
 };
 
@@ -1156,7 +1098,7 @@ import { useState as useState5 } from "react";
 
 // src/components/file/fileViewer/FileViewerGrid.tsx
 import MoreVert from "@mui/icons-material/MoreVert";
-import { Box as Box3, IconButton, ImageListItem, ImageListItemBar, Stack as Stack4, Tooltip } from "@mui/material";
+import { Box as Box2, IconButton, ImageListItem, ImageListItemBar, Stack as Stack3, Tooltip } from "@mui/material";
 import { grey } from "@mui/material/colors";
 import { Fragment, useEffect as useEffect2, useState as useState3 } from "react";
 
@@ -1187,23 +1129,23 @@ import { createContext as createContext2 } from "react";
 var DialogsContext = createContext2({});
 
 // src/hooks/DialogsHooks.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function AlertDialog({ open, payload, onClose }) {
   const { t: t2 } = useTranslation2();
-  return /* @__PURE__ */ jsxs4(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(), disableRestoreFocus: true, children: [
-    /* @__PURE__ */ jsx5(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Alert") }),
-    /* @__PURE__ */ jsx5(DialogContent, { children: payload.message }),
-    /* @__PURE__ */ jsx5(DialogActions, { children: /* @__PURE__ */ jsx5(Button, { onClick: () => onClose(), autoFocus: true, children: t2("Layout.Dialog.Confirm") }) })
+  return /* @__PURE__ */ jsxs3(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(), disableRestoreFocus: true, children: [
+    /* @__PURE__ */ jsx4(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Alert") }),
+    /* @__PURE__ */ jsx4(DialogContent, { children: payload.message }),
+    /* @__PURE__ */ jsx4(DialogActions, { children: /* @__PURE__ */ jsx4(Button, { onClick: () => onClose(), autoFocus: true, children: t2("Layout.Dialog.Confirm") }) })
   ] });
 }
 function ConfirmDialog({ open, payload, onClose }) {
   const { t: t2 } = useTranslation2();
-  return /* @__PURE__ */ jsxs4(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(false), disableRestoreFocus: true, children: [
-    /* @__PURE__ */ jsx5(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Confirm") }),
-    /* @__PURE__ */ jsx5(DialogContent, { children: payload.message }),
-    /* @__PURE__ */ jsxs4(DialogActions, { children: [
-      /* @__PURE__ */ jsx5(Button, { onClick: () => onClose(false), children: payload.cancelText ?? t2("Layout.Dialog.Cancel") }),
-      /* @__PURE__ */ jsx5(Button, { onClick: () => onClose(true), autoFocus: true, children: t2("Layout.Dialog.Confirm") })
+  return /* @__PURE__ */ jsxs3(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(false), disableRestoreFocus: true, children: [
+    /* @__PURE__ */ jsx4(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Confirm") }),
+    /* @__PURE__ */ jsx4(DialogContent, { children: payload.message }),
+    /* @__PURE__ */ jsxs3(DialogActions, { children: [
+      /* @__PURE__ */ jsx4(Button, { onClick: () => onClose(false), children: payload.cancelText ?? t2("Layout.Dialog.Cancel") }),
+      /* @__PURE__ */ jsx4(Button, { onClick: () => onClose(true), autoFocus: true, children: t2("Layout.Dialog.Confirm") })
     ] })
   ] });
 }
@@ -1226,15 +1168,15 @@ import { Upload as TusUpload } from "tus-js-client";
 import { uuidv7 } from "uuidv7";
 
 // src/components/core/AppTitle.tsx
-import { Chip, Stack as Stack3, Typography as Typography4 } from "@mui/material";
+import { Chip, Stack as Stack2, Typography as Typography3 } from "@mui/material";
 import { useRouterState } from "@tanstack/react-router";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var AppTitle = () => {
   const title = useAppTitle();
-  return /* @__PURE__ */ jsxs5(Stack3, { direction: "row", alignItems: "center", spacing: 2, flexGrow: 1, children: [
-    /* @__PURE__ */ jsx6("img", { src: "/favicon-32x32.png", alt: "app-logo", loading: "lazy" }),
-    /* @__PURE__ */ jsx6(Typography4, { variant: "h6", children: title }),
-    import.meta.env.DEV && /* @__PURE__ */ jsx6(Chip, { size: "small", label: "TEST", color: "info" })
+  return /* @__PURE__ */ jsxs4(Stack2, { direction: "row", alignItems: "center", spacing: 2, flexGrow: 1, children: [
+    /* @__PURE__ */ jsx5("img", { src: "/favicon-32x32.png", alt: "app-logo", loading: "lazy" }),
+    /* @__PURE__ */ jsx5(Typography3, { variant: "h6", children: title }),
+    import.meta.env.DEV && /* @__PURE__ */ jsx5(Chip, { size: "small", label: "TEST", color: "info" })
   ] });
 };
 var useAppTitle = () => {
@@ -1274,7 +1216,7 @@ var rootRouteHead = ({ title }) => () => ({
     { rel: "apple-touch-icon", sizes: "180x180", href: "/apple-touch-icon.png" },
     { rel: "icon", type: "image/png", sizes: "32x32", href: "/favicon-32x32.png" },
     { rel: "icon", type: "image/png", sizes: "16x16", href: "/favicon-16x16.png" },
-    { rel: "manifest", href: "/manifest" },
+    { rel: "manifest", href: "/manifest.json" },
     { rel: "icon", href: "/favicon.ico" }
   ]
 });
@@ -1446,7 +1388,7 @@ var useUploadFile = ({ subId, onSuccess, onError }) => {
 };
 
 // src/components/file/fileViewer/common/ActionsMenu.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var ActionsMenu = ({ meta, menu, setMenu }) => {
   const { t: t2 } = useTranslation3();
   const { fileMetas, onDelete, actions } = useFile();
@@ -1470,7 +1412,7 @@ var ActionsMenu = ({ meta, menu, setMenu }) => {
       onDelete({ remainingFileMetas, deletedFileMeta: meta });
     }
   };
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6(
     Menu,
     {
       open: menu !== null,
@@ -1478,14 +1420,14 @@ var ActionsMenu = ({ meta, menu, setMenu }) => {
       anchorReference: "anchorPosition",
       variant: "menu",
       anchorPosition: menu === null ? void 0 : { top: menu.mouseY, left: menu.mouseX },
-      children: /* @__PURE__ */ jsxs6(List, { disablePadding: true, children: [
-        actions?.download !== false && /* @__PURE__ */ jsxs6(ListItemButton, { onClick: handleOnDownload, disabled: isDownloading, children: [
-          /* @__PURE__ */ jsx7(ListItemIcon, { children: /* @__PURE__ */ jsx7(FileDownload, {}) }),
-          /* @__PURE__ */ jsx7(ListItemText, { children: t2("Layout.File.Download") })
+      children: /* @__PURE__ */ jsxs5(List, { disablePadding: true, children: [
+        actions?.download !== false && /* @__PURE__ */ jsxs5(ListItemButton, { onClick: handleOnDownload, disabled: isDownloading, children: [
+          /* @__PURE__ */ jsx6(ListItemIcon, { children: /* @__PURE__ */ jsx6(FileDownload, {}) }),
+          /* @__PURE__ */ jsx6(ListItemText, { children: t2("Layout.File.Download") })
         ] }),
-        actions?.delete !== false && /* @__PURE__ */ jsxs6(ListItemButton, { onClick: handleOnDelete, disabled: isDeleting, children: [
-          /* @__PURE__ */ jsx7(ListItemIcon, { children: /* @__PURE__ */ jsx7(Delete, {}) }),
-          /* @__PURE__ */ jsx7(ListItemText, { children: t2("Layout.File.Delete") })
+        actions?.delete !== false && /* @__PURE__ */ jsxs5(ListItemButton, { onClick: handleOnDelete, disabled: isDeleting, children: [
+          /* @__PURE__ */ jsx6(ListItemIcon, { children: /* @__PURE__ */ jsx6(Delete, {}) }),
+          /* @__PURE__ */ jsx6(ListItemText, { children: t2("Layout.File.Delete") })
         ] })
       ] })
     }
@@ -1493,11 +1435,11 @@ var ActionsMenu = ({ meta, menu, setMenu }) => {
 };
 
 // src/components/file/fileViewer/FileViewerGrid.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var IMAGE_SIZE = 150;
 var FileViewerGrid = ({ sx, size, itemBar }) => {
   const { fileMetas } = useFile();
-  return /* @__PURE__ */ jsx8(Stack4, { direction: "row", spacing: 1, sx: { overflow: "auto", ...sx }, children: fileMetas.map((fileMeta) => /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7(Stack3, { direction: "row", spacing: 1, sx: { overflow: "auto", ...sx }, children: fileMetas.map((fileMeta) => /* @__PURE__ */ jsx7(
     GridFileViewerItem,
     {
       meta: fileMeta,
@@ -1539,10 +1481,10 @@ var GridFileViewerItem = ({ meta, size, itemBar }) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs7(Fragment, { children: [
-    /* @__PURE__ */ jsxs7(ImageListItem, { sx: { width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, children: [
-      /* @__PURE__ */ jsx8(
-        Box3,
+  return /* @__PURE__ */ jsxs6(Fragment, { children: [
+    /* @__PURE__ */ jsxs6(ImageListItem, { sx: { width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, children: [
+      /* @__PURE__ */ jsx7(
+        Box2,
         {
           component: "img",
           src: source,
@@ -1552,15 +1494,15 @@ var GridFileViewerItem = ({ meta, size, itemBar }) => {
           sx: { cursor: "pointer", objectFit: "contain", width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }
         }
       ),
-      itemBar !== "hidden" && showItemBar && /* @__PURE__ */ jsx8(
+      itemBar !== "hidden" && showItemBar && /* @__PURE__ */ jsx7(
         ImageListItemBar,
         {
-          title: /* @__PURE__ */ jsx8(Tooltip, { title: meta.fileName, children: /* @__PURE__ */ jsx8(Box3, { children: meta.fileName }) }),
-          actionIcon: (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx8(IconButton, { sx: { color: grey[100] }, onClick: openMenu, children: /* @__PURE__ */ jsx8(MoreVert, {}) })
+          title: /* @__PURE__ */ jsx7(Tooltip, { title: meta.fileName, children: /* @__PURE__ */ jsx7(Box2, { children: meta.fileName }) }),
+          actionIcon: (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx7(IconButton, { sx: { color: grey[100] }, onClick: openMenu, children: /* @__PURE__ */ jsx7(MoreVert, {}) })
         }
       )
     ] }),
-    (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx8(ActionsMenu, { meta, menu, setMenu })
+    (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx7(ActionsMenu, { meta, menu, setMenu })
   ] });
 };
 
@@ -1571,11 +1513,11 @@ import MoreVert2 from "@mui/icons-material/MoreVert";
 import SmartDisplay from "@mui/icons-material/SmartDisplay";
 import { IconButton as IconButton2, List as List2, ListItemButton as ListItemButton2, ListItemIcon as ListItemIcon2, ListItemText as ListItemText2 } from "@mui/material";
 import { Fragment as Fragment2, useState as useState4 } from "react";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var FileViewerList = ({ sx }) => {
   const { fileMetas } = useFile();
-  return /* @__PURE__ */ jsx9(List2, { dense: true, sx, children: fileMetas.map(
-    (fileMeta) => /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(List2, { dense: true, sx, children: fileMetas.map(
+    (fileMeta) => /* @__PURE__ */ jsx8(
       ListFileViewerItem,
       {
         meta: fileMeta
@@ -1612,31 +1554,31 @@ var ListFileViewerItem = ({ meta }) => {
   const icon = () => {
     switch (meta.mediaType) {
       case "image": {
-        return /* @__PURE__ */ jsx9(Image, {});
+        return /* @__PURE__ */ jsx8(Image, {});
       }
       case "video": {
-        return /* @__PURE__ */ jsx9(SmartDisplay, {});
+        return /* @__PURE__ */ jsx8(SmartDisplay, {});
       }
       default: {
-        return /* @__PURE__ */ jsx9(AttachFile, {});
+        return /* @__PURE__ */ jsx8(AttachFile, {});
       }
     }
   };
-  return /* @__PURE__ */ jsxs8(Fragment2, { children: [
-    /* @__PURE__ */ jsxs8(ListItemButton2, { onClick, children: [
-      /* @__PURE__ */ jsx9(ListItemIcon2, { children: icon() }),
-      /* @__PURE__ */ jsx9(ListItemText2, { primary: `${meta.fileName}.${meta.fileExtension}` }),
-      (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx9(IconButton2, { edge: "end", onClick: openMenu, children: /* @__PURE__ */ jsx9(MoreVert2, {}) })
+  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
+    /* @__PURE__ */ jsxs7(ListItemButton2, { onClick, children: [
+      /* @__PURE__ */ jsx8(ListItemIcon2, { children: icon() }),
+      /* @__PURE__ */ jsx8(ListItemText2, { primary: `${meta.fileName}.${meta.fileExtension}` }),
+      (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx8(IconButton2, { edge: "end", onClick: openMenu, children: /* @__PURE__ */ jsx8(MoreVert2, {}) })
     ] }, meta.id),
-    (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx9(ActionsMenu, { meta, menu, setMenu })
+    (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx8(ActionsMenu, { meta, menu, setMenu })
   ] });
 };
 
 // src/components/file/fileViewer/ImageViewer.tsx
 import Close from "@mui/icons-material/Close";
-import { Box as Box4, Dialog as Dialog2, Fab } from "@mui/material";
+import { Box as Box3, Dialog as Dialog2, Fab } from "@mui/material";
 import { useEffect as useEffect3 } from "react";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var ImageViewer = ({ metaId }) => {
   const { fileMetas, setImageId } = useFile();
   const meta = fileMetas.find((m) => m.id === metaId);
@@ -1679,28 +1621,28 @@ var ImageViewer = ({ metaId }) => {
   };
   const onClose = () => setImageId("");
   if (!metaId) return null;
-  return /* @__PURE__ */ jsxs9(Dialog2, { open: true, onClose, maxWidth: "xl", children: [
-    /* @__PURE__ */ jsx10(Box4, { component: "img", src: source, alt: metaId, sx: { maxWidth: "100vw", maxHeight: { xs: "calc(100vh - 56px)", sm: "calc(100vh - 64px)" } } }),
-    /* @__PURE__ */ jsx10(Fab, { size: "medium", onClick: onClose, sx: { position: "fixed", top: 8, right: 8 }, children: /* @__PURE__ */ jsx10(Close, {}) })
+  return /* @__PURE__ */ jsxs8(Dialog2, { open: true, onClose, maxWidth: "xl", children: [
+    /* @__PURE__ */ jsx9(Box3, { component: "img", src: source, alt: metaId, sx: { maxWidth: "100vw", maxHeight: { xs: "calc(100vh - 56px)", sm: "calc(100vh - 64px)" } } }),
+    /* @__PURE__ */ jsx9(Fab, { size: "medium", onClick: onClose, sx: { position: "fixed", top: 8, right: 8 }, children: /* @__PURE__ */ jsx9(Close, {}) })
   ] });
 };
 
 // src/components/file/FileViewer.tsx
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var FileViewer = ({ subId, onDelete, actions, children }) => {
   const { data: fileMetas = [] } = useGetFileMetas(subId, { enabled: !!subId });
   const [imageId, setImageId] = useState5("");
   const components = { Grid: FileViewerGrid, List: FileViewerList };
   if (fileMetas.length === 0) return null;
-  return /* @__PURE__ */ jsxs10(FileContext.Provider, { value: { fileMetas, onDelete, actions, setImageId }, children: [
+  return /* @__PURE__ */ jsxs9(FileContext.Provider, { value: { fileMetas, onDelete, actions, setImageId }, children: [
     children(components),
-    /* @__PURE__ */ jsx11(ImageViewer, { metaId: imageId })
+    /* @__PURE__ */ jsx10(ImageViewer, { metaId: imageId })
   ] });
 };
 
 // src/components/data-grid/ChipInputCell.tsx
-import { Chip as Chip2, Stack as Stack5 } from "@mui/material";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { Chip as Chip2, Stack as Stack4 } from "@mui/material";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var isArray = (value) => Array.isArray(value);
 var ChipInputCell = ({ params, slotProps, getLabel }) => {
   if (!params.value) return null;
@@ -1709,120 +1651,120 @@ var ChipInputCell = ({ params, slotProps, getLabel }) => {
     return value;
   };
   if (isArray(params.value))
-    return /* @__PURE__ */ jsx12(Stack5, { direction: "row", alignItems: "center", gap: 1, sx: { overflowX: "auto", height: "100%", width: params.colDef.computedWidth }, children: params.value.map(
-      (value, index) => /* @__PURE__ */ jsx12(Chip2, { label: getLabelValue(value), ...slotProps }, `${index + 1}-chip-input-cell`)
+    return /* @__PURE__ */ jsx11(Stack4, { direction: "row", alignItems: "center", gap: 1, sx: { overflowX: "auto", height: "100%", width: params.colDef.computedWidth }, children: params.value.map(
+      (value, index) => /* @__PURE__ */ jsx11(Chip2, { label: getLabelValue(value), ...slotProps }, `${index + 1}-chip-input-cell`)
     ) });
-  return /* @__PURE__ */ jsx12(Chip2, { label: getLabelValue(params.value), ...slotProps });
+  return /* @__PURE__ */ jsx11(Chip2, { label: getLabelValue(params.value), ...slotProps });
 };
 
 // src/components/data-grid/EditableColumnHeader.tsx
 import Edit from "@mui/icons-material/Edit";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var EditableColumnHeader = ({ colDef }) => {
-  return /* @__PURE__ */ jsx13(TypographyWithIcon, { endIcon: /* @__PURE__ */ jsx13(Edit, { color: "disabled", fontSize: "small" }), variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: colDef.headerName });
+  return /* @__PURE__ */ jsx12(TypographyWithIcon, { endIcon: /* @__PURE__ */ jsx12(Edit, { color: "disabled", fontSize: "small" }), variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: colDef.headerName });
 };
 
 // src/components/router/RouterButton.tsx
 import { Button as Button2 } from "@mui/material";
 import { createLink } from "@tanstack/react-router";
 import React3 from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var Component = React3.forwardRef(function ButtonComponent(props, reference) {
-  return /* @__PURE__ */ jsx14(Button2, { ref: reference, component: "a", ...props });
+  return /* @__PURE__ */ jsx13(Button2, { ref: reference, component: "a", ...props });
 });
 var CreatedComponent = createLink(Component);
 var RouterButton = (props) => {
-  return /* @__PURE__ */ jsx14(CreatedComponent, { ...props });
+  return /* @__PURE__ */ jsx13(CreatedComponent, { ...props });
 };
 
 // src/components/router/RouterGridActionsCellItem.tsx
 import { GridActionsCellItem } from "@mui/x-data-grid-premium";
 import { createLink as createLink2 } from "@tanstack/react-router";
 import React4 from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var Component2 = React4.forwardRef(
   function GridActionsCellItemComponent(props, reference) {
-    return /* @__PURE__ */ jsx15(GridActionsCellItem, { ref: reference, component: "a", ...props });
+    return /* @__PURE__ */ jsx14(GridActionsCellItem, { ref: reference, component: "a", ...props });
   }
 );
 var CreatedComponent2 = createLink2(Component2);
 var RouterGridActionsCellItem = (props) => {
-  return /* @__PURE__ */ jsx15(CreatedComponent2, { ...props });
+  return /* @__PURE__ */ jsx14(CreatedComponent2, { ...props });
 };
 
 // src/components/router/RouterIconButton.tsx
 import { IconButton as IconButton3 } from "@mui/material";
 import { createLink as createLink3 } from "@tanstack/react-router";
 import React5 from "react";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var Component3 = React5.forwardRef(function IconButtonComponent(props, reference) {
-  return /* @__PURE__ */ jsx16(IconButton3, { ref: reference, component: "a", ...props });
+  return /* @__PURE__ */ jsx15(IconButton3, { ref: reference, component: "a", ...props });
 });
 var CreatedComponent3 = createLink3(Component3);
 var RouterIconButton = (props) => {
-  return /* @__PURE__ */ jsx16(CreatedComponent3, { ...props });
+  return /* @__PURE__ */ jsx15(CreatedComponent3, { ...props });
 };
 
 // src/components/router/RouterLink.tsx
 import { Link } from "@mui/material";
 import { createLink as createLink4 } from "@tanstack/react-router";
 import React6 from "react";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var Component4 = React6.forwardRef(function LinkComponent(props, reference) {
-  return /* @__PURE__ */ jsx17(Link, { ref: reference, ...props });
+  return /* @__PURE__ */ jsx16(Link, { ref: reference, ...props });
 });
 var CreatedComponent4 = createLink4(Component4);
 var RouterLink = (props) => {
-  return /* @__PURE__ */ jsx17(CreatedComponent4, { ...props });
+  return /* @__PURE__ */ jsx16(CreatedComponent4, { ...props });
 };
 
 // src/components/router/RouterTab.tsx
 import { Tab } from "@mui/material";
 import { createLink as createLink5 } from "@tanstack/react-router";
 import React7 from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var Component5 = React7.forwardRef(function TabComponent(props, reference) {
-  return /* @__PURE__ */ jsx18(Tab, { ref: reference, component: "a", ...props });
+  return /* @__PURE__ */ jsx17(Tab, { ref: reference, component: "a", ...props });
 });
 var CreatedComponent5 = createLink5(Component5);
 var RouterTab = (props) => {
-  return /* @__PURE__ */ jsx18(CreatedComponent5, { ...props });
+  return /* @__PURE__ */ jsx17(CreatedComponent5, { ...props });
 };
 
 // src/components/router/RouterListItemButton.tsx
 import { ListItemButton as ListItemButton3 } from "@mui/material";
 import { createLink as createLink6 } from "@tanstack/react-router";
 import React8 from "react";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var Component6 = React8.forwardRef(function ButtonComponent2(props, reference) {
-  return /* @__PURE__ */ jsx19(ListItemButton3, { ref: reference, component: "a", ...props });
+  return /* @__PURE__ */ jsx18(ListItemButton3, { ref: reference, component: "a", ...props });
 });
 var CreatedComponent6 = createLink6(Component6);
 var RouterListItemButton = (props) => {
-  return /* @__PURE__ */ jsx19(CreatedComponent6, { ...props });
+  return /* @__PURE__ */ jsx18(CreatedComponent6, { ...props });
 };
 
 // src/components/router/RouterNotFound.tsx
-import { Box as Box5, Divider, Typography as Typography5 } from "@mui/material";
+import { Box as Box4, Divider, Typography as Typography4 } from "@mui/material";
 import { useTranslation as useTranslation4 } from "react-i18next";
-import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
 function RouterNotFound() {
   const { t: t2 } = useTranslation4();
-  return /* @__PURE__ */ jsx20(Box5, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs11(Box5, { display: "flex", alignItems: "center", mb: 4, children: [
-    /* @__PURE__ */ jsx20(Typography5, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "404" }),
-    /* @__PURE__ */ jsx20(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
-    /* @__PURE__ */ jsx20(Typography5, { variant: "h5", component: "span", children: t2("Layout.ThisPageCouldNotBeFound") })
+  return /* @__PURE__ */ jsx19(Box4, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs10(Box4, { display: "flex", alignItems: "center", mb: 4, children: [
+    /* @__PURE__ */ jsx19(Typography4, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "404" }),
+    /* @__PURE__ */ jsx19(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
+    /* @__PURE__ */ jsx19(Typography4, { variant: "h5", component: "span", children: t2("Layout.ThisPageCouldNotBeFound") })
   ] }) });
 }
 
 // src/components/router/RouterError.tsx
-import { Box as Box6, Divider as Divider2, Typography as Typography6 } from "@mui/material";
-import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Box as Box5, Divider as Divider2, Typography as Typography5 } from "@mui/material";
+import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
 var RouterError = ({ error }) => {
-  return /* @__PURE__ */ jsx21(Box6, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs12(Box6, { display: "flex", alignItems: "center", mb: 4, children: [
-    /* @__PURE__ */ jsx21(Typography6, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: error.name || "500" }),
-    /* @__PURE__ */ jsx21(Divider2, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
-    /* @__PURE__ */ jsx21(Typography6, { variant: "h5", component: "span", children: error.message })
+  return /* @__PURE__ */ jsx20(Box5, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs11(Box5, { display: "flex", alignItems: "center", mb: 4, children: [
+    /* @__PURE__ */ jsx20(Typography5, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: error.name || "500" }),
+    /* @__PURE__ */ jsx20(Divider2, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
+    /* @__PURE__ */ jsx20(Typography5, { variant: "h5", component: "span", children: error.message })
   ] }) });
 };
 
@@ -2593,15 +2535,14 @@ var AdapterDayjs = class {
 };
 
 // src/providers/LayoutProvider.tsx
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect6, useEffectEvent } from "react";
 import { useTranslation as useTranslation7 } from "react-i18next";
 import * as z from "zod";
-import { cs, en } from "zod/locales";
 
 // src/components/core/Layout.tsx
 import Menu3 from "@mui/icons-material/Menu";
 import MenuOpen from "@mui/icons-material/MenuOpen";
-import { AppBar, Box as Box10, CssBaseline, IconButton as IconButton5, InitColorSchemeScript, LinearProgress, Toolbar } from "@mui/material";
+import { AppBar, Box as Box9, CssBaseline, IconButton as IconButton5, InitColorSchemeScript, LinearProgress, Toolbar } from "@mui/material";
 import { styled as styled2 } from "@mui/material/styles";
 import { useIsFetching, useIsMutating } from "@tanstack/react-query";
 import { Fragment as Fragment7 } from "react";
@@ -2609,7 +2550,7 @@ import useLocalStorageState from "use-local-storage-state";
 
 // src/components/core/navigation/NavigationRail.tsx
 import { useMediaQuery } from "@mui/material";
-import Box8 from "@mui/material/Box";
+import Box7 from "@mui/material/Box";
 import Drawer from "@mui/material/Drawer";
 import { useTheme as useTheme2 } from "@mui/material/styles";
 import { useNavigate, useRouterState as useRouterState2 } from "@tanstack/react-router";
@@ -2623,7 +2564,7 @@ import { Fragment as Fragment5, useEffect as useEffect5, useState as useState7 }
 // src/components/core/navigation/NavigationListItem.tsx
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 import Avatar from "@mui/material/Avatar";
-import Box7 from "@mui/material/Box";
+import Box6 from "@mui/material/Box";
 import Popper from "@mui/material/Popper";
 import ListItem from "@mui/material/ListItem";
 import ListItemButton4 from "@mui/material/ListItemButton";
@@ -2631,10 +2572,10 @@ import ListItemIcon3 from "@mui/material/ListItemIcon";
 import ListItemText3 from "@mui/material/ListItemText";
 import Paper2 from "@mui/material/Paper";
 import { styled } from "@mui/material/styles";
-import Typography7 from "@mui/material/Typography";
+import Typography6 from "@mui/material/Typography";
 import { Fragment as Fragment3, useMemo as useMemo3, useState as useState6 } from "react";
 import { Collapse } from "@mui/material";
-import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
 var ICON_SIZE = 34;
 var StyledNavButton = styled(ListItemButton4)(({ theme }) => ({
   borderRadius: 8,
@@ -2678,13 +2619,13 @@ var StyledRouterButton = styled(RouterListItemButton)(({ theme }) => ({
 }));
 var IconOrAvatar = ({ item, collapsed }) => {
   if (item.icon || collapsed) {
-    return /* @__PURE__ */ jsxs13(Box7, { sx: collapsed ? { position: "absolute", left: "50%", top: "calc(50% - 6px)", transform: "translate(-50%, -50%)" } : {}, children: [
-      /* @__PURE__ */ jsxs13(ListItemIcon3, { sx: { display: "flex", alignItems: "center", justifyContent: "center", minWidth: ICON_SIZE }, children: [
+    return /* @__PURE__ */ jsxs12(Box6, { sx: collapsed ? { position: "absolute", left: "50%", top: "calc(50% - 6px)", transform: "translate(-50%, -50%)" } : {}, children: [
+      /* @__PURE__ */ jsxs12(ListItemIcon3, { sx: { display: "flex", alignItems: "center", justifyContent: "center", minWidth: ICON_SIZE }, children: [
         item.icon ?? null,
-        !item.icon && collapsed ? /* @__PURE__ */ jsx22(Avatar, { sx: { width: ICON_SIZE - 7, height: ICON_SIZE - 7, fontSize: 12 }, children: item.title }) : null
+        !item.icon && collapsed ? /* @__PURE__ */ jsx21(Avatar, { sx: { width: ICON_SIZE - 7, height: ICON_SIZE - 7, fontSize: 12 }, children: item.title }) : null
       ] }),
-      collapsed ? /* @__PURE__ */ jsx22(
-        Typography7,
+      collapsed ? /* @__PURE__ */ jsx21(
+        Typography6,
         {
           variant: "caption",
           sx: {
@@ -2707,7 +2648,7 @@ var IconOrAvatar = ({ item, collapsed }) => {
   }
   return null;
 };
-var MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx22(
+var MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx21(
   Popper,
   {
     open,
@@ -2718,7 +2659,7 @@ var MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx22(
       { name: "preventOverflow", options: { padding: 8 } },
       { name: "flip", options: { fallbackPlacements: ["right-end", "left-start"] } }
     ],
-    children: /* @__PURE__ */ jsx22(
+    children: /* @__PURE__ */ jsx21(
       Paper2,
       {
         sx: {
@@ -2760,9 +2701,9 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
     disabled,
     sx: { px: 1.4, height: collapsed ? 60 : 48 }
   };
-  const buttonContent = /* @__PURE__ */ jsxs13(Fragment4, { children: [
-    /* @__PURE__ */ jsx22(IconOrAvatar, { item, collapsed }),
-    !collapsed && /* @__PURE__ */ jsx22(
+  const buttonContent = /* @__PURE__ */ jsxs12(Fragment4, { children: [
+    /* @__PURE__ */ jsx21(IconOrAvatar, { item, collapsed }),
+    !collapsed && /* @__PURE__ */ jsx21(
       ListItemText3,
       {
         primary: item.title,
@@ -2770,9 +2711,9 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
         sx: { ml: 1.2, flex: 1, minWidth: 0, "& .MuiTypography-root": { whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" } }
       }
     ),
-    item.children ? /* @__PURE__ */ jsx22(ExpandMoreIcon, { sx: chevronSx }) : null
+    item.children ? /* @__PURE__ */ jsx21(ExpandMoreIcon, { sx: chevronSx }) : null
   ] });
-  const listItem = /* @__PURE__ */ jsxs13(
+  const listItem = /* @__PURE__ */ jsxs12(
     ListItem,
     {
       ...item.children && collapsed ? {
@@ -2786,7 +2727,7 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
       } : {},
       sx: { py: 0, px: 1, overflowX: "hidden" },
       children: [
-        shouldJustExpand ? /* @__PURE__ */ jsx22(StyledNavButton, { ...buttonProps, onClick: () => onClick?.(item), children: buttonContent }) : /* @__PURE__ */ jsx22(
+        shouldJustExpand ? /* @__PURE__ */ jsx21(StyledNavButton, { ...buttonProps, onClick: () => onClick?.(item), children: buttonContent }) : /* @__PURE__ */ jsx21(
           StyledRouterButton,
           {
             ...buttonProps,
@@ -2798,18 +2739,18 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
             children: buttonContent
           }
         ),
-        item.children && collapsed ? /* @__PURE__ */ jsx22(MiniPopover, { open: item.title === hoveredPopoverItem, anchorEl: anchorElement, children: renderNested?.(item.children) }) : null
+        item.children && collapsed ? /* @__PURE__ */ jsx21(MiniPopover, { open: item.title === hoveredPopoverItem, anchorEl: anchorElement, children: renderNested?.(item.children) }) : null
       ]
     }
   );
-  return /* @__PURE__ */ jsxs13(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs12(Fragment3, { children: [
     listItem,
-    item.children && !collapsed ? /* @__PURE__ */ jsx22(Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true, children: renderNested?.(item.children) }) : null
+    item.children && !collapsed ? /* @__PURE__ */ jsx21(Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true, children: renderNested?.(item.children) }) : null
   ] }, item.to);
 };
 
 // src/components/core/navigation/NavigationList.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var isPageItem = (item) => !("kind" in item);
 var isDivider = (item) => "kind" in item && item.kind === "divider";
 var isHeader = (item) => "kind" in item && item.kind === "header";
@@ -2819,7 +2760,7 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
     if (collapsed) setOpenKeys([]);
   }, [collapsed]);
   const toggleKey = (key) => setOpenKeys((previous) => previous.includes(key) ? previous.filter((k) => k !== key) : [...previous, key]);
-  const renderNested = (children) => /* @__PURE__ */ jsx23(
+  const renderNested = (children) => /* @__PURE__ */ jsx22(
     NavigationList,
     {
       subNavigation: children,
@@ -2832,7 +2773,7 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
     }
   );
   const filteredNavigation = subNavigation.filter((nav) => !nav.hidden);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     List3,
     {
       sx: {
@@ -2845,7 +2786,7 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
       },
       children: filteredNavigation.map((navItem, index) => {
         if (isHeader(navItem)) {
-          return /* @__PURE__ */ jsx23(
+          return /* @__PURE__ */ jsx22(
             ListSubheader,
             {
               sx: {
@@ -2868,13 +2809,13 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
         }
         if (isDivider(navItem)) {
           const nextItem = filteredNavigation[index + 1];
-          return /* @__PURE__ */ jsx23("li", { children: /* @__PURE__ */ jsx23(Divider3, { sx: { mx: 1, mt: 1, mb: isHeader(nextItem) && !collapsed ? 0 : 1 } }) }, `divider-${depth}-${index}`);
+          return /* @__PURE__ */ jsx22("li", { children: /* @__PURE__ */ jsx22(Divider3, { sx: { mx: 1, mt: 1, mb: isHeader(nextItem) && !collapsed ? 0 : 1 } }) }, `divider-${depth}-${index}`);
         }
         if (!isPageItem(navItem)) return null;
         const key = `item-${depth}-${index}`;
         const uniqueItemKey = `${depth}-${index}-${navItem.title}`;
-        if (renderItem) return /* @__PURE__ */ jsx23(Fragment5, { children: renderItem(navItem, { collapsed: !!collapsed }) }, key);
-        return /* @__PURE__ */ jsx23(
+        if (renderItem) return /* @__PURE__ */ jsx22(Fragment5, { children: renderItem(navItem, { collapsed: !!collapsed }) }, key);
+        return /* @__PURE__ */ jsx22(
           NavigationListItem,
           {
             item: navItem,
@@ -2895,7 +2836,7 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
 };
 
 // src/components/core/navigation/NavigationRail.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var MINI_WIDTH = 84;
 var EXPANDED_WIDTH = 320;
 var TOOLBAR_HEIGHT = 64;
@@ -2904,8 +2845,8 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
   const routerState = useRouterState2();
   const theme = useTheme2();
   const showPermanent = useMediaQuery(theme.breakpoints.up("sm"));
-  const drawerContent = (collapsed) => /* @__PURE__ */ jsx24(
-    Box8,
+  const drawerContent = (collapsed) => /* @__PURE__ */ jsx23(
+    Box7,
     {
       component: "nav",
       sx: {
@@ -2918,7 +2859,7 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
         overflowX: "hidden",
         pt: navigation[0] && isHeader(navigation[0]) && !collapsed ? 0 : 2
       },
-      children: /* @__PURE__ */ jsx24(
+      children: /* @__PURE__ */ jsx23(
         NavigationList,
         {
           subNavigation: navigation,
@@ -2934,7 +2875,7 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
     }
   );
   if (showPermanent)
-    return /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx23(
       Drawer,
       {
         variant: "permanent",
@@ -2952,7 +2893,7 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
         children: drawerContent(!expanded)
       }
     );
-  return /* @__PURE__ */ jsx24(Drawer, { open: expanded, onClose: () => setExpanded(false), children: drawerContent(!expanded) });
+  return /* @__PURE__ */ jsx23(Drawer, { open: expanded, onClose: () => setExpanded(false), children: drawerContent(!expanded) });
 };
 
 // src/components/core/ToolbarAccount.tsx
@@ -2966,41 +2907,30 @@ import Login from "@mui/icons-material/Login";
 import Logout from "@mui/icons-material/Logout";
 import SettingsBrightness from "@mui/icons-material/SettingsBrightness";
 import Translate from "@mui/icons-material/Translate";
-import { Avatar as Avatar2, Box as Box9, IconButton as IconButton4, List as List4, ListItem as ListItem2, ListItemButton as ListItemButton5, ListItemIcon as ListItemIcon4, ListItemText as ListItemText4, ListSubheader as ListSubheader2, Menu as Menu2, Typography as Typography8, useColorScheme } from "@mui/material";
+import { Avatar as Avatar2, Box as Box8, IconButton as IconButton4, List as List4, ListItem as ListItem2, ListItemButton as ListItemButton5, ListItemIcon as ListItemIcon4, ListItemText as ListItemText4, ListSubheader as ListSubheader2, Menu as Menu2, Typography as Typography7, useColorScheme } from "@mui/material";
 import { Fragment as Fragment6, useState as useState8 } from "react";
 import { useTranslation as useTranslation5 } from "react-i18next";
-import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+import Done from "@mui/icons-material/Done";
+import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+var capitalize = (value) => value && value.charAt(0).toUpperCase() + value.slice(1);
 var ToolbarAccount = () => {
   const [anchorElement, setAnchorElement] = useState8();
   const [tab, setTab] = useState8("settings");
   const open = Boolean(anchorElement);
   const { t: t2, i18n } = useTranslation5();
   const { mode, setMode } = useColorScheme();
-  const changeLanguage = (newLanguage) => () => {
-    i18n.changeLanguage(newLanguage).finally(() => closeMenu());
-  };
-  const changeMode = (newMode) => () => {
-    setMode(newMode);
-    closeMenu();
-  };
+  const supportedLanguages = (Array.isArray(i18n.options.supportedLngs) ? i18n.options.supportedLngs : []).filter((lng) => lng !== "cimode");
+  const languageDisplayNames = new Intl.DisplayNames([i18n.language], { type: "language" });
+  const colorModes = [
+    { mode: "light", icon: LightMode, label: t2("Layout.Light") },
+    { mode: "dark", icon: DarkMode, label: t2("Layout.Dark") },
+    { mode: "system", icon: SettingsBrightness, label: t2("Layout.System") }
+  ];
   const user = {
     name: "Dalibor Homola",
     employeeId: "C2503017",
     department: "IT"
   };
-  const getModeText = () => {
-    switch (mode) {
-      case "light": {
-        return t2("Layout.Light");
-      }
-      case "dark": {
-        return t2("Layout.Dark");
-      }
-      default: {
-        return t2("Layout.System");
-      }
-    }
-  };
   const usernameInitials = () => {
     if (!user.name) return "";
     const splittedName = user.name.split(" ");
@@ -3012,60 +2942,71 @@ var ToolbarAccount = () => {
     setTimeout(() => setTab("settings"), 300);
   };
   const changeTab = (newTab) => () => setTab(newTab);
-  const settings = /* @__PURE__ */ jsxs14(List4, { component: "nav", subheader: /* @__PURE__ */ jsx25(ListSubheader2, { sx: { backgroundColor: "transparent" }, children: t2("Layout.Settings") }), children: [
-    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
-      /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(Brightness4, {}) }),
-      /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.Appearance"), secondary: getModeText() }),
-      /* @__PURE__ */ jsx25(ChevronRight, {})
+  const settings = /* @__PURE__ */ jsxs13(List4, { component: "nav", subheader: /* @__PURE__ */ jsx24(ListSubheader2, { sx: { backgroundColor: "transparent" }, children: t2("Layout.Settings") }), children: [
+    /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
+      /* @__PURE__ */ jsx24(ListItemIcon4, { children: /* @__PURE__ */ jsx24(Brightness4, {}) }),
+      /* @__PURE__ */ jsx24(ListItemText4, { primary: t2("Layout.Appearance"), secondary: colorModes.find((m) => m.mode === mode)?.label }),
+      /* @__PURE__ */ jsx24(ChevronRight, {})
     ] }),
-    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
-      /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(Translate, {}) }),
-      /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.Language"), secondary: i18n.resolvedLanguage === "en" ? "English" : "\u010Ce\u0161tina" }),
-      /* @__PURE__ */ jsx25(ChevronRight, {})
+    /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
+      /* @__PURE__ */ jsx24(ListItemIcon4, { children: /* @__PURE__ */ jsx24(Translate, {}) }),
+      /* @__PURE__ */ jsx24(ListItemText4, { primary: t2("Layout.Language"), secondary: capitalize(languageDisplayNames.of(i18n.language)) }),
+      /* @__PURE__ */ jsx24(ChevronRight, {})
     ] })
   ] });
-  const theme = /* @__PURE__ */ jsxs14(List4, { subheader: /* @__PURE__ */ jsxs14(ListSubheader2, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
-    /* @__PURE__ */ jsx25(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx25(ArrowBack, { fontSize: "small" }) }),
+  const theme = /* @__PURE__ */ jsx24(List4, { subheader: /* @__PURE__ */ jsxs13(ListSubheader2, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+    /* @__PURE__ */ jsx24(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx24(ArrowBack, { fontSize: "small" }) }),
     " ",
     t2("Layout.Appearance")
-  ] }), children: [
-    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeMode("light"), disabled: mode === "light", children: [
-      /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(LightMode, {}) }),
-      /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.Light") })
-    ] }),
-    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeMode("dark"), disabled: mode === "dark", children: [
-      /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(DarkMode, {}) }),
-      /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.Dark") })
-    ] }),
-    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeMode("system"), disabled: mode === "system", children: [
-      /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(SettingsBrightness, {}) }),
-      /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.System") })
-    ] })
-  ] });
-  const language = /* @__PURE__ */ jsxs14(List4, { subheader: /* @__PURE__ */ jsxs14(ListSubheader2, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
-    /* @__PURE__ */ jsx25(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx25(ArrowBack, { fontSize: "small" }) }),
+  ] }), children: colorModes.map(({ mode: modeValue, icon: Icon, label }) => /* @__PURE__ */ jsxs13(
+    ListItemButton5,
+    {
+      onClick: () => {
+        setMode(modeValue);
+        closeMenu();
+      },
+      selected: mode === modeValue,
+      children: [
+        /* @__PURE__ */ jsx24(ListItemIcon4, { children: /* @__PURE__ */ jsx24(Icon, {}) }),
+        /* @__PURE__ */ jsx24(ListItemText4, { primary: label })
+      ]
+    },
+    modeValue
+  )) });
+  const language = /* @__PURE__ */ jsx24(List4, { subheader: /* @__PURE__ */ jsxs13(ListSubheader2, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+    /* @__PURE__ */ jsx24(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx24(ArrowBack, { fontSize: "small" }) }),
     " ",
     t2("Layout.Language")
-  ] }), children: [
-    /* @__PURE__ */ jsx25(ListItemButton5, { onClick: changeLanguage("en"), disabled: i18n.resolvedLanguage === "en", children: /* @__PURE__ */ jsx25(ListItemText4, { primary: "English" }) }),
-    /* @__PURE__ */ jsx25(ListItemButton5, { onClick: changeLanguage("cs"), disabled: i18n.resolvedLanguage === "cs", children: /* @__PURE__ */ jsx25(ListItemText4, { primary: "\u010Ce\u0161tina" }) })
-  ] });
-  return /* @__PURE__ */ jsxs14(Fragment6, { children: [
-    /* @__PURE__ */ jsx25(IconButton4, { size: "small", edge: "end", onClick: openMenu, children: user.name ? /* @__PURE__ */ jsx25(Avatar2, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsx25(Typography8, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) : /* @__PURE__ */ jsx25(AccountCircle, { fontSize: "large" }) }),
-    /* @__PURE__ */ jsx25(Menu2, { anchorEl: anchorElement, open, onClose: closeMenu, children: /* @__PURE__ */ jsxs14(Box9, { sx: { width: 240 }, children: [
-      /* @__PURE__ */ jsx25(List4, { children: user.name ? /* @__PURE__ */ jsxs14(Fragment6, { children: [
-        /* @__PURE__ */ jsx25(ListItem2, { children: /* @__PURE__ */ jsx25(ListItemText4, { primary: user.name, secondary: /* @__PURE__ */ jsxs14("span", { children: [
-          /* @__PURE__ */ jsx25("span", { children: user.employeeId }),
-          /* @__PURE__ */ jsx25("br", {}),
-          /* @__PURE__ */ jsx25("span", { children: user.department })
+  ] }), children: supportedLanguages.map(
+    (languageCode) => /* @__PURE__ */ jsxs13(
+      ListItemButton5,
+      {
+        onClick: () => i18n.changeLanguage(languageCode).finally(() => closeMenu()),
+        selected: i18n.resolvedLanguage === languageCode,
+        children: [
+          /* @__PURE__ */ jsx24(ListItemIcon4, { children: i18n.resolvedLanguage === languageCode && /* @__PURE__ */ jsx24(Done, {}) }),
+          /* @__PURE__ */ jsx24(ListItemText4, { primary: capitalize(languageDisplayNames.of(languageCode)) })
+        ]
+      },
+      languageCode
+    )
+  ) });
+  return /* @__PURE__ */ jsxs13(Fragment6, { children: [
+    /* @__PURE__ */ jsx24(IconButton4, { size: "small", edge: "end", onClick: openMenu, children: user.name ? /* @__PURE__ */ jsx24(Avatar2, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsx24(Typography7, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) : /* @__PURE__ */ jsx24(AccountCircle, { fontSize: "large" }) }),
+    /* @__PURE__ */ jsx24(Menu2, { anchorEl: anchorElement, open, onClose: closeMenu, children: /* @__PURE__ */ jsxs13(Box8, { sx: { width: 240 }, children: [
+      /* @__PURE__ */ jsx24(List4, { children: user.name ? /* @__PURE__ */ jsxs13(Fragment6, { children: [
+        /* @__PURE__ */ jsx24(ListItem2, { children: /* @__PURE__ */ jsx24(ListItemText4, { primary: user.name, secondary: /* @__PURE__ */ jsxs13("span", { children: [
+          /* @__PURE__ */ jsx24("span", { children: user.employeeId }),
+          /* @__PURE__ */ jsx24("br", {}),
+          /* @__PURE__ */ jsx24("span", { children: user.department })
         ] }) }) }),
-        /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: () => console.log("Logout"), children: [
-          /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(Logout, { color: "error" }) }),
-          /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.Logout") })
+        /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: () => console.log("Logout"), children: [
+          /* @__PURE__ */ jsx24(ListItemIcon4, { children: /* @__PURE__ */ jsx24(Logout, { color: "error" }) }),
+          /* @__PURE__ */ jsx24(ListItemText4, { primary: t2("Layout.Logout") })
         ] })
-      ] }) : /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: () => console.log("Login"), children: [
-        /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(Login, { color: "success" }) }),
-        /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.LogIn") })
+      ] }) : /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: () => console.log("Login"), children: [
+        /* @__PURE__ */ jsx24(ListItemIcon4, { children: /* @__PURE__ */ jsx24(Login, { color: "success" }) }),
+        /* @__PURE__ */ jsx24(ListItemText4, { primary: t2("Layout.LogIn") })
       ] }) }),
       tab === "settings" && settings,
       tab === "theme" && theme,
@@ -3075,7 +3016,7 @@ var ToolbarAccount = () => {
 };
 
 // src/components/core/Layout.tsx
-import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
 var DrawerHeader = styled2("div")(({ theme }) => ({
   display: "flex",
   alignItems: "center",
@@ -3087,11 +3028,11 @@ var Layout = (props) => {
   const [navigationOpen, setNavigationOpen] = useLocalStorageState("navigationOpen", { defaultServerValue: false });
   const isFetching = !!useIsFetching();
   const isMutating = !!useIsMutating();
-  return /* @__PURE__ */ jsxs15(Fragment7, { children: [
-    /* @__PURE__ */ jsx26(InitColorSchemeScript, {}),
-    /* @__PURE__ */ jsx26(CssBaseline, {}),
-    /* @__PURE__ */ jsxs15(Box10, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
-      /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsxs14(Fragment7, { children: [
+    /* @__PURE__ */ jsx25(InitColorSchemeScript, {}),
+    /* @__PURE__ */ jsx25(CssBaseline, {}),
+    /* @__PURE__ */ jsxs14(Box9, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
+      /* @__PURE__ */ jsx25(
         AppBar,
         {
           color: "transparent",
@@ -3101,27 +3042,27 @@ var Layout = (props) => {
             borderColor: theme.vars?.palette.divider,
             boxShadow: "none"
           }),
-          children: /* @__PURE__ */ jsxs15(Toolbar, { children: [
-            props.navigation && /* @__PURE__ */ jsx26(
+          children: /* @__PURE__ */ jsxs14(Toolbar, { children: [
+            props.navigation && /* @__PURE__ */ jsx25(
               IconButton5,
               {
                 onClick: () => setNavigationOpen((previous) => !previous),
                 sx: { marginRight: 2 },
-                children: navigationOpen ? /* @__PURE__ */ jsx26(MenuOpen, {}) : /* @__PURE__ */ jsx26(Menu3, {})
+                children: navigationOpen ? /* @__PURE__ */ jsx25(MenuOpen, {}) : /* @__PURE__ */ jsx25(Menu3, {})
               }
             ),
-            /* @__PURE__ */ jsx26(AppTitle, {}),
-            /* @__PURE__ */ jsx26(ToolbarAccount, {})
+            /* @__PURE__ */ jsx25(AppTitle, {}),
+            /* @__PURE__ */ jsx25(ToolbarAccount, {})
           ] })
         }
       ),
-      props.navigation && /* @__PURE__ */ jsx26(NavigationRail, { navigation: props.navigation, expanded: navigationOpen ?? false, setExpanded: setNavigationOpen }),
-      /* @__PURE__ */ jsxs15(Box10, { component: "main", sx: { flexGrow: 1, display: "flex", flexDirection: "column", minWidth: 0, height: "100%", overflow: "hidden" }, children: [
-        /* @__PURE__ */ jsx26(DrawerHeader, {}),
-        /* @__PURE__ */ jsx26(Box10, { sx: { flex: 1, overflow: "auto", position: "relative" }, children: props.children })
+      props.navigation && /* @__PURE__ */ jsx25(NavigationRail, { navigation: props.navigation, expanded: navigationOpen ?? false, setExpanded: setNavigationOpen }),
+      /* @__PURE__ */ jsxs14(Box9, { component: "main", sx: { flexGrow: 1, display: "flex", flexDirection: "column", minWidth: 0, height: "100%", overflow: "hidden" }, children: [
+        /* @__PURE__ */ jsx25(DrawerHeader, {}),
+        /* @__PURE__ */ jsx25(Box9, { sx: { flex: 1, overflow: "auto", position: "relative" }, children: props.children })
       ] })
     ] }),
-    (isFetching || isMutating) && /* @__PURE__ */ jsx26(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
+    (isFetching || isMutating) && /* @__PURE__ */ jsx25(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
   ] });
 };
 
@@ -3882,6 +3823,30 @@ var useGetTheme = (theme) => {
             };
           }
         },
+        MuiDataGrid: {
+          styleOverrides: {
+            root: ({ theme: muiTheme }) => ({
+              "& .MuiDataGrid-cell--editing": {
+                "& .MuiInputBase-root": {
+                  height: "100%"
+                }
+              },
+              "& .MuiDataGrid-columnHeaderTitle": {
+                fontWeight: 600
+              },
+              "& .Mui-error": {
+                backgroundColor: muiTheme.palette.error.main,
+                color: muiTheme.palette.error.contrastText
+              },
+              "& .MuiDataGrid-booleanCell[data-value='true']": {
+                color: `${muiTheme.palette.success.main} !important`
+              },
+              "& .MuiDataGrid-booleanCell[data-value='false']": {
+                color: `${muiTheme.palette.error.main} !important`
+              }
+            })
+          }
+        },
         ...theme?.components
       }
     },
@@ -3893,7 +3858,7 @@ var useGetTheme = (theme) => {
 
 // src/providers/DialogsProvider.tsx
 import { useCallback, useId, useMemo as useMemo4, useRef as useRef3, useState as useState9 } from "react";
-import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
 function DialogsProvider({ children, unmountAfter = 1e3 }) {
   const [stack, setStack] = useState9([]);
   const keyPrefix = useId();
@@ -3945,9 +3910,9 @@ function DialogsProvider({ children, unmountAfter = 1e3 }) {
     return dialog;
   });
   const contextValue = useMemo4(() => ({ open: requestDialog, close: closeDialog }), [requestDialog, closeDialog]);
-  return /* @__PURE__ */ jsxs16(DialogsContext.Provider, { value: contextValue, children: [
+  return /* @__PURE__ */ jsxs15(DialogsContext.Provider, { value: contextValue, children: [
     children,
-    stack.map(({ key, open, Component: Component7, payload, promise }) => /* @__PURE__ */ jsx27(
+    stack.map(({ key, open, Component: Component7, payload, promise }) => /* @__PURE__ */ jsx26(
       Component7,
       {
         payload,
@@ -3962,21 +3927,21 @@ function DialogsProvider({ children, unmountAfter = 1e3 }) {
 }
 
 // src/providers/LayoutProvider.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var LayoutProvider = ({ navigation, theme, children }) => {
   const { i18n } = useTranslation7();
   const createdTheme = useGetTheme(theme);
+  const languageChangedHandler = useEffectEvent(() => {
+    z.config(z.core.locales[i18n.resolvedLanguage]());
+  });
   useEffect6(() => {
-    const handler = () => {
-      z.config(i18n.resolvedLanguage === "cs" ? cs() : en());
-    };
-    handler();
-    i18n.on("languageChanged", handler);
+    languageChangedHandler();
+    i18n.on("languageChanged", languageChangedHandler);
     return () => {
-      i18n.off("languageChanged", handler);
+      i18n.off("languageChanged", languageChangedHandler);
     };
   }, []);
-  return /* @__PURE__ */ jsx28(ThemeProvider, { theme: createdTheme, children: /* @__PURE__ */ jsx28(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n.resolvedLanguage, children: /* @__PURE__ */ jsx28(DialogsProvider, { children: /* @__PURE__ */ jsx28(Layout, { navigation, children }) }) }) });
+  return /* @__PURE__ */ jsx27(ThemeProvider, { theme: createdTheme, children: /* @__PURE__ */ jsx27(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n.resolvedLanguage, children: /* @__PURE__ */ jsx27(DialogsProvider, { children: /* @__PURE__ */ jsx27(Layout, { navigation, children }) }) }) });
 };
 
 // src/index.ts
@@ -3998,11 +3963,11 @@ var getFieldStatus = (field) => {
 };
 
 // src/components/form/FormAutocomplete.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx28(
     Autocomplete,
     {
       value: field.state.value,
@@ -4011,7 +3976,7 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
       onBlur: field.handleBlur,
       "aria-label": field.name,
       ...autocompleteProps,
-      renderInput: (parameters) => /* @__PURE__ */ jsx29(
+      renderInput: (parameters) => /* @__PURE__ */ jsx28(
         TextField,
         {
           ...parameters,
@@ -4027,15 +3992,15 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
 
 // src/components/form/FormCheckbox.tsx
 import { Checkbox, FormControl, FormControlLabel, FormHelperText } from "@mui/material";
-import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
 var FormCheckbox = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs17(FormControl, { component: "fieldset", children: [
-    /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs16(FormControl, { component: "fieldset", children: [
+    /* @__PURE__ */ jsx29(
       FormControlLabel,
       {
-        control: /* @__PURE__ */ jsx30(
+        control: /* @__PURE__ */ jsx29(
           Checkbox,
           {
             name: field.name,
@@ -4049,18 +4014,18 @@ var FormCheckbox = (props) => {
         label: props.label ?? ""
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx30(FormHelperText, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx29(FormHelperText, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormDatePicker.tsx
 import { DatePicker } from "@mui/x-date-pickers-pro";
 import dayjs2 from "dayjs";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var FormDatePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx30(
     DatePicker,
     {
       name: field.name,
@@ -4084,11 +4049,11 @@ var FormDatePicker = (props) => {
 // src/components/form/FormDateTimePicker.tsx
 import { DateTimePicker } from "@mui/x-date-pickers-pro";
 import dayjs3 from "dayjs";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var FormDateTimePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx31(
     DateTimePicker,
     {
       name: field.name,
@@ -4112,11 +4077,11 @@ var FormDateTimePicker = (props) => {
 // src/components/form/FormNumberField.tsx
 import { TextField as TextField2 } from "@mui/material";
 import { NumericFormat } from "react-number-format";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var FormNumberField = ({ options, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx32(
     NumericFormat,
     {
       customInput: TextField2,
@@ -4135,13 +4100,13 @@ var FormNumberField = ({ options, ...props }) => {
 
 // src/components/form/FormRadioGroup.tsx
 import { FormControl as FormControl2, FormControlLabel as FormControlLabel2, FormHelperText as FormHelperText2, FormLabel, Radio, RadioGroup } from "@mui/material";
-import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs17 } from "react/jsx-runtime";
 var FormRadioGroup = ({ label, options, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs18(FormControl2, { component: "fieldset", children: [
-    label && /* @__PURE__ */ jsx34(FormLabel, { component: "legend", children: label }),
-    /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsxs17(FormControl2, { component: "fieldset", children: [
+    label && /* @__PURE__ */ jsx33(FormLabel, { component: "legend", children: label }),
+    /* @__PURE__ */ jsx33(
       RadioGroup,
       {
         name: field.name,
@@ -4150,30 +4115,30 @@ var FormRadioGroup = ({ label, options, ...props }) => {
         onBlur: field.handleBlur,
         "aria-label": field.name,
         ...props,
-        children: options.map((option) => /* @__PURE__ */ jsx34(
+        children: options.map((option) => /* @__PURE__ */ jsx33(
           FormControlLabel2,
           {
             value: option.value,
-            control: /* @__PURE__ */ jsx34(Radio, {}),
+            control: /* @__PURE__ */ jsx33(Radio, {}),
             label: option.label
           },
           option.value
         ))
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx34(FormHelperText2, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx33(FormHelperText2, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormSlider.tsx
 import { FormControl as FormControl3, FormHelperText as FormHelperText3, FormLabel as FormLabel2, Slider } from "@mui/material";
-import { jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
 var FormSlider = ({ label, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs19(FormControl3, { component: "fieldset", children: [
-    label && /* @__PURE__ */ jsx35(FormLabel2, { children: label }),
-    /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsxs18(FormControl3, { component: "fieldset", children: [
+    label && /* @__PURE__ */ jsx34(FormLabel2, { children: label }),
+    /* @__PURE__ */ jsx34(
       Slider,
       {
         name: field.name,
@@ -4184,13 +4149,13 @@ var FormSlider = ({ label, ...props }) => {
         ...props
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx35(FormHelperText3, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx34(FormHelperText3, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormSubmitButton.tsx
 import { Button as Button3 } from "@mui/material";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var FormSubmitButton = (props) => {
   const form = useFormContext();
   const handleClick = (event) => {
@@ -4198,7 +4163,7 @@ var FormSubmitButton = (props) => {
     event.stopPropagation();
     form.handleSubmit();
   };
-  return /* @__PURE__ */ jsx36(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx35(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ jsx35(
     Button3,
     {
       loading: isSubmitting,
@@ -4213,15 +4178,15 @@ var FormSubmitButton = (props) => {
 
 // src/components/form/FormSwitch.tsx
 import { FormControl as FormControl4, FormControlLabel as FormControlLabel3, FormHelperText as FormHelperText4, Switch } from "@mui/material";
-import { jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
 var FormSwitch = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs20(FormControl4, { component: "fieldset", children: [
-    /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsxs19(FormControl4, { component: "fieldset", children: [
+    /* @__PURE__ */ jsx36(
       FormControlLabel3,
       {
-        control: /* @__PURE__ */ jsx37(
+        control: /* @__PURE__ */ jsx36(
           Switch,
           {
             name: field.name,
@@ -4235,17 +4200,17 @@ var FormSwitch = (props) => {
         label: props.label ?? ""
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx37(FormHelperText4, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx36(FormHelperText4, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormTextField.tsx
 import { TextField as TextField3 } from "@mui/material";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var FormTextField = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx37(
     TextField3,
     {
       name: field.name,
@@ -4290,8 +4255,8 @@ export {
   Dropzone,
   EditableColumnHeader,
   FileViewer,
+  Fullscreen,
   LayoutProvider,
-  PageHeader,
   Platform,
   RouterButton,
   RouterError,
@@ -4301,7 +4266,6 @@ export {
   RouterListItemButton,
   RouterNotFound,
   RouterTab,
-  TableContainer,
   TypographyWithIcon,
   rootRouteHead,
   t,