@serhii.olishevskyi/docs 1.0.8 → 1.0.9

package/dist/{UserPopoverComponent-YKVTSRTJ.mjs → UserPopoverComponent-VE2Q77FP.mjs}

@@ -1,7 +1,7 @@
 import {
   UserPopoverComponent,
   UserPopoverComponent_default
-} from "./chunk-ABYNAO4A.mjs";
+} from "./chunk-I4NSFSES.mjs";
 export {
   UserPopoverComponent,
   UserPopoverComponent_default as default

package/dist/{chunk-ABYNAO4A.mjs → chunk-I4NSFSES.mjs}

@@ -1672,15 +1672,206 @@ var useAppSettings = () => {
   return context;
 };
 
+// src/context/UserSettingsProvider.tsx
+import { createContext as createContext12, useContext as useContext12, useEffect as useEffect8, useState as useState11, useCallback as useCallback6 } from "react";
+
+// src/types/user.types.ts
+var defaultUserSettings = {
+  sidebar_open: true,
+  chat_open: false,
+  language: "ua",
+  theme_mode: "light"
+};
+
+// src/context/UserSettingsProvider.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+var UserSettingsContext = createContext12(void 0);
+var UserSettingsProvider = ({ children }) => {
+  const supabase = useSupabase();
+  const { user, isAuthenticated, loading: isAuthLoading } = useAuth();
+  const userId = user?.id;
+  const [settings, setSettings] = useState11({
+    id: "",
+    ...defaultUserSettings
+  });
+  const [loading, setLoading] = useState11(true);
+  const [error, setError] = useState11(null);
+  const [activeChatUserId, setActiveChatUserId] = useState11(null);
+  const fetchSettings = useCallback6(async () => {
+    if (isAuthLoading) return;
+    if (!isAuthenticated || !userId) {
+      setSettings({ id: "", ...defaultUserSettings });
+      setLoading(false);
+      return;
+    }
+    try {
+      setSettings((prev) => {
+        if (prev.id !== userId) {
+          setLoading(true);
+        }
+        return prev;
+      });
+      setError(null);
+      let { data, error: fetchError } = await supabase.from("user_settings").select("*").eq("id", userId).maybeSingle();
+      if (fetchError) throw fetchError;
+      if (!data) {
+        const newSettings = {
+          id: userId,
+          sidebar_open: defaultUserSettings.sidebar_open ?? true,
+          chat_open: defaultUserSettings.chat_open ?? false,
+          language: defaultUserSettings.language ?? "ua",
+          theme_mode: defaultUserSettings.theme_mode ?? "light"
+        };
+        const { data: insertedData, error: insertError } = await supabase.from("user_settings").insert(newSettings).select().single();
+        if (insertError) {
+          if (insertError.code === "23505") {
+            const { data: retryData } = await supabase.from("user_settings").select("*").eq("id", userId).single();
+            data = retryData;
+          } else {
+            throw insertError;
+          }
+        } else {
+          data = insertedData;
+        }
+      }
+      if (data) {
+        setSettings({
+          ...defaultUserSettings,
+          ...data
+        });
+        if (data.theme_mode) {
+          localStorage.setItem(THEME_MODE_STORAGE_KEY, data.theme_mode);
+        }
+      }
+    } catch (err) {
+      console.error("Failed to load user settings from Supabase:", err);
+      setError(err.message || "Failed to load user settings");
+    } finally {
+      setLoading(false);
+    }
+  }, [isAuthenticated, isAuthLoading, userId]);
+  useEffect8(() => {
+    fetchSettings();
+  }, [fetchSettings]);
+  const toggleSidebar = useCallback6(
+    async (open) => {
+      const isExplicitBoolean = typeof open === "boolean";
+      const nextState = isExplicitBoolean ? open : !settings.sidebar_open;
+      setSettings((prev) => ({ ...prev, sidebar_open: nextState }));
+      if (!userId) return;
+      try {
+        const { error: error2 } = await supabase.from("user_settings").update({ sidebar_open: nextState, updated_at: (/* @__PURE__ */ new Date()).toISOString() }).eq("id", userId);
+        if (error2) throw error2;
+      } catch (err) {
+        console.error("Failed to update sidebar state:", err);
+        setSettings((prev) => ({ ...prev, sidebar_open: !nextState }));
+      }
+    },
+    [settings.sidebar_open, userId]
+  );
+  const toggleChat = useCallback6(
+    async (open) => {
+      const isExplicitBoolean = typeof open === "boolean";
+      const nextState = isExplicitBoolean ? open : !settings.chat_open;
+      setSettings((prev) => ({ ...prev, chat_open: nextState }));
+      if (!userId) return;
+      try {
+        const { error: error2 } = await supabase.from("user_settings").update({ chat_open: nextState, updated_at: (/* @__PURE__ */ new Date()).toISOString() }).eq("id", userId);
+        if (error2) throw error2;
+      } catch (err) {
+        console.error("Failed to update chat state:", err);
+        setSettings((prev) => ({ ...prev, chat_open: !nextState }));
+      }
+    },
+    [settings.chat_open, userId]
+  );
+  const openChatWithUser = useCallback6(
+    async (targetUserId) => {
+      setActiveChatUserId(targetUserId);
+      if (!settings.chat_open) {
+        await toggleChat(true);
+      }
+    },
+    [settings.chat_open, toggleChat]
+  );
+  const setLanguage = useCallback6(
+    async (newLanguage) => {
+      const previousLanguage = settings.language;
+      setSettings((prev) => ({ ...prev, language: newLanguage }));
+      if (!userId) return;
+      try {
+        const { error: error2 } = await supabase.from("user_settings").update({ language: newLanguage, updated_at: (/* @__PURE__ */ new Date()).toISOString() }).eq("id", userId);
+        if (error2) throw error2;
+      } catch (err) {
+        console.error("Failed to update language on server:", err);
+        setSettings((prev) => ({ ...prev, language: previousLanguage }));
+      }
+    },
+    [settings.language, userId]
+  );
+  const setThemeMode = useCallback6(
+    async (newMode) => {
+      const previousMode = settings.theme_mode;
+      setSettings((prev) => ({ ...prev, theme_mode: newMode }));
+      localStorage.setItem(THEME_MODE_STORAGE_KEY, newMode);
+      if (!userId) return;
+      try {
+        const { error: error2 } = await supabase.from("user_settings").update({ theme_mode: newMode, updated_at: (/* @__PURE__ */ new Date()).toISOString() }).eq("id", userId);
+        if (error2) throw error2;
+      } catch (err) {
+        console.error("Failed to update theme mode on server:", err);
+        setSettings((prev) => ({ ...prev, theme_mode: previousMode }));
+      }
+    },
+    [settings.theme_mode, userId]
+  );
+  return /* @__PURE__ */ jsx14(
+    UserSettingsContext.Provider,
+    {
+      value: {
+        settings,
+        loading,
+        error,
+        activeChatUserId,
+        toggleSidebar,
+        toggleChat,
+        openChatWithUser,
+        setLanguage,
+        setThemeMode,
+        refreshSettings: fetchSettings
+      },
+      children
+    }
+  );
+};
+var useUserSettings = () => {
+  const context = useContext12(UserSettingsContext);
+  if (!context) {
+    throw new Error("useUserSettings should be used within the UserSettingsProvider");
+  }
+  return context;
+};
+
+// src/context/PublicThemeProvider.tsx
+import { useMemo as useMemo6 } from "react";
+import { ThemeProvider as MuiThemeProvider2 } from "@mui/material";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var PublicThemeProvider = ({ children }) => {
+  const publicTheme = useMemo6(() => buildMuiTheme(INITIAL_THEME_CONFIG), []);
+  return /* @__PURE__ */ jsx15(MuiThemeProvider2, { theme: publicTheme, children });
+};
+
 // src/context/index.ts
 var Providers = {
   Supabase: SupabaseProvider,
   AppSettings: AppSettingsProvider,
   Auth: AuthProvider,
+  UserSettings: UserSettingsProvider,
   Translate: TranslateProvider,
   TranslationEdit: TranslationEditProvider,
   Localization: LocalizationProvider,
-  Theme: ThemeProvider,
+  PublicTheme: PublicThemeProvider,
+  ProtectedTheme: ThemeProvider,
   Breadcrumb: BreadcrumbProvider,
   Toast: ToastProvider,
   Confirmation: ConfirmationProvider,
@@ -1688,26 +1879,26 @@ var Providers = {
 };
 
 // src/UI/components/data.display/UserStatusChipComponent.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var UserStatusChipComponent = ({ overrideNamespace, state }) => {
   const confirm = useConfirmation();
   const handleShowReason = async (e) => {
     e.stopPropagation();
     if (!state.locked_reason) return;
     await confirm({
-      title: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Lock Reason" }),
+      title: /* @__PURE__ */ jsx16(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Lock Reason" }),
       message: state.locked_reason,
       type: "info",
-      confirmText: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "OK" }),
+      confirmText: /* @__PURE__ */ jsx16(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "OK" }),
       showNoButton: false,
       showCancelButton: false
     });
   };
   if (state.profile_archived) {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx16(
       Chip,
       {
-        label: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Archived" }),
+        label: /* @__PURE__ */ jsx16(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Archived" }),
         color: "default",
         size: "small",
         variant: "filled"
@@ -1715,10 +1906,10 @@ var UserStatusChipComponent = ({ overrideNamespace, state }) => {
     );
   }
   if (state.profile_locked) {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx16(
       Chip,
       {
-        label: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "System Locked" }),
+        label: /* @__PURE__ */ jsx16(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "System Locked" }),
         color: "error",
         size: "small",
         variant: "filled"
@@ -1726,30 +1917,30 @@ var UserStatusChipComponent = ({ overrideNamespace, state }) => {
     );
   }
   if (state.excluded) {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx16(
       Chip,
       {
-        label: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Excluded" }),
+        label: /* @__PURE__ */ jsx16(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Excluded" }),
         size: "small"
       }
     );
   }
   if (state.locked) {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx16(
       Chip,
       {
-        label: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Locked" }),
+        label: /* @__PURE__ */ jsx16(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Locked" }),
         color: "error",
         size: "small",
         onDelete: state.locked_reason ? handleShowReason : void 0,
-        deleteIcon: state.locked_reason ? /* @__PURE__ */ jsx14(IconButton2, { size: "small", component: "span", sx: { p: 0.2 }, children: /* @__PURE__ */ jsx14(InfoOutlinedIcon, { fontSize: "small" }) }) : void 0
+        deleteIcon: state.locked_reason ? /* @__PURE__ */ jsx16(IconButton2, { size: "small", component: "span", sx: { p: 0.2 }, children: /* @__PURE__ */ jsx16(InfoOutlinedIcon, { fontSize: "small" }) }) : void 0
       }
     );
   }
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx16(
     Chip,
     {
-      label: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Active" }),
+      label: /* @__PURE__ */ jsx16(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Active" }),
       color: "success",
       size: "small",
       variant: "outlined"
@@ -1759,32 +1950,32 @@ var UserStatusChipComponent = ({ overrideNamespace, state }) => {
 
 // src/UI/components/data.display/UserRoleChipComponent.tsx
 import { Chip as Chip2 } from "@mui/material";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var UserRoleChipComponent = ({ overrideNamespace, role }) => {
   switch (role) {
     case "superadmin":
-      return /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx17(
         Chip2,
         {
-          label: /* @__PURE__ */ jsx15(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Superadministrator" }),
+          label: /* @__PURE__ */ jsx17(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Superadministrator" }),
           color: "error",
           size: "small"
         }
       );
     case "admin":
-      return /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx17(
         Chip2,
         {
-          label: /* @__PURE__ */ jsx15(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Administrator" }),
+          label: /* @__PURE__ */ jsx17(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Administrator" }),
           color: "primary",
           size: "small"
         }
       );
     default:
-      return /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx17(
         Chip2,
         {
-          label: /* @__PURE__ */ jsx15(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "User" }),
+          label: /* @__PURE__ */ jsx17(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "User" }),
           variant: "outlined",
           size: "small"
         }
@@ -1793,14 +1984,14 @@ var UserRoleChipComponent = ({ overrideNamespace, role }) => {
 };
 
 // src/UI/components/buttons/CopyClipboardButtonComponent.tsx
-import { useState as useState11 } from "react";
+import { useState as useState12 } from "react";
 import { IconButton as IconButton3 } from "@mui/material";
 import CheckIcon from "@mui/icons-material/Check";
 import CopyIcon from "@mui/icons-material/ContentCopy";
 
 // src/UI/components/data.display/TranslatableTooltipComponent.tsx
 import { Tooltip as Tooltip2 } from "@mui/material";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var TranslatableTooltipComponent = ({
   overrideNamespace,
   title,
@@ -1809,10 +2000,10 @@ var TranslatableTooltipComponent = ({
   ...props
 }) => {
   const { isTranslationMode } = useTranslationEdit();
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx18(
     Tooltip2,
     {
-      title: typeof title === "string" ? /* @__PURE__ */ jsx16(TranslateText, { overrideNamespace, children: title }) : title,
+      title: typeof title === "string" ? /* @__PURE__ */ jsx18(TranslateText, { overrideNamespace, children: title }) : title,
       slotProps: {
         popper: {
           sx: isTranslationMode ? {
@@ -1826,13 +2017,13 @@ var TranslatableTooltipComponent = ({
       },
       leaveDelay: isTranslationMode ? 1e3 : 100,
       ...props,
-      children: disableSpan ? children : /* @__PURE__ */ jsx16("span", { children })
+      children: disableSpan ? children : /* @__PURE__ */ jsx18("span", { children })
     }
   );
 };
 
 // src/UI/components/buttons/CopyClipboardButtonComponent.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var CopyClipboardButtonComponent = ({
   overrideNamespace,
   textToCopy,
@@ -1845,7 +2036,7 @@ var CopyClipboardButtonComponent = ({
   sx,
   ...iconButtonProps
 }) => {
-  const [copied, setCopied] = useState11(false);
+  const [copied, setCopied] = useState12(false);
   const handleCopy = async (e) => {
     e.stopPropagation();
     if (!textToCopy) return;
@@ -1862,7 +2053,7 @@ var CopyClipboardButtonComponent = ({
       console.error("Failed to copy text to clipboard:", error);
     }
   };
-  return /* @__PURE__ */ jsx17(TranslatableTooltipComponent, { title: copied ? copiedTooltipText : copyTooltipText, children: /* @__PURE__ */ jsx17("span", { children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(TranslatableTooltipComponent, { title: copied ? copiedTooltipText : copyTooltipText, children: /* @__PURE__ */ jsx19("span", { children: /* @__PURE__ */ jsx19(
     IconButton3,
     {
       size,
@@ -1870,25 +2061,13 @@ var CopyClipboardButtonComponent = ({
       disabled: !textToCopy || iconButtonProps.disabled,
       sx: { p: 0.25, ...sx },
       ...iconButtonProps,
-      children: copied ? /* @__PURE__ */ jsx17(CheckIcon, { fontSize: size === "large" ? "medium" : "small", color: "success" }) : /* @__PURE__ */ jsx17(CopyIcon, { fontSize: size === "large" ? "medium" : "small" })
+      children: copied ? /* @__PURE__ */ jsx19(CheckIcon, { fontSize: size === "large" ? "medium" : "small", color: "success" }) : /* @__PURE__ */ jsx19(CopyIcon, { fontSize: size === "large" ? "medium" : "small" })
     }
   ) }) });
 };
 
-// src/context/UserSettingsProvider.tsx
-import { createContext as createContext12, useContext as useContext12, useEffect as useEffect8, useState as useState12, useCallback as useCallback6 } from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
-var UserSettingsContext = createContext12(void 0);
-var useUserSettings = () => {
-  const context = useContext12(UserSettingsContext);
-  if (!context) {
-    throw new Error("useUserSettings should be used within the UserSettingsProvider");
-  }
-  return context;
-};
-
 // src/UI/components/data.display/UserPopoverComponent.tsx
-import { Fragment as Fragment2, jsx as jsx19, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs6 } from "react/jsx-runtime";
 var useUserStatus = (supabase, userId, open) => {
   const [lastSeenAt, setLastSeenAt] = useState13(null);
   const [loading, setLoading] = useState13(true);
@@ -1993,7 +2172,7 @@ var UserPopoverComponent = ({
   }, [open, userId, currentMembership?.id, activeCompanyId]);
   const getStatusChip = () => {
     if (!profileData) return null;
-    return /* @__PURE__ */ jsx19(UserStatusChipComponent, { state: { profile_archived: profileData.archived, profile_locked: profileData.locked, excluded: membershipData?.excluded || false, locked: membershipData?.locked || false, locked_reason: membershipData?.locked_reason || "" } });
+    return /* @__PURE__ */ jsx20(UserStatusChipComponent, { state: { profile_archived: profileData.archived, profile_locked: profileData.locked, excluded: membershipData?.excluded || false, locked: membershipData?.locked || false, locked_reason: membershipData?.locked_reason || "" } });
   };
   const getStatusTypographyColor = (isOnline2, lastSeenAt2) => {
     if (isOnline2) return "success";
@@ -2014,7 +2193,7 @@ var UserPopoverComponent = ({
     return "inherit";
   };
   const canChat = currentMembership && membershipData && currentMembership.id !== membershipData.id;
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     Popover,
     {
       open,
@@ -2033,7 +2212,7 @@ var UserPopoverComponent = ({
           }
         }
       },
-      children: loading ? /* @__PURE__ */ jsx19(Box4, { sx: { display: "flex", justifyContent: "center", py: 4 }, children: /* @__PURE__ */ jsx19(CircularProgress2, { size: 28 }) }) : profileData ? /* @__PURE__ */ jsxs6(Box4, { sx: { display: "flex", flexDirection: "column" }, children: [
+      children: loading ? /* @__PURE__ */ jsx20(Box4, { sx: { display: "flex", justifyContent: "center", py: 4 }, children: /* @__PURE__ */ jsx20(CircularProgress2, { size: 28 }) }) : profileData ? /* @__PURE__ */ jsxs6(Box4, { sx: { display: "flex", flexDirection: "column" }, children: [
         /* @__PURE__ */ jsxs6(
           Box4,
           {
@@ -2044,7 +2223,7 @@ var UserPopoverComponent = ({
               bgcolor: "action.selected"
             },
             children: [
-              coverUrl && /* @__PURE__ */ jsx19(
+              coverUrl && /* @__PURE__ */ jsx20(
                 Box4,
                 {
                   component: "img",
@@ -2060,7 +2239,7 @@ var UserPopoverComponent = ({
                   }
                 }
               ),
-              /* @__PURE__ */ jsx19(
+              /* @__PURE__ */ jsx20(
                 IconButton4,
                 {
                   size: "small",
@@ -2078,7 +2257,7 @@ var UserPopoverComponent = ({
                       transform: "scale(1.1)"
                     }
                   },
-                  children: /* @__PURE__ */ jsx19(CloseIcon, { fontSize: "small" })
+                  children: /* @__PURE__ */ jsx20(CloseIcon, { fontSize: "small" })
                 }
               )
             ]
@@ -2086,7 +2265,7 @@ var UserPopoverComponent = ({
         ),
         /* @__PURE__ */ jsxs6(Box4, { sx: { p: 2, pt: 0 }, children: [
           /* @__PURE__ */ jsxs6(Stack, { direction: "row", spacing: 1.5, sx: { alignItems: "flex-end", mt: "-18px", mb: 1 }, children: [
-            /* @__PURE__ */ jsx19(
+            /* @__PURE__ */ jsx20(
               Badge,
               {
                 overlap: "circular",
@@ -2123,7 +2302,7 @@ var UserPopoverComponent = ({
                     }
                   }
                 },
-                children: /* @__PURE__ */ jsx19(
+                children: /* @__PURE__ */ jsx20(
                   Avatar,
                   {
                     src: avatarUrl || coverUrl || void 0,
@@ -2143,52 +2322,52 @@ var UserPopoverComponent = ({
               }
             ),
             /* @__PURE__ */ jsxs6(Box4, { sx: { overflow: "hidden", pb: 0.5 }, children: [
-              /* @__PURE__ */ jsx19(Typography2, { variant: "subtitle1", sx: { fontWeight: 600, lineHeight: 1.2 }, noWrap: true, children: profileData.display_name || `${profileData.first_name || ""} ${profileData.last_name || ""}` }),
-              membershipData?.employee_post && /* @__PURE__ */ jsx19(Typography2, { variant: "body2", color: "text.secondary", noWrap: true, children: membershipData.employee_post })
+              /* @__PURE__ */ jsx20(Typography2, { variant: "subtitle1", sx: { fontWeight: 600, lineHeight: 1.2 }, noWrap: true, children: profileData.display_name || `${profileData.first_name || ""} ${profileData.last_name || ""}` }),
+              membershipData?.employee_post && /* @__PURE__ */ jsx20(Typography2, { variant: "body2", color: "text.secondary", noWrap: true, children: membershipData.employee_post })
             ] })
           ] }),
           /* @__PURE__ */ jsxs6(Stack, { direction: "row", spacing: 1, sx: { my: 1, flexWrap: "wrap", gap: 0.5 }, children: [
             getStatusChip(),
-            /* @__PURE__ */ jsx19(UserRoleChipComponent, { role: membershipData?.role || "user" })
+            /* @__PURE__ */ jsx20(UserRoleChipComponent, { role: membershipData?.role || "user" })
           ] }),
-          /* @__PURE__ */ jsx19(Divider, { sx: { my: 1.5 } }),
+          /* @__PURE__ */ jsx20(Divider, { sx: { my: 1.5 } }),
           /* @__PURE__ */ jsxs6(Stack, { spacing: 1, sx: { fontSize: "0.875rem", mb: 1.5 }, children: [
             /* @__PURE__ */ jsxs6(Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
-              /* @__PURE__ */ jsx19(AccessTimeIcon, { fontSize: "small", color: getStatusIconColor(isOnline, lastSeenAt) }),
-              /* @__PURE__ */ jsx19(Typography2, { variant: "body2", color: getStatusTypographyColor(isOnline, lastSeenAt), children: isOnline ? /* @__PURE__ */ jsx19(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Online" }) : lastSeenAt ? /* @__PURE__ */ jsxs6(Fragment2, { children: [
-                /* @__PURE__ */ jsx19(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Last seen" }),
+              /* @__PURE__ */ jsx20(AccessTimeIcon, { fontSize: "small", color: getStatusIconColor(isOnline, lastSeenAt) }),
+              /* @__PURE__ */ jsx20(Typography2, { variant: "body2", color: getStatusTypographyColor(isOnline, lastSeenAt), children: isOnline ? /* @__PURE__ */ jsx20(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Online" }) : lastSeenAt ? /* @__PURE__ */ jsxs6(Fragment2, { children: [
+                /* @__PURE__ */ jsx20(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Last seen" }),
                 ":",
                 " ",
-                /* @__PURE__ */ jsx19("strong", { children: formatRelativeTime(lastSeenAt) })
-              ] }) : /* @__PURE__ */ jsx19(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Offline" }) })
+                /* @__PURE__ */ jsx20("strong", { children: formatRelativeTime(lastSeenAt) })
+              ] }) : /* @__PURE__ */ jsx20(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Offline" }) })
             ] }),
             profileData.email && /* @__PURE__ */ jsxs6(Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
-              /* @__PURE__ */ jsx19(EmailIcon, { fontSize: "small" }),
-              /* @__PURE__ */ jsx19(Typography2, { variant: "body2", color: "text.primary", noWrap: true, sx: { flexGrow: 1 }, children: profileData.email }),
-              /* @__PURE__ */ jsx19(CopyClipboardButtonComponent, { textToCopy: profileData.email })
+              /* @__PURE__ */ jsx20(EmailIcon, { fontSize: "small" }),
+              /* @__PURE__ */ jsx20(Typography2, { variant: "body2", color: "text.primary", noWrap: true, sx: { flexGrow: 1 }, children: profileData.email }),
+              /* @__PURE__ */ jsx20(CopyClipboardButtonComponent, { textToCopy: profileData.email })
             ] }),
             membershipData?.employee_post && /* @__PURE__ */ jsxs6(Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
-              /* @__PURE__ */ jsx19(WorkIcon, { fontSize: "small" }),
-              /* @__PURE__ */ jsx19(Typography2, { variant: "body2", color: "text.primary", noWrap: true, sx: { flexGrow: 1 }, children: membershipData.employee_post }),
-              /* @__PURE__ */ jsx19(CopyClipboardButtonComponent, { textToCopy: membershipData.employee_post })
+              /* @__PURE__ */ jsx20(WorkIcon, { fontSize: "small" }),
+              /* @__PURE__ */ jsx20(Typography2, { variant: "body2", color: "text.primary", noWrap: true, sx: { flexGrow: 1 }, children: membershipData.employee_post }),
+              /* @__PURE__ */ jsx20(CopyClipboardButtonComponent, { textToCopy: membershipData.employee_post })
             ] }),
             profileData.phone && /* @__PURE__ */ jsxs6(Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
-              /* @__PURE__ */ jsx19(PhoneIcon, { fontSize: "small" }),
-              /* @__PURE__ */ jsx19(Typography2, { variant: "body2", color: "text.primary", children: profileData.phone })
+              /* @__PURE__ */ jsx20(PhoneIcon, { fontSize: "small" }),
+              /* @__PURE__ */ jsx20(Typography2, { variant: "body2", color: "text.primary", children: profileData.phone })
             ] }),
             profileData.birthday && /* @__PURE__ */ jsxs6(Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
-              /* @__PURE__ */ jsx19(CakeIcon, { fontSize: "small" }),
-              /* @__PURE__ */ jsx19(Typography2, { variant: "body2", color: "text.primary", children: formatDate(profileData.birthday) })
+              /* @__PURE__ */ jsx20(CakeIcon, { fontSize: "small" }),
+              /* @__PURE__ */ jsx20(Typography2, { variant: "body2", color: "text.primary", children: formatDate(profileData.birthday) })
             ] }),
             membershipData?.created_at && /* @__PURE__ */ jsxs6(Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
-              /* @__PURE__ */ jsx19(CalendarIcon, { fontSize: "small" }),
+              /* @__PURE__ */ jsx20(CalendarIcon, { fontSize: "small" }),
               /* @__PURE__ */ jsxs6(Typography2, { variant: "body2", color: "text.primary", children: [
-                /* @__PURE__ */ jsx19(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "In company from" }),
+                /* @__PURE__ */ jsx20(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "In company from" }),
                 ": ",
                 formatDate(membershipData.created_at)
               ] })
             ] }),
-            profileData.description && /* @__PURE__ */ jsx19(
+            profileData.description && /* @__PURE__ */ jsx20(
               Typography2,
               {
                 variant: "caption",
@@ -2204,28 +2383,28 @@ var UserPopoverComponent = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx19(Divider, { sx: { my: 1 } }),
+          /* @__PURE__ */ jsx20(Divider, { sx: { my: 1 } }),
           /* @__PURE__ */ jsxs6(Stack, { direction: "row", spacing: 1, sx: { justifyContent: "space-around", pt: 0.5 }, children: [
-            /* @__PURE__ */ jsx19(TranslatableTooltipComponent, { title: /* @__PURE__ */ jsx19(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Send a notification" }), children: /* @__PURE__ */ jsx19(IconButton4, { size: "small", color: "primary", children: /* @__PURE__ */ jsx19(NotificationIcon, { fontSize: "small" }) }) }),
-            /* @__PURE__ */ jsx19(TranslatableTooltipComponent, { title: /* @__PURE__ */ jsx19(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Set a task" }), children: /* @__PURE__ */ jsx19(IconButton4, { size: "small", color: "primary", children: /* @__PURE__ */ jsx19(TaskIcon, { fontSize: "small" }) }) }),
-            /* @__PURE__ */ jsx19(TranslatableTooltipComponent, { title: /* @__PURE__ */ jsx19(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Start a chat" }), children: /* @__PURE__ */ jsx19(
+            /* @__PURE__ */ jsx20(TranslatableTooltipComponent, { title: /* @__PURE__ */ jsx20(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Send a notification" }), children: /* @__PURE__ */ jsx20(IconButton4, { size: "small", color: "primary", children: /* @__PURE__ */ jsx20(NotificationIcon, { fontSize: "small" }) }) }),
+            /* @__PURE__ */ jsx20(TranslatableTooltipComponent, { title: /* @__PURE__ */ jsx20(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Set a task" }), children: /* @__PURE__ */ jsx20(IconButton4, { size: "small", color: "primary", children: /* @__PURE__ */ jsx20(TaskIcon, { fontSize: "small" }) }) }),
+            /* @__PURE__ */ jsx20(TranslatableTooltipComponent, { title: /* @__PURE__ */ jsx20(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Start a chat" }), children: /* @__PURE__ */ jsx20(
               IconButton4,
               {
                 size: "small",
                 color: "primary",
                 disabled: !canChat,
                 onClick: () => membershipData && openChatWithUser(membershipData.id),
-                children: /* @__PURE__ */ jsx19(ChatIcon, { fontSize: "small" })
+                children: /* @__PURE__ */ jsx20(ChatIcon, { fontSize: "small" })
               }
             ) })
           ] })
         ] })
-      ] }) : /* @__PURE__ */ jsx19(Box4, { sx: { p: 2 }, children: /* @__PURE__ */ jsx19(
+      ] }) : /* @__PURE__ */ jsx20(Box4, { sx: { p: 2 }, children: /* @__PURE__ */ jsx20(
         Typography2,
         {
           color: "error",
           variant: "body2",
-          children: /* @__PURE__ */ jsx19(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Failed to load user data" })
+          children: /* @__PURE__ */ jsx20(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Failed to load user data" })
         }
       ) })
     }
@@ -2260,6 +2439,8 @@ export {
   useConfirmation,
   AppSettingsProvider,
   useAppSettings,
+  UserSettingsProvider,
+  useUserSettings,
   Providers,
   UserStatusChipComponent,
   UserRoleChipComponent,