wcz-test 4.6.0 → 4.6.1

package/dist/index.d.ts

@@ -13,7 +13,6 @@ import * as _tanstack_react_form from '@tanstack/react-form';
 import * as _tanstack_form_core from '@tanstack/form-core';
 export { default as useLocalStorageState } from 'use-local-storage-state';
 export { useTranslation } from 'react-i18next';
-import { TFunction } from 'i18next';
 export { t } from 'i18next';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { DefinedInitialDataOptions, UseMutationOptions } from '@tanstack/react-query';
@@ -117,7 +116,7 @@ interface RouterErrorProps {
 }
 declare const RouterError: FC<RouterErrorProps>;
 
-interface NavigationPageItem extends Pick<LinkOptions, "to">, Partial<Pick<LinkOptions, "href" | "params" | "search">> {
+interface NavigationPageItem extends Partial<Pick<LinkOptions, "to" | "href" | "params" | "search">> {
     title: string;
     icon: React.ReactNode;
     children?: Array<NavigationItem>;
@@ -341,11 +340,6 @@ interface User {
     category: string;
 }
 
-interface NavigationParams {
-    user: User;
-    t: TFunction<"translation", undefined>;
-}
-
 interface EmailAttachment {
     appName: string;
     subId: string;
@@ -423,4 +417,4 @@ interface Department {
     manager: Employee;
 }
 
-export { ChipInputCell, type Department, type DialogProps, Dropzone, EditableColumnHeader, type Email, type EmailAttachment, type Employee, EmployeeCategoryGroup, EmployeeStatus, type FileMeta, FileViewer, LayoutProvider, type Navigation, type NavigationParams, PageHeader, Platform, RouterButton, RouterError, RouterGridActionsCellItem, RouterIconButton, RouterLink, RouterListItemButton, RouterNotFound, RouterTab, TableContainer, TypographyWithIcon, type User, rootRouteHead, useDeleteFile, useDeleteFiles, useDialogs, useDownloadFile, useFieldContext, useFormContext, useGetFile, useGetFileMetas, useGetFileThumbnail, useLayoutForm, useOpenFile, useUpdateFileMeta, useUploadFile, wczApiClient, withLayoutForm };
+export { ChipInputCell, type Department, type DialogProps, Dropzone, EditableColumnHeader, type Email, type EmailAttachment, type Employee, EmployeeCategoryGroup, EmployeeStatus, type FileMeta, FileViewer, LayoutProvider, type Navigation, PageHeader, Platform, RouterButton, RouterError, RouterGridActionsCellItem, RouterIconButton, RouterLink, RouterListItemButton, RouterNotFound, RouterTab, TableContainer, TypographyWithIcon, type User, rootRouteHead, useDeleteFile, useDeleteFiles, useDialogs, useDownloadFile, useFieldContext, useFormContext, useGetFile, useGetFileMetas, useGetFileThumbnail, useLayoutForm, useOpenFile, useUpdateFileMeta, useUploadFile, wczApiClient, withLayoutForm };

package/dist/index.js

@@ -1039,14 +1039,17 @@ var TypographyWithIcon = ({ startIcon, endIcon, children, sx, gutterBottom, ...p
 };
 
 // src/components/core/PageHeader.tsx
-import { CardHeader, Typography as Typography2 } from "@mui/material";
-import { jsx as jsx2 } from "react/jsx-runtime";
+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__ */ jsx2(CardHeader, { title: /* @__PURE__ */ jsx2(Typography2, { variant: "h4", fontWeight: 600, children: title }), action, sx: { px: 0, ...sx } });
+  return /* @__PURE__ */ jsxs2(Stack2, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { ...sx }, children: [
+    /* @__PURE__ */ jsx2(Typography2, { variant: "h4", fontWeight: 600, children: title }),
+    action && /* @__PURE__ */ jsx2(Box, { children: action })
+  ] });
 };
 
 // src/components/core/TableContainer.tsx
-import { Box } from "@mui/material";
+import { Box as Box2 } from "@mui/material";
 import { useEffect, useRef, useState } from "react";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var TableContainer = ({ children, sx, ...props }) => {
@@ -1073,7 +1076,7 @@ var TableContainer = ({ children, sx, ...props }) => {
     };
   }, []);
   return /* @__PURE__ */ jsx3(
-    Box,
+    Box2,
     {
       ref: reference,
       sx: {
@@ -1085,7 +1088,7 @@ var TableContainer = ({ children, sx, ...props }) => {
       },
       height,
       ...props,
-      children: /* @__PURE__ */ jsx3(Box, { sx: (theme) => ({
+      children: /* @__PURE__ */ jsx3(Box2, { sx: (theme) => ({
         flex: 1,
         minHeight: 0,
         height: "100%",
@@ -1117,7 +1120,7 @@ import CloudUpload from "@mui/icons-material/CloudUpload";
 import { Paper, Typography as Typography3, useTheme } from "@mui/material";
 import { useDropzone } from "react-dropzone";
 import { useTranslation } from "react-i18next";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var baseStyle = {
   flex: 1,
   display: "flex",
@@ -1141,7 +1144,7 @@ var Dropzone = ({ sx, ...props }) => {
     ...isDragAccept ? { borderColor: theme.palette.success.main } : {},
     ...isDragReject ? { borderColor: theme.palette.error.main } : {}
   };
-  return /* @__PURE__ */ jsxs2(Paper, { variant: "outlined", ...getRootProps({ style }), sx, children: [
+  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") })
@@ -1153,7 +1156,7 @@ import { useState as useState5 } from "react";
 
 // src/components/file/fileViewer/FileViewerGrid.tsx
 import MoreVert from "@mui/icons-material/MoreVert";
-import { Box as Box2, IconButton, ImageListItem, ImageListItemBar, Stack as Stack3, Tooltip } from "@mui/material";
+import { Box as Box3, IconButton, ImageListItem, ImageListItemBar, Stack as Stack4, Tooltip } from "@mui/material";
 import { grey } from "@mui/material/colors";
 import { Fragment, useEffect as useEffect2, useState as useState3 } from "react";
 
@@ -1184,10 +1187,10 @@ import { createContext as createContext2 } from "react";
 var DialogsContext = createContext2({});
 
 // src/hooks/DialogsHooks.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function AlertDialog({ open, payload, onClose }) {
   const { t: t2 } = useTranslation2();
-  return /* @__PURE__ */ jsxs3(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(), children: [
+  return /* @__PURE__ */ jsxs4(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(), children: [
     /* @__PURE__ */ jsx5(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Alert") }),
     /* @__PURE__ */ jsx5(DialogContent, { children: payload.message }),
     /* @__PURE__ */ jsx5(DialogActions, { children: /* @__PURE__ */ jsx5(Button, { disabled: !open, onClick: () => onClose(), children: t2("Layout.Dialog.Confirm") }) })
@@ -1195,10 +1198,10 @@ function AlertDialog({ open, payload, onClose }) {
 }
 function ConfirmDialog({ open, payload, onClose }) {
   const { t: t2 } = useTranslation2();
-  return /* @__PURE__ */ jsxs3(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(false), children: [
+  return /* @__PURE__ */ jsxs4(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(false), children: [
     /* @__PURE__ */ jsx5(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Confirm") }),
     /* @__PURE__ */ jsx5(DialogContent, { children: payload.message }),
-    /* @__PURE__ */ jsxs3(DialogActions, { children: [
+    /* @__PURE__ */ jsxs4(DialogActions, { children: [
       /* @__PURE__ */ jsx5(Button, { autoFocus: true, disabled: !open, onClick: () => onClose(false), children: payload.cancelText ?? t2("Layout.Dialog.Cancel") }),
       /* @__PURE__ */ jsx5(Button, { disabled: !open, onClick: () => onClose(true), children: t2("Layout.Dialog.Confirm") })
     ] })
@@ -1223,12 +1226,12 @@ import { Upload as TusUpload } from "tus-js-client";
 import { uuidv7 } from "uuidv7";
 
 // src/components/core/AppTitle.tsx
-import { Chip, Stack as Stack2, Typography as Typography4 } from "@mui/material";
+import { Chip, Stack as Stack3, Typography as Typography4 } from "@mui/material";
 import { useRouterState } from "@tanstack/react-router";
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var AppTitle = () => {
   const title = useAppTitle();
-  return /* @__PURE__ */ jsxs4(Stack2, { direction: "row", alignItems: "center", spacing: 2, flexGrow: 1, children: [
+  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" })
@@ -1443,7 +1446,7 @@ var useUploadFile = ({ subId, onSuccess, onError }) => {
 };
 
 // src/components/file/fileViewer/common/ActionsMenu.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var ActionsMenu = ({ meta, menu, setMenu }) => {
   const { t: t2 } = useTranslation3();
   const { fileMetas, onDelete, actions } = useFile();
@@ -1475,12 +1478,12 @@ var ActionsMenu = ({ meta, menu, setMenu }) => {
       anchorReference: "anchorPosition",
       variant: "menu",
       anchorPosition: menu === null ? void 0 : { top: menu.mouseY, left: menu.mouseX },
-      children: /* @__PURE__ */ jsxs5(List, { disablePadding: true, children: [
-        actions?.download !== false && /* @__PURE__ */ jsxs5(ListItemButton, { onClick: handleOnDownload, disabled: isDownloading, children: [
+      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") })
         ] }),
-        actions?.delete !== false && /* @__PURE__ */ jsxs5(ListItemButton, { onClick: handleOnDelete, disabled: isDeleting, children: [
+        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") })
         ] })
@@ -1490,11 +1493,11 @@ var ActionsMenu = ({ meta, menu, setMenu }) => {
 };
 
 // src/components/file/fileViewer/FileViewerGrid.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var IMAGE_SIZE = 150;
 var FileViewerGrid = ({ sx, size, itemBar }) => {
   const { fileMetas } = useFile();
-  return /* @__PURE__ */ jsx8(Stack3, { direction: "row", spacing: 1, sx: { overflow: "auto", ...sx }, children: fileMetas.map((fileMeta) => /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx8(Stack4, { direction: "row", spacing: 1, sx: { overflow: "auto", ...sx }, children: fileMetas.map((fileMeta) => /* @__PURE__ */ jsx8(
     GridFileViewerItem,
     {
       meta: fileMeta,
@@ -1536,10 +1539,10 @@ var GridFileViewerItem = ({ meta, size, itemBar }) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs6(Fragment, { children: [
-    /* @__PURE__ */ jsxs6(ImageListItem, { sx: { width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, children: [
+  return /* @__PURE__ */ jsxs7(Fragment, { children: [
+    /* @__PURE__ */ jsxs7(ImageListItem, { sx: { width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, children: [
       /* @__PURE__ */ jsx8(
-        Box2,
+        Box3,
         {
           component: "img",
           src: source,
@@ -1552,7 +1555,7 @@ var GridFileViewerItem = ({ meta, size, itemBar }) => {
       itemBar !== "hidden" && showItemBar && /* @__PURE__ */ jsx8(
         ImageListItemBar,
         {
-          title: /* @__PURE__ */ jsx8(Tooltip, { title: meta.fileName, children: /* @__PURE__ */ jsx8(Box2, { children: meta.fileName }) }),
+          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, {}) })
         }
       )
@@ -1568,7 +1571,7 @@ 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 jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var FileViewerList = ({ sx }) => {
   const { fileMetas } = useFile();
   return /* @__PURE__ */ jsx9(List2, { dense: true, sx, children: fileMetas.map(
@@ -1619,8 +1622,8 @@ var ListFileViewerItem = ({ meta }) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
-    /* @__PURE__ */ jsxs7(ListItemButton2, { onClick, children: [
+  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, {}) })
@@ -1631,9 +1634,9 @@ var ListFileViewerItem = ({ meta }) => {
 
 // src/components/file/fileViewer/ImageViewer.tsx
 import Close from "@mui/icons-material/Close";
-import { Box as Box3, Dialog as Dialog2, Fab } from "@mui/material";
+import { Box as Box4, Dialog as Dialog2, Fab } from "@mui/material";
 import { useEffect as useEffect3 } from "react";
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var ImageViewer = ({ metaId }) => {
   const { fileMetas, setImageId } = useFile();
   const meta = fileMetas.find((m) => m.id === metaId);
@@ -1676,27 +1679,27 @@ var ImageViewer = ({ metaId }) => {
   };
   const onClose = () => setImageId("");
   if (!metaId) return null;
-  return /* @__PURE__ */ jsxs8(Dialog2, { open: true, onClose, maxWidth: "xl", children: [
-    /* @__PURE__ */ jsx10(Box3, { component: "img", src: source, alt: metaId, sx: { maxWidth: "100vw", maxHeight: { xs: "calc(100vh - 56px)", sm: "calc(100vh - 64px)" } } }),
+  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, {}) })
   ] });
 };
 
 // src/components/file/FileViewer.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs10 } 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__ */ jsxs9(FileContext.Provider, { value: { fileMetas, onDelete, actions, setImageId }, children: [
+  return /* @__PURE__ */ jsxs10(FileContext.Provider, { value: { fileMetas, onDelete, actions, setImageId }, children: [
     children(components),
     /* @__PURE__ */ jsx11(ImageViewer, { metaId: imageId })
   ] });
 };
 
 // src/components/data-grid/ChipInputCell.tsx
-import { Chip as Chip2, Stack as Stack4 } from "@mui/material";
+import { Chip as Chip2, Stack as Stack5 } from "@mui/material";
 import { jsx as jsx12 } from "react/jsx-runtime";
 var isArray = (value) => Array.isArray(value);
 var ChipInputCell = ({ params, slotProps, getLabel }) => {
@@ -1706,7 +1709,7 @@ var ChipInputCell = ({ params, slotProps, getLabel }) => {
     return value;
   };
   if (isArray(params.value))
-    return /* @__PURE__ */ jsx12(Stack4, { direction: "row", alignItems: "center", gap: 1, sx: { overflowX: "auto", height: "100%", width: params.colDef.computedWidth }, children: params.value.map(
+    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__ */ jsx12(Chip2, { label: getLabelValue(params.value), ...slotProps });
@@ -1800,12 +1803,12 @@ var RouterListItemButton = (props) => {
 };
 
 // src/components/router/RouterNotFound.tsx
-import { Box as Box4, Divider, Typography as Typography5 } from "@mui/material";
+import { Box as Box5, Divider, Typography as Typography5 } from "@mui/material";
 import { useTranslation as useTranslation4 } from "react-i18next";
-import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
 function RouterNotFound() {
   const { t: t2 } = useTranslation4();
-  return /* @__PURE__ */ jsx20(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: [
+  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") })
@@ -1813,10 +1816,10 @@ function RouterNotFound() {
 }
 
 // src/components/router/RouterError.tsx
-import { Box as Box5, Divider as Divider2, Typography as Typography6 } from "@mui/material";
-import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Box as Box6, Divider as Divider2, Typography as Typography6 } from "@mui/material";
+import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
 var RouterError = ({ error }) => {
-  return /* @__PURE__ */ jsx21(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: [
+  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 })
@@ -2593,7 +2596,7 @@ 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 jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
 function DialogsProvider({ children, unmountAfter = 1e3 }) {
   const [stack, setStack] = useState6([]);
   const keyPrefix = useId();
@@ -2645,7 +2648,7 @@ function DialogsProvider({ children, unmountAfter = 1e3 }) {
     return dialog;
   });
   const contextValue = useMemo3(() => ({ open: requestDialog, close: closeDialog }), [requestDialog, closeDialog]);
-  return /* @__PURE__ */ jsxs12(DialogsContext.Provider, { value: contextValue, children: [
+  return /* @__PURE__ */ jsxs13(DialogsContext.Provider, { value: contextValue, children: [
     children,
     stack.map(({ key, open, Component: Component7, payload, promise }) => /* @__PURE__ */ jsx22(
       Component7,
@@ -2678,7 +2681,7 @@ i18n.use(HttpBackend).use(LanguageDetector).use(initReactI18next).init({
 // src/components/core/Layout.tsx
 import Menu3 from "@mui/icons-material/Menu";
 import MenuOpen from "@mui/icons-material/MenuOpen";
-import { AppBar, Box as Box9, CssBaseline, IconButton as IconButton5, InitColorSchemeScript, LinearProgress, Toolbar } from "@mui/material";
+import { AppBar, Box as Box10, 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";
@@ -2686,7 +2689,7 @@ import useLocalStorageState from "use-local-storage-state";
 
 // src/components/core/navigation/NavigationRail.tsx
 import { useMediaQuery } from "@mui/material";
-import Box7 from "@mui/material/Box";
+import Box8 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";
@@ -2700,7 +2703,7 @@ import { Fragment as Fragment5, useEffect as useEffect5, useState as useState8 }
 // src/components/core/navigation/NavigationListItem.tsx
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 import Avatar from "@mui/material/Avatar";
-import Box6 from "@mui/material/Box";
+import Box7 from "@mui/material/Box";
 import Popper from "@mui/material/Popper";
 import ListItem from "@mui/material/ListItem";
 import ListItemButton4 from "@mui/material/ListItemButton";
@@ -2711,7 +2714,7 @@ 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 { Collapse } from "@mui/material";
-import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
 var ICON_SIZE = 34;
 var StyledNavButton = styled(ListItemButton4)(({ theme }) => ({
   borderRadius: 8,
@@ -2755,8 +2758,8 @@ var StyledRouterButton = styled(RouterListItemButton)(({ theme }) => ({
 }));
 var IconOrAvatar = ({ item, collapsed }) => {
   if (item.icon || collapsed) {
-    return /* @__PURE__ */ jsxs13(Box6, { 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__ */ 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: [
         item.icon ?? null,
         !item.icon && collapsed ? /* @__PURE__ */ jsx23(Avatar, { sx: { width: ICON_SIZE - 7, height: ICON_SIZE - 7, fontSize: 12 }, children: item.title }) : null
       ] }),
@@ -2837,7 +2840,7 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
     disabled,
     sx: { px: 1.4, height: collapsed ? 60 : 48 }
   };
-  const buttonContent = /* @__PURE__ */ jsxs13(Fragment4, { children: [
+  const buttonContent = /* @__PURE__ */ jsxs14(Fragment4, { children: [
     /* @__PURE__ */ jsx23(IconOrAvatar, { item, collapsed }),
     !collapsed && /* @__PURE__ */ jsx23(
       ListItemText3,
@@ -2849,7 +2852,7 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
     ),
     item.children ? /* @__PURE__ */ jsx23(ExpandMoreIcon, { sx: chevronSx }) : null
   ] });
-  const listItem = /* @__PURE__ */ jsxs13(
+  const listItem = /* @__PURE__ */ jsxs14(
     ListItem,
     {
       ...item.children && collapsed ? {
@@ -2878,7 +2881,7 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
       ]
     }
   );
-  return /* @__PURE__ */ jsxs13(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs14(Fragment3, { children: [
     listItem,
     item.children && !collapsed ? /* @__PURE__ */ jsx23(Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true, children: renderNested?.(item.children) }) : null
   ] }, item.to);
@@ -2979,7 +2982,7 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
   const theme = useTheme2();
   const showPermanent = useMediaQuery(theme.breakpoints.up("sm"));
   const drawerContent = (collapsed) => /* @__PURE__ */ jsx25(
-    Box7,
+    Box8,
     {
       component: "nav",
       sx: {
@@ -3037,10 +3040,10 @@ 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 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 Typography8, useColorScheme } from "@mui/material";
+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 { useTranslation as useTranslation5 } from "react-i18next";
-import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
 var ToolbarAccount = () => {
   const [anchorElement, setAnchorElement] = useState9();
   const [tab, setTab] = useState9("settings");
@@ -3083,37 +3086,37 @@ var ToolbarAccount = () => {
     setTimeout(() => setTab("settings"), 300);
   };
   const changeTab = (newTab) => () => setTab(newTab);
-  const settings = /* @__PURE__ */ jsxs14(List4, { component: "nav", subheader: /* @__PURE__ */ jsx26(ListSubheader2, { sx: { backgroundColor: "transparent" }, children: t2("Layout.Settings") }), children: [
-    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
+  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, {})
     ] }),
-    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
+    /* @__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, {})
     ] })
   ] });
-  const theme = /* @__PURE__ */ jsxs14(List4, { subheader: /* @__PURE__ */ jsxs14(ListSubheader2, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+  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" }) }),
     " ",
     t2("Layout.Appearance")
   ] }), children: [
-    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeMode("light"), disabled: mode === "light", 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__ */ jsxs14(ListItemButton5, { onClick: changeMode("dark"), disabled: mode === "dark", children: [
+    /* @__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__ */ jsxs14(ListItemButton5, { onClick: changeMode("system"), disabled: mode === "system", children: [
+    /* @__PURE__ */ jsxs15(ListItemButton5, { onClick: changeMode("system"), disabled: mode === "system", children: [
       /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(SettingsBrightness, {}) }),
       /* @__PURE__ */ jsx26(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: [
+  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" }) }),
     " ",
     t2("Layout.Language")
@@ -3121,20 +3124,20 @@ var ToolbarAccount = () => {
     /* @__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" }) })
   ] });
-  return /* @__PURE__ */ jsxs14(Fragment6, { children: [
+  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__ */ jsxs14(Box8, { sx: { width: 240 }, children: [
-      /* @__PURE__ */ jsx26(List4, { children: user.name ? /* @__PURE__ */ jsxs14(Fragment6, { children: [
-        /* @__PURE__ */ jsx26(ListItem2, { children: /* @__PURE__ */ jsx26(ListItemText4, { primary: user.name, secondary: /* @__PURE__ */ jsxs14("span", { children: [
+    /* @__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 })
         ] }) }) }),
-        /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: () => console.log("Logout"), children: [
+        /* @__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__ */ jsxs14(ListItemButton5, { onClick: () => console.log("Login"), children: [
+      ] }) : /* @__PURE__ */ jsxs15(ListItemButton5, { onClick: () => console.log("Login"), children: [
         /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(Login, { color: "success" }) }),
         /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.LogIn") })
       ] }) }),
@@ -3146,7 +3149,7 @@ var ToolbarAccount = () => {
 };
 
 // src/components/core/Layout.tsx
-import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
 var DrawerHeader = styled2("div")(({ theme }) => ({
   display: "flex",
   alignItems: "center",
@@ -3158,10 +3161,10 @@ var Layout = (props) => {
   const [navigationOpen, setNavigationOpen] = useLocalStorageState("navigationOpen", { defaultServerValue: false });
   const isFetching = !!useIsFetching();
   const isMutating = !!useIsMutating();
-  return /* @__PURE__ */ jsxs15(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs16(Fragment7, { children: [
     /* @__PURE__ */ jsx27(InitColorSchemeScript, {}),
     /* @__PURE__ */ jsx27(CssBaseline, {}),
-    /* @__PURE__ */ jsxs15(Box9, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
+    /* @__PURE__ */ jsxs16(Box10, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
       /* @__PURE__ */ jsx27(
         AppBar,
         {
@@ -3172,7 +3175,7 @@ var Layout = (props) => {
             borderColor: theme.vars?.palette.divider,
             boxShadow: "none"
           }),
-          children: /* @__PURE__ */ jsxs15(Toolbar, { children: [
+          children: /* @__PURE__ */ jsxs16(Toolbar, { children: [
             props.navigation && /* @__PURE__ */ jsx27(
               IconButton5,
               {
@@ -3187,9 +3190,9 @@ var Layout = (props) => {
         }
       ),
       props.navigation && /* @__PURE__ */ jsx27(NavigationRail, { navigation: props.navigation, expanded: navigationOpen ?? false, setExpanded: setNavigationOpen }),
-      /* @__PURE__ */ jsxs15(Box9, { component: "main", sx: { flexGrow: 1, display: "flex", flexDirection: "column", minWidth: 0, height: "100%", overflow: "hidden" }, children: [
+      /* @__PURE__ */ jsxs16(Box10, { component: "main", sx: { flexGrow: 1, display: "flex", flexDirection: "column", minWidth: 0, height: "100%", overflow: "hidden" }, children: [
         /* @__PURE__ */ jsx27(DrawerHeader, {}),
-        /* @__PURE__ */ jsx27(Box9, { sx: { flex: 1, overflow: "auto", position: "relative" }, children: props.children })
+        /* @__PURE__ */ jsx27(Box10, { 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 } })
@@ -3970,6 +3973,7 @@ var LayoutProvider = ({ navigation, theme, children }) => {
     const handler = () => {
       z.config(default2.resolvedLanguage === "cs" ? cs() : en());
     };
+    handler();
     default2.on("languageChanged", handler);
     return () => {
       default2.off("languageChanged", handler);
@@ -4026,11 +4030,11 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
 
 // src/components/form/FormCheckbox.tsx
 import { Checkbox, FormControl, FormControlLabel, FormHelperText } from "@mui/material";
-import { jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
 var FormCheckbox = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs16(FormControl, { component: "fieldset", children: [
+  return /* @__PURE__ */ jsxs17(FormControl, { component: "fieldset", children: [
     /* @__PURE__ */ jsx30(
       FormControlLabel,
       {
@@ -4134,11 +4138,11 @@ 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 jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
 var FormRadioGroup = ({ label, options, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs17(FormControl2, { component: "fieldset", children: [
+  return /* @__PURE__ */ jsxs18(FormControl2, { component: "fieldset", children: [
     label && /* @__PURE__ */ jsx34(FormLabel, { component: "legend", children: label }),
     /* @__PURE__ */ jsx34(
       RadioGroup,
@@ -4166,11 +4170,11 @@ var FormRadioGroup = ({ label, options, ...props }) => {
 
 // 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 jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
 var FormSlider = ({ label, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs18(FormControl3, { component: "fieldset", children: [
+  return /* @__PURE__ */ jsxs19(FormControl3, { component: "fieldset", children: [
     label && /* @__PURE__ */ jsx35(FormLabel2, { children: label }),
     /* @__PURE__ */ jsx35(
       Slider,
@@ -4212,11 +4216,11 @@ 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 jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
 var FormSwitch = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs19(FormControl4, { component: "fieldset", children: [
+  return /* @__PURE__ */ jsxs20(FormControl4, { component: "fieldset", children: [
     /* @__PURE__ */ jsx37(
       FormControlLabel3,
       {