wcz-test 6.12.9 → 6.13.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports, D as DialogsContext, u as useDialogs } from "./DialogsHooks-Bi8dZoyu.js";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { Stack, Typography, Collapse, useMediaQuery, useColorScheme, List as List$1, ListItemButton as ListItemButton$1, ListItemIcon as ListItemIcon$1, ListItemText as ListItemText$1, ListSubheader as ListSubheader$1, IconButton, Avatar as Avatar$1, Menu, Box as Box$1, ListItem as ListItem$1, InitColorSchemeScript, CssBaseline, AppBar, Toolbar, LinearProgress, ThemeProvider } from "@mui/material";
 import { LocalizationProvider } from "@mui/x-date-pickers";
 import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
@@ -7,12 +7,13 @@ import { getCookie } from "@tanstack/react-start/server";
 import dayjs from "dayjs";
 import i18n from "i18next";
 import LanguageDetector from "i18next-browser-languagedetector";
-import { useState, useId, useRef, Fragment, useEffect, useEffectEvent } from "react";
+import { useState, useId, useRef, Fragment as Fragment$1, useEffect, useEffectEvent } from "react";
 import { useTranslation, initReactI18next } from "react-i18next";
 import { resources } from "virtual:wcz-layout";
 import z__default from "zod";
 import useEventCallback from "@mui/utils/useEventCallback";
-import { a as authClient, u as useGetTheme } from "./auth-client-B6cIXYDV.js";
+import { D as DialogsContext, u as useDialogs } from "./DialogsHooks-BlUsVlfv.js";
+import { a as authClient, u as useGetTheme } from "./auth-client-o9U0_qmf.js";
 import Menu$1 from "@mui/icons-material/Menu";
 import MenuOpen from "@mui/icons-material/MenuOpen";
 import { styled, useTheme } from "@mui/material/styles";
@@ -33,7 +34,7 @@ import ListItemText from "@mui/material/ListItemText";
 import Paper from "@mui/material/Paper";
 import Popper from "@mui/material/Popper";
 import Typography$1 from "@mui/material/Typography";
-import { R as RouterListItemButton } from "./RouterListItemButton-CHS7rofI.js";
+import { R as RouterListItemButton } from "./RouterListItemButton-Cx7rXEfm.js";
 import "@mui/icons-material/AccountCircle";
 import ArrowBack from "@mui/icons-material/ArrowBack";
 import Brightness4 from "@mui/icons-material/Brightness4";
