wcz-test 6.22.1 → 6.22.2

package/dist/index.js

@@ -1,6 +1,7 @@
 import { j as jsxRuntimeExports, D as DialogsContext } from "./DialogsContext-DMZRefiY.js";
+import { c as compilerRuntimeExports } from "./compiler-runtime-BGHur82y.js";
 import { useMsalAuthentication, useMsal, AuthenticatedTemplate, MsalProvider } from "@azure/msal-react";
-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 { Stack, Typography, Collapse, useMediaQuery, useColorScheme, ListItemButton as ListItemButton$1, ListItemText as ListItemText$1, ListItemIcon as ListItemIcon$1, Avatar as Avatar$1, ListItem as ListItem$1, ListSubheader as ListSubheader$1, List as List$1, IconButton, Box as Box$1, Menu, InitColorSchemeScript, CssBaseline, AppBar, Toolbar, LinearProgress, ThemeProvider } from "@mui/material";
 import { LocalizationProvider } from "@mui/x-date-pickers";
 import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
 import { createIsomorphicFn, createServerFn } from "@tanstack/react-start";
@@ -14,11 +15,11 @@ import { resources } from "virtual:wcz-layout";
 import z__default from "zod";
 import useEventCallback from "@mui/utils/useEventCallback";
 import { PublicClientApplication, EventType, InteractionType } from "@azure/msal-browser";
-import { U as UserContext, u as useUser } from "./UseHook-DB7btKDE.js";
+import { U as UserContext, u as useUser } from "./UseHook-CGSDGsbk.js";
 import { useQuery, useIsFetching, useIsMutating } from "@tanstack/react-query";
 import axios from "axios";
-import { c as clientEnv } from "./utils-CKW5pi6k.js";
-import { r } from "./utils-CKW5pi6k.js";
+import { c as clientEnv } from "./utils-CCjnelFb.js";
+import { r } from "./utils-CCjnelFb.js";
 import Menu$1 from "@mui/icons-material/Menu";
 import MenuOpen from "@mui/icons-material/MenuOpen";
 import { styled, useTheme } from "@mui/material/styles";
@@ -37,7 +38,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-Vj6OoqkV.js";
+import { R as RouterListItemButton } from "./RouterListItemButton-CagMd8F_.js";
 import AccountCircle from "@mui/icons-material/AccountCircle";
 import ArrowBack from "@mui/icons-material/ArrowBack";
 import Brightness4 from "@mui/icons-material/Brightness4";
@@ -48,14 +49,18 @@ import LightMode from "@mui/icons-material/LightMode";
 import Logout from "@mui/icons-material/Logout";
 import SettingsBrightness from "@mui/icons-material/SettingsBrightness";
 import Translate from "@mui/icons-material/Translate";
