wcz-test 6.24.0 → 6.24.2

package/dist/index.js

@@ -1,10 +1,1758 @@
-import { LayoutProvider, setSSRLanguage } from "./providers/LayoutProvider.js";
-import { rootRouteHead } from "./lib/utils.js";
-import { getSessionUser } from "./lib/auth/graph.js";
+import { j as jsxRuntimeExports, D as DialogsContext } from "./DialogsContext-BKtkEAfL.js";
+import { c as compilerRuntimeExports } from "./compiler-runtime-BGHur82y.js";
+import { Stack, Typography, Collapse, useMediaQuery, useColorScheme, ListItemButton as ListItemButton$1, ListItemText as ListItemText$1, ListItemIcon as ListItemIcon$1, ListItem as ListItem$1, Avatar as Avatar$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 { createServerFn, createIsomorphicFn } from "@tanstack/react-start";
+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, Suspense, 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 Menu$1 from "@mui/icons-material/Menu";
+import MenuOpen from "@mui/icons-material/MenuOpen";
+import { styled, useTheme } from "@mui/material/styles";
+import { useIsFetching, useIsMutating } from "@tanstack/react-query";
+import { c as clientEnv } from "./env-gsqZ6zZD.js";
+import Box from "@mui/material/Box";
+import Drawer from "@mui/material/Drawer";
+import { useNavigate, useRouterState, Await } from "@tanstack/react-router";
+import Divider from "@mui/material/Divider";
+import List from "@mui/material/List";
+import ListSubheader from "@mui/material/ListSubheader";
+import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
+import Avatar from "@mui/material/Avatar";
+import ListItem from "@mui/material/ListItem";
+import ListItemButton from "@mui/material/ListItemButton";
+import ListItemIcon from "@mui/material/ListItemIcon";
+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-IUVgwnz3.js";
+import AccountCircle from "@mui/icons-material/AccountCircle";
+import ArrowBack from "@mui/icons-material/ArrowBack";
+import Brightness4 from "@mui/icons-material/Brightness4";
+import ChevronRight from "@mui/icons-material/ChevronRight";
+import DarkMode from "@mui/icons-material/DarkMode";
+import Done from "@mui/icons-material/Done";
+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";
+import axios from "axios";
+import { q as queryClient } from "./queryClient-CNvC95mU.js";
+import { r as requireSession, g as getAccessToken } from "./session-vW7WZadj.js";
+import { r } from "./utils-MD9YwOtu.js";
+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;
+    let resolve;
+    const promise = new Promise((resolveImpl) => {
+      resolve = resolveImpl;
+    });
+    const key = `${keyPrefix}-${nextId.current}`;
+    nextId.current += 1;
+    const newEntry = {
+      key,
+      open: true,
+      promise,
+      Component,
+      payload,
+      onClose,
+      resolve
+    };
+    dialogMetadata.current.set(promise, newEntry);
+    setStack((previousStack) => [...previousStack, newEntry]);
+    return promise;
+  });
+  const removeDialogFromStack = (dialog) => {
+    setStack((previousStack_0) => previousStack_0.filter((entry) => entry.promise !== dialog));
+    dialogMetadata.current.delete(dialog);
+  };
+  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_1, result) {
+    const entryToClose = dialogMetadata.current.get(dialog_1);
+    if (!entryToClose) {
+      throw new Error("Dialog not found in stack");
+    }
+    try {
+      await entryToClose.onClose(result);
+    } finally {
+      entryToClose.resolve(result);
+      closeDialogUi(dialog_1);
+    }
+    return dialog_1;
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogsContext.Provider, { value: {
+    open: requestDialog,
+    close: closeDialog
+  }, children: [
+    children,
+    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 AppTitle = () => {
+  const $ = compilerRuntimeExports.c(1);
+  let t0;
+  if ($[0] === /* @__PURE__ */ 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
+}) => ({
+  borderRadius: 8,
+  "&.Mui-selected": {
+    "& .MuiListItemIcon-root, & .MuiTypography-root, & .MuiSvgIcon-root": {
+      color: (theme.vars ?? theme).palette.primary.dark
+    },
+    "& .MuiAvatar-root": {
+      backgroundColor: (theme.vars ?? theme).palette.primary.dark
+    },
+    "& .MuiTouchRipple-child": {
+      backgroundColor: (theme.vars ?? theme).palette.primary.dark
+    }
+  },
+  "& .MuiSvgIcon-root": {
+    color: (theme.vars ?? theme).palette.action.active
+  },
+  "& .MuiAvatar-root": {
+    backgroundColor: (theme.vars ?? theme).palette.action.active
+  }
+}));
+const StyledRouterButton = styled(RouterListItemButton)(({
+  theme
+}) => ({
+  borderRadius: 8,
+  "&.Mui-selected": {
+    "& .MuiListItemIcon-root, & .MuiTypography-root, & .MuiSvgIcon-root": {
+      color: (theme.vars ?? theme).palette.primary.dark
+    },
+    "& .MuiAvatar-root": {
+      backgroundColor: (theme.vars ?? theme).palette.primary.dark
+    },
+    "& .MuiTouchRipple-child": {
+      backgroundColor: (theme.vars ?? theme).palette.primary.dark
+    }
+  },
+  "& .MuiSvgIcon-root": {
+    color: (theme.vars ?? theme).palette.action.active
+  },
+  "& .MuiAvatar-root": {
+    backgroundColor: (theme.vars ?? theme).palette.action.active
+  }
+}));
+const IconOrAvatar = (t0) => {
+  const $ = compilerRuntimeExports.c(17);
+  const {
+    item,
+    collapsed
+  } = t0;
+  if (item.icon || collapsed) {
+    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] === /* @__PURE__ */ 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 = (t0) => {
+  const $ = compilerRuntimeExports.c(10);
+  const {
+    open,
+    anchorEl,
+    children
+  } = t0;
+  let t1;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      name: "offset",
+      options: {
+        offset: [6, 0]
+      }
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      name: "preventOverflow",
+      options: {
+        padding: 8
+      }
+    };
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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];
+  }
+  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);
+  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 {
+        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 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
+      }
+    }, 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] === /* @__PURE__ */ 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 = (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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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: 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 = (t0) => {
+  const $ = compilerRuntimeExports.c(29);
+  const {
+    navigation,
+    expanded,
+    setExpanded
+  } = t0;
+  const navigate = useNavigate();
+  const routerState = useRouterState();
+  const theme = useTheme();
+  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 getSessionUser = createServerFn().inputValidator(z__default.object({
+  redirectUri: z__default.string()
+})).handler(async ({
+  data
+}) => {
+  const session = await requireSession(data.redirectUri);
+  const groups = await queryClient.fetchQuery({
+    queryKey: ["graph", "me", "memberOf"],
+    queryFn: async () => axios.request({
+      method: "GET",
+      url: "https://graph.microsoft.com/v1.0/me/memberOf?$select=displayName",
+      headers: {
+        Authorization: `Bearer ${await getAccessToken()}`
+      }
+    }).then((response) => response.data.value.map((group) => group.displayName)),
+    staleTime: Infinity,
+    gcTime: Infinity
+  });
+  return {
+    ...session.user,
+    groups
+  };
+});
+const getSessionUserDetail = createServerFn({
+  method: "GET"
+}).handler(async () => {
+  return await queryClient.fetchQuery({
+    queryKey: ["graph", "me"],
+    queryFn: async () => await axios.request({
+      method: "GET",
+      url: "https://graph.microsoft.com/v1.0/me?$select=id,displayName,jobTitle,mail,mobilePhone",
+      headers: {
+        Authorization: `Bearer ${await getAccessToken()}`
+      }
+    }).then((response) => response.data),
+    staleTime: Infinity,
+    gcTime: Infinity
+  });
+});
+const getSessionUserPhoto = createServerFn({
+  method: "GET"
+}).handler(async () => {
+  return await queryClient.fetchQuery({
+    queryKey: ["graph", "me", "photo"],
+    queryFn: async () => {
+      const response = await axios.request({
+        method: "GET",
+        url: "https://graph.microsoft.com/v1.0/me/photo/$value",
+        headers: {
+          Authorization: `Bearer ${await getAccessToken()}`
+        },
+        responseType: "arraybuffer"
+      });
+      const contentType = response.headers["content-type"] ?? "image/jpeg";
+      const base64 = Buffer.from(response.data).toString("base64");
+      return `data:${contentType};base64,${base64}`;
+    },
+    staleTime: Infinity,
+    gcTime: Infinity
+  });
+});
+const capitalize = (value) => value && value.charAt(0).toUpperCase() + value.slice(1);
+const ToolbarAccount = () => {
+  const $ = compilerRuntimeExports.c(105);
+  const [anchorElement, setAnchorElement] = useState();
+  const [tab, setTab] = useState("settings");
+  const open = Boolean(anchorElement);
+  const {
+    t,
+    i18n: i18n2
+  } = useTranslation();
+  const {
+    mode,
+    setMode
+  } = useColorScheme();
+  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] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t92 = (event) => setAnchorElement(event.currentTarget);
+      $[27] = t92;
+    } else {
+      t92 = $[27];
+    }
+    openMenu = t92;
+    let t102;
+    if ($[28] === /* @__PURE__ */ 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] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t112 = (newTab) => () => setTab(newTab);
+      $[29] = t112;
+    } else {
+      t112 = $[29];
+    }
+    const changeTab = t112;
+    let t122;
+    if ($[30] === /* @__PURE__ */ 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] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t152 = changeTab("theme");
+      t162 = {
+        py: 0.3
+      };
+      $[35] = t152;
+      $[36] = t162;
+    } else {
+      t152 = $[35];
+      t162 = $[36];
+    }
+    let t17;
+    if ($[37] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t17 = /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Brightness4, {}) });
+      $[37] = t17;
+    } else {
+      t17 = $[37];
+    }
+    let t18;
+    if ($[38] !== t) {
+      t18 = t("Layout.Appearance");
+      $[38] = t;
+      $[39] = t18;
+    } else {
+      t18 = $[39];
+    }
+    const t19 = colorModes.find((m) => m.mode === mode)?.label;
+    let t20;
+    if ($[40] !== t18 || $[41] !== t19) {
+      t20 = /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: t18, secondary: t19 });
+      $[40] = t18;
+      $[41] = t19;
+      $[42] = t20;
+    } else {
+      t20 = $[42];
+    }
+    let t21;
+    if ($[43] === /* @__PURE__ */ 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: [
+        t17,
+        t20,
+        t21
+      ] });
+      $[44] = t20;
+      $[45] = t222;
+    } else {
+      t222 = $[45];
+    }
+    let t23;
+    let t24;
+    if ($[46] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsxRuntimeExports.jsx(AccountCircle, { sx: {
+      width: {
+        xs: 32,
+        sm: 40
+      },
+      height: {
+        xs: 32,
+        sm: 40
+      }
+    } });
+    $[81] = t3;
+  } else {
+    t3 = $[81];
+  }
+  let t4;
+  if ($[82] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: t3, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Await, { promise: getSessionUserPhoto(), children: _temp2 }) });
+    $[82] = t4;
+  } else {
+    t4 = $[82];
+  }
+  let t5;
+  if ($[83] !== openMenu) {
+    t5 = /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { size: "small", edge: "end", onClick: openMenu, children: t4 });
+    $[83] = openMenu;
+    $[84] = t5;
+  } else {
+    t5 = $[84];
+  }
+  let t6;
+  if ($[85] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t6 = {
+      width: 240
+    };
+    $[85] = t6;
+  } else {
+    t6 = $[85];
+  }
+  let t7;
+  if ($[86] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t7 = /* @__PURE__ */ jsxRuntimeExports.jsx(ListItem$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Await, { promise: getSessionUserDetail(), children: _temp3 }) });
+    $[86] = t7;
+  } else {
+    t7 = $[86];
+  }
+  let t8;
+  if ($[87] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t8 = /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Logout, { color: "error" }) });
+    $[87] = t8;
+  } else {
+    t8 = $[87];
+  }
+  let t9;
+  if ($[88] !== t) {
+    t9 = t("Layout.Logout");
+    $[88] = t;
+    $[89] = t9;
+  } else {
+    t9 = $[89];
+  }
+  let t10;
+  if ($[90] !== t9) {
+    t10 = /* @__PURE__ */ jsxRuntimeExports.jsxs(List$1, { disablePadding: true, children: [
+      t7,
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemButton$1, { onClick: _temp4, children: [
+        t8,
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: t9 })
+      ] })
+    ] });
+    $[90] = t9;
+    $[91] = t10;
+  } else {
+    t10 = $[91];
+  }
+  const t11 = tab === "settings" && settings;
+  const t12 = tab === "theme" && theme;
+  const t13 = tab === "language" && language;
+  let t14;
+  if ($[92] !== t10 || $[93] !== t11 || $[94] !== t12 || $[95] !== t13) {
+    t14 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Box$1, { sx: t6, children: [
+      t10,
+      t11,
+      t12,
+      t13
+    ] });
+    $[92] = t10;
+    $[93] = t11;
+    $[94] = t12;
+    $[95] = t13;
+    $[96] = t14;
+  } else {
+    t14 = $[96];
+  }
+  let t15;
+  if ($[97] !== anchorElement || $[98] !== closeMenu || $[99] !== open || $[100] !== t14) {
+    t15 = /* @__PURE__ */ jsxRuntimeExports.jsx(Menu, { anchorEl: anchorElement, open, onClose: closeMenu, children: t14 });
+    $[97] = anchorElement;
+    $[98] = closeMenu;
+    $[99] = open;
+    $[100] = t14;
+    $[101] = t15;
+  } else {
+    t15 = $[101];
+  }
+  let t16;
+  if ($[102] !== t15 || $[103] !== t5) {
+    t16 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+      t5,
+      t15
+    ] });
+    $[102] = t15;
+    $[103] = t5;
+    $[104] = t16;
+  } else {
+    t16 = $[104];
+  }
+  return t16;
+};
+function _temp$2(lng) {
+  return lng !== "cimode";
+}
+function _temp2(data) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Avatar$1, { src: data, sx: {
+    width: {
+      xs: 32,
+      sm: 40
+    },
+    height: {
+      xs: 32,
+      sm: 40
+    }
+  } });
+}
+function _temp3(data_0) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: data_0.displayName.split("/")[0], secondary: data_0.jobTitle });
+}
+function _temp4() {
+  return console.log("Logout clicked");
+}
+const YEAR_IN_SECONDS = 60 * 60 * 24 * 365;
+const getNavigationOpenStatus = createIsomorphicFn().server(() => {
+  const cookie = getCookie("navigationOpen");
+  return cookie === "true";
+}).client(() => {
+  const cookie = document.cookie.split("; ").find((row) => row.startsWith("navigationOpen="));
+  return cookie ? cookie.split("=")[1] === "true" : false;
+});
+const DrawerHeader = styled("div")(({
+  theme
+}) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "flex-end",
+  padding: theme.spacing(0, 1),
+  ...theme.mixins.toolbar
+}));
+const Layout = (props) => {
+  const $ = compilerRuntimeExports.c(29);
+  const [navigationOpen, setNavigationOpen] = useState(getNavigationOpenStatus);
+  const isFetching = !!useIsFetching();
+  const isMutating = !!useIsMutating();
+  let t0;
+  let t1;
+  if ($[0] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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: 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,
+  fallbackLng: "en",
+  supportedLngs: Object.keys(resources),
+  detection: {
+    caches: ["cookie"],
+    cookieMinutes: YEAR_IN_MINUTES
+  },
+  interpolation: {
+    escapeValue: false
+  }
+});
+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);
+      };
+    };
+    $[0] = languageChangedHandler;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] === /* @__PURE__ */ 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(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";
+  z__default.config(z__default.core.locales[language]());
+  dayjs.locale(language);
+  await i18n.changeLanguage(language);
+});
+function _temp() {
+  z__default.config(z__default.core.locales[i18n.language]());
+  dayjs.locale(i18n.language);
+}
 export {
   LayoutProvider,
   getSessionUser,
-  rootRouteHead,
+  r as rootRouteHead,
   setSSRLanguage
 };
 //# sourceMappingURL=index.js.map