@@ -96,9 +97,9 @@ function DialogsProvider({ children, unmountAfter = 1e3 }) {
     }
     return dialog;
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogsContext.Provider, { value: { open: requestDialog, close: closeDialog }, children: [
+  return /* @__PURE__ */ jsxs(DialogsContext.Provider, { value: { open: requestDialog, close: closeDialog }, children: [
     children,
-    stack.map(({ key, open, Component, payload, promise }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    stack.map(({ key, open, Component, payload, promise }) => /* @__PURE__ */ jsx(
       Component,
       {
         payload,
@@ -112,9 +113,9 @@ function DialogsProvider({ children, unmountAfter = 1e3 }) {
   ] });
 }
 const AppTitle = () => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Stack, { direction: "row", alignItems: "center", spacing: 2, flexGrow: 1, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: "/favicon-32x32.png", alt: "app-logo", loading: "lazy" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h6", children: clientEnv.VITE_APP_TITLE }),
+  return /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", spacing: 2, flexGrow: 1, children: [
+    /* @__PURE__ */ jsx("img", { src: "/favicon-32x32.png", alt: "app-logo", loading: "lazy" }),
+    /* @__PURE__ */ jsx(Typography, { variant: "h6", children: clientEnv.VITE_APP_TITLE }),
     false
   ] });
 };
@@ -161,12 +162,12 @@ const StyledRouterButton = styled(RouterListItemButton)(({ theme }) => ({
 }));
 const IconOrAvatar = ({ item, collapsed }) => {
   if (item.icon || collapsed) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: collapsed ? { position: "absolute", left: "50%", top: "calc(50% - 6px)", transform: "translate(-50%, -50%)" } : {}, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemIcon, { sx: { display: "flex", alignItems: "center", justifyContent: "center", minWidth: ICON_SIZE }, children: [
+    return /* @__PURE__ */ jsxs(Box, { sx: collapsed ? { position: "absolute", left: "50%", top: "calc(50% - 6px)", transform: "translate(-50%, -50%)" } : {}, children: [
+      /* @__PURE__ */ jsxs(ListItemIcon, { sx: { display: "flex", alignItems: "center", justifyContent: "center", minWidth: ICON_SIZE }, children: [
         item.icon ?? null,
-        !item.icon && collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(Avatar, { sx: { width: ICON_SIZE - 7, height: ICON_SIZE - 7, fontSize: 12 }, children: item.title }) : null
+        !item.icon && collapsed ? /* @__PURE__ */ jsx(Avatar, { sx: { width: ICON_SIZE - 7, height: ICON_SIZE - 7, fontSize: 12 }, children: item.title }) : null
       ] }),
-      collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      collapsed ? /* @__PURE__ */ jsx(
         Typography$1,
         {
           variant: "caption",
@@ -190,7 +191,7 @@ const IconOrAvatar = ({ item, collapsed }) => {
   }
   return null;
 };
-const MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+const MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx(
   Popper,
   {
     open,
@@ -201,7 +202,7 @@ const MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsxRuntime
       { name: "preventOverflow", options: { padding: 8 } },
       { name: "flip", options: { fallbackPlacements: ["right-end", "left-start"] } }
     ],
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    children: /* @__PURE__ */ jsx(
       Paper,
       {
         sx: {
@@ -243,9 +244,9 @@ const NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSid
     disabled,
     sx: { px: 1.4, height: collapsed ? 60 : 48 }
   };
-  const buttonContent = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(IconOrAvatar, { item, collapsed }),
-    !collapsed && /* @__PURE__ */ jsxRuntimeExports.jsx(
+  const buttonContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(IconOrAvatar, { item, collapsed }),
+    !collapsed && /* @__PURE__ */ jsx(
       ListItemText,
       {
         primary: item.title,
@@ -253,9 +254,9 @@ const NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSid
         sx: { ml: 1.2, flex: 1, minWidth: 0, "& .MuiTypography-root": { whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" } }
       }
     ),
-    item.children ? /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandMoreIcon, { sx: chevronSx }) : null
+    item.children ? /* @__PURE__ */ jsx(ExpandMoreIcon, { sx: chevronSx }) : null
   ] });
-  const listItem = /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  const listItem = /* @__PURE__ */ jsxs(
     ListItem,
     {
       ...item.children && collapsed ? {
@@ -269,7 +270,7 @@ const NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSid
       } : {},
       sx: { py: 0, px: 1, overflowX: "hidden" },
       children: [
-        shouldJustExpand ? /* @__PURE__ */ jsxRuntimeExports.jsx(StyledNavButton, { ...buttonProps, onClick: () => onClick?.(item), children: buttonContent }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+        shouldJustExpand ? /* @__PURE__ */ jsx(StyledNavButton, { ...buttonProps, onClick: () => onClick?.(item), children: buttonContent }) : /* @__PURE__ */ jsx(
           StyledRouterButton,
           {
             ...buttonProps,
@@ -281,13 +282,13 @@ const NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSid
             children: buttonContent
           }
         ),
-        item.children && collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(MiniPopover, { open: item.title === hoveredPopoverItem, anchorEl: anchorElement, children: renderNested?.(item.children) }) : null
+        item.children && collapsed ? /* @__PURE__ */ jsx(MiniPopover, { open: item.title === hoveredPopoverItem, anchorEl: anchorElement, children: renderNested?.(item.children) }) : null
       ]
     }
   );
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     listItem,
-    item.children && !collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true, children: renderNested?.(item.children) }) : null
+    item.children && !collapsed ? /* @__PURE__ */ jsx(Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true, children: renderNested?.(item.children) }) : null
   ] }, item.to);
 };
 const isPageItem = (item) => !("kind" in item);
@@ -299,7 +300,7 @@ const NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSide
     if (collapsed) setOpenKeys([]);
   }, [collapsed]);
   const toggleKey = (key) => setOpenKeys((previous) => previous.includes(key) ? previous.filter((k) => k !== key) : [...previous, key]);
-  const renderNested = (children) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  const renderNested = (children) => /* @__PURE__ */ jsx(
     NavigationList,
     {
       subNavigation: children,
@@ -312,7 +313,7 @@ const NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSide
     }
   );
   const filteredNavigation = subNavigation.filter((nav) => !nav.hidden);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx(
     List,
     {
       sx: {
@@ -325,7 +326,7 @@ const NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSide
       },
       children: filteredNavigation.map((navItem, index) => {
         if (isHeader(navItem)) {
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          return /* @__PURE__ */ jsx(
             ListSubheader,
             {
               sx: {
@@ -348,13 +349,13 @@ const NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSide
         }
         if (isDivider(navItem)) {
           const nextItem = filteredNavigation[index + 1];
-          return /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { sx: { mx: 1, mt: 1, mb: isHeader(nextItem) && !collapsed ? 0 : 1 } }) }, `divider-${depth}-${index}`);
+          return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Divider, { 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__ */ jsxRuntimeExports.jsx(Fragment, { children: renderItem(navItem, { collapsed: !!collapsed }) }, key);
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        if (renderItem) return /* @__PURE__ */ jsx(Fragment$1, { children: renderItem(navItem, { collapsed: !!collapsed }) }, key);
+        return /* @__PURE__ */ jsx(
           NavigationListItem,
           {
             item: navItem,
@@ -381,7 +382,7 @@ const NavigationRail = ({ navigation, expanded, setExpanded }) => {
   const routerState = useRouterState();
   const theme = useTheme();
   const showPermanent = useMediaQuery(theme.breakpoints.up("sm"));
-  const drawerContent = (collapsed) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  const drawerContent = (collapsed) => /* @__PURE__ */ jsx(
     Box,
     {
       component: "nav",
@@ -395,7 +396,7 @@ const NavigationRail = ({ navigation, expanded, setExpanded }) => {
         overflowX: "hidden",
         pt: navigation[0] && isHeader(navigation[0]) && !collapsed ? 0 : 2
       },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      children: /* @__PURE__ */ jsx(
         NavigationList,
         {
           subNavigation: navigation,
@@ -411,7 +412,7 @@ const NavigationRail = ({ navigation, expanded, setExpanded }) => {
     }
   );
   if (showPermanent)
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    return /* @__PURE__ */ jsx(
       Drawer,
       {
         variant: "permanent",
@@ -429,7 +430,7 @@ const NavigationRail = ({ navigation, expanded, setExpanded }) => {
         children: drawerContent(!expanded)
       }
     );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Drawer, { open: expanded, onClose: () => setExpanded(false), children: drawerContent(!expanded) });
+  return /* @__PURE__ */ jsx(Drawer, { open: expanded, onClose: () => setExpanded(false), children: drawerContent(!expanded) });
 };
 const capitalize = (value) => value && value.charAt(0).toUpperCase() + value.slice(1);
 const ToolbarAccount = () => {
@@ -462,23 +463,23 @@ const ToolbarAccount = () => {
     setTimeout(() => setTab("settings"), 300);
   };
   const changeTab = (newTab) => () => setTab(newTab);
-  const settings = /* @__PURE__ */ jsxRuntimeExports.jsxs(List$1, { component: "nav", subheader: /* @__PURE__ */ jsxRuntimeExports.jsx(ListSubheader$1, { sx: { backgroundColor: "transparent" }, children: t("Layout.Settings") }), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemButton$1, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Brightness4, {}) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: t("Layout.Appearance"), secondary: colorModes.find((m) => m.mode === mode)?.label }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, {})
+  const settings = /* @__PURE__ */ jsxs(List$1, { component: "nav", subheader: /* @__PURE__ */ jsx(ListSubheader$1, { sx: { backgroundColor: "transparent" }, children: t("Layout.Settings") }), children: [
+    /* @__PURE__ */ jsxs(ListItemButton$1, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
+      /* @__PURE__ */ jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsx(Brightness4, {}) }),
+      /* @__PURE__ */ jsx(ListItemText$1, { primary: t("Layout.Appearance"), secondary: colorModes.find((m) => m.mode === mode)?.label }),
+      /* @__PURE__ */ jsx(ChevronRight, {})
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemButton$1, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Translate, {}) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: t("Layout.Language"), secondary: capitalize(languageDisplayNames.of(i18n2.language)) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, {})
+    /* @__PURE__ */ jsxs(ListItemButton$1, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
+      /* @__PURE__ */ jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsx(Translate, {}) }),
+      /* @__PURE__ */ jsx(ListItemText$1, { primary: t("Layout.Language"), secondary: capitalize(languageDisplayNames.of(i18n2.language)) }),
+      /* @__PURE__ */ jsx(ChevronRight, {})
     ] })
   ] });
-  const theme = /* @__PURE__ */ jsxRuntimeExports.jsx(List$1, { subheader: /* @__PURE__ */ jsxRuntimeExports.jsxs(ListSubheader$1, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowBack, { fontSize: "small" }) }),
+  const theme = /* @__PURE__ */ jsx(List$1, { subheader: /* @__PURE__ */ jsxs(ListSubheader$1, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+    /* @__PURE__ */ jsx(IconButton, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx(ArrowBack, { fontSize: "small" }) }),
     " ",
     t("Layout.Appearance")
-  ] }), children: colorModes.map(({ mode: modeValue, icon: Icon, label }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  ] }), children: colorModes.map(({ mode: modeValue, icon: Icon, label }) => /* @__PURE__ */ jsxs(
     ListItemButton$1,
     {
       onClick: () => {
@@ -487,40 +488,40 @@ const ToolbarAccount = () => {
       },
       selected: mode === modeValue,
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {}) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: label })
+        /* @__PURE__ */ jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsx(Icon, {}) }),
+        /* @__PURE__ */ jsx(ListItemText$1, { primary: label })
       ]
     },
     modeValue
   )) });
