wcz-test 4.6.12 → 4.8.0

package/dist/index.js

@@ -1038,21 +1038,11 @@ var TypographyWithIcon = ({ startIcon, endIcon, children, sx, gutterBottom, ...p
   ] });
 };
 
-// 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 })
-  ] });
-};
-
-// 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 +1065,8 @@ var TableContainer = ({ children, sx, ...props }) => {
       ro.disconnect();
     };
   }, []);
-  return /* @__PURE__ */ jsx3(
-    Box2,
+  return /* @__PURE__ */ jsx2(
+    Box,
     {
       ref: reference,
       sx: {
@@ -1084,43 +1074,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 +1117,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 +1129,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 +1160,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 +1199,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 +1247,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: "/site.webmanifest" },
+    { rel: "manifest", href: "/manifest" },
     { rel: "icon", href: "/favicon.ico" }
   ]
 });
@@ -1446,7 +1419,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 +1443,7 @@ var ActionsMenu = ({ meta, menu, setMenu }) => {
       onDelete({ remainingFileMetas, deletedFileMeta: meta });
     }
   };
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6(
     Menu,
     {
       open: menu !== null,
@@ -1478,14 +1451,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 +1466,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 +1512,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 +1525,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 +1544,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 +1585,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 +1652,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,123 +1682,126 @@ 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 })
   ] }) });
 };
 
