wcz-test 4.5.6 → 4.6.1

package/dist/index.js

@@ -206,7 +206,7 @@ var require_react_is_development = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element = REACT_ELEMENT_TYPE;
         var ForwardRef = REACT_FORWARD_REF_TYPE;
-        var Fragment7 = REACT_FRAGMENT_TYPE;
+        var Fragment8 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo = REACT_MEMO_TYPE;
         var Portal = REACT_PORTAL_TYPE;
@@ -265,7 +265,7 @@ var require_react_is_development = __commonJS({
         exports.ContextProvider = ContextProvider;
         exports.Element = Element;
         exports.ForwardRef = ForwardRef;
-        exports.Fragment = Fragment7;
+        exports.Fragment = Fragment8;
         exports.Lazy = Lazy;
         exports.Memo = Memo;
         exports.Portal = Portal;
@@ -1039,14 +1039,17 @@ var TypographyWithIcon = ({ startIcon, endIcon, children, sx, gutterBottom, ...p
 };
 
 // src/components/core/PageHeader.tsx
-import { CardHeader, Typography as Typography2 } from "@mui/material";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { Box, Stack as Stack2, Typography as Typography2 } from "@mui/material";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var PageHeader = ({ title, action, sx }) => {
-  return /* @__PURE__ */ jsx2(CardHeader, { title: /* @__PURE__ */ jsx2(Typography2, { variant: "h4", fontWeight: 600, children: title }), action, sx: { px: 0, ...sx } });
+  return /* @__PURE__ */ jsxs2(Stack2, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { ...sx }, children: [
+    /* @__PURE__ */ jsx2(Typography2, { variant: "h4", fontWeight: 600, children: title }),
+    action && /* @__PURE__ */ jsx2(Box, { children: action })
+  ] });
 };
 
 // src/components/core/TableContainer.tsx
-import { Box } from "@mui/material";
+import { Box as Box2 } from "@mui/material";
 import { useEffect, useRef, useState } from "react";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var TableContainer = ({ children, sx, ...props }) => {
@@ -1073,7 +1076,7 @@ var TableContainer = ({ children, sx, ...props }) => {
     };
   }, []);
   return /* @__PURE__ */ jsx3(
-    Box,
+    Box2,
     {
       ref: reference,
       sx: {
@@ -1085,7 +1088,7 @@ var TableContainer = ({ children, sx, ...props }) => {
       },
       height,
       ...props,
-      children: /* @__PURE__ */ jsx3(Box, { sx: (theme) => ({
+      children: /* @__PURE__ */ jsx3(Box2, { sx: (theme) => ({
         flex: 1,
         minHeight: 0,
         height: "100%",
@@ -1117,7 +1120,7 @@ import CloudUpload from "@mui/icons-material/CloudUpload";
 import { Paper, Typography as Typography3, useTheme } from "@mui/material";
 import { useDropzone } from "react-dropzone";
 import { useTranslation } from "react-i18next";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var baseStyle = {
   flex: 1,
   display: "flex",
@@ -1141,7 +1144,7 @@ var Dropzone = ({ sx, ...props }) => {
     ...isDragAccept ? { borderColor: theme.palette.success.main } : {},
     ...isDragReject ? { borderColor: theme.palette.error.main } : {}
   };
-  return /* @__PURE__ */ jsxs2(Paper, { variant: "outlined", ...getRootProps({ style }), sx, children: [
+  return /* @__PURE__ */ jsxs3(Paper, { variant: "outlined", ...getRootProps({ style }), sx, children: [
     /* @__PURE__ */ jsx4("input", { ...getInputProps(), style: { display: "none" } }),
     /* @__PURE__ */ jsx4(CloudUpload, {}),
     /* @__PURE__ */ jsx4(Typography3, { children: t2("Layout.File.DragSomeFilesHereOrClickToSelectThem") })
@@ -1153,7 +1156,7 @@ import { useState as useState5 } from "react";
 
 // src/components/file/fileViewer/FileViewerGrid.tsx
 import MoreVert from "@mui/icons-material/MoreVert";
-import { Box as Box2, IconButton, ImageListItem, ImageListItemBar, Stack as Stack3, Tooltip } from "@mui/material";
+import { Box as Box3, IconButton, ImageListItem, ImageListItemBar, Stack as Stack4, Tooltip } from "@mui/material";
 import { grey } from "@mui/material/colors";
 import { Fragment, useEffect as useEffect2, useState as useState3 } from "react";
 
@@ -1184,10 +1187,10 @@ import { createContext as createContext2 } from "react";
 var DialogsContext = createContext2({});
 
 // src/hooks/DialogsHooks.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function AlertDialog({ open, payload, onClose }) {
   const { t: t2 } = useTranslation2();
-  return /* @__PURE__ */ jsxs3(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(), children: [
+  return /* @__PURE__ */ jsxs4(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(), children: [
     /* @__PURE__ */ jsx5(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Alert") }),
     /* @__PURE__ */ jsx5(DialogContent, { children: payload.message }),
     /* @__PURE__ */ jsx5(DialogActions, { children: /* @__PURE__ */ jsx5(Button, { disabled: !open, onClick: () => onClose(), children: t2("Layout.Dialog.Confirm") }) })
@@ -1195,10 +1198,10 @@ function AlertDialog({ open, payload, onClose }) {
 }
 function ConfirmDialog({ open, payload, onClose }) {
   const { t: t2 } = useTranslation2();
-  return /* @__PURE__ */ jsxs3(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(false), children: [
+  return /* @__PURE__ */ jsxs4(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(false), children: [
     /* @__PURE__ */ jsx5(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Confirm") }),
     /* @__PURE__ */ jsx5(DialogContent, { children: payload.message }),
-    /* @__PURE__ */ jsxs3(DialogActions, { children: [
+    /* @__PURE__ */ jsxs4(DialogActions, { children: [
       /* @__PURE__ */ jsx5(Button, { autoFocus: true, disabled: !open, onClick: () => onClose(false), children: payload.cancelText ?? t2("Layout.Dialog.Cancel") }),
       /* @__PURE__ */ jsx5(Button, { disabled: !open, onClick: () => onClose(true), children: t2("Layout.Dialog.Confirm") })
     ] })
@@ -1223,12 +1226,12 @@ import { Upload as TusUpload } from "tus-js-client";
 import { uuidv7 } from "uuidv7";
 
 // src/components/core/AppTitle.tsx
-import { Chip, Stack as Stack2, Typography as Typography4 } from "@mui/material";
+import { Chip, Stack as Stack3, Typography as Typography4 } from "@mui/material";
 import { useRouterState } from "@tanstack/react-router";
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var AppTitle = () => {
   const title = useAppTitle();
-  return /* @__PURE__ */ jsxs4(Stack2, { direction: "row", alignItems: "center", spacing: 2, flexGrow: 1, children: [
+  return /* @__PURE__ */ jsxs5(Stack3, { direction: "row", alignItems: "center", spacing: 2, flexGrow: 1, children: [
     /* @__PURE__ */ jsx6("img", { src: "/favicon-32x32.png", alt: "app-logo", loading: "lazy" }),
     /* @__PURE__ */ jsx6(Typography4, { variant: "h6", children: title }),
     import.meta.env.DEV && /* @__PURE__ */ jsx6(Chip, { size: "small", label: "TEST", color: "info" })
@@ -1443,7 +1446,7 @@ var useUploadFile = ({ subId, onSuccess, onError }) => {
 };
 
 // src/components/file/fileViewer/common/ActionsMenu.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var ActionsMenu = ({ meta, menu, setMenu }) => {
   const { t: t2 } = useTranslation3();
   const { fileMetas, onDelete, actions } = useFile();
@@ -1475,12 +1478,12 @@ var ActionsMenu = ({ meta, menu, setMenu }) => {
       anchorReference: "anchorPosition",
       variant: "menu",
       anchorPosition: menu === null ? void 0 : { top: menu.mouseY, left: menu.mouseX },
-      children: /* @__PURE__ */ jsxs5(List, { disablePadding: true, children: [
-        actions?.download !== false && /* @__PURE__ */ jsxs5(ListItemButton, { onClick: handleOnDownload, disabled: isDownloading, children: [
+      children: /* @__PURE__ */ jsxs6(List, { disablePadding: true, children: [
+        actions?.download !== false && /* @__PURE__ */ jsxs6(ListItemButton, { onClick: handleOnDownload, disabled: isDownloading, children: [
           /* @__PURE__ */ jsx7(ListItemIcon, { children: /* @__PURE__ */ jsx7(FileDownload, {}) }),
           /* @__PURE__ */ jsx7(ListItemText, { children: t2("Layout.File.Download") })
         ] }),
-        actions?.delete !== false && /* @__PURE__ */ jsxs5(ListItemButton, { onClick: handleOnDelete, disabled: isDeleting, children: [
+        actions?.delete !== false && /* @__PURE__ */ jsxs6(ListItemButton, { onClick: handleOnDelete, disabled: isDeleting, children: [
           /* @__PURE__ */ jsx7(ListItemIcon, { children: /* @__PURE__ */ jsx7(Delete, {}) }),
           /* @__PURE__ */ jsx7(ListItemText, { children: t2("Layout.File.Delete") })
         ] })
@@ -1490,11 +1493,11 @@ var ActionsMenu = ({ meta, menu, setMenu }) => {
 };
 
 // src/components/file/fileViewer/FileViewerGrid.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var IMAGE_SIZE = 150;
 var FileViewerGrid = ({ sx, size, itemBar }) => {
   const { fileMetas } = useFile();
-  return /* @__PURE__ */ jsx8(Stack3, { direction: "row", spacing: 1, sx: { overflow: "auto", ...sx }, children: fileMetas.map((fileMeta) => /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx8(Stack4, { direction: "row", spacing: 1, sx: { overflow: "auto", ...sx }, children: fileMetas.map((fileMeta) => /* @__PURE__ */ jsx8(
     GridFileViewerItem,
     {
       meta: fileMeta,
@@ -1536,10 +1539,10 @@ var GridFileViewerItem = ({ meta, size, itemBar }) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs6(Fragment, { children: [
-    /* @__PURE__ */ jsxs6(ImageListItem, { sx: { width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, children: [
+  return /* @__PURE__ */ jsxs7(Fragment, { children: [
+    /* @__PURE__ */ jsxs7(ImageListItem, { sx: { width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, children: [
       /* @__PURE__ */ jsx8(
-        Box2,
+        Box3,
         {
           component: "img",
           src: source,
@@ -1552,7 +1555,7 @@ var GridFileViewerItem = ({ meta, size, itemBar }) => {
       itemBar !== "hidden" && showItemBar && /* @__PURE__ */ jsx8(
         ImageListItemBar,
         {
-          title: /* @__PURE__ */ jsx8(Tooltip, { title: meta.fileName, children: /* @__PURE__ */ jsx8(Box2, { children: meta.fileName }) }),
+          title: /* @__PURE__ */ jsx8(Tooltip, { title: meta.fileName, children: /* @__PURE__ */ jsx8(Box3, { children: meta.fileName }) }),
           actionIcon: (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx8(IconButton, { sx: { color: grey[100] }, onClick: openMenu, children: /* @__PURE__ */ jsx8(MoreVert, {}) })
         }
       )
@@ -1568,7 +1571,7 @@ import MoreVert2 from "@mui/icons-material/MoreVert";
 import SmartDisplay from "@mui/icons-material/SmartDisplay";
 import { IconButton as IconButton2, List as List2, ListItemButton as ListItemButton2, ListItemIcon as ListItemIcon2, ListItemText as ListItemText2 } from "@mui/material";
 import { Fragment as Fragment2, useState as useState4 } from "react";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var FileViewerList = ({ sx }) => {
   const { fileMetas } = useFile();
   return /* @__PURE__ */ jsx9(List2, { dense: true, sx, children: fileMetas.map(
@@ -1619,8 +1622,8 @@ var ListFileViewerItem = ({ meta }) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
-    /* @__PURE__ */ jsxs7(ListItemButton2, { onClick, children: [
+  return /* @__PURE__ */ jsxs8(Fragment2, { children: [
+    /* @__PURE__ */ jsxs8(ListItemButton2, { onClick, children: [
       /* @__PURE__ */ jsx9(ListItemIcon2, { children: icon() }),
       /* @__PURE__ */ jsx9(ListItemText2, { primary: `${meta.fileName}.${meta.fileExtension}` }),
       (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx9(IconButton2, { edge: "end", onClick: openMenu, children: /* @__PURE__ */ jsx9(MoreVert2, {}) })
@@ -1631,9 +1634,9 @@ var ListFileViewerItem = ({ meta }) => {
 
 // src/components/file/fileViewer/ImageViewer.tsx
 import Close from "@mui/icons-material/Close";
-import { Box as Box3, Dialog as Dialog2, Fab } from "@mui/material";
+import { Box as Box4, Dialog as Dialog2, Fab } from "@mui/material";
 import { useEffect as useEffect3 } from "react";
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var ImageViewer = ({ metaId }) => {
   const { fileMetas, setImageId } = useFile();
   const meta = fileMetas.find((m) => m.id === metaId);
@@ -1676,27 +1679,27 @@ var ImageViewer = ({ metaId }) => {
   };
   const onClose = () => setImageId("");
   if (!metaId) return null;
-  return /* @__PURE__ */ jsxs8(Dialog2, { open: true, onClose, maxWidth: "xl", children: [
-    /* @__PURE__ */ jsx10(Box3, { component: "img", src: source, alt: metaId, sx: { maxWidth: "100vw", maxHeight: { xs: "calc(100vh - 56px)", sm: "calc(100vh - 64px)" } } }),
+  return /* @__PURE__ */ jsxs9(Dialog2, { open: true, onClose, maxWidth: "xl", children: [
+    /* @__PURE__ */ jsx10(Box4, { component: "img", src: source, alt: metaId, sx: { maxWidth: "100vw", maxHeight: { xs: "calc(100vh - 56px)", sm: "calc(100vh - 64px)" } } }),
     /* @__PURE__ */ jsx10(Fab, { size: "medium", onClick: onClose, sx: { position: "fixed", top: 8, right: 8 }, children: /* @__PURE__ */ jsx10(Close, {}) })
   ] });
 };
 
 // src/components/file/FileViewer.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 var FileViewer = ({ subId, onDelete, actions, children }) => {
   const { data: fileMetas = [] } = useGetFileMetas(subId, { enabled: !!subId });
   const [imageId, setImageId] = useState5("");
   const components = { Grid: FileViewerGrid, List: FileViewerList };
   if (fileMetas.length === 0) return null;
-  return /* @__PURE__ */ jsxs9(FileContext.Provider, { value: { fileMetas, onDelete, actions, setImageId }, children: [
+  return /* @__PURE__ */ jsxs10(FileContext.Provider, { value: { fileMetas, onDelete, actions, setImageId }, children: [
     children(components),
     /* @__PURE__ */ jsx11(ImageViewer, { metaId: imageId })
   ] });
 };
 
 // src/components/data-grid/ChipInputCell.tsx
-import { Chip as Chip2, Stack as Stack4 } from "@mui/material";
+import { Chip as Chip2, Stack as Stack5 } from "@mui/material";
 import { jsx as jsx12 } from "react/jsx-runtime";
 var isArray = (value) => Array.isArray(value);
 var ChipInputCell = ({ params, slotProps, getLabel }) => {
@@ -1706,7 +1709,7 @@ var ChipInputCell = ({ params, slotProps, getLabel }) => {
     return value;
   };
   if (isArray(params.value))
-    return /* @__PURE__ */ jsx12(Stack4, { direction: "row", alignItems: "center", gap: 1, sx: { overflowX: "auto", height: "100%", width: params.colDef.computedWidth }, children: params.value.map(
+    return /* @__PURE__ */ jsx12(Stack5, { direction: "row", alignItems: "center", gap: 1, sx: { overflowX: "auto", height: "100%", width: params.colDef.computedWidth }, children: params.value.map(
       (value, index) => /* @__PURE__ */ jsx12(Chip2, { label: getLabelValue(value), ...slotProps }, `${index + 1}-chip-input-cell`)
     ) });
   return /* @__PURE__ */ jsx12(Chip2, { label: getLabelValue(params.value), ...slotProps });
@@ -1800,12 +1803,12 @@ var RouterListItemButton = (props) => {
 };
 
 // src/components/router/RouterNotFound.tsx
-import { Box as Box4, Divider, Typography as Typography5 } from "@mui/material";
+import { Box as Box5, Divider, Typography as Typography5 } from "@mui/material";
 import { useTranslation as useTranslation4 } from "react-i18next";
-import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
 function RouterNotFound() {
   const { t: t2 } = useTranslation4();
-  return /* @__PURE__ */ jsx20(Box4, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs10(Box4, { display: "flex", alignItems: "center", mb: 4, children: [
+  return /* @__PURE__ */ jsx20(Box5, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs11(Box5, { display: "flex", alignItems: "center", mb: 4, children: [
     /* @__PURE__ */ jsx20(Typography5, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "404" }),
     /* @__PURE__ */ jsx20(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
     /* @__PURE__ */ jsx20(Typography5, { variant: "h5", component: "span", children: t2("Layout.ThisPageCouldNotBeFound") })
@@ -1813,10 +1816,10 @@ function RouterNotFound() {
 }
 
 // src/components/router/RouterError.tsx
-import { Box as Box5, Divider as Divider2, Typography as Typography6 } from "@mui/material";
-import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Box as Box6, Divider as Divider2, Typography as Typography6 } from "@mui/material";
+import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
 var RouterError = ({ error }) => {
-  return /* @__PURE__ */ jsx21(Box5, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs11(Box5, { display: "flex", alignItems: "center", mb: 4, children: [
+  return /* @__PURE__ */ jsx21(Box6, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs12(Box6, { display: "flex", alignItems: "center", mb: 4, children: [
     /* @__PURE__ */ jsx21(Typography6, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: error.name || "500" }),
     /* @__PURE__ */ jsx21(Divider2, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
     /* @__PURE__ */ jsx21(Typography6, { variant: "h5", component: "span", children: error.message })
@@ -2587,14 +2590,13 @@ var AdapterDayjs = class {
 };
 
 // src/providers/LayoutProvider.tsx
-import { useEffect as useEffect6, useState as useState10 } from "react";
-import { useTranslation as useTranslation7 } from "react-i18next";
+import { useEffect as useEffect6 } from "react";
 import * as z from "zod";
 import { cs, en } from "zod/locales";
 
 // src/providers/DialogsProvider.tsx
 import { useCallback, useId, useMemo as useMemo3, useRef as useRef3, useState as useState6 } from "react";
-import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
 function DialogsProvider({ children, unmountAfter = 1e3 }) {
   const [stack, setStack] = useState6([]);
   const keyPrefix = useId();
@@ -2646,7 +2648,7 @@ function DialogsProvider({ children, unmountAfter = 1e3 }) {
     return dialog;
   });
   const contextValue = useMemo3(() => ({ open: requestDialog, close: closeDialog }), [requestDialog, closeDialog]);
-  return /* @__PURE__ */ jsxs12(DialogsContext.Provider, { value: contextValue, children: [
+  return /* @__PURE__ */ jsxs13(DialogsContext.Provider, { value: contextValue, children: [
     children,
     stack.map(({ key, open, Component: Component7, payload, promise }) => /* @__PURE__ */ jsx22(
       Component7,
@@ -2662,45 +2664,32 @@ function DialogsProvider({ children, unmountAfter = 1e3 }) {
   ] });
 }
 
+// src/providers/LayoutProvider.tsx
+import { ThemeProvider } from "@mui/material";
+
 // src/utils/i18n.ts
-import { createIsomorphicFn } from "@tanstack/react-start";
-import { getCookie } from "@tanstack/react-start/server";
 import i18n from "i18next";
 import LanguageDetector from "i18next-browser-languagedetector";
 import HttpBackend from "i18next-http-backend";
 import { initReactI18next } from "react-i18next";
 import { default as default2 } from "i18next";
-var i18nCookieName = "i18nextLng";
 i18n.use(HttpBackend).use(LanguageDetector).use(initReactI18next).init({
   fallbackLng: "en",
-  detection: {
-    order: ["cookie"],
-    lookupCookie: i18nCookieName,
-    caches: ["cookie"],
-    cookieMinutes: 60 * 24 * 365
-  },
   interpolation: { escapeValue: false }
 });
-var setSSRLanguage = createIsomorphicFn().server(async () => {
-  const language = getCookie(i18nCookieName);
-  await i18n.changeLanguage(language || "en");
-});
-
-// src/contexts/LayoutContext.ts
-import { createContext as createContext4, useContext as useContext4 } from "react";
-var LayoutContext = createContext4(null);
 
 // src/components/core/Layout.tsx
 import Menu3 from "@mui/icons-material/Menu";
 import MenuOpen from "@mui/icons-material/MenuOpen";
-import { AppBar, Box as Box9, CssBaseline, IconButton as IconButton5, InitColorSchemeScript, LinearProgress, Toolbar } from "@mui/material";
-import { ThemeProvider, styled as styled2 } from "@mui/material/styles";
+import { AppBar, Box as Box10, CssBaseline, IconButton as IconButton5, InitColorSchemeScript, LinearProgress, Toolbar } from "@mui/material";
+import { styled as styled2 } from "@mui/material/styles";
 import { useIsFetching, useIsMutating } from "@tanstack/react-query";
+import { Fragment as Fragment7 } from "react";
 import useLocalStorageState from "use-local-storage-state";
 
 // src/components/core/navigation/NavigationRail.tsx
 import { useMediaQuery } from "@mui/material";
-import Box7 from "@mui/material/Box";
+import Box8 from "@mui/material/Box";
 import Drawer from "@mui/material/Drawer";
 import { useTheme as useTheme2 } from "@mui/material/styles";
 import { useNavigate, useRouterState as useRouterState2 } from "@tanstack/react-router";
@@ -2714,7 +2703,7 @@ import { Fragment as Fragment5, useEffect as useEffect5, useState as useState8 }
 // src/components/core/navigation/NavigationListItem.tsx
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 import Avatar from "@mui/material/Avatar";
-import Box6 from "@mui/material/Box";
+import Box7 from "@mui/material/Box";
 import Popper from "@mui/material/Popper";
 import ListItem from "@mui/material/ListItem";
 import ListItemButton4 from "@mui/material/ListItemButton";
@@ -2725,7 +2714,7 @@ import { styled } from "@mui/material/styles";
 import Typography7 from "@mui/material/Typography";
 import { Fragment as Fragment3, useMemo as useMemo4, useState as useState7 } from "react";
 import { Collapse } from "@mui/material";
-import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
 var ICON_SIZE = 34;
 var StyledNavButton = styled(ListItemButton4)(({ theme }) => ({
   borderRadius: 8,
@@ -2769,8 +2758,8 @@ var StyledRouterButton = styled(RouterListItemButton)(({ theme }) => ({
 }));
 var IconOrAvatar = ({ item, collapsed }) => {
   if (item.icon || collapsed) {
-    return /* @__PURE__ */ jsxs13(Box6, { sx: collapsed ? { position: "absolute", left: "50%", top: "calc(50% - 6px)", transform: "translate(-50%, -50%)" } : {}, children: [
-      /* @__PURE__ */ jsxs13(ListItemIcon3, { sx: { display: "flex", alignItems: "center", justifyContent: "center", minWidth: ICON_SIZE }, children: [
+    return /* @__PURE__ */ jsxs14(Box7, { sx: collapsed ? { position: "absolute", left: "50%", top: "calc(50% - 6px)", transform: "translate(-50%, -50%)" } : {}, children: [
+      /* @__PURE__ */ jsxs14(ListItemIcon3, { sx: { display: "flex", alignItems: "center", justifyContent: "center", minWidth: ICON_SIZE }, children: [
         item.icon ?? null,
         !item.icon && collapsed ? /* @__PURE__ */ jsx23(Avatar, { sx: { width: ICON_SIZE - 7, height: ICON_SIZE - 7, fontSize: 12 }, children: item.title }) : null
       ] }),
@@ -2851,7 +2840,7 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
     disabled,
     sx: { px: 1.4, height: collapsed ? 60 : 48 }
   };
-  const buttonContent = /* @__PURE__ */ jsxs13(Fragment4, { children: [
+  const buttonContent = /* @__PURE__ */ jsxs14(Fragment4, { children: [
     /* @__PURE__ */ jsx23(IconOrAvatar, { item, collapsed }),
     !collapsed && /* @__PURE__ */ jsx23(
       ListItemText3,
@@ -2863,7 +2852,7 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
     ),
     item.children ? /* @__PURE__ */ jsx23(ExpandMoreIcon, { sx: chevronSx }) : null
   ] });
-  const listItem = /* @__PURE__ */ jsxs13(
+  const listItem = /* @__PURE__ */ jsxs14(
     ListItem,
     {
       ...item.children && collapsed ? {
@@ -2892,7 +2881,7 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
       ]
     }
   );
-  return /* @__PURE__ */ jsxs13(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs14(Fragment3, { children: [
     listItem,
     item.children && !collapsed ? /* @__PURE__ */ jsx23(Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true, children: renderNested?.(item.children) }) : null
   ] }, item.to);
@@ -2993,7 +2982,7 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
   const theme = useTheme2();
   const showPermanent = useMediaQuery(theme.breakpoints.up("sm"));
   const drawerContent = (collapsed) => /* @__PURE__ */ jsx25(
-    Box7,
+    Box8,
     {
       component: "nav",
       sx: {
@@ -3051,29 +3040,10 @@ import Login from "@mui/icons-material/Login";
 import Logout from "@mui/icons-material/Logout";
 import SettingsBrightness from "@mui/icons-material/SettingsBrightness";
 import Translate from "@mui/icons-material/Translate";
-import { Avatar as Avatar2, Box as Box8, IconButton as IconButton4, List as List4, ListItem as ListItem2, ListItemButton as ListItemButton5, ListItemIcon as ListItemIcon4, ListItemText as ListItemText4, ListSubheader as ListSubheader2, Menu as Menu2, Typography as Typography8, useColorScheme } from "@mui/material";
+import { Avatar as Avatar2, Box as Box9, IconButton as IconButton4, List as List4, ListItem as ListItem2, ListItemButton as ListItemButton5, ListItemIcon as ListItemIcon4, ListItemText as ListItemText4, ListSubheader as ListSubheader2, Menu as Menu2, Typography as Typography8, useColorScheme } from "@mui/material";
 import { Fragment as Fragment6, useState as useState9 } from "react";
 import { useTranslation as useTranslation5 } from "react-i18next";
-
-// src/auth-test/keycloak.ts
-import { useRouter } from "@tanstack/react-router";
-import Keycloak from "keycloak-js";
-var keycloakConfig = {
-  url: import.meta.env.VITE_KEYCLOAK_URL,
-  realm: import.meta.env.VITE_KEYCLOAK_REALM,
-  clientId: import.meta.env.VITE_KEYCLOAK_CLIENT_ID,
-  idpHint: import.meta.env.VITE_KEYCLOAK_IDP_HINT,
-  confidentialClientId: import.meta.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_ID,
-  confidentialClientSecret: import.meta.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_SECRET
-};
-function useKeycloak() {
-  const routerContext = useRouter();
-  const keycloak = routerContext.options.context.keycloak;
-  return keycloak;
-}
-
-// src/components/core/ToolbarAccount.tsx
-import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
 var ToolbarAccount = () => {
   const [anchorElement, setAnchorElement] = useState9();
   const [tab, setTab] = useState9("settings");
@@ -3087,7 +3057,6 @@ var ToolbarAccount = () => {
     setMode(newMode);
     closeMenu();
   };
-  const keycloak = useKeycloak();
   const user = {
     name: "Dalibor Homola",
     employeeId: "C2503017",
@@ -3107,7 +3076,7 @@ var ToolbarAccount = () => {
     }
   };
   const usernameInitials = () => {
-    if (!user?.name) return "";
+    if (!user.name) return "";
     const splittedName = user.name.split(" ");
     return `${splittedName[0][0]}${splittedName.length > 1 ? splittedName[1][0] : ""}`;
   };
@@ -3117,37 +3086,37 @@ var ToolbarAccount = () => {
     setTimeout(() => setTab("settings"), 300);
   };
   const changeTab = (newTab) => () => setTab(newTab);
-  const settings = /* @__PURE__ */ jsxs14(List4, { component: "nav", subheader: /* @__PURE__ */ jsx26(ListSubheader2, { sx: { backgroundColor: "transparent" }, children: t2("Layout.Settings") }), children: [
-    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
+  const settings = /* @__PURE__ */ jsxs15(List4, { component: "nav", subheader: /* @__PURE__ */ jsx26(ListSubheader2, { sx: { backgroundColor: "transparent" }, children: t2("Layout.Settings") }), children: [
+    /* @__PURE__ */ jsxs15(ListItemButton5, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
       /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(Brightness4, {}) }),
       /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.Appearance"), secondary: getModeText() }),
       /* @__PURE__ */ jsx26(ChevronRight, {})
     ] }),
-    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
+    /* @__PURE__ */ jsxs15(ListItemButton5, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
       /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(Translate, {}) }),
       /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.Language"), secondary: i18n2.resolvedLanguage === "en" ? "English" : "\u010Ce\u0161tina" }),
       /* @__PURE__ */ jsx26(ChevronRight, {})
     ] })
   ] });
-  const theme = /* @__PURE__ */ jsxs14(List4, { subheader: /* @__PURE__ */ jsxs14(ListSubheader2, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+  const theme = /* @__PURE__ */ jsxs15(List4, { subheader: /* @__PURE__ */ jsxs15(ListSubheader2, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
     /* @__PURE__ */ jsx26(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx26(ArrowBack, { fontSize: "small" }) }),
     " ",
     t2("Layout.Appearance")
   ] }), children: [
-    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeMode("light"), disabled: mode === "light", children: [
+    /* @__PURE__ */ jsxs15(ListItemButton5, { onClick: changeMode("light"), disabled: mode === "light", children: [
       /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(LightMode, {}) }),
       /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.Light") })
     ] }),
-    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeMode("dark"), disabled: mode === "dark", children: [
+    /* @__PURE__ */ jsxs15(ListItemButton5, { onClick: changeMode("dark"), disabled: mode === "dark", children: [
       /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(DarkMode, {}) }),
       /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.Dark") })
     ] }),
-    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeMode("system"), disabled: mode === "system", children: [
+    /* @__PURE__ */ jsxs15(ListItemButton5, { onClick: changeMode("system"), disabled: mode === "system", children: [
       /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(SettingsBrightness, {}) }),
       /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.System") })
     ] })
   ] });
-  const language = /* @__PURE__ */ jsxs14(List4, { subheader: /* @__PURE__ */ jsxs14(ListSubheader2, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+  const language = /* @__PURE__ */ jsxs15(List4, { subheader: /* @__PURE__ */ jsxs15(ListSubheader2, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
     /* @__PURE__ */ jsx26(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx26(ArrowBack, { fontSize: "small" }) }),
     " ",
     t2("Layout.Language")
@@ -3155,20 +3124,20 @@ var ToolbarAccount = () => {
     /* @__PURE__ */ jsx26(ListItemButton5, { onClick: changeLanguage("en"), disabled: i18n2.resolvedLanguage === "en", children: /* @__PURE__ */ jsx26(ListItemText4, { primary: "English" }) }),
     /* @__PURE__ */ jsx26(ListItemButton5, { onClick: changeLanguage("cs"), disabled: i18n2.resolvedLanguage === "cs", children: /* @__PURE__ */ jsx26(ListItemText4, { primary: "\u010Ce\u0161tina" }) })
   ] });
-  return /* @__PURE__ */ jsxs14(Fragment6, { children: [
-    /* @__PURE__ */ jsx26(IconButton4, { size: "small", edge: "end", onClick: openMenu, children: user?.name ? /* @__PURE__ */ jsx26(Avatar2, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsx26(Typography8, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) : /* @__PURE__ */ jsx26(AccountCircle, { fontSize: "large" }) }),
-    /* @__PURE__ */ jsx26(Menu2, { anchorEl: anchorElement, open, onClose: closeMenu, children: /* @__PURE__ */ jsxs14(Box8, { sx: { width: 240 }, children: [
-      /* @__PURE__ */ jsx26(List4, { children: user?.name ? /* @__PURE__ */ jsxs14(Fragment6, { children: [
-        /* @__PURE__ */ jsx26(ListItem2, { children: /* @__PURE__ */ jsx26(ListItemText4, { primary: user.name, secondary: /* @__PURE__ */ jsxs14("span", { children: [
+  return /* @__PURE__ */ jsxs15(Fragment6, { children: [
+    /* @__PURE__ */ jsx26(IconButton4, { size: "small", edge: "end", onClick: openMenu, children: user.name ? /* @__PURE__ */ jsx26(Avatar2, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsx26(Typography8, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) : /* @__PURE__ */ jsx26(AccountCircle, { fontSize: "large" }) }),
+    /* @__PURE__ */ jsx26(Menu2, { anchorEl: anchorElement, open, onClose: closeMenu, children: /* @__PURE__ */ jsxs15(Box9, { sx: { width: 240 }, children: [
+      /* @__PURE__ */ jsx26(List4, { children: user.name ? /* @__PURE__ */ jsxs15(Fragment6, { children: [
+        /* @__PURE__ */ jsx26(ListItem2, { children: /* @__PURE__ */ jsx26(ListItemText4, { primary: user.name, secondary: /* @__PURE__ */ jsxs15("span", { children: [
           /* @__PURE__ */ jsx26("span", { children: user.employeeId }),
           /* @__PURE__ */ jsx26("br", {}),
           /* @__PURE__ */ jsx26("span", { children: user.department })
         ] }) }) }),
-        /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: () => keycloak.logout(), children: [
+        /* @__PURE__ */ jsxs15(ListItemButton5, { onClick: () => console.log("Logout"), children: [
           /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(Logout, { color: "error" }) }),
           /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.Logout") })
         ] })
-      ] }) : /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: () => keycloak.login(), children: [
+      ] }) : /* @__PURE__ */ jsxs15(ListItemButton5, { onClick: () => console.log("Login"), children: [
         /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(Login, { color: "success" }) }),
         /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.LogIn") })
       ] }) }),
@@ -3179,6 +3148,57 @@ var ToolbarAccount = () => {
   ] });
 };
 
+// src/components/core/Layout.tsx
+import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
+var DrawerHeader = styled2("div")(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "flex-end",
+  padding: theme.spacing(0, 1),
+  ...theme.mixins.toolbar
+}));
+var Layout = (props) => {
+  const [navigationOpen, setNavigationOpen] = useLocalStorageState("navigationOpen", { defaultServerValue: false });
+  const isFetching = !!useIsFetching();
+  const isMutating = !!useIsMutating();
+  return /* @__PURE__ */ jsxs16(Fragment7, { children: [
+    /* @__PURE__ */ jsx27(InitColorSchemeScript, {}),
+    /* @__PURE__ */ jsx27(CssBaseline, {}),
+    /* @__PURE__ */ jsxs16(Box10, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
+      /* @__PURE__ */ jsx27(
+        AppBar,
+        {
+          color: "transparent",
+          position: "fixed",
+          sx: (theme) => ({
+            borderBottom: "1px solid",
+            borderColor: theme.vars?.palette.divider,
+            boxShadow: "none"
+          }),
+          children: /* @__PURE__ */ jsxs16(Toolbar, { children: [
+            props.navigation && /* @__PURE__ */ jsx27(
+              IconButton5,
+              {
+                onClick: () => setNavigationOpen((previous) => !previous),
+                sx: { marginRight: 2 },
+                children: navigationOpen ? /* @__PURE__ */ jsx27(MenuOpen, {}) : /* @__PURE__ */ jsx27(Menu3, {})
+              }
+            ),
+            /* @__PURE__ */ jsx27(AppTitle, {}),
+            /* @__PURE__ */ jsx27(ToolbarAccount, {})
+          ] })
+        }
+      ),
+      props.navigation && /* @__PURE__ */ jsx27(NavigationRail, { navigation: props.navigation, expanded: navigationOpen ?? false, setExpanded: setNavigationOpen }),
+      /* @__PURE__ */ jsxs16(Box10, { component: "main", sx: { flexGrow: 1, display: "flex", flexDirection: "column", minWidth: 0, height: "100%", overflow: "hidden" }, children: [
+        /* @__PURE__ */ jsx27(DrawerHeader, {}),
+        /* @__PURE__ */ jsx27(Box10, { sx: { flex: 1, overflow: "auto", position: "relative" }, children: props.children })
+      ] })
+    ] }),
+    (isFetching || isMutating) && /* @__PURE__ */ jsx27(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
+  ] });
+};
+
 // src/hooks/ThemeHook.ts
 import { createTheme, darken, lighten } from "@mui/material";
 import { grey as grey2 } from "@mui/material/colors";
@@ -3238,6 +3258,8 @@ var csCZGrid = {
   toolbarExportExcel: "St\xE1hnout jako Excel",
   // Toolbar pivot button
   // toolbarPivot: 'Pivot',
+  // Toolbar charts button
+  // toolbarCharts: 'Charts',
   // Toolbar AI Assistant button
   // toolbarAssistant: 'AI Assistant',
   // Columns management text
@@ -3317,6 +3339,7 @@ var csCZGrid = {
   columnMenuSortAsc: "Se\u0159adit vzestupn\u011B",
   columnMenuSortDesc: "Se\u0159adit sestupn\u011B",
   // columnMenuManagePivot: 'Manage pivot',
+  // columnMenuManageCharts: 'Manage charts',
   // Column header text
   columnHeaderFiltersTooltipActive: (count) => {
     let pluralForm = "aktivn\xEDch filtr\u016F";
@@ -3405,6 +3428,7 @@ var csCZGrid = {
   rowReorderingHeaderName: "P\u0159euspo\u0159\xE1d\xE1v\xE1n\xED \u0159\xE1dk\u016F",
   // Aggregation
   aggregationMenuItemHeader: "Seskupov\xE1n\xED",
+  // aggregationFunctionLabelNone: 'none',
   aggregationFunctionLabelSum: "sou\u010Det",
   aggregationFunctionLabelAvg: "pr\u016Fm\u011Br",
   aggregationFunctionLabelMin: "min",
@@ -3438,6 +3462,31 @@ var csCZGrid = {
   // pivotDragToValues: 'Drag here to create values',
   // pivotYearColumnHeaderName: '(Year)',
   // pivotQuarterColumnHeaderName: '(Quarter)',
+  // Charts configuration panel
+  // chartsNoCharts: 'There are no charts available',
+  // chartsChartNotSelected: 'Select a chart type to configure its options',
+  // chartsTabChart: 'Chart',
+  // chartsTabFields: 'Fields',
+  // chartsTabCustomize: 'Customize',
+  // chartsCloseButton: 'Close charts configuration',
+  // chartsSyncButtonLabel: 'Sync chart',
+  // chartsSearchPlaceholder: 'Search fields',
+  // chartsSearchLabel: 'Search fields',
+  // chartsSearchClear: 'Clear search',
+  // chartsNoFields: 'No fields',
+  // chartsFieldBlocked: 'This field cannot be added to any section',
+  // chartsCategories: 'Categories',
+  // chartsSeries: 'Series',
+  // chartsMenuAddToDimensions: (dimensionLabel: string) => `Add to ${dimensionLabel}`,
+  // chartsMenuAddToValues: (valuesLabel: string) => `Add to ${valuesLabel}`,
+  // chartsMenuMoveUp: 'Move up',
+  // chartsMenuMoveDown: 'Move down',
+  // chartsMenuMoveToTop: 'Move to top',
+  // chartsMenuMoveToBottom: 'Move to bottom',
+  // chartsMenuOptions: 'Field options',
+  // chartsMenuRemove: 'Remove',
+  // chartsDragToDimensions: (dimensionLabel: string) => `Drag here to use column as ${dimensionLabel}`,
+  // chartsDragToValues: (valuesLabel: string) => `Drag here to use column as ${valuesLabel}`,
   // AI Assistant panel
   // aiAssistantPanelTitle: 'AI Assistant',
   // aiAssistantPanelClose: 'Close AI Assistant',
@@ -3520,6 +3569,8 @@ var GRID_DEFAULT_LOCALE_TEXT = {
   toolbarExportExcel: "Download as Excel",
   // Toolbar pivot button
   toolbarPivot: "Pivot",
+  // Toolbar charts button
+  toolbarCharts: "Charts",
   // Toolbar AI Assistant button
   toolbarAssistant: "AI Assistant",
   // Columns management text
@@ -3599,6 +3650,7 @@ var GRID_DEFAULT_LOCALE_TEXT = {
   columnMenuSortAsc: "Sort by ASC",
   columnMenuSortDesc: "Sort by DESC",
   columnMenuManagePivot: "Manage pivot",
+  columnMenuManageCharts: "Manage charts",
   // Column header text
   columnHeaderFiltersTooltipActive: (count) => count !== 1 ? `${count} active filters` : `${count} active filter`,
   columnHeaderFiltersLabel: "Show filters",
@@ -3666,6 +3718,7 @@ var GRID_DEFAULT_LOCALE_TEXT = {
   rowReorderingHeaderName: "Row reordering",
   // Aggregation
   aggregationMenuItemHeader: "Aggregation",
+  aggregationFunctionLabelNone: "none",
   aggregationFunctionLabelSum: "sum",
   aggregationFunctionLabelAvg: "avg",
   aggregationFunctionLabelMin: "min",
@@ -3699,6 +3752,31 @@ var GRID_DEFAULT_LOCALE_TEXT = {
   pivotDragToValues: "Drag here to create values",
   pivotYearColumnHeaderName: "(Year)",
   pivotQuarterColumnHeaderName: "(Quarter)",
+  // Charts configuration panel
+  chartsNoCharts: "There are no charts available",
+  chartsChartNotSelected: "Select a chart type to configure its options",
+  chartsTabChart: "Chart",
+  chartsTabFields: "Fields",
+  chartsTabCustomize: "Customize",
+  chartsCloseButton: "Close charts configuration",
+  chartsSyncButtonLabel: "Sync chart",
+  chartsSearchPlaceholder: "Search fields",
+  chartsSearchLabel: "Search fields",
+  chartsSearchClear: "Clear search",
+  chartsNoFields: "No fields",
+  chartsFieldBlocked: "This field cannot be added to any section",
+  chartsCategories: "Categories",
+  chartsSeries: "Series",
+  chartsMenuAddToDimensions: (dimensionLabel) => `Add to ${dimensionLabel}`,
+  chartsMenuAddToValues: (valuesLabel) => `Add to ${valuesLabel}`,
+  chartsMenuMoveUp: "Move up",
+  chartsMenuMoveDown: "Move down",
+  chartsMenuMoveToTop: "Move to top",
+  chartsMenuMoveToBottom: "Move to bottom",
+  chartsMenuOptions: "Field options",
+  chartsMenuRemove: "Remove",
+  chartsDragToDimensions: (dimensionLabel) => `Drag here to use column as ${dimensionLabel}`,
+  chartsDragToValues: (valuesLabel) => `Drag here to use column as ${valuesLabel}`,
   // AI Assistant panel
   aiAssistantPanelTitle: "AI Assistant",
   aiAssistantPanelClose: "Close AI Assistant",
@@ -3887,68 +3965,21 @@ var useGetTheme = (theme) => {
   );
 };
 
-// src/components/core/Layout.tsx
-import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
-var DrawerHeader = styled2("div")(({ theme }) => ({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "flex-end",
-  padding: theme.spacing(0, 1),
-  ...theme.mixins.toolbar
-}));
-var Layout = (props) => {
-  const theme = useGetTheme(props.theme);
-  const [navigationOpen, setNavigationOpen] = useLocalStorageState("navigationOpen", { defaultServerValue: false });
-  const isFetching = !!useIsFetching();
-  const isMutating = !!useIsMutating();
-  return /* @__PURE__ */ jsxs15(ThemeProvider, { theme, children: [
-    /* @__PURE__ */ jsx27(InitColorSchemeScript, {}),
-    /* @__PURE__ */ jsx27(CssBaseline, {}),
-    /* @__PURE__ */ jsxs15(Box9, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
-      /* @__PURE__ */ jsx27(
-        AppBar,
-        {
-          color: "transparent",
-          position: "fixed",
-          sx: {
-            borderBottom: "1px solid",
-            borderColor: theme.vars?.palette.divider,
-            boxShadow: "none"
-          },
-          children: /* @__PURE__ */ jsxs15(Toolbar, { children: [
-            props.navigation && /* @__PURE__ */ jsx27(
-              IconButton5,
-              {
-                onClick: () => setNavigationOpen((previous) => !previous),
-                sx: { marginRight: 2 },
-                children: navigationOpen ? /* @__PURE__ */ jsx27(MenuOpen, {}) : /* @__PURE__ */ jsx27(Menu3, {})
-              }
-            ),
-            /* @__PURE__ */ jsx27(AppTitle, {}),
-            /* @__PURE__ */ jsx27(ToolbarAccount, {})
-          ] })
-        }
-      ),
-      props.navigation && /* @__PURE__ */ jsx27(NavigationRail, { navigation: props.navigation, expanded: navigationOpen ?? false, setExpanded: setNavigationOpen }),
-      /* @__PURE__ */ jsxs15(Box9, { component: "main", sx: { flexGrow: 1, display: "flex", flexDirection: "column", minWidth: 0, height: "100%", overflow: "hidden" }, children: [
-        /* @__PURE__ */ jsx27(DrawerHeader, {}),
-        /* @__PURE__ */ jsx27(Box9, { sx: { flex: 1, overflow: "auto", position: "relative" }, children: props.children })
-      ] })
-    ] }),
-    (isFetching || isMutating) && /* @__PURE__ */ jsx27(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
-  ] });
-};
-
 // src/providers/LayoutProvider.tsx
 import { jsx as jsx28 } from "react/jsx-runtime";
-var LayoutProvider = (props) => {
-  const [user, setUser] = useState10({ employeeId: "", name: "Unknown", department: "", company: "", category: "" });
-  const { t: t2 } = useTranslation7();
-  const navigation = props.getNavigation?.({ user, t: t2 });
+var LayoutProvider = ({ navigation, theme, children }) => {
+  const createdTheme = useGetTheme(theme);
   useEffect6(() => {
-    z.config(default2.resolvedLanguage === "cs" ? cs() : en());
+    const handler = () => {
+      z.config(default2.resolvedLanguage === "cs" ? cs() : en());
+    };
+    handler();
+    default2.on("languageChanged", handler);
+    return () => {
+      default2.off("languageChanged", handler);
+    };
   }, []);
-  return /* @__PURE__ */ jsx28(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: default2.resolvedLanguage, children: /* @__PURE__ */ jsx28(LayoutContext.Provider, { value: { user: { get: user, set: setUser } }, children: /* @__PURE__ */ jsx28(Layout, { navigation, theme: props.theme, children: /* @__PURE__ */ jsx28(DialogsProvider, { children: props.children }) }) }) });
+  return /* @__PURE__ */ jsx28(ThemeProvider, { theme: createdTheme, children: /* @__PURE__ */ jsx28(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: default2.resolvedLanguage, children: /* @__PURE__ */ jsx28(DialogsProvider, { children: /* @__PURE__ */ jsx28(Layout, { navigation, children }) }) }) });
 };
 
 // src/index.ts
@@ -3999,11 +4030,11 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
 
 // src/components/form/FormCheckbox.tsx
 import { Checkbox, FormControl, FormControlLabel, FormHelperText } from "@mui/material";
-import { jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
 var FormCheckbox = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs16(FormControl, { component: "fieldset", children: [
+  return /* @__PURE__ */ jsxs17(FormControl, { component: "fieldset", children: [
     /* @__PURE__ */ jsx30(
       FormControlLabel,
       {
@@ -4107,11 +4138,11 @@ var FormNumberField = ({ options, ...props }) => {
 
 // src/components/form/FormRadioGroup.tsx
 import { FormControl as FormControl2, FormControlLabel as FormControlLabel2, FormHelperText as FormHelperText2, FormLabel, Radio, RadioGroup } from "@mui/material";
-import { jsx as jsx34, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
 var FormRadioGroup = ({ label, options, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs17(FormControl2, { component: "fieldset", children: [
+  return /* @__PURE__ */ jsxs18(FormControl2, { component: "fieldset", children: [
     label && /* @__PURE__ */ jsx34(FormLabel, { component: "legend", children: label }),
     /* @__PURE__ */ jsx34(
       RadioGroup,
@@ -4139,11 +4170,11 @@ var FormRadioGroup = ({ label, options, ...props }) => {
 
 // src/components/form/FormSlider.tsx
 import { FormControl as FormControl3, FormHelperText as FormHelperText3, FormLabel as FormLabel2, Slider } from "@mui/material";
-import { jsx as jsx35, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
 var FormSlider = ({ label, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs18(FormControl3, { component: "fieldset", children: [
+  return /* @__PURE__ */ jsxs19(FormControl3, { component: "fieldset", children: [
     label && /* @__PURE__ */ jsx35(FormLabel2, { children: label }),
     /* @__PURE__ */ jsx35(
       Slider,
@@ -4185,11 +4216,11 @@ var FormSubmitButton = (props) => {
 
 // src/components/form/FormSwitch.tsx
 import { FormControl as FormControl4, FormControlLabel as FormControlLabel3, FormHelperText as FormHelperText4, Switch } from "@mui/material";
-import { jsx as jsx37, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
 var FormSwitch = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs19(FormControl4, { component: "fieldset", children: [
+  return /* @__PURE__ */ jsxs20(FormControl4, { component: "fieldset", children: [
     /* @__PURE__ */ jsx37(
       FormControlLabel3,
       {
@@ -4255,7 +4286,7 @@ var { useAppForm: useLayoutForm, withForm: withLayoutForm } = createFormHook({
 
 // src/index.ts
 import { default as default3 } from "use-local-storage-state";
-import { useTranslation as useTranslation8 } from "react-i18next";
+import { useTranslation as useTranslation7 } from "react-i18next";
 import { t } from "i18next";
 export {
   ChipInputCell,
@@ -4276,7 +4307,6 @@ export {
   TableContainer,
   TypographyWithIcon,
   rootRouteHead,
-  setSSRLanguage,
   t,
   useDeleteFile,
   useDeleteFiles,
@@ -4290,7 +4320,7 @@ export {
   useLayoutForm,
   default3 as useLocalStorageState,
   useOpenFile,
-  useTranslation8 as useTranslation,
+  useTranslation7 as useTranslation,
   useUpdateFileMeta,
   useUploadFile,
   uuidv72 as uuidv7,