-  const language = /* @__PURE__ */ jsxRuntimeExports.jsx(List$1, { subheader: /* @__PURE__ */ jsxRuntimeExports.jsxs(ListSubheader$1, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowBack, { fontSize: "small" }) }),
+  const language = /* @__PURE__ */ jsx(List$1, { subheader: /* @__PURE__ */ jsxs(ListSubheader$1, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+    /* @__PURE__ */ jsx(IconButton, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx(ArrowBack, { fontSize: "small" }) }),
     " ",
     t("Layout.Language")
   ] }), children: supportedLanguages.map(
-    (languageCode) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    (languageCode) => /* @__PURE__ */ jsxs(
       ListItemButton$1,
       {
         onClick: () => i18n2.changeLanguage(languageCode).finally(() => closeMenu()),
         selected: i18n2.resolvedLanguage === languageCode,
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon$1, { children: i18n2.resolvedLanguage === languageCode && /* @__PURE__ */ jsxRuntimeExports.jsx(Done, {}) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: capitalize(languageDisplayNames.of(languageCode)) })
+          /* @__PURE__ */ jsx(ListItemIcon$1, { children: i18n2.resolvedLanguage === languageCode && /* @__PURE__ */ jsx(Done, {}) }),
+          /* @__PURE__ */ jsx(ListItemText$1, { primary: capitalize(languageDisplayNames.of(languageCode)) })
         ]
       },
       languageCode
     )
   ) });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { size: "small", edge: "end", onClick: openMenu, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Avatar$1, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Menu, { anchorEl: anchorElement, open, onClose: closeMenu, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Box$1, { sx: { width: 240 }, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(List$1, { children: session ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ListItem$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: user.name, secondary: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: user.employeeId }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: user.department })
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(IconButton, { size: "small", edge: "end", onClick: openMenu, children: /* @__PURE__ */ jsx(Avatar$1, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) }),
+    /* @__PURE__ */ jsx(Menu, { anchorEl: anchorElement, open, onClose: closeMenu, children: /* @__PURE__ */ jsxs(Box$1, { sx: { width: 240 }, children: [
+      /* @__PURE__ */ jsx(List$1, { children: session ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        /* @__PURE__ */ jsx(ListItem$1, { children: /* @__PURE__ */ jsx(ListItemText$1, { primary: user.name, secondary: /* @__PURE__ */ jsxs("span", { children: [
+          /* @__PURE__ */ jsx("span", { children: user.employeeId }),
+          /* @__PURE__ */ jsx("br", {}),
+          /* @__PURE__ */ jsx("span", { children: user.department })
         ] }) }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        /* @__PURE__ */ jsxs(
           ListItemButton$1,
           {
             onClick: () => authClient.signOut({}, {
@@ -528,12 +529,12 @@ const ToolbarAccount = () => {
               onError: ({ error }) => alert(error.message)
             }),
             children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Logout, { color: "error" }) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: t("Layout.Logout") })
+              /* @__PURE__ */ jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsx(Logout, { color: "error" }) }),
+              /* @__PURE__ */ jsx(ListItemText$1, { primary: t("Layout.Logout") })
             ]
           }
         )
-      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      ] }) : /* @__PURE__ */ jsxs(
         ListItemButton$1,
         {
           onClick: () => authClient.signIn.social({ provider: "microsoft" }, {
@@ -541,8 +542,8 @@ const ToolbarAccount = () => {
             onError: ({ error }) => alert(error.message)
           }),
           children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Login, { color: "success" }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: t("Layout.LogIn") })
+            /* @__PURE__ */ jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsx(Login, { color: "success" }) }),
+            /* @__PURE__ */ jsx(ListItemText$1, { primary: t("Layout.LogIn") })
           ]
         }
       ) }),