+// src/providers/LayoutProvider.tsx
+import { ThemeProvider } from "@mui/material";
+
 // node_modules/@babel/runtime/helpers/esm/extends.js
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function(n) {
@@ -2591,97 +2567,14 @@ var AdapterDayjs = class {
 
 // src/providers/LayoutProvider.tsx
 import { useEffect as useEffect6 } from "react";
+import { useTranslation as useTranslation7 } from "react-i18next";
 import * as z from "zod";
 import { cs, en } from "zod/locales";
 
-// src/providers/DialogsProvider.tsx
-import { useCallback, useId, useMemo as useMemo3, useRef as useRef3, useState as useState6 } from "react";
-import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
-function DialogsProvider({ children, unmountAfter = 1e3 }) {
-  const [stack, setStack] = useState6([]);
-  const keyPrefix = useId();
-  const nextId = useRef3(0);
-  const dialogMetadata = useRef3(/* @__PURE__ */ new WeakMap());
-  const requestDialog = useEventCallback_default(function open(Component7, payload, options = {}) {
-    const { onClose = async () => {
-    } } = options;
-    let resolve;
-    const promise = new Promise((resolveImpl) => {
-      resolve = resolveImpl;
-    });
-    const key = `${keyPrefix}-${nextId.current}`;
-    nextId.current += 1;
-    const newEntry = {
-      key,
-      open: true,
-      promise,
-      Component: Component7,
-      payload,
-      onClose,
-      resolve
-    };
-    dialogMetadata.current.set(promise, newEntry);
-    setStack((previousStack) => [...previousStack, newEntry]);
-    return promise;
-  });
-  const removeDialogFromStack = useCallback((dialog) => {
-    setStack((previousStack) => previousStack.filter((entry) => entry.promise !== dialog));
-    dialogMetadata.current.delete(dialog);
-  }, []);
-  const closeDialogUi = useEventCallback_default(function closeDialogUi2(dialog) {
-    setStack(
-      (previousStack) => previousStack.map((entry) => entry.promise === dialog ? { ...entry, open: false } : entry)
-    );
-    setTimeout(() => removeDialogFromStack(dialog), unmountAfter);
-  });
-  const closeDialog = useEventCallback_default(async function closeDialog2(dialog, result) {
-    const entryToClose = dialogMetadata.current.get(dialog);
-    if (!entryToClose) {
-      throw new Error("Dialog not found in stack");
-    }
-    try {
-      await entryToClose.onClose(result);
-    } finally {
-      entryToClose.resolve(result);
-      closeDialogUi(dialog);
-    }
-    return dialog;
-  });
-  const contextValue = useMemo3(() => ({ open: requestDialog, close: closeDialog }), [requestDialog, closeDialog]);
-  return /* @__PURE__ */ jsxs13(DialogsContext.Provider, { value: contextValue, children: [
-    children,
-    stack.map(({ key, open, Component: Component7, payload, promise }) => /* @__PURE__ */ jsx22(
-      Component7,
-      {
-        payload,
-        open,
-        onClose: async (result) => {
-          await closeDialog(promise, result);
-        }
-      },
-      key
-    ))
-  ] });
-}
-
-// src/providers/LayoutProvider.tsx
-import { ThemeProvider } from "@mui/material";
-
-// src/utils/i18n.ts
-import i18n from "i18next";
-import LanguageDetector from "i18next-browser-languagedetector";
-import HttpBackend from "i18next-http-backend";
-import { initReactI18next } from "react-i18next";
-import { default as default2 } from "i18next";
-i18n.use(HttpBackend).use(LanguageDetector).use(initReactI18next).init({
-  fallbackLng: "en",
-  interpolation: { escapeValue: false }
-});
-
 // 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";
@@ -2689,7 +2582,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";
@@ -2698,12 +2591,12 @@ import { useNavigate, useRouterState as useRouterState2 } from "@tanstack/react-
 import Divider3 from "@mui/material/Divider";
 import List3 from "@mui/material/List";
 import ListSubheader from "@mui/material/ListSubheader";
-import { Fragment as Fragment5, useEffect as useEffect5, useState as useState8 } from "react";
+import { Fragment as Fragment5, useEffect as useEffect5, useState as useState7 } from "react";
 
 // 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";
@@ -2711,10 +2604,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 { Fragment as Fragment3, useMemo as useMemo4, useState as useState7 } from "react";
+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 jsx23, jsxs as jsxs14 } 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,
@@ -2758,13 +2651,13 @@ var StyledRouterButton = styled(RouterListItemButton)(({ theme }) => ({
 }));
 var IconOrAvatar = ({ item, collapsed }) => {
   if (item.icon || collapsed) {
-    return /* @__PURE__ */ jsxs14(Box7, { sx: collapsed ? { position: "absolute", left: "50%", top: "calc(50% - 6px)", transform: "translate(-50%, -50%)" } : {}, children: [
-      /* @__PURE__ */ jsxs14(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__ */ jsx23(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__ */ jsx23(
-        Typography7,
+      collapsed ? /* @__PURE__ */ jsx21(
+        Typography6,
         {
           variant: "caption",
           sx: {
@@ -2787,7 +2680,7 @@ var IconOrAvatar = ({ item, collapsed }) => {
   }
   return null;
 };
-var MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx23(
+var MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx21(
   Popper,
   {
     open,
@@ -2798,7 +2691,7 @@ var MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx23(
       { name: "preventOverflow", options: { padding: 8 } },
       { name: "flip", options: { fallbackPlacements: ["right-end", "left-start"] } }
     ],
-    children: /* @__PURE__ */ jsx23(
+    children: /* @__PURE__ */ jsx21(
       Paper2,
       {
         sx: {
@@ -2814,9 +2707,9 @@ var MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx23(
   }
 );
 var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, onClick, renderNested, onClose }) => {
-  const [hoveredPopoverItem, setHoveredPopoverItem] = useState7(null);
-  const [anchorElement, setAnchorElement] = useState7(null);
-  const chevronSx = useMemo4(() => {
+  const [hoveredPopoverItem, setHoveredPopoverItem] = useState6(null);
+  const [anchorElement, setAnchorElement] = useState6(null);
+  const chevronSx = useMemo3(() => {
     if (collapsed && isSidebarFullyCollapsed && item.children) {
       return {
         fontSize: 18,
@@ -2840,9 +2733,9 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
     disabled,
     sx: { px: 1.4, height: collapsed ? 60 : 48 }
   };
-  const buttonContent = /* @__PURE__ */ jsxs14(Fragment4, { children: [
-    /* @__PURE__ */ jsx23(IconOrAvatar, { item, collapsed }),
-    !collapsed && /* @__PURE__ */ jsx23(
+  const buttonContent = /* @__PURE__ */ jsxs12(Fragment4, { children: [
+    /* @__PURE__ */ jsx21(IconOrAvatar, { item, collapsed }),
+    !collapsed && /* @__PURE__ */ jsx21(
       ListItemText3,
       {
         primary: item.title,
@@ -2850,9 +2743,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__ */ jsx23(ExpandMoreIcon, { sx: chevronSx }) : null
+    item.children ? /* @__PURE__ */ jsx21(ExpandMoreIcon, { sx: chevronSx }) : null
   ] });
-  const listItem = /* @__PURE__ */ jsxs14(
+  const listItem = /* @__PURE__ */ jsxs12(
     ListItem,
     {
       ...item.children && collapsed ? {
@@ -2866,7 +2759,7 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
       } : {},
       sx: { py: 0, px: 1, overflowX: "hidden" },
       children: [
-        shouldJustExpand ? /* @__PURE__ */ jsx23(StyledNavButton, { ...buttonProps, onClick: () => onClick?.(item), children: buttonContent }) : /* @__PURE__ */ jsx23(
+        shouldJustExpand ? /* @__PURE__ */ jsx21(StyledNavButton, { ...buttonProps, onClick: () => onClick?.(item), children: buttonContent }) : /* @__PURE__ */ jsx21(
           StyledRouterButton,
           {
             ...buttonProps,
@@ -2878,28 +2771,28 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
             children: buttonContent
           }
         ),
-        item.children && collapsed ? /* @__PURE__ */ jsx23(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__ */ jsxs14(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs12(Fragment3, { children: [
     listItem,
-    item.children && !collapsed ? /* @__PURE__ */ jsx23(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 jsx24 } 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";
 var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, expandedWidth, renderItem, activePath, onNavigate, onClose }) => {
-  const [openKeys, setOpenKeys] = useState8([]);
+  const [openKeys, setOpenKeys] = useState7([]);
   useEffect5(() => {
     if (collapsed) setOpenKeys([]);
   }, [collapsed]);
   const toggleKey = (key) => setOpenKeys((previous) => previous.includes(key) ? previous.filter((k) => k !== key) : [...previous, key]);
-  const renderNested = (children) => /* @__PURE__ */ jsx24(
+  const renderNested = (children) => /* @__PURE__ */ jsx22(
     NavigationList,
     {
       subNavigation: children,
@@ -2912,7 +2805,7 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
     }
   );
   const filteredNavigation = subNavigation.filter((nav) => !nav.hidden);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx22(
     List3,
     {
       sx: {
@@ -2925,7 +2818,7 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
       },
       children: filteredNavigation.map((navItem, index) => {
         if (isHeader(navItem)) {
-          return /* @__PURE__ */ jsx24(
+          return /* @__PURE__ */ jsx22(
             ListSubheader,
             {
               sx: {
@@ -2948,13 +2841,13 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
         }
         if (isDivider(navItem)) {
           const nextItem = filteredNavigation[index + 1];
-          return /* @__PURE__ */ jsx24("li", { children: /* @__PURE__ */ jsx24(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__ */ jsx24(Fragment5, { children: renderItem(navItem, { collapsed: !!collapsed }) }, key);
-        return /* @__PURE__ */ jsx24(
+        if (renderItem) return /* @__PURE__ */ jsx22(Fragment5, { children: renderItem(navItem, { collapsed: !!collapsed }) }, key);
+        return /* @__PURE__ */ jsx22(
           NavigationListItem,
           {
             item: navItem,
@@ -2975,7 +2868,7 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
 };
 
 // src/components/core/navigation/NavigationRail.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var MINI_WIDTH = 84;
 var EXPANDED_WIDTH = 320;
 var TOOLBAR_HEIGHT = 64;
@@ -2984,8 +2877,8 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
   const routerState = useRouterState2();
   const theme = useTheme2();
   const showPermanent = useMediaQuery(theme.breakpoints.up("sm"));
-  const drawerContent = (collapsed) => /* @__PURE__ */ jsx25(
-    Box8,
+  const drawerContent = (collapsed) => /* @__PURE__ */ jsx23(
+    Box7,
     {
       component: "nav",
       sx: {
@@ -2998,7 +2891,7 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
         overflowX: "hidden",
         pt: navigation[0] && isHeader(navigation[0]) && !collapsed ? 0 : 2
       },
-      children: /* @__PURE__ */ jsx25(
+      children: /* @__PURE__ */ jsx23(
         NavigationList,
         {
           subNavigation: navigation,
@@ -3014,7 +2907,7 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
     }
   );
   if (showPermanent)
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx23(
       Drawer,
       {
         variant: "permanent",
@@ -3032,7 +2925,7 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
         children: drawerContent(!expanded)
       }
     );
-  return /* @__PURE__ */ jsx25(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
@@ -3046,18 +2939,18 @@ 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 { Fragment as Fragment6, useState as useState9 } from "react";
+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 jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
 var ToolbarAccount = () => {
-  const [anchorElement, setAnchorElement] = useState9();
-  const [tab, setTab] = useState9("settings");
+  const [anchorElement, setAnchorElement] = useState8();
+  const [tab, setTab] = useState8("settings");
   const open = Boolean(anchorElement);
-  const { t: t2, i18n: i18n2 } = useTranslation5();
+  const { t: t2, i18n } = useTranslation5();
   const { mode, setMode } = useColorScheme();
   const changeLanguage = (newLanguage) => () => {
-    i18n2.changeLanguage(newLanguage).finally(() => closeMenu());
+    i18n.changeLanguage(newLanguage).finally(() => closeMenu());
   };
   const changeMode = (newMode) => () => {
     setMode(newMode);
@@ -3092,60 +2985,60 @@ var ToolbarAccount = () => {
     setTimeout(() => setTab("settings"), 300);
   };
   const changeTab = (newTab) => () => setTab(newTab);
-  const settings = /* @__PURE__ */ jsxs15(List4, { component: "nav", subheader: /* @__PURE__ */ jsx26(ListSubheader2, { sx: { backgroundColor: "transparent" }, children: t2("Layout.Settings") }), children: [
-    /* @__PURE__ */ jsxs15(ListItemButton5, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
-      /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(Brightness4, {}) }),
-      /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.Appearance"), secondary: getModeText() }),
-      /* @__PURE__ */ jsx26(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: getModeText() }),
+      /* @__PURE__ */ jsx24(ChevronRight, {})
     ] }),
-    /* @__PURE__ */ jsxs15(ListItemButton5, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
-      /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(Translate, {}) }),
-      /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.Language"), secondary: i18n2.resolvedLanguage === "en" ? "English" : "\u010Ce\u0161tina" }),
-      /* @__PURE__ */ jsx26(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: i18n.resolvedLanguage === "en" ? "English" : "\u010Ce\u0161tina" }),
+      /* @__PURE__ */ jsx24(ChevronRight, {})
     ] })
   ] });
-  const theme = /* @__PURE__ */ jsxs15(List4, { subheader: /* @__PURE__ */ jsxs15(ListSubheader2, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
-    /* @__PURE__ */ jsx26(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx26(ArrowBack, { fontSize: "small" }) }),
+  const theme = /* @__PURE__ */ jsxs13(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__ */ jsxs15(ListItemButton5, { onClick: changeMode("light"), disabled: mode === "light", children: [
-      /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(LightMode, {}) }),
-      /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.Light") })
+    /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: changeMode("light"), disabled: mode === "light", children: [
+      /* @__PURE__ */ jsx24(ListItemIcon4, { children: /* @__PURE__ */ jsx24(LightMode, {}) }),
+      /* @__PURE__ */ jsx24(ListItemText4, { primary: t2("Layout.Light") })
     ] }),
-    /* @__PURE__ */ jsxs15(ListItemButton5, { onClick: changeMode("dark"), disabled: mode === "dark", children: [
-      /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(DarkMode, {}) }),
-      /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.Dark") })
+    /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: changeMode("dark"), disabled: mode === "dark", children: [
+      /* @__PURE__ */ jsx24(ListItemIcon4, { children: /* @__PURE__ */ jsx24(DarkMode, {}) }),
+      /* @__PURE__ */ jsx24(ListItemText4, { primary: t2("Layout.Dark") })
     ] }),
-    /* @__PURE__ */ jsxs15(ListItemButton5, { onClick: changeMode("system"), disabled: mode === "system", children: [
-      /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(SettingsBrightness, {}) }),
-      /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.System") })
+    /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: changeMode("system"), disabled: mode === "system", children: [
+      /* @__PURE__ */ jsx24(ListItemIcon4, { children: /* @__PURE__ */ jsx24(SettingsBrightness, {}) }),
+      /* @__PURE__ */ jsx24(ListItemText4, { primary: t2("Layout.System") })
     ] })
   ] });
-  const language = /* @__PURE__ */ jsxs15(List4, { subheader: /* @__PURE__ */ jsxs15(ListSubheader2, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
-    /* @__PURE__ */ jsx26(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx26(ArrowBack, { fontSize: "small" }) }),
+  const language = /* @__PURE__ */ jsxs13(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__ */ jsx26(ListItemButton5, { onClick: changeLanguage("en"), disabled: i18n2.resolvedLanguage === "en", children: /* @__PURE__ */ jsx26(ListItemText4, { primary: "English" }) }),
-    /* @__PURE__ */ jsx26(ListItemButton5, { onClick: changeLanguage("cs"), disabled: i18n2.resolvedLanguage === "cs", children: /* @__PURE__ */ jsx26(ListItemText4, { primary: "\u010Ce\u0161tina" }) })
+    /* @__PURE__ */ jsx24(ListItemButton5, { onClick: changeLanguage("en"), disabled: i18n.resolvedLanguage === "en", children: /* @__PURE__ */ jsx24(ListItemText4, { primary: "English" }) }),
+    /* @__PURE__ */ jsx24(ListItemButton5, { onClick: changeLanguage("cs"), disabled: i18n.resolvedLanguage === "cs", children: /* @__PURE__ */ jsx24(ListItemText4, { primary: "\u010Ce\u0161tina" }) })
   ] });
-  return /* @__PURE__ */ jsxs15(Fragment6, { children: [
-    /* @__PURE__ */ jsx26(IconButton4, { size: "small", edge: "end", onClick: openMenu, children: user.name ? /* @__PURE__ */ jsx26(Avatar2, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsx26(Typography8, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) : /* @__PURE__ */ jsx26(AccountCircle, { fontSize: "large" }) }),
-    /* @__PURE__ */ jsx26(Menu2, { anchorEl: anchorElement, open, onClose: closeMenu, children: /* @__PURE__ */ jsxs15(Box9, { sx: { width: 240 }, children: [
-      /* @__PURE__ */ jsx26(List4, { children: user.name ? /* @__PURE__ */ jsxs15(Fragment6, { children: [
-        /* @__PURE__ */ jsx26(ListItem2, { children: /* @__PURE__ */ jsx26(ListItemText4, { primary: user.name, secondary: /* @__PURE__ */ jsxs15("span", { children: [
-          /* @__PURE__ */ jsx26("span", { children: user.employeeId }),
-          /* @__PURE__ */ jsx26("br", {}),
-          /* @__PURE__ */ jsx26("span", { children: user.department })
+  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__ */ jsxs15(ListItemButton5, { onClick: () => console.log("Logout"), children: [
-          /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(Logout, { color: "error" }) }),
-          /* @__PURE__ */ jsx26(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__ */ jsxs15(ListItemButton5, { onClick: () => console.log("Login"), children: [
-        /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(Login, { color: "success" }) }),
-        /* @__PURE__ */ jsx26(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,
@@ -3155,7 +3048,7 @@ var ToolbarAccount = () => {
 };
 
 // src/components/core/Layout.tsx
-import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
 var DrawerHeader = styled2("div")(({ theme }) => ({
   display: "flex",
   alignItems: "center",
@@ -3167,11 +3060,11 @@ var Layout = (props) => {
   const [navigationOpen, setNavigationOpen] = useLocalStorageState("navigationOpen", { defaultServerValue: false });
   const isFetching = !!useIsFetching();
   const isMutating = !!useIsMutating();
-  return /* @__PURE__ */ jsxs16(Fragment7, { children: [
-    /* @__PURE__ */ jsx27(InitColorSchemeScript, {}),
-    /* @__PURE__ */ jsx27(CssBaseline, {}),
-    /* @__PURE__ */ jsxs16(Box10, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
-      /* @__PURE__ */ jsx27(
+  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",
@@ -3181,27 +3074,27 @@ var Layout = (props) => {
             borderColor: theme.vars?.palette.divider,
             boxShadow: "none"
           }),
-          children: /* @__PURE__ */ jsxs16(Toolbar, { children: [
-            props.navigation && /* @__PURE__ */ jsx27(
+          children: /* @__PURE__ */ jsxs14(Toolbar, { children: [
+            props.navigation && /* @__PURE__ */ jsx25(
               IconButton5,
               {
                 onClick: () => setNavigationOpen((previous) => !previous),
                 sx: { marginRight: 2 },
-                children: navigationOpen ? /* @__PURE__ */ jsx27(MenuOpen, {}) : /* @__PURE__ */ jsx27(Menu3, {})
+                children: navigationOpen ? /* @__PURE__ */ jsx25(MenuOpen, {}) : /* @__PURE__ */ jsx25(Menu3, {})
               }
             ),
-            /* @__PURE__ */ jsx27(AppTitle, {}),
-            /* @__PURE__ */ jsx27(ToolbarAccount, {})
+            /* @__PURE__ */ jsx25(AppTitle, {}),
+            /* @__PURE__ */ jsx25(ToolbarAccount, {})
           ] })
         }
       ),
-      props.navigation && /* @__PURE__ */ jsx27(NavigationRail, { navigation: props.navigation, expanded: navigationOpen ?? false, setExpanded: setNavigationOpen }),
-      /* @__PURE__ */ jsxs16(Box10, { component: "main", sx: { flexGrow: 1, display: "flex", flexDirection: "column", minWidth: 0, height: "100%", overflow: "hidden" }, children: [
-        /* @__PURE__ */ jsx27(DrawerHeader, {}),
-        /* @__PURE__ */ jsx27(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__ */ jsx27(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 } })
   ] });
 };
 
@@ -3914,7 +3807,7 @@ import { useTranslation as useTranslation6 } from "react-i18next";
 var WISTRON_PRIMARY_COLOR = "#00506E";
 var WISTRON_SECONDARY_COLOR = "#64DC00";
 var useGetTheme = (theme) => {
-  const { i18n: i18n2 } = useTranslation6();
+  const { i18n } = useTranslation6();
   return createTheme(
     {
       cssVariables: {
@@ -3962,30 +3855,125 @@ 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
       }
     },
-    i18n2.resolvedLanguage === "cs" ? csCZ : enUS2,
-    i18n2.resolvedLanguage === "cs" ? csCZ2 : enUS,
-    i18n2.resolvedLanguage === "cs" ? csCZ3 : enUS3
+    i18n.resolvedLanguage === "cs" ? csCZ : enUS2,
+    i18n.resolvedLanguage === "cs" ? csCZ2 : enUS,
+    i18n.resolvedLanguage === "cs" ? csCZ3 : enUS3
   );
 };
 
+// src/providers/DialogsProvider.tsx
+import { useCallback, useId, useMemo as useMemo4, useRef as useRef3, useState as useState9 } from "react";
+import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+function DialogsProvider({ children, unmountAfter = 1e3 }) {
+  const [stack, setStack] = useState9([]);
+  const keyPrefix = useId();
+  const nextId = useRef3(0);
+  const dialogMetadata = useRef3(/* @__PURE__ */ new WeakMap());
+  const requestDialog = useEventCallback_default(function open(Component7, payload, options = {}) {
+    const { onClose = async () => {
+    } } = options;
+    let resolve;
+    const promise = new Promise((resolveImpl) => {
+      resolve = resolveImpl;
+    });
+    const key = `${keyPrefix}-${nextId.current}`;
+    nextId.current += 1;
+    const newEntry = {
+      key,
+      open: true,
+      promise,
+      Component: Component7,
+      payload,
+      onClose,
+      resolve
+    };
+    dialogMetadata.current.set(promise, newEntry);
+    setStack((previousStack) => [...previousStack, newEntry]);
+    return promise;
+  });
+  const removeDialogFromStack = useCallback((dialog) => {
+    setStack((previousStack) => previousStack.filter((entry) => entry.promise !== dialog));
+    dialogMetadata.current.delete(dialog);
+  }, []);
+  const closeDialogUi = useEventCallback_default(function closeDialogUi2(dialog) {
+    setStack(
+      (previousStack) => previousStack.map((entry) => entry.promise === dialog ? { ...entry, open: false } : entry)
+    );
+    setTimeout(() => removeDialogFromStack(dialog), unmountAfter);
+  });
+  const closeDialog = useEventCallback_default(async function closeDialog2(dialog, result) {
+    const entryToClose = dialogMetadata.current.get(dialog);
+    if (!entryToClose) {
+      throw new Error("Dialog not found in stack");
+    }
+    try {
+      await entryToClose.onClose(result);
+    } finally {
+      entryToClose.resolve(result);
+      closeDialogUi(dialog);
+    }
+    return dialog;
+  });
+  const contextValue = useMemo4(() => ({ open: requestDialog, close: closeDialog }), [requestDialog, closeDialog]);
+  return /* @__PURE__ */ jsxs15(DialogsContext.Provider, { value: contextValue, children: [
+    children,
+    stack.map(({ key, open, Component: Component7, payload, promise }) => /* @__PURE__ */ jsx26(
+      Component7,
+      {
+        payload,
+        open,
+        onClose: async (result) => {
+          await closeDialog(promise, result);
+        }
+      },
+      key
+    ))
+  ] });
+}
+
 // 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);
   useEffect6(() => {
     const handler = () => {
-      z.config(default2.resolvedLanguage === "cs" ? cs() : en());
+      z.config(i18n.resolvedLanguage === "cs" ? cs() : en());
     };
     handler();
-    default2.on("languageChanged", handler);
+    i18n.on("languageChanged", handler);
     return () => {
-      default2.off("languageChanged", handler);
+      i18n.off("languageChanged", handler);
     };
   }, []);
-  return /* @__PURE__ */ jsx28(ThemeProvider, { theme: createdTheme, children: /* @__PURE__ */ jsx28(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: default2.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
@@ -4007,11 +3995,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,
@@ -4020,7 +4008,7 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
       onBlur: field.handleBlur,
       "aria-label": field.name,
       ...autocompleteProps,
-      renderInput: (parameters) => /* @__PURE__ */ jsx29(
+      renderInput: (parameters) => /* @__PURE__ */ jsx28(
         TextField,
         {
           ...parameters,
@@ -4036,15 +4024,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,
@@ -4058,18 +4046,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,
@@ -4093,11 +4081,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,
@@ -4121,11 +4109,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,
@@ -4144,13 +4132,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,
@@ -4159,30 +4147,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,
@@ -4193,13 +4181,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) => {
@@ -4207,7 +4195,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,
@@ -4222,15 +4210,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,
@@ -4244,17 +4232,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,
@@ -4291,16 +4279,16 @@ var { useAppForm: useLayoutForm, withForm: withLayoutForm } = createFormHook({
 });
 
 // src/index.ts
-import { default as default3 } from "use-local-storage-state";
-import { useTranslation as useTranslation7 } from "react-i18next";
+import { default as default2 } from "use-local-storage-state";
+import { useTranslation as useTranslation8 } from "react-i18next";
 import { t } from "i18next";
 export {
   ChipInputCell,
   Dropzone,
   EditableColumnHeader,
   FileViewer,
+  Fullscreen,
   LayoutProvider,
-  PageHeader,
   Platform,
   RouterButton,
   RouterError,
@@ -4310,7 +4298,6 @@ export {
   RouterListItemButton,
   RouterNotFound,
   RouterTab,
-  TableContainer,
   TypographyWithIcon,
   rootRouteHead,
   t,
@@ -4324,9 +4311,9 @@ export {
   useGetFileMetas,
   useGetFileThumbnail,
   useLayoutForm,
-  default3 as useLocalStorageState,
+  default2 as useLocalStorageState,
   useOpenFile,
-  useTranslation7 as useTranslation,
+  useTranslation8 as useTranslation,
   useUpdateFileMeta,
   useUploadFile,
   uuidv72 as uuidv7,