-function DialogsProvider({ children }) {
+function DialogsProvider({
+  children
+}) {
   const [stack, setStack] = useState([]);
   const keyPrefix = useId();
   const nextId = useRef(0);
   const dialogMetadata = useRef(/* @__PURE__ */ new WeakMap());
   const requestDialog = useEventCallback(function open(Component, payload, options = {}) {
-    const { onClose = async () => {
-    } } = options;
+    const {
+      onClose = async () => {
+      }
+    } = options;
     let resolve;
     const promise = new Promise((resolveImpl) => {
       resolve = resolveImpl;
@@ -76,17 +81,18 @@ function DialogsProvider({ children }) {
     return promise;
   });
   const removeDialogFromStack = (dialog) => {
-    setStack((previousStack) => previousStack.filter((entry) => entry.promise !== dialog));
+    setStack((previousStack_0) => previousStack_0.filter((entry) => entry.promise !== dialog));
     dialogMetadata.current.delete(dialog);
   };
-  const closeDialogUi = useEventCallback(function closeDialogUi2(dialog) {
-    setStack(
-      (previousStack) => previousStack.map((entry) => entry.promise === dialog ? { ...entry, open: false } : entry)
-    );
-    setTimeout(() => removeDialogFromStack(dialog), 1e3);
+  const closeDialogUi = useEventCallback(function closeDialogUi2(dialog_0) {
+    setStack((previousStack_1) => previousStack_1.map((entry_0) => entry_0.promise === dialog_0 ? {
+      ...entry_0,
+      open: false
+    } : entry_0));
+    setTimeout(() => removeDialogFromStack(dialog_0), 1e3);
   });
-  const closeDialog = useEventCallback(async function closeDialog2(dialog, result) {
-    const entryToClose = dialogMetadata.current.get(dialog);
+  const closeDialog = useEventCallback(async function closeDialog2(dialog_1, result) {
+    const entryToClose = dialogMetadata.current.get(dialog_1);
     if (!entryToClose) {
       throw new Error("Dialog not found in stack");
     }
@@ -94,23 +100,24 @@ function DialogsProvider({ children }) {
       await entryToClose.onClose(result);
     } finally {
       entryToClose.resolve(result);
-      closeDialogUi(dialog);
+      closeDialogUi(dialog_1);
     }
-    return dialog;
+    return dialog_1;
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogsContext.Provider, { value: { open: requestDialog, close: closeDialog }, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogsContext.Provider, { value: {
+    open: requestDialog,
+    close: closeDialog
+  }, children: [
     children,
-    stack.map(({ key, open, Component, payload, promise }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Component,
-      {
-        payload,
-        open,
-        onClose: async (result) => {
-          await closeDialog(promise, result);
-        }
-      },
-      key
-    ))
+    stack.map(({
+      key: key_0,
+      open,
+      Component: Component_0,
+      payload: payload_0,
+      promise: promise_0
+    }) => /* @__PURE__ */ jsxRuntimeExports.jsx(Component_0, { payload: payload_0, open, onClose: async (result_0) => {
+      await closeDialog(promise_0, result_0);
+    } }, key_0))
   ] });
 }
 const msalConfig = {
@@ -153,85 +160,235 @@ api.interceptors.request.use(async (config) => {
   config.headers.Authorization = `Bearer ${await acquireAccessToken()}`;
   return config;
 });
-const useGetUser = (enabled = true) => {
-  return useQuery({
-    queryKey: [QUERY_KEY, "me"],
-    queryFn: ({ signal }) => api.request({
-      method: "GET",
-      url: "me?$select=id,displayName,jobTitle,mail,mobilePhone",
-      signal
-    }),
-    select: (response) => ({
-      id: response.data.id,
-      name: response.data.displayName.split("/")[0],
-      jobTitle: response.data.jobTitle,
-      email: response.data.mail,
-      mobilePhone: response.data.mobilePhone,
-      photo: null,
-      groups: []
-    }),
-    staleTime: DAY,
-    gcTime: DAY,
-    refetchOnWindowFocus: false,
-    enabled
-  });
+const useGetUser = (t0) => {
+  const $ = compilerRuntimeExports.c(3);
+  const enabled = t0 === void 0 ? true : t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [QUERY_KEY, "me"];
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== enabled) {
+    t2 = {
+      queryKey: t1,
+      queryFn: _temp$4,
+      select: _temp2,
+      staleTime: DAY,
+      gcTime: DAY,
+      refetchOnWindowFocus: false,
+      enabled
+    };
+    $[1] = enabled;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  return useQuery(t2);
 };
-const useGetUserPhoto = (enabled = true) => {
-  return useQuery({
-    queryKey: [QUERY_KEY, "me", "photo"],
-    queryFn: ({ signal }) => api.request({
-      method: "GET",
-      url: "me/photo/$value",
-      signal,
-      responseType: "blob"
-    }),
-    select: (response) => URL.createObjectURL(response.data),
-    staleTime: DAY,
-    gcTime: DAY,
-    refetchOnWindowFocus: false,
-    enabled
-  });
+const useGetUserPhoto = (t0) => {
+  const $ = compilerRuntimeExports.c(3);
+  const enabled = t0 === void 0 ? true : t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [QUERY_KEY, "me", "photo"];
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== enabled) {
+    t2 = {
+      queryKey: t1,
+      queryFn: _temp3,
+      select: _temp4,
+      staleTime: DAY,
+      gcTime: DAY,
+      refetchOnWindowFocus: false,
+      enabled
+    };
+    $[1] = enabled;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  return useQuery(t2);
 };
-const useGetUserGroups = (enabled = true) => {
-  return useQuery({
-    queryKey: [QUERY_KEY, "me", "memberOf"],
-    queryFn: ({ signal }) => api.request({
-      method: "GET",
-      url: "me/memberOf?$select=displayName",
-      signal
-    }),
-    select: (response) => response.data.value.map((group) => group.displayName),
-    staleTime: DAY,
-    gcTime: DAY,
-    refetchOnWindowFocus: false,
-    enabled
-  });
+const useGetUserGroups = (t0) => {
+  const $ = compilerRuntimeExports.c(3);
+  const enabled = t0 === void 0 ? true : t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [QUERY_KEY, "me", "memberOf"];
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== enabled) {
+    t2 = {
+      queryKey: t1,
+      queryFn: _temp5,
+      select: _temp7,
+      staleTime: DAY,
+      gcTime: DAY,
+      refetchOnWindowFocus: false,
+      enabled
+    };
+    $[1] = enabled;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  return useQuery(t2);
 };
-function UserProvider({ children }) {
-  const { result } = useMsalAuthentication(InteractionType.Redirect);
-  const [user, setUser] = useState({});
-  const { data } = useGetUser(!!result);
-  const { data: photo } = useGetUserPhoto(!!result);
-  const { data: groups } = useGetUserGroups(!!result);
-  useEffect(() => {
-    if (!data) return;
-    setUser({
-      ...data,
-      ...photo && { photo },
-      ...groups && { groups }
-    });
-  }, [data, photo, groups]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(UserContext.Provider, { value: { user, setUser }, children });
+function _temp$4(t0) {
+  const {
+    signal
+  } = t0;
+  return api.request({
+    method: "GET",
+    url: "me?$select=id,displayName,jobTitle,mail,mobilePhone",
+    signal
+  });
+}
+function _temp2(response) {
+  return {
+    id: response.data.id,
+    name: response.data.displayName.split("/")[0],
+    jobTitle: response.data.jobTitle,
+    email: response.data.mail,
+    mobilePhone: response.data.mobilePhone,
+    photo: null,
+    groups: []
+  };
+}
+function _temp3(t0) {
+  const {
+    signal
+  } = t0;
+  return api.request({
+    method: "GET",
+    url: "me/photo/$value",
+    signal,
+    responseType: "blob"
+  });
+}
+function _temp4(response) {
+  return URL.createObjectURL(response.data);
+}
+function _temp5(t0) {
+  const {
+    signal
+  } = t0;
+  return api.request({
+    method: "GET",
+    url: "me/memberOf?$select=displayName",
+    signal
+  });
+}
+function _temp6(group) {
+  return group.displayName;
+}
+function _temp7(response) {
+  return response.data.value.map(_temp6);
+}
+function UserProvider(t0) {
+  const $ = compilerRuntimeExports.c(11);
+  const {
+    children
+  } = t0;
+  const {
+    result
+  } = useMsalAuthentication(InteractionType.Redirect);
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {};
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const [user, setUser] = useState(t1);
+  const {
+    data
+  } = useGetUser(!!result);
+  const {
+    data: photo
+  } = useGetUserPhoto(!!result);
+  const {
+    data: groups
+  } = useGetUserGroups(!!result);
+  let t2;
+  let t3;
+  if ($[1] !== data || $[2] !== groups || $[3] !== photo) {
+    t2 = () => {
+      if (!data) {
+        return;
+      }
+      setUser({
+        ...data,
+        ...photo && {
+          photo
+        },
+        ...groups && {
+          groups
+        }
+      });
+    };
+    t3 = [data, photo, groups];
+    $[1] = data;
+    $[2] = groups;
+    $[3] = photo;
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t2 = $[4];
+    t3 = $[5];
+  }
+  useEffect(t2, t3);
+  let t4;
+  if ($[6] !== user) {
+    t4 = {
+      user,
+      setUser
+    };
+    $[6] = user;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== children || $[9] !== t4) {
+    t5 = /* @__PURE__ */ jsxRuntimeExports.jsx(UserContext.Provider, { value: t4, children });
+    $[8] = children;
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  return t5;
 }
 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 }),
-    false
-  ] });
+  const $ = compilerRuntimeExports.c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__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 }),
+      false
+    ] });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
 };
 const ICON_SIZE = 34;
-const StyledNavButton = styled(ListItemButton)(({ theme }) => ({
+const StyledNavButton = styled(ListItemButton)(({
+  theme
+}) => ({
   borderRadius: 8,
   "&.Mui-selected": {
     "& .MuiListItemIcon-root, & .MuiTypography-root, & .MuiSvgIcon-root": {
@@ -251,7 +408,9 @@ const StyledNavButton = styled(ListItemButton)(({ theme }) => ({
     backgroundColor: (theme.vars ?? theme).palette.action.active
   }
 }));
-const StyledRouterButton = styled(RouterListItemButton)(({ theme }) => ({
+const StyledRouterButton = styled(RouterListItemButton)(({
+  theme
+}) => ({
   borderRadius: 8,
   "&.Mui-selected": {
     "& .MuiListItemIcon-root, & .MuiTypography-root, & .MuiSvgIcon-root": {
@@ -271,379 +430,1265 @@ const StyledRouterButton = styled(RouterListItemButton)(({ theme }) => ({
     backgroundColor: (theme.vars ?? theme).palette.action.active
   }
 }));
-const IconOrAvatar = ({ item, collapsed }) => {
+const IconOrAvatar = (t0) => {
+  const $ = compilerRuntimeExports.c(17);
+  const {
+    item,
+    collapsed
+  } = t0;
   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: [
-        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
-      ] }),
-      collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Typography$1,
-        {
-          variant: "caption",
-          sx: {
-            position: "absolute",
-            bottom: -18,
-            left: "50%",
-            transform: "translateX(-50%)",
-            fontSize: 10,
-            fontWeight: 500,
-            textAlign: "center",
-            whiteSpace: "nowrap",
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            maxWidth: MINI_WIDTH - 28
-          },
-          children: item.title
-        }
-      ) : null
-    ] });
+    let t1;
+    if ($[0] !== collapsed) {
+      t1 = collapsed ? {
+        position: "absolute",
+        left: "50%",
+        top: "calc(50% - 6px)",
+        transform: "translate(-50%, -50%)"
+      } : {};
+      $[0] = collapsed;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
+    }
+    let t2;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+      t2 = {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        minWidth: ICON_SIZE
+      };
+      $[2] = t2;
+    } else {
+      t2 = $[2];
+    }
+    const t3 = item.icon ?? null;
+    let t4;
+    if ($[3] !== collapsed || $[4] !== item.icon || $[5] !== item.title) {
+      t4 = !item.icon && collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(Avatar, { sx: {
+        width: ICON_SIZE - 7,
+        height: ICON_SIZE - 7,
+        fontSize: 12
+      }, children: item.title }) : null;
+      $[3] = collapsed;
+      $[4] = item.icon;
+      $[5] = item.title;
+      $[6] = t4;
+    } else {
+      t4 = $[6];
+    }
+    let t5;
+    if ($[7] !== t3 || $[8] !== t4) {
+      t5 = /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemIcon, { sx: t2, children: [
+        t3,
+        t4
+      ] });
+      $[7] = t3;
+      $[8] = t4;
+      $[9] = t5;
+    } else {
+      t5 = $[9];
+    }
+    let t6;
+    if ($[10] !== collapsed || $[11] !== item.title) {
+      t6 = collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(Typography$1, { variant: "caption", sx: {
+        position: "absolute",
+        bottom: -18,
+        left: "50%",
+        transform: "translateX(-50%)",
+        fontSize: 10,
+        fontWeight: 500,
+        textAlign: "center",
+        whiteSpace: "nowrap",
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        maxWidth: MINI_WIDTH - 28
+      }, children: item.title }) : null;
+      $[10] = collapsed;
+      $[11] = item.title;
+      $[12] = t6;
+    } else {
+      t6 = $[12];
+    }
+    let t7;
+    if ($[13] !== t1 || $[14] !== t5 || $[15] !== t6) {
+      t7 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: t1, children: [
+        t5,
+        t6
+      ] });
+      $[13] = t1;
+      $[14] = t5;
+      $[15] = t6;
+      $[16] = t7;
+    } else {
+      t7 = $[16];
+    }
+    return t7;
   }
   return null;
 };
-const MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  Popper,
-  {
+const MiniPopover = (t0) => {
+  const $ = compilerRuntimeExports.c(10);
+  const {
     open,
     anchorEl,
-    placement: "right-start",
-    modifiers: [
-      { name: "offset", options: { offset: [6, 0] } },
-      { name: "preventOverflow", options: { padding: 8 } },
-      { name: "flip", options: { fallbackPlacements: ["right-end", "left-start"] } }
-    ],
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Paper,
-      {
-        sx: {
-          pt: 0.5,
-          pb: 0.5,
-          maxHeight: "min(calc(100vh - 100px), 560px)",
-          overflowY: "auto",
-          overscrollBehavior: "contain"
-        },
-        children
+    children
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      name: "offset",
+      options: {
+        offset: [6, 0]
       }
-    )
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      name: "preventOverflow",
+      options: {
+        padding: 8
+      }
+    };
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = [t1, t2, {
+      name: "flip",
+      options: {
+        fallbackPlacements: ["right-end", "left-start"]
+      }
+    }];
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  let t4;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = {
+      pt: 0.5,
+      pb: 0.5,
+      maxHeight: "min(calc(100vh - 100px), 560px)",
+      overflowY: "auto",
+      overscrollBehavior: "contain"
+    };
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  let t5;
+  if ($[4] !== children) {
+    t5 = /* @__PURE__ */ jsxRuntimeExports.jsx(Paper, { sx: t4, children });
+    $[4] = children;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
   }
-);
-const NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, onClick, renderNested, onClose }) => {
+  let t6;
+  if ($[6] !== anchorEl || $[7] !== open || $[8] !== t5) {
+    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx(Popper, { open, anchorEl, placement: "right-start", modifiers: t3, children: t5 });
+    $[6] = anchorEl;
+    $[7] = open;
+    $[8] = t5;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  return t6;
+};
+const NavigationListItem = (t0) => {
+  const $ = compilerRuntimeExports.c(57);
+  const {
+    item,
+    isOpen,
+    selected,
+    disabled,
+    collapsed,
+    isSidebarFullyExpanded: t1,
+    isSidebarFullyCollapsed,
+    onClick,
+    renderNested,
+    onClose
+  } = t0;
+  const isSidebarFullyExpanded = t1 === void 0 ? true : t1;
   const [hoveredPopoverItem, setHoveredPopoverItem] = useState(null);
   const [anchorElement, setAnchorElement] = useState(null);
-  const chevronSx = () => {
-    if (collapsed && isSidebarFullyCollapsed && item.children) {
-      return {
-        fontSize: 18,
-        position: "absolute",
-        top: "41.5%",
-        right: "2px",
-        transform: "translateY(-50%) rotate(-90deg)"
-      };
-    }
-    if (!collapsed && isSidebarFullyExpanded && item.children) {
+  let t2;
+  if ($[0] !== collapsed || $[1] !== isOpen || $[2] !== isSidebarFullyCollapsed || $[3] !== isSidebarFullyExpanded || $[4] !== item.children) {
+    t2 = () => {
+      if (collapsed && isSidebarFullyCollapsed && item.children) {
+        return {
+          fontSize: 18,
+          position: "absolute",
+          top: "41.5%",
+          right: "2px",
+          transform: "translateY(-50%) rotate(-90deg)"
+        };
+      }
+      if (!collapsed && isSidebarFullyExpanded && item.children) {
+        return {
+          ml: 0.5,
+          transform: `rotate(${isOpen ? 0 : -90}deg)`
+        };
+      }
       return {
-        ml: 0.5,
-        transform: `rotate(${isOpen ? 0 : -90}deg)`
+        display: "none"
       };
-    }
-    return { display: "none" };
-  };
+    };
+    $[0] = collapsed;
+    $[1] = isOpen;
+    $[2] = isSidebarFullyCollapsed;
+    $[3] = isSidebarFullyExpanded;
+    $[4] = item.children;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const chevronSx = t2;
   const shouldJustExpand = item.children && !collapsed;
-  const buttonProps = {
-    selected,
-    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(
-      ListItemText,
-      {
-        primary: item.title,
-        slotProps: { primary: { noWrap: true, title: item.title } },
-        sx: { ml: 1.2, flex: 1, minWidth: 0, "& .MuiTypography-root": { whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" } }
+  const t3 = collapsed ? 60 : 48;
+  let t4;
+  if ($[6] !== t3) {
+    t4 = {
+      px: 1.4,
+      height: t3
+    };
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== disabled || $[9] !== selected || $[10] !== t4) {
+    t5 = {
+      selected,
+      disabled,
+      sx: t4
+    };
+    $[8] = disabled;
+    $[9] = selected;
+    $[10] = t4;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  const buttonProps = t5;
+  let t6;
+  if ($[12] !== collapsed || $[13] !== item) {
+    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx(IconOrAvatar, { item, collapsed });
+    $[12] = collapsed;
+    $[13] = item;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] !== collapsed || $[16] !== item.title) {
+    t7 = !collapsed && /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText, { primary: item.title, slotProps: {
+      primary: {
+        noWrap: true,
+        title: item.title
       }
-    ),
-    item.children ? /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandMoreIcon, { sx: chevronSx }) : null
-  ] });
-  const listItem = /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    ListItem,
-    {
-      ...item.children && collapsed ? {
-        onMouseEnter: (event) => {
-          setAnchorElement(event.currentTarget);
-          setHoveredPopoverItem(item.title);
-        },
-        onMouseLeave: () => {
-          setHoveredPopoverItem(null);
-        }
-      } : {},
-      sx: { py: 0, px: 1, overflowX: "hidden" },
-      children: [
-        shouldJustExpand ? /* @__PURE__ */ jsxRuntimeExports.jsx(StyledNavButton, { ...buttonProps, onClick: () => onClick?.(item), children: buttonContent }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-          StyledRouterButton,
-          {
-            ...buttonProps,
-            to: item.to,
-            href: item.href,
-            params: item.params,
-            search: item.search,
-            onClick: onClose,
-            children: buttonContent
-          }
-        ),
-        item.children && collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(MiniPopover, { open: item.title === hoveredPopoverItem, anchorEl: anchorElement, children: renderNested?.(item.children) }) : null
-      ]
-    }
-  );
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-    listItem,
-    item.children && !collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true, children: renderNested?.(item.children) }) : null
-  ] }, item.to);
+    }, sx: {
+      ml: 1.2,
+      flex: 1,
+      minWidth: 0,
+      "& .MuiTypography-root": {
+        whiteSpace: "nowrap",
+        overflow: "hidden",
+        textOverflow: "ellipsis"
+      }
+    } });
+    $[15] = collapsed;
+    $[16] = item.title;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  let t8;
+  if ($[18] !== chevronSx || $[19] !== item.children) {
+    t8 = item.children ? /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandMoreIcon, { sx: chevronSx }) : null;
+    $[18] = chevronSx;
+    $[19] = item.children;
+    $[20] = t8;
+  } else {
+    t8 = $[20];
+  }
+  let t9;
+  if ($[21] !== t6 || $[22] !== t7 || $[23] !== t8) {
+    t9 = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      t6,
+      t7,
+      t8
+    ] });
+    $[21] = t6;
+    $[22] = t7;
+    $[23] = t8;
+    $[24] = t9;
+  } else {
+    t9 = $[24];
+  }
+  const buttonContent = t9;
+  let t10;
+  if ($[25] !== collapsed || $[26] !== item.children || $[27] !== item.title) {
+    t10 = item.children && collapsed ? {
+      onMouseEnter: (event) => {
+        setAnchorElement(event.currentTarget);
+        setHoveredPopoverItem(item.title);
+      },
+      onMouseLeave: () => {
+        setHoveredPopoverItem(null);
+      }
+    } : {};
+    $[25] = collapsed;
+    $[26] = item.children;
+    $[27] = item.title;
+    $[28] = t10;
+  } else {
+    t10 = $[28];
+  }
+  let t11;
+  if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+    t11 = {
+      py: 0,
+      px: 1,
+      overflowX: "hidden"
+    };
+    $[29] = t11;
+  } else {
+    t11 = $[29];
+  }
+  let t12;
+  if ($[30] !== buttonContent || $[31] !== buttonProps || $[32] !== item || $[33] !== onClick || $[34] !== onClose || $[35] !== shouldJustExpand) {
+    t12 = shouldJustExpand ? /* @__PURE__ */ jsxRuntimeExports.jsx(StyledNavButton, { ...buttonProps, onClick: () => onClick?.(item), children: buttonContent }) : /* @__PURE__ */ jsxRuntimeExports.jsx(StyledRouterButton, { ...buttonProps, to: item.to, href: item.href, params: item.params, search: item.search, onClick: onClose, children: buttonContent });
+    $[30] = buttonContent;
+    $[31] = buttonProps;
+    $[32] = item;
+    $[33] = onClick;
+    $[34] = onClose;
+    $[35] = shouldJustExpand;
+    $[36] = t12;
+  } else {
+    t12 = $[36];
+  }
+  let t13;
+  if ($[37] !== anchorElement || $[38] !== collapsed || $[39] !== hoveredPopoverItem || $[40] !== item.children || $[41] !== item.title || $[42] !== renderNested) {
+    t13 = item.children && collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(MiniPopover, { open: item.title === hoveredPopoverItem, anchorEl: anchorElement, children: renderNested?.(item.children) }) : null;
+    $[37] = anchorElement;
+    $[38] = collapsed;
+    $[39] = hoveredPopoverItem;
+    $[40] = item.children;
+    $[41] = item.title;
+    $[42] = renderNested;
+    $[43] = t13;
+  } else {
+    t13 = $[43];
+  }
+  let t14;
+  if ($[44] !== t10 || $[45] !== t12 || $[46] !== t13) {
+    t14 = /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItem, { ...t10, sx: t11, children: [
+      t12,
+      t13
+    ] });
+    $[44] = t10;
+    $[45] = t12;
+    $[46] = t13;
+    $[47] = t14;
+  } else {
+    t14 = $[47];
+  }
+  const listItem = t14;
+  let t15;
+  if ($[48] !== collapsed || $[49] !== isOpen || $[50] !== item.children || $[51] !== renderNested) {
+    t15 = item.children && !collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true, children: renderNested?.(item.children) }) : null;
+    $[48] = collapsed;
+    $[49] = isOpen;
+    $[50] = item.children;
+    $[51] = renderNested;
+    $[52] = t15;
+  } else {
+    t15 = $[52];
+  }
+  let t16;
+  if ($[53] !== item.to || $[54] !== listItem || $[55] !== t15) {
+    t16 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+      listItem,
+      t15
+    ] }, item.to);
+    $[53] = item.to;
+    $[54] = listItem;
+    $[55] = t15;
+    $[56] = t16;
+  } else {
+    t16 = $[56];
+  }
+  return t16;
 };
 const isPageItem = (item) => !("kind" in item);
 const isDivider = (item) => "kind" in item && item.kind === "divider";
 const isHeader = (item) => "kind" in item && item.kind === "header";
-const NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, expandedWidth, renderItem, activePath, onNavigate, onClose }) => {
-  const [openKeys, setOpenKeys] = useState([]);
-  useEffect(() => {
-    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(
-    NavigationList,
-    {
-      subNavigation: children,
-      depth: depth + 1,
-      isPopover: collapsed,
-      expandedWidth,
-      activePath,
-      onNavigate,
-      onClose
-    }
-  );
-  const filteredNavigation = subNavigation.filter((nav) => !nav.hidden);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    List,
-    {
-      sx: {
+const NavigationList = (t0) => {
+  const $ = compilerRuntimeExports.c(31);
+  const {
+    subNavigation,
+    depth: t1,
+    collapsed,
+    isPopover,
+    isSidebarFullyExpanded: t2,
+    isSidebarFullyCollapsed,
+    expandedWidth,
+    renderItem,
+    activePath,
+    onNavigate,
+    onClose
+  } = t0;
+  const depth = t1 === void 0 ? 0 : t1;
+  const isSidebarFullyExpanded = t2 === void 0 ? true : t2;
+  let t3;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = [];
+    $[0] = t3;
+  } else {
+    t3 = $[0];
+  }
+  const [openKeys, setOpenKeys] = useState(t3);
+  let t4;
+  let t5;
+  if ($[1] !== collapsed) {
+    t4 = () => {
+      if (collapsed) {
+        setOpenKeys([]);
+      }
+    };
+    t5 = [collapsed];
+    $[1] = collapsed;
+    $[2] = t4;
+    $[3] = t5;
+  } else {
+    t4 = $[2];
+    t5 = $[3];
+  }
+  useEffect(t4, t5);
+  let t6;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = (key) => setOpenKeys((previous) => previous.includes(key) ? previous.filter((k) => k !== key) : [...previous, key]);
+    $[4] = t6;
+  } else {
+    t6 = $[4];
+  }
+  const toggleKey = t6;
+  let t7;
+  if ($[5] !== activePath || $[6] !== collapsed || $[7] !== depth || $[8] !== expandedWidth || $[9] !== onClose || $[10] !== onNavigate) {
+    t7 = (children) => /* @__PURE__ */ jsxRuntimeExports.jsx(NavigationList, { subNavigation: children, depth: depth + 1, isPopover: collapsed, expandedWidth, activePath, onNavigate, onClose });
+    $[5] = activePath;
+    $[6] = collapsed;
+    $[7] = depth;
+    $[8] = expandedWidth;
+    $[9] = onClose;
+    $[10] = onNavigate;
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  const renderNested = t7;
+  let t8;
+  if ($[12] !== activePath || $[13] !== collapsed || $[14] !== depth || $[15] !== expandedWidth || $[16] !== isPopover || $[17] !== isSidebarFullyCollapsed || $[18] !== isSidebarFullyExpanded || $[19] !== onClose || $[20] !== openKeys || $[21] !== renderItem || $[22] !== renderNested || $[23] !== subNavigation) {
+    const filteredNavigation = subNavigation.filter(_temp$3);
+    const t9 = isPopover && depth === 1 ? 0.5 : 0;
+    const t10 = depth === 0 && !isPopover ? 4 : 0.5;
+    const t11 = (isPopover ? 1 : 2) * (isPopover ? depth - 1 : depth);
+    const t12 = isPopover && depth === 1 ? EXPANDED_WIDTH : "auto";
+    const t13 = collapsed ? MINI_WIDTH : "auto";
+    let t14;
+    if ($[25] !== t10 || $[26] !== t11 || $[27] !== t12 || $[28] !== t13 || $[29] !== t9) {
+      t14 = {
         padding: 0,
-        mt: isPopover && depth === 1 ? 0.5 : 0,
-        mb: depth === 0 && !isPopover ? 4 : 0.5,
-        pl: (isPopover ? 1 : 2) * (isPopover ? depth - 1 : depth),
-        minWidth: isPopover && depth === 1 ? EXPANDED_WIDTH : "auto",
-        width: collapsed ? MINI_WIDTH : "auto"
-      },
-      children: filteredNavigation.map((navItem, index) => {
-        if (isHeader(navItem)) {
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(
-            ListSubheader,
-            {
-              sx: {
-                fontSize: 12,
-                fontWeight: "700",
-                height: collapsed ? 0 : 40,
-                px: 2,
-                minWidth: expandedWidth,
-                overflow: "hidden",
-                textOverflow: "ellipsis",
-                whiteSpace: "nowrap",
-                zIndex: 2,
-                bgcolor: "transparent",
-                position: "static"
-              },
-              children: navItem.title
-            },
-            `subheader-${depth}-${index}`
-          );
-        }
-        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}`);
-        }
-        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(
-          NavigationListItem,
-          {
-            item: navItem,
-            isOpen: openKeys.includes(uniqueItemKey),
-            selected: activePath === navItem.to,
-            collapsed,
-            isSidebarFullyExpanded,
-            isSidebarFullyCollapsed,
-            onClick: navItem.children && !collapsed ? () => toggleKey(uniqueItemKey) : void 0,
-            renderNested,
-            onClose
-          },
-          key
-        );
-      })
-    }
-  );
+        mt: t9,
+        mb: t10,
+        pl: t11,
+        minWidth: t12,
+        width: t13
+      };
+      $[25] = t10;
+      $[26] = t11;
+      $[27] = t12;
+      $[28] = t13;
+      $[29] = t9;
+      $[30] = t14;
+    } else {
+      t14 = $[30];
+    }
+    t8 = /* @__PURE__ */ jsxRuntimeExports.jsx(List, { sx: t14, children: filteredNavigation.map((navItem, index) => {
+      if (isHeader(navItem)) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(ListSubheader, { sx: {
+          fontSize: 12,
+          fontWeight: "700",
+          height: collapsed ? 0 : 40,
+          px: 2,
+          minWidth: expandedWidth,
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap",
+          zIndex: 2,
+          bgcolor: "transparent",
+          position: "static"
+        }, children: navItem.title }, `subheader-${depth}-${index}`);
+      }
+      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}`);
+      }
+      if (!isPageItem(navItem)) {
+        return null;
+      }
+      const key_0 = `item-${depth}-${index}`;
+      const uniqueItemKey = `${depth}-${index}-${navItem.title}`;
+      if (renderItem) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(Fragment, { children: renderItem(navItem, {
+          collapsed: !!collapsed
+        }) }, key_0);
+      }
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(NavigationListItem, { item: navItem, isOpen: openKeys.includes(uniqueItemKey), selected: activePath === navItem.to, collapsed, isSidebarFullyExpanded, isSidebarFullyCollapsed, onClick: navItem.children && !collapsed ? () => toggleKey(uniqueItemKey) : void 0, renderNested, onClose }, key_0);
+    }) });
+    $[12] = activePath;
+    $[13] = collapsed;
+    $[14] = depth;
+    $[15] = expandedWidth;
+    $[16] = isPopover;
+    $[17] = isSidebarFullyCollapsed;
+    $[18] = isSidebarFullyExpanded;
+    $[19] = onClose;
+    $[20] = openKeys;
+    $[21] = renderItem;
+    $[22] = renderNested;
+    $[23] = subNavigation;
+    $[24] = t8;
+  } else {
+    t8 = $[24];
+  }
+  return t8;
 };
+function _temp$3(nav) {
+  return !nav.hidden;
+}
 const MINI_WIDTH = 84;
 const EXPANDED_WIDTH = 320;
 const TOOLBAR_HEIGHT = 64;
-const NavigationRail = ({ navigation, expanded, setExpanded }) => {
+const NavigationRail = (t0) => {
+  const $ = compilerRuntimeExports.c(29);
+  const {
+    navigation,
+    expanded,
+    setExpanded
+  } = t0;
   const navigate = useNavigate();
   const routerState = useRouterState();
   const theme = useTheme();
-  const showPermanent = useMediaQuery(theme.breakpoints.up("sm"));
-  const drawerContent = (collapsed) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Box,
-    {
-      component: "nav",
-      sx: {
-        height: "100%",
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "space-between",
-        overflow: "auto",
-        scrollbarGutter: collapsed ? "stable" : "auto",
-        overflowX: "hidden",
-        pt: navigation[0] && isHeader(navigation[0]) && !collapsed ? 0 : 2
-      },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        NavigationList,
-        {
-          subNavigation: navigation,
-          collapsed,
-          isSidebarFullyExpanded: expanded,
-          isSidebarFullyCollapsed: !expanded,
-          expandedWidth: EXPANDED_WIDTH,
-          activePath: routerState.location.pathname,
-          onNavigate: navigate,
-          onClose: !showPermanent ? () => setExpanded(false) : void 0
-        }
-      )
-    }
-  );
-  if (showPermanent)
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Drawer,
-      {
-        variant: "permanent",
-        sx: {
-          width: expanded ? EXPANDED_WIDTH : MINI_WIDTH,
-          ["& .MuiDrawer-paper"]: {
-            position: "absolute",
-            top: `${TOOLBAR_HEIGHT}px`,
-            height: `calc(100% - ${TOOLBAR_HEIGHT}px)`,
-            width: expanded ? EXPANDED_WIDTH : MINI_WIDTH,
-            borderTop: "1px solid",
-            borderColor: "var(--mui-palette-divider)"
-          }
-        },
-        children: drawerContent(!expanded)
-      }
-    );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Drawer, { open: expanded, onClose: () => setExpanded(false), children: drawerContent(!expanded) });
+  let t1;
+  if ($[0] !== theme.breakpoints) {
+    t1 = theme.breakpoints.up("sm");
+    $[0] = theme.breakpoints;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const showPermanent = useMediaQuery(t1);
+  let t2;
+  if ($[2] !== expanded || $[3] !== navigate || $[4] !== navigation || $[5] !== routerState.location.pathname || $[6] !== setExpanded || $[7] !== showPermanent) {
+    t2 = (collapsed) => /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { component: "nav", sx: {
+      height: "100%",
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "space-between",
+      overflow: "auto",
+      scrollbarGutter: collapsed ? "stable" : "auto",
+      overflowX: "hidden",
+      pt: navigation[0] && isHeader(navigation[0]) && !collapsed ? 0 : 2
+    }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NavigationList, { subNavigation: navigation, collapsed, isSidebarFullyExpanded: expanded, isSidebarFullyCollapsed: !expanded, expandedWidth: EXPANDED_WIDTH, activePath: routerState.location.pathname, onNavigate: navigate, onClose: !showPermanent ? () => setExpanded(false) : void 0 }) });
+    $[2] = expanded;
+    $[3] = navigate;
+    $[4] = navigation;
+    $[5] = routerState.location.pathname;
+    $[6] = setExpanded;
+    $[7] = showPermanent;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  const drawerContent = t2;
+  if (showPermanent) {
+    const t32 = expanded ? EXPANDED_WIDTH : MINI_WIDTH;
+    const t42 = expanded ? EXPANDED_WIDTH : MINI_WIDTH;
+    let t52;
+    if ($[9] !== t42) {
+      t52 = {
+        position: "absolute",
+        top: `${TOOLBAR_HEIGHT}px`,
+        height: `calc(100% - ${TOOLBAR_HEIGHT}px)`,
+        width: t42,
+        borderTop: "1px solid",
+        borderColor: "var(--mui-palette-divider)"
+      };
+      $[9] = t42;
+      $[10] = t52;
+    } else {
+      t52 = $[10];
+    }
+    let t62;
+    if ($[11] !== t32 || $[12] !== t52) {
+      t62 = {
+        width: t32,
+        "& .MuiDrawer-paper": t52
+      };
+      $[11] = t32;
+      $[12] = t52;
+      $[13] = t62;
+    } else {
+      t62 = $[13];
+    }
+    const t7 = !expanded;
+    let t8;
+    if ($[14] !== drawerContent || $[15] !== t7) {
+      t8 = drawerContent(t7);
+      $[14] = drawerContent;
+      $[15] = t7;
+      $[16] = t8;
+    } else {
+      t8 = $[16];
+    }
+    let t9;
+    if ($[17] !== t62 || $[18] !== t8) {
+      t9 = /* @__PURE__ */ jsxRuntimeExports.jsx(Drawer, { variant: "permanent", sx: t62, children: t8 });
+      $[17] = t62;
+      $[18] = t8;
+      $[19] = t9;
+    } else {
+      t9 = $[19];
+    }
+    return t9;
+  }
+  let t3;
+  if ($[20] !== setExpanded) {
+    t3 = () => setExpanded(false);
+    $[20] = setExpanded;
+    $[21] = t3;
+  } else {
+    t3 = $[21];
+  }
+  const t4 = !expanded;
+  let t5;
+  if ($[22] !== drawerContent || $[23] !== t4) {
+    t5 = drawerContent(t4);
+    $[22] = drawerContent;
+    $[23] = t4;
+    $[24] = t5;
+  } else {
+    t5 = $[24];
+  }
+  let t6;
+  if ($[25] !== expanded || $[26] !== t3 || $[27] !== t5) {
+    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx(Drawer, { open: expanded, onClose: t3, children: t5 });
+    $[25] = expanded;
+    $[26] = t3;
+    $[27] = t5;
+    $[28] = t6;
+  } else {
+    t6 = $[28];
+  }
+  return t6;
 };
 const capitalize = (value) => value && value.charAt(0).toUpperCase() + value.slice(1);
 const ToolbarAccount = () => {
+  const $ = compilerRuntimeExports.c(116);
   const [anchorElement, setAnchorElement] = useState();
   const [tab, setTab] = useState("settings");
   const open = Boolean(anchorElement);
-  const { t, i18n: i18n2 } = useTranslation();
-  const { mode, setMode } = useColorScheme();
-  const { instance } = useMsal();
+  const {
+    t,
+    i18n: i18n2
+  } = useTranslation();
+  const {
+    mode,
+    setMode
+  } = useColorScheme();
+  const {
+    instance
+  } = useMsal();
   const user = useUser();
-  const supportedLanguages = (Array.isArray(i18n2.options.supportedLngs) ? i18n2.options.supportedLngs : []).filter((lng) => lng !== "cimode");
-  const languageDisplayNames = new Intl.DisplayNames([i18n2.language], { type: "language" });
-  const colorModes = [
-    { mode: "light", icon: LightMode, label: t("Layout.Light") },
-    { mode: "dark", icon: DarkMode, label: t("Layout.Dark") },
-    { mode: "system", icon: SettingsBrightness, label: t("Layout.System") }
-  ];
-  const openMenu = (event) => setAnchorElement(event.currentTarget);
-  const closeMenu = () => {
-    setAnchorElement(void 0);
-    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, {})
-    ] }),
-    /* @__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, {})
-    ] })
-  ] });
-  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" }) }),
-    " ",
-    t("Layout.Appearance")
-  ] }), children: colorModes.map(({ mode: modeValue, icon: Icon, label }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    ListItemButton$1,
-    {
-      onClick: () => {
-        setMode(modeValue);
-        closeMenu();
+  let T0;
+  let closeMenu;
+  let openMenu;
+  let settings;
+  let t0;
+  let t1;
+  let theme;
+  if ($[0] !== i18n2 || $[1] !== mode || $[2] !== setMode || $[3] !== t) {
+    const supportedLanguages = (Array.isArray(i18n2.options.supportedLngs) ? i18n2.options.supportedLngs : []).filter(_temp$2);
+    const languageDisplayNames = new Intl.DisplayNames([i18n2.language], {
+      type: "language"
+    });
+    let t22;
+    if ($[11] !== t) {
+      t22 = t("Layout.Light");
+      $[11] = t;
+      $[12] = t22;
+    } else {
+      t22 = $[12];
+    }
+    let t32;
+    if ($[13] !== t22) {
+      t32 = {
+        mode: "light",
+        icon: LightMode,
+        label: t22
+      };
+      $[13] = t22;
+      $[14] = t32;
+    } else {
+      t32 = $[14];
+    }
+    let t42;
+    if ($[15] !== t) {
+      t42 = t("Layout.Dark");
+      $[15] = t;
+      $[16] = t42;
+    } else {
+      t42 = $[16];
+    }
+    let t52;
+    if ($[17] !== t42) {
+      t52 = {
+        mode: "dark",
+        icon: DarkMode,
+        label: t42
+      };
+      $[17] = t42;
+      $[18] = t52;
+    } else {
+      t52 = $[18];
+    }
+    let t62;
+    if ($[19] !== t) {
+      t62 = t("Layout.System");
+      $[19] = t;
+      $[20] = t62;
+    } else {
+      t62 = $[20];
+    }
+    let t72;
+    if ($[21] !== t62) {
+      t72 = {
+        mode: "system",
+        icon: SettingsBrightness,
+        label: t62
+      };
+      $[21] = t62;
+      $[22] = t72;
+    } else {
+      t72 = $[22];
+    }
+    let t82;
+    if ($[23] !== t32 || $[24] !== t52 || $[25] !== t72) {
+      t82 = [t32, t52, t72];
+      $[23] = t32;
+      $[24] = t52;
+      $[25] = t72;
+      $[26] = t82;
+    } else {
+      t82 = $[26];
+    }
+    const colorModes = t82;
+    let t92;
+    if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+      t92 = (event) => setAnchorElement(event.currentTarget);
+      $[27] = t92;
+    } else {
+      t92 = $[27];
+    }
+    openMenu = t92;
+    let t102;
+    if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+      t102 = () => {
+        setAnchorElement(void 0);
+        setTimeout(() => setTab("settings"), 300);
+      };
+      $[28] = t102;
+    } else {
+      t102 = $[28];
+    }
+    closeMenu = t102;
+    let t112;
+    if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+      t112 = (newTab) => () => setTab(newTab);
+      $[29] = t112;
+    } else {
+      t112 = $[29];
+    }
+    const changeTab = t112;
+    let t122;
+    if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
+      t122 = {
+        backgroundColor: "transparent"
+      };
+      $[30] = t122;
+    } else {
+      t122 = $[30];
+    }
+    let t132;
+    if ($[31] !== t) {
+      t132 = t("Layout.Settings");
+      $[31] = t;
+      $[32] = t132;
+    } else {
+      t132 = $[32];
+    }
+    let t142;
+    if ($[33] !== t132) {
+      t142 = /* @__PURE__ */ jsxRuntimeExports.jsx(ListSubheader$1, { sx: t122, children: t132 });
+      $[33] = t132;
+      $[34] = t142;
+    } else {
+      t142 = $[34];
+    }
+    let t152;
+    let t162;
+    if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+      t152 = changeTab("theme");
+      t162 = {
+        py: 0.3
+      };
+      $[35] = t152;
+      $[36] = t162;
+    } else {
+      t152 = $[35];
+      t162 = $[36];
+    }
+    let t172;
+    if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
+      t172 = /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Brightness4, {}) });
+      $[37] = t172;
+    } else {
+      t172 = $[37];
+    }
+    let t182;
+    if ($[38] !== t) {
+      t182 = t("Layout.Appearance");
+      $[38] = t;
+      $[39] = t182;
+    } else {
+      t182 = $[39];
+    }
+    const t19 = colorModes.find((m) => m.mode === mode)?.label;
+    let t20;
+    if ($[40] !== t182 || $[41] !== t19) {
+      t20 = /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: t182, secondary: t19 });
+      $[40] = t182;
+      $[41] = t19;
+      $[42] = t20;
+    } else {
+      t20 = $[42];
+    }
+    let t21;
+    if ($[43] === Symbol.for("react.memo_cache_sentinel")) {
+      t21 = /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, {});
+      $[43] = t21;
+    } else {
+      t21 = $[43];
+    }
+    let t222;
+    if ($[44] !== t20) {
+      t222 = /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemButton$1, { onClick: t152, sx: t162, children: [
+        t172,
+        t20,
+        t21
+      ] });
+      $[44] = t20;
+      $[45] = t222;
+    } else {
+      t222 = $[45];
+    }
+    let t23;
+    let t24;
+    if ($[46] === Symbol.for("react.memo_cache_sentinel")) {
+      t23 = changeTab("language");
+      t24 = {
+        py: 0.3
+      };
+      $[46] = t23;
+      $[47] = t24;
+    } else {
+      t23 = $[46];
+      t24 = $[47];
+    }
+    let t25;
+    if ($[48] === Symbol.for("react.memo_cache_sentinel")) {
+      t25 = /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Translate, {}) });
+      $[48] = t25;
+    } else {
+      t25 = $[48];
+    }
+    let t26;
+    if ($[49] !== t) {
+      t26 = t("Layout.Language");
+      $[49] = t;
+      $[50] = t26;
+    } else {
+      t26 = $[50];
+    }
+    let t27;
+    if ($[51] === Symbol.for("react.memo_cache_sentinel")) {
+      t27 = /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, {});
+      $[51] = t27;
+    } else {
+      t27 = $[51];
+    }
+    const t28 = /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemButton$1, { onClick: t23, sx: t24, children: [
+      t25,
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: t26, secondary: capitalize(languageDisplayNames.of(i18n2.language)) }),
+      t27
+    ] });
+    let t29;
+    if ($[52] !== t142 || $[53] !== t222 || $[54] !== t28) {
+      t29 = /* @__PURE__ */ jsxRuntimeExports.jsxs(List$1, { component: "nav", subheader: t142, children: [
+        t222,
+        t28
+      ] });
+      $[52] = t142;
+      $[53] = t222;
+      $[54] = t28;
+      $[55] = t29;
+    } else {
+      t29 = $[55];
+    }
+    settings = t29;
+    let t30;
+    let t31;
+    if ($[56] === Symbol.for("react.memo_cache_sentinel")) {
+      t30 = changeTab("settings");
+      t31 = {
+        backgroundColor: "transparent",
+        display: "flex",
+        alignItems: "center",
+        px: 1,
+        cursor: "pointer"
+      };
+      $[56] = t30;
+      $[57] = t31;
+    } else {
+      t30 = $[56];
+      t31 = $[57];
+    }
+    let t322;
+    if ($[58] === Symbol.for("react.memo_cache_sentinel")) {
+      t322 = /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { size: "small", sx: {
+        mr: 0.5
+      }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowBack, { fontSize: "small" }) });
+      $[58] = t322;
+    } else {
+      t322 = $[58];
+    }
+    let t33;
+    if ($[59] !== t) {
+      t33 = t("Layout.Appearance");
+      $[59] = t;
+      $[60] = t33;
+    } else {
+      t33 = $[60];
+    }
+    let t34;
+    if ($[61] !== t33) {
+      t34 = /* @__PURE__ */ jsxRuntimeExports.jsxs(ListSubheader$1, { onClick: t30, sx: t31, children: [
+        t322,
+        " ",
+        t33
+      ] });
+      $[61] = t33;
+      $[62] = t34;
+    } else {
+      t34 = $[62];
+    }
+    let t35;
+    if ($[63] !== colorModes || $[64] !== mode || $[65] !== setMode) {
+      t35 = colorModes.map((t362) => {
+        const {
+          mode: modeValue,
+          icon: Icon,
+          label
+        } = t362;
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemButton$1, { onClick: () => {
+          setMode(modeValue);
+          closeMenu();
+        }, selected: mode === modeValue, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {}) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: label })
+        ] }, modeValue);
+      });
+      $[63] = colorModes;
+      $[64] = mode;
+      $[65] = setMode;
+      $[66] = t35;
+    } else {
+      t35 = $[66];
+    }
+    let t36;
+    if ($[67] !== t34 || $[68] !== t35) {
+      t36 = /* @__PURE__ */ jsxRuntimeExports.jsx(List$1, { subheader: t34, children: t35 });
+      $[67] = t34;
+      $[68] = t35;
+      $[69] = t36;
+    } else {
+      t36 = $[69];
+    }
+    theme = t36;
+    T0 = List$1;
+    let t37;
+    let t38;
+    if ($[70] === Symbol.for("react.memo_cache_sentinel")) {
+      t37 = changeTab("settings");
+      t38 = {
+        backgroundColor: "transparent",
+        display: "flex",
+        alignItems: "center",
+        px: 1,
+        cursor: "pointer"
+      };
+      $[70] = t37;
+      $[71] = t38;
+    } else {
+      t37 = $[70];
+      t38 = $[71];
+    }
+    let t39;
+    if ($[72] === Symbol.for("react.memo_cache_sentinel")) {
+      t39 = /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { size: "small", sx: {
+        mr: 0.5
+      }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowBack, { fontSize: "small" }) });
+      $[72] = t39;
+    } else {
+      t39 = $[72];
+    }
+    let t40;
+    if ($[73] !== t) {
+      t40 = t("Layout.Language");
+      $[73] = t;
+      $[74] = t40;
+    } else {
+      t40 = $[74];
+    }
+    if ($[75] !== t40) {
+      t0 = /* @__PURE__ */ jsxRuntimeExports.jsxs(ListSubheader$1, { onClick: t37, sx: t38, children: [
+        t39,
+        " ",
+        t40
+      ] });
+      $[75] = t40;
+      $[76] = t0;
+    } else {
+      t0 = $[76];
+    }
+    t1 = supportedLanguages.map((languageCode) => /* @__PURE__ */ jsxRuntimeExports.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)) })
+    ] }, languageCode));
+    $[0] = i18n2;
+    $[1] = mode;
+    $[2] = setMode;
+    $[3] = t;
+    $[4] = T0;
+    $[5] = closeMenu;
+    $[6] = openMenu;
+    $[7] = settings;
+    $[8] = t0;
+    $[9] = t1;
+    $[10] = theme;
+  } else {
+    T0 = $[4];
+    closeMenu = $[5];
+    openMenu = $[6];
+    settings = $[7];
+    t0 = $[8];
+    t1 = $[9];
+    theme = $[10];
+  }
+  let t2;
+  if ($[77] !== T0 || $[78] !== t0 || $[79] !== t1) {
+    t2 = /* @__PURE__ */ jsxRuntimeExports.jsx(T0, { subheader: t0, children: t1 });
+    $[77] = T0;
+    $[78] = t0;
+    $[79] = t1;
+    $[80] = t2;
+  } else {
+    t2 = $[80];
+  }
+  const language = t2;
+  let t3;
+  if ($[81] !== user.photo) {
+    t3 = user.photo ? /* @__PURE__ */ jsxRuntimeExports.jsx(Avatar$1, { src: user.photo, sx: {
+      width: {
+        xs: 32,
+        sm: 40
       },
-      selected: mode === modeValue,
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {}) }),
-        /* @__PURE__ */ jsxRuntimeExports.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" }) }),
-    " ",
-    t("Layout.Language")
-  ] }), children: supportedLanguages.map(
-    (languageCode) => /* @__PURE__ */ jsxRuntimeExports.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)) })
-        ]
+      height: {
+        xs: 32,
+        sm: 40
+      }
+    } }) : /* @__PURE__ */ jsxRuntimeExports.jsx(AccountCircle, { sx: {
+      width: {
+        xs: 32,
+        sm: 40
       },
-      languageCode
-    )
-  ) });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { size: "small", edge: "end", onClick: openMenu, children: user.photo ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Avatar$1,
-      {
-        src: user.photo,
-        sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 } }
+      height: {
+        xs: 32,
+        sm: 40
       }
-    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(AccountCircle, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 } } }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Menu, { anchorEl: anchorElement, open, onClose: closeMenu, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Box$1, { sx: { width: 240 }, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(List$1, { disablePadding: true, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ListItem$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: user.name, secondary: user.jobTitle }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          ListItemButton$1,
-          {
-            onClick: () => instance.logoutRedirect({
-              postLogoutRedirectUri: "/"
-            }),
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Logout, { color: "error" }) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: t("Layout.Logout") })
-            ]
-          }
-        )
-      ] }),
-      tab === "settings" && settings,
-      tab === "theme" && theme,
-      tab === "language" && language
-    ] }) })
-  ] });
+    } });
+    $[81] = user.photo;
+    $[82] = t3;
+  } else {
+    t3 = $[82];
+  }
+  let t4;
+  if ($[83] !== openMenu || $[84] !== t3) {
+    t4 = /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { size: "small", edge: "end", onClick: openMenu, children: t3 });
+    $[83] = openMenu;
+    $[84] = t3;
+    $[85] = t4;
+  } else {
+    t4 = $[85];
+  }
+  let t5;
+  if ($[86] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = {
+      width: 240
+    };
+    $[86] = t5;
+  } else {
+    t5 = $[86];
+  }
+  let t6;
+  if ($[87] !== user.jobTitle || $[88] !== user.name) {
+    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx(ListItem$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: user.name, secondary: user.jobTitle }) });
+    $[87] = user.jobTitle;
+    $[88] = user.name;
+    $[89] = t6;
+  } else {
+    t6 = $[89];
+  }
+  let t7;
+  if ($[90] !== instance) {
+    t7 = () => instance.logoutRedirect({
+      postLogoutRedirectUri: "/"
+    });
+    $[90] = instance;
+    $[91] = t7;
+  } else {
+    t7 = $[91];
+  }
+  let t8;
+  if ($[92] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Logout, { color: "error" }) });
+    $[92] = t8;
+  } else {
+    t8 = $[92];
+  }
+  let t9;
+  if ($[93] !== t) {
+    t9 = t("Layout.Logout");
+    $[93] = t;
+    $[94] = t9;
+  } else {
+    t9 = $[94];
+  }
+  let t10;
+  if ($[95] !== t9) {
+    t10 = /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: t9 });
+    $[95] = t9;
+    $[96] = t10;
+  } else {
+    t10 = $[96];
+  }
+  let t11;
+  if ($[97] !== t10 || $[98] !== t7) {
+    t11 = /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemButton$1, { onClick: t7, children: [
+      t8,
+      t10
+    ] });
+    $[97] = t10;
+    $[98] = t7;
+    $[99] = t11;
+  } else {
+    t11 = $[99];
+  }
+  let t12;
+  if ($[100] !== t11 || $[101] !== t6) {
+    t12 = /* @__PURE__ */ jsxRuntimeExports.jsxs(List$1, { disablePadding: true, children: [
+      t6,
+      t11
+    ] });
+    $[100] = t11;
+    $[101] = t6;
+    $[102] = t12;
+  } else {
+    t12 = $[102];
+  }
+  const t13 = tab === "settings" && settings;
+  const t14 = tab === "theme" && theme;
+  const t15 = tab === "language" && language;
+  let t16;
+  if ($[103] !== t12 || $[104] !== t13 || $[105] !== t14 || $[106] !== t15) {
+    t16 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Box$1, { sx: t5, children: [
+      t12,
+      t13,
+      t14,
+      t15
+    ] });
+    $[103] = t12;
+    $[104] = t13;
+    $[105] = t14;
+    $[106] = t15;
+    $[107] = t16;
+  } else {
+    t16 = $[107];
+  }
+  let t17;
+  if ($[108] !== anchorElement || $[109] !== closeMenu || $[110] !== open || $[111] !== t16) {
+    t17 = /* @__PURE__ */ jsxRuntimeExports.jsx(Menu, { anchorEl: anchorElement, open, onClose: closeMenu, children: t16 });
+    $[108] = anchorElement;
+    $[109] = closeMenu;
+    $[110] = open;
+    $[111] = t16;
+    $[112] = t17;
+  } else {
+    t17 = $[112];
+  }
+  let t18;
+  if ($[113] !== t17 || $[114] !== t4) {
+    t18 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+      t4,
+      t17
+    ] });
+    $[113] = t17;
+    $[114] = t4;
+    $[115] = t18;
+  } else {
+    t18 = $[115];
+  }
+  return t18;
 };
+function _temp$2(lng) {
+  return lng !== "cimode";
+}
 const YEAR_IN_SECONDS = 60 * 60 * 24 * 365;
 const getNavigationOpenStatus = createIsomorphicFn().server(() => {
   const cookie = getCookie("navigationOpen");
@@ -652,7 +1697,9 @@ const getNavigationOpenStatus = createIsomorphicFn().server(() => {
   const cookie = document.cookie.split("; ").find((row) => row.startsWith("navigationOpen="));
   return cookie ? cookie.split("=")[1] === "true" : false;
 });
-const DrawerHeader = styled("div")(({ theme }) => ({
+const DrawerHeader = styled("div")(({
+  theme
+}) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "flex-end",
@@ -660,62 +1707,185 @@ const DrawerHeader = styled("div")(({ theme }) => ({
   ...theme.mixins.toolbar
 }));
 const Layout = (props) => {
+  const $ = compilerRuntimeExports.c(29);
   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(
-        AppBar,
-        {
-          color: "transparent",
-          position: "fixed",
-          sx: {
-            borderBottom: "1px solid",
-            borderColor: "var(--mui-palette-divider)",
-            boxShadow: "none"
-          },
-          children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Toolbar, { children: [
-            props.navigation && /* @__PURE__ */ jsxRuntimeExports.jsx(
-              IconButton,
-              {
-                onClick: () => {
-                  setNavigationOpen((previous) => {
-                    const newValue = !previous;
-                    document.cookie = `navigationOpen=${newValue}; max-age=${YEAR_IN_SECONDS}; path=/`;
-                    return newValue;
-                  });
-                },
-                sx: { marginRight: 2 },
-                children: navigationOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(MenuOpen, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$1, {})
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(AppTitle, {}),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarAccount, {})
-          ] })
-        }
-      ),
-      props.navigation && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        NavigationRail,
-        {
-          navigation: props.navigation,
-          expanded: navigationOpen,
-          setExpanded: (newValue) => {
-            setNavigationOpen(newValue);
-            document.cookie = `navigationOpen=${newValue}; max-age=${YEAR_IN_SECONDS}; path=/`;
-          }
-        }
-      ),
-      /* @__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: /* @__PURE__ */ jsxRuntimeExports.jsx(AuthenticatedTemplate, { children: props.children }) })
-      ] })
-    ] }),
-    (isFetching || isMutating) && /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
-  ] });
+  let t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsxRuntimeExports.jsx(InitColorSchemeScript, {});
+    t1 = /* @__PURE__ */ jsxRuntimeExports.jsx(CssBaseline, {});
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t0 = $[0];
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      display: "flex",
+      height: "100dvh",
+      maxHeight: "100dvh",
+      overflow: "hidden",
+      width: "100%"
+    };
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = {
+      borderBottom: "1px solid",
+      borderColor: "var(--mui-palette-divider)",
+      boxShadow: "none"
+    };
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== navigationOpen || $[5] !== props.navigation) {
+    t4 = props.navigation && /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { onClick: () => {
+      setNavigationOpen(_temp$1);
+    }, sx: {
+      marginRight: 2
+    }, children: navigationOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(MenuOpen, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$1, {}) });
+    $[4] = navigationOpen;
+    $[5] = props.navigation;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  let t6;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = /* @__PURE__ */ jsxRuntimeExports.jsx(AppTitle, {});
+    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarAccount, {});
+    $[7] = t5;
+    $[8] = t6;
+  } else {
+    t5 = $[7];
+    t6 = $[8];
+  }
+  let t7;
+  if ($[9] !== t4) {
+    t7 = /* @__PURE__ */ jsxRuntimeExports.jsx(AppBar, { color: "transparent", position: "fixed", sx: t3, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Toolbar, { children: [
+      t4,
+      t5,
+      t6
+    ] }) });
+    $[9] = t4;
+    $[10] = t7;
+  } else {
+    t7 = $[10];
+  }
+  let t8;
+  if ($[11] !== navigationOpen || $[12] !== props.navigation) {
+    t8 = props.navigation && /* @__PURE__ */ jsxRuntimeExports.jsx(NavigationRail, { navigation: props.navigation, expanded: navigationOpen, setExpanded: (newValue_0) => {
+      setNavigationOpen(newValue_0);
+      document.cookie = `navigationOpen=${newValue_0}; max-age=${YEAR_IN_SECONDS}; path=/`;
+    } });
+    $[11] = navigationOpen;
+    $[12] = props.navigation;
+    $[13] = t8;
+  } else {
+    t8 = $[13];
+  }
+  let t10;
+  let t9;
+  if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+    t9 = {
+      flexGrow: 1,
+      display: "flex",
+      flexDirection: "column",
+      minWidth: 0,
+      height: "100%",
+      overflow: "hidden"
+    };
+    t10 = /* @__PURE__ */ jsxRuntimeExports.jsx(DrawerHeader, {});
+    $[14] = t10;
+    $[15] = t9;
+  } else {
+    t10 = $[14];
+    t9 = $[15];
+  }
+  let t11;
+  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+    t11 = {
+      flex: 1,
+      overflow: "auto",
+      position: "relative"
+    };
+    $[16] = t11;
+  } else {
+    t11 = $[16];
+  }
+  let t12;
+  if ($[17] !== props.children) {
+    t12 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Box$1, { component: "main", sx: t9, children: [
+      t10,
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Box$1, { sx: t11, children: /* @__PURE__ */ jsxRuntimeExports.jsx(AuthenticatedTemplate, { children: props.children }) })
+    ] });
+    $[17] = props.children;
+    $[18] = t12;
+  } else {
+    t12 = $[18];
+  }
+  let t13;
+  if ($[19] !== t12 || $[20] !== t7 || $[21] !== t8) {
+    t13 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Box$1, { sx: t2, children: [
+      t7,
+      t8,
+      t12
+    ] });
+    $[19] = t12;
+    $[20] = t7;
+    $[21] = t8;
+    $[22] = t13;
+  } else {
+    t13 = $[22];
+  }
+  let t14;
+  if ($[23] !== isFetching || $[24] !== isMutating) {
+    t14 = (isFetching || isMutating) && /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgress, { sx: {
+      position: "fixed",
+      top: {
+        xs: 56,
+        sm: 64
+      },
+      left: 0,
+      right: 0
+    } });
+    $[23] = isFetching;
+    $[24] = isMutating;
+    $[25] = t14;
+  } else {
+    t14 = $[25];
+  }
+  let t15;
+  if ($[26] !== t13 || $[27] !== t14) {
+    t15 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+      t0,
+      t1,
+      t13,
+      t14
+    ] });
+    $[26] = t13;
+    $[27] = t14;
+    $[28] = t15;
+  } else {
+    t15 = $[28];
+  }
+  return t15;
 };
+function _temp$1(previous) {
+  const newValue = !previous;
+  document.cookie = `navigationOpen=${newValue}; max-age=${YEAR_IN_SECONDS}; path=/`;
+  return newValue;
+}
 const YEAR_IN_MINUTES = 60 * 24 * 365;
 i18n.use(LanguageDetector).use(initReactI18next).init({
   resources,
@@ -725,21 +1895,59 @@ i18n.use(LanguageDetector).use(initReactI18next).init({
     caches: ["cookie"],
     cookieMinutes: YEAR_IN_MINUTES
   },
-  interpolation: { escapeValue: false }
+  interpolation: {
+    escapeValue: false
+  }
 });
-const LayoutProvider = ({ navigation, theme, children }) => {
-  const languageChangedHandler = useEffectEvent(() => {
-    z__default.config(z__default.core.locales[i18n.language]());
-    dayjs.locale(i18n.language);
-  });
-  useEffect(() => {
-    languageChangedHandler();
-    i18n.on("languageChanged", languageChangedHandler);
-    return () => {
-      i18n.off("languageChanged", languageChangedHandler);
+const LayoutProvider = (t0) => {
+  const $ = compilerRuntimeExports.c(9);
+  const {
+    navigation,
+    theme,
+    children
+  } = t0;
+  const languageChangedHandler = useEffectEvent(_temp);
+  let t1;
+  if ($[0] !== languageChangedHandler) {
+    t1 = () => {
+      languageChangedHandler();
+      i18n.on("languageChanged", languageChangedHandler);
+      return () => {
+        i18n.off("languageChanged", languageChangedHandler);
+      };
     };
-  }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(MsalProvider, { instance: msalInstance, children: /* @__PURE__ */ jsxRuntimeExports.jsx(UserProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntimeExports.jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n.language, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogsProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Layout, { navigation, children }) }) }, i18n.language) }) }) });
+    $[0] = languageChangedHandler;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [];
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[3] !== children || $[4] !== navigation) {
+    t3 = /* @__PURE__ */ jsxRuntimeExports.jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n.language, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogsProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Layout, { navigation, children }) }) }, i18n.language);
+    $[3] = children;
+    $[4] = navigation;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t3 || $[7] !== theme) {
+    t4 = /* @__PURE__ */ jsxRuntimeExports.jsx(MsalProvider, { instance: msalInstance, children: /* @__PURE__ */ jsxRuntimeExports.jsx(UserProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme, children: t3 }) }) });
+    $[6] = t3;
+    $[7] = theme;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  return t4;
 };
 const setSSRLanguage = createServerFn().handler(async () => {
   const language = getCookie(i18n.services.languageDetector.options.lookupCookie) || "en";
@@ -747,6 +1955,10 @@ const setSSRLanguage = createServerFn().handler(async () => {
   dayjs.locale(language);
   await i18n.changeLanguage(language);
 });
+function _temp() {
+  z__default.config(z__default.core.locales[i18n.language]());
+  dayjs.locale(i18n.language);
+}
 export {
   LayoutProvider,
   r as rootRouteHead,