@@ -571,11 +572,11 @@ const Layout = (props) => {
   const [navigationOpen, setNavigationOpen] = useState(getNavigationOpenStatus);
   const isFetching = !!useIsFetching();
   const isMutating = !!useIsMutating();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(InitColorSchemeScript, {}),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(CssBaseline, {}),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Box$1, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(InitColorSchemeScript, {}),
+    /* @__PURE__ */ jsx(CssBaseline, {}),
+    /* @__PURE__ */ jsxs(Box$1, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
+      /* @__PURE__ */ jsx(
         AppBar,
         {
           color: "transparent",
@@ -585,8 +586,8 @@ const Layout = (props) => {
             borderColor: theme.vars?.palette.divider,
             boxShadow: "none"
           }),
-          children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Toolbar, { children: [
-            props.navigation && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          children: /* @__PURE__ */ jsxs(Toolbar, { children: [
+            props.navigation && /* @__PURE__ */ jsx(
               IconButton,
               {
                 onClick: () => {
@@ -597,15 +598,15 @@ const Layout = (props) => {
                   });
                 },
                 sx: { marginRight: 2 },
-                children: navigationOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(MenuOpen, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$1, {})
+                children: navigationOpen ? /* @__PURE__ */ jsx(MenuOpen, {}) : /* @__PURE__ */ jsx(Menu$1, {})
               }
             ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(AppTitle, {}),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarAccount, {})
+            /* @__PURE__ */ jsx(AppTitle, {}),
+            /* @__PURE__ */ jsx(ToolbarAccount, {})
           ] })
         }
       ),
-      props.navigation && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      props.navigation && /* @__PURE__ */ jsx(
         NavigationRail,
         {
           navigation: props.navigation,
@@ -616,12 +617,12 @@ const Layout = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Box$1, { component: "main", sx: { flexGrow: 1, display: "flex", flexDirection: "column", minWidth: 0, height: "100%", overflow: "hidden" }, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DrawerHeader, {}),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Box$1, { sx: { flex: 1, overflow: "auto", position: "relative" }, children: props.children })
+      /* @__PURE__ */ jsxs(Box$1, { component: "main", sx: { flexGrow: 1, display: "flex", flexDirection: "column", minWidth: 0, height: "100%", overflow: "hidden" }, children: [
+        /* @__PURE__ */ jsx(DrawerHeader, {}),
+        /* @__PURE__ */ jsx(Box$1, { sx: { flex: 1, overflow: "auto", position: "relative" }, children: props.children })
       ] })
     ] }),
-    (isFetching || isMutating) && /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
+    (isFetching || isMutating) && /* @__PURE__ */ jsx(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
   ] });
 };
 const YEAR_IN_MINUTES = 60 * 24 * 365;
@@ -648,7 +649,7 @@ const LayoutProvider = ({ navigation, theme, children }) => {
       i18n.off("languageChanged", languageChangedHandler);
     };
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme: createdTheme, children: /* @__PURE__ */ jsxRuntimeExports.jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n.language, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogsProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Layout, { navigation, children }) }) }, i18n.language) });
+  return /* @__PURE__ */ jsx(ThemeProvider, { theme: createdTheme, children: /* @__PURE__ */ jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n.language, children: /* @__PURE__ */ jsx(DialogsProvider, { children: /* @__PURE__ */ jsx(Layout, { navigation, children }) }) }, i18n.language) });
 };
 const setSSRLanguage = createServerFn().handler(async () => {
   const language = getCookie(i18n.services.languageDetector.options.lookupCookie) || "en";