@serhii.olishevskyi/docs 1.0.5 → 1.0.7

package/dist/{chunk-R2QQMMHL.mjs → chunk-VCRXKPJ4.mjs}

@@ -1,5 +1,5 @@
 // src/UI/components/data.display/UserPopoverComponent.tsx
-import { useEffect as useEffect8, useState as useState12 } from "react";
+import { useEffect as useEffect9, useState as useState13 } from "react";
 import {
   Popover,
   Box as Box4,
@@ -189,7 +189,54 @@ var config_default = i18n;
 // src/context/AuthProvider.tsx
 import { createContext as createContext3, useContext as useContext3, useEffect, useState, useCallback, useRef } from "react";
 
+// src/utils/deviceId.ts
+var getDeviceId = () => {
+  let deviceId = localStorage.getItem("app_device_id");
+  if (!deviceId) {
+    deviceId = crypto.randomUUID();
+    localStorage.setItem("app_device_id", deviceId);
+  }
+  return deviceId;
+};
+
 // src/services/session.service.ts
+var trackUserSession = async (supabase, userId) => {
+  const deviceId = getDeviceId();
+  let ip = "";
+  try {
+    const ipRes = await fetch("https://api.ipify.org?format=json");
+    const ipData = await ipRes.json();
+    ip = ipData.ip;
+  } catch (e) {
+    console.warn("Failed to fetch IP address", e);
+  }
+  await supabase.from("user_sessions").upsert(
+    {
+      user_id: userId,
+      device_id: deviceId,
+      user_agent: navigator.userAgent,
+      ip_address: ip,
+      url: window.location.href,
+      last_seen_at: (/* @__PURE__ */ new Date()).toISOString()
+    },
+    { onConflict: "user_id, device_id" }
+  );
+};
+var isCurrentSessionValid = async (supabase, userId) => {
+  try {
+    const currentDeviceId = getDeviceId();
+    const { data, error } = await supabase.from("user_sessions").select("id").eq("user_id", userId).eq("device_id", currentDeviceId).maybeSingle();
+    if (error) {
+      console.warn("\u041F\u043E\u043C\u0438\u043B\u043A\u0430 \u043F\u0435\u0440\u0435\u0432\u0456\u0440\u043A\u0438 \u0441\u0435\u0441\u0456\u0457:", error.message);
+      return true;
+    }
+    if (!data) return false;
+    return true;
+  } catch (err) {
+    console.error("\u041D\u0435\u0441\u043F\u043E\u0434\u0456\u0432\u0430\u043D\u0430 \u043F\u043E\u043C\u0438\u043B\u043A\u0430 \u043F\u0440\u0438 \u043F\u0435\u0440\u0435\u0432\u0456\u0440\u0446\u0456 \u0441\u0435\u0441\u0456\u0457:", err);
+    return true;
+  }
+};
 var getUserLastSeenAt = async (supabase, userId) => {
   const { data, error } = await supabase.from("user_sessions").select("last_seen_at").eq("user_id", userId).order("last_seen_at", { ascending: false }).limit(1).maybeSingle();
   if (error || !data) return null;
@@ -199,6 +246,179 @@ var getUserLastSeenAt = async (supabase, userId) => {
 // src/context/AuthProvider.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
 var AuthContext = createContext3(void 0);
+var AuthProvider = ({ children }) => {
+  const supabase = useSupabase();
+  const [user, setUser] = useState(null);
+  const [profile, setProfile] = useState(null);
+  const [membership, setMembership] = useState(null);
+  const [session, setSession] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const currentUserIdRef = useRef(null);
+  const fetchProfileAndMembership = useCallback(async (userId) => {
+    try {
+      const { data, error } = await supabase.rpc("get_user_avatar_and_profile", {
+        p_user_id: userId
+      });
+      if (error || !data) {
+        console.error("Error fetching user context via RPC:", error?.message);
+        setProfile(null);
+        setMembership(null);
+        return;
+      }
+      const response = data;
+      if (response?.profile) {
+        const profileData = response.profile;
+        if (profileData.avatar_path && !profileData.avatar_path.startsWith("http")) {
+          const cleanPath = profileData.avatar_path.replace(/^user-media\//, "");
+          const { data: avatarSignedData } = await supabase.storage.from("user-media").createSignedUrl(cleanPath, 3600);
+          if (avatarSignedData?.signedUrl) {
+            profileData.avatar_url = avatarSignedData.signedUrl;
+          }
+        }
+        if (profileData.cover_image_path && !profileData.cover_image_path.startsWith("http")) {
+          const cleanPath = profileData.cover_image_path.replace(/^user-media\//, "");
+          const { data: coverSignedData } = await supabase.storage.from("user-media").createSignedUrl(cleanPath, 3600);
+          if (coverSignedData?.signedUrl) {
+            profileData.cover_image_url = coverSignedData.signedUrl;
+          }
+        }
+        let updatedMembership = response.membership;
+        if (updatedMembership) {
+          const now = (/* @__PURE__ */ new Date()).toISOString();
+          const isFirstLogin = !updatedMembership.first_login_at;
+          const updateData = {
+            last_login_at: now,
+            ...isFirstLogin && { first_login_at: now }
+          };
+          const { error: updateError } = await supabase.from("memberships").update(updateData).eq("id", updatedMembership.id);
+          if (updateError) {
+            console.error("Error updating membership login timestamps:", updateError.message);
+          } else {
+            updatedMembership = {
+              ...updatedMembership,
+              ...updateData
+            };
+          }
+        }
+        setProfile(profileData);
+        setMembership(updatedMembership);
+      }
+    } catch (err) {
+      console.error("Unexpected error fetching user context:", err);
+      setProfile(null);
+      setMembership(null);
+    }
+  }, []);
+  const refreshProfile = async () => {
+    if (currentUserIdRef.current) {
+      await fetchProfileAndMembership(currentUserIdRef.current);
+    }
+  };
+  const signOut = useCallback(async () => {
+    await supabase.auth.signOut();
+    currentUserIdRef.current = null;
+    setUser(null);
+    setProfile(null);
+    setMembership(null);
+    setSession(null);
+  }, []);
+  const setActiveCompany = async (companyId) => {
+    if (!user) {
+      throw new Error("\u041F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044C \u043D\u0435 \u0430\u0432\u0442\u043E\u0440\u0438\u0437\u043E\u0432\u0430\u043D");
+    }
+    const { error: profileError } = await supabase.from("profiles").update({ active_company_id: companyId }).eq("id", user.id);
+    if (profileError) {
+      console.error("Error updating active company:", profileError);
+      throw new Error(profileError.message);
+    }
+    await refreshProfile();
+  };
+  const updateProfile = (newProfileData) => {
+    setProfile((prev) => prev ? { ...prev, ...newProfileData } : null);
+  };
+  useEffect(() => {
+    const { data: { subscription } } = supabase.auth.onAuthStateChange(async (event, currentSession) => {
+      if (event === "TOKEN_REFRESHED" && currentUserIdRef.current === currentSession?.user?.id) {
+        setSession(currentSession);
+        return;
+      }
+      const currentUser = currentSession?.user ?? null;
+      const newUserId = currentUser?.id ?? null;
+      if (newUserId !== currentUserIdRef.current) {
+        currentUserIdRef.current = newUserId;
+        setUser(currentUser);
+        if (newUserId) {
+          await trackUserSession(supabase, newUserId).catch(console.error);
+          const isAuthLinkEvent = event === "SIGNED_IN" || event === "INITIAL_SESSION" || event === "PASSWORD_RECOVERY";
+          if (!isAuthLinkEvent) {
+            const isValid = await isCurrentSessionValid(supabase, newUserId);
+            if (!isValid) {
+              await supabase.auth.signOut();
+              currentUserIdRef.current = null;
+              setUser(null);
+              setProfile(null);
+              setMembership(null);
+              setLoading(false);
+              return;
+            }
+          }
+          await fetchProfileAndMembership(newUserId);
+          setSession(currentSession);
+        } else {
+          setProfile(null);
+          setMembership(null);
+        }
+      }
+      setLoading(false);
+    });
+    return () => {
+      subscription.unsubscribe();
+    };
+  }, [fetchProfileAndMembership]);
+  useEffect(() => {
+    if (!user) return;
+    const checkSession = async () => {
+      try {
+        const valid = await isCurrentSessionValid(supabase, user.id);
+        if (!valid) {
+          console.warn("\u0421\u0435\u0441\u0456\u044E \u0432\u0456\u0434\u043A\u043B\u0438\u043A\u0430\u043D\u043E \u0437 \u0456\u043D\u0448\u043E\u0433\u043E \u043F\u0440\u0438\u0441\u0442\u0440\u043E\u044E.");
+          await signOut();
+        }
+      } catch (err) {
+        console.error("\u041F\u043E\u043C\u0438\u043B\u043A\u0430 \u043F\u0440\u0438 \u043F\u0435\u0440\u0435\u0432\u0456\u0440\u0446\u0456 \u0441\u0435\u0441\u0456\u0457:", err);
+      }
+    };
+    const interval = setInterval(checkSession, 6e4);
+    const handleFocus = () => checkSession();
+    window.addEventListener("focus", handleFocus);
+    return () => {
+      clearInterval(interval);
+      window.removeEventListener("focus", handleFocus);
+    };
+  }, [user, signOut]);
+  const activeCompanyId = profile?.active_company_id ?? null;
+  const userRole = membership?.role ?? null;
+  return /* @__PURE__ */ jsx3(
+    AuthContext.Provider,
+    {
+      value: {
+        user,
+        profile,
+        membership,
+        userRole,
+        activeCompanyId,
+        session,
+        isAuthenticated: !!user,
+        loading,
+        signOut,
+        updateProfile,
+        refreshProfile,
+        setActiveCompany
+      },
+      children
+    }
+  );
+};
 var useAuth = () => {
   const context = useContext3(AuthContext);
   if (!context) {
@@ -1389,9 +1609,73 @@ var useConfirmation = () => {
   return context.confirm;
 };
 
+// src/context/AppSettingsProvider.tsx
+import { createContext as createContext11, useContext as useContext11, useEffect as useEffect7, useState as useState10, useCallback as useCallback5 } from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var DEFAULT_SETTINGS = {
+  max_group_members: 100
+};
+var AppSettingsContext = createContext11(void 0);
+var AppSettingsProvider = ({ children }) => {
+  const supabase = useSupabase();
+  const [settings, setSettings] = useState10(DEFAULT_SETTINGS);
+  const [loading, setLoading] = useState10(true);
+  const [error, setError] = useState10(null);
+  const fetchSettings = useCallback5(async () => {
+    try {
+      setLoading(true);
+      setError(null);
+      const { data, error: supabaseError } = await supabase.from("app_settings").select("key, value");
+      if (supabaseError) throw supabaseError;
+      if (data) {
+        const parsedSettings = data.reduce((acc, item) => {
+          acc[item.key] = item.value;
+          return acc;
+        }, { ...DEFAULT_SETTINGS });
+        setSettings(parsedSettings);
+      }
+    } catch (err) {
+      console.error("\u041E\u0448\u0438\u0431\u043A\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438 \u0441\u0438\u0441\u0442\u0435\u043C\u043D\u044B\u0445 \u043D\u0430\u0441\u0442\u0440\u043E\u0435\u043A:", err.message || err);
+      setError(err.message || "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F");
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect7(() => {
+    fetchSettings();
+  }, [fetchSettings]);
+  const getSetting = useCallback5((key, defaultValue) => {
+    if (key in settings && settings[key] !== null && settings[key] !== void 0) {
+      return settings[key];
+    }
+    return defaultValue;
+  }, [settings]);
+  return /* @__PURE__ */ jsx13(
+    AppSettingsContext.Provider,
+    {
+      value: {
+        settings,
+        loading,
+        error,
+        getSetting,
+        refetchSettings: fetchSettings
+      },
+      children
+    }
+  );
+};
+var useAppSettings = () => {
+  const context = useContext11(AppSettingsContext);
+  if (!context) {
+    throw new Error("useAppSettings should be used within the AppSettingsProvider");
+  }
+  return context;
+};
+
 // src/context/index.ts
 var Providers = {
   Supabase: SupabaseProvider,
+  AppSettings: AppSettingsProvider,
   Translate: TranslateProvider,
   TranslationEdit: TranslationEditProvider,
   Localization: LocalizationProvider,
@@ -1403,26 +1687,26 @@ var Providers = {
 };
 
 // src/UI/components/data.display/UserStatusChipComponent.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } 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__ */ jsx13(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Lock Reason" }),
+      title: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Lock Reason" }),
       message: state.locked_reason,
       type: "info",
-      confirmText: /* @__PURE__ */ jsx13(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "OK" }),
+      confirmText: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "OK" }),
       showNoButton: false,
       showCancelButton: false
     });
   };
   if (state.profile_archived) {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       Chip,
       {
-        label: /* @__PURE__ */ jsx13(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Archived" }),
+        label: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Archived" }),
         color: "default",
         size: "small",
         variant: "filled"
@@ -1430,10 +1714,10 @@ var UserStatusChipComponent = ({ overrideNamespace, state }) => {
     );
   }
   if (state.profile_locked) {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       Chip,
       {
-        label: /* @__PURE__ */ jsx13(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "System Locked" }),
+        label: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "System Locked" }),
         color: "error",
         size: "small",
         variant: "filled"
@@ -1441,30 +1725,30 @@ var UserStatusChipComponent = ({ overrideNamespace, state }) => {
     );
   }
   if (state.excluded) {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       Chip,
       {
-        label: /* @__PURE__ */ jsx13(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Excluded" }),
+        label: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Excluded" }),
         size: "small"
       }
     );
   }
   if (state.locked) {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       Chip,
       {
-        label: /* @__PURE__ */ jsx13(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Locked" }),
+        label: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Locked" }),
         color: "error",
         size: "small",
         onDelete: state.locked_reason ? handleShowReason : void 0,
-        deleteIcon: state.locked_reason ? /* @__PURE__ */ jsx13(IconButton2, { size: "small", component: "span", sx: { p: 0.2 }, children: /* @__PURE__ */ jsx13(InfoOutlinedIcon, { fontSize: "small" }) }) : 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
       }
     );
   }
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     Chip,
     {
-      label: /* @__PURE__ */ jsx13(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Active" }),
+      label: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Active" }),
       color: "success",
       size: "small",
       variant: "outlined"
@@ -1474,32 +1758,32 @@ var UserStatusChipComponent = ({ overrideNamespace, state }) => {
 
 // src/UI/components/data.display/UserRoleChipComponent.tsx
 import { Chip as Chip2 } from "@mui/material";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var UserRoleChipComponent = ({ overrideNamespace, role }) => {
   switch (role) {
     case "superadmin":
-      return /* @__PURE__ */ jsx14(
+      return /* @__PURE__ */ jsx15(
         Chip2,
         {
-          label: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Superadministrator" }),
+          label: /* @__PURE__ */ jsx15(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Superadministrator" }),
           color: "error",
           size: "small"
         }
       );
     case "admin":
-      return /* @__PURE__ */ jsx14(
+      return /* @__PURE__ */ jsx15(
         Chip2,
         {
-          label: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Administrator" }),
+          label: /* @__PURE__ */ jsx15(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Administrator" }),
           color: "primary",
           size: "small"
         }
       );
     default:
-      return /* @__PURE__ */ jsx14(
+      return /* @__PURE__ */ jsx15(
         Chip2,
         {
-          label: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "User" }),
+          label: /* @__PURE__ */ jsx15(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "User" }),
           variant: "outlined",
           size: "small"
         }
@@ -1508,14 +1792,14 @@ var UserRoleChipComponent = ({ overrideNamespace, role }) => {
 };
 
 // src/UI/components/buttons/CopyClipboardButtonComponent.tsx
-import { useState as useState10 } from "react";
+import { useState as useState11 } 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 jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var TranslatableTooltipComponent = ({
   overrideNamespace,
   title,
@@ -1524,10 +1808,10 @@ var TranslatableTooltipComponent = ({
   ...props
 }) => {
   const { isTranslationMode } = useTranslationEdit();
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     Tooltip2,
     {
-      title: typeof title === "string" ? /* @__PURE__ */ jsx15(TranslateText, { overrideNamespace, children: title }) : title,
+      title: typeof title === "string" ? /* @__PURE__ */ jsx16(TranslateText, { overrideNamespace, children: title }) : title,
       slotProps: {
         popper: {
           sx: isTranslationMode ? {
@@ -1541,13 +1825,13 @@ var TranslatableTooltipComponent = ({
       },
       leaveDelay: isTranslationMode ? 1e3 : 100,
       ...props,
-      children: disableSpan ? children : /* @__PURE__ */ jsx15("span", { children })
+      children: disableSpan ? children : /* @__PURE__ */ jsx16("span", { children })
     }
   );
 };
 
 // src/UI/components/buttons/CopyClipboardButtonComponent.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var CopyClipboardButtonComponent = ({
   overrideNamespace,
   textToCopy,
@@ -1560,7 +1844,7 @@ var CopyClipboardButtonComponent = ({
   sx,
   ...iconButtonProps
 }) => {
-  const [copied, setCopied] = useState10(false);
+  const [copied, setCopied] = useState11(false);
   const handleCopy = async (e) => {
     e.stopPropagation();
     if (!textToCopy) return;
@@ -1577,7 +1861,7 @@ var CopyClipboardButtonComponent = ({
       console.error("Failed to copy text to clipboard:", error);
     }
   };
-  return /* @__PURE__ */ jsx16(TranslatableTooltipComponent, { title: copied ? copiedTooltipText : copyTooltipText, children: /* @__PURE__ */ jsx16("span", { children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(TranslatableTooltipComponent, { title: copied ? copiedTooltipText : copyTooltipText, children: /* @__PURE__ */ jsx17("span", { children: /* @__PURE__ */ jsx17(
     IconButton3,
     {
       size,
@@ -1585,17 +1869,17 @@ var CopyClipboardButtonComponent = ({
       disabled: !textToCopy || iconButtonProps.disabled,
       sx: { p: 0.25, ...sx },
       ...iconButtonProps,
-      children: copied ? /* @__PURE__ */ jsx16(CheckIcon, { fontSize: size === "large" ? "medium" : "small", color: "success" }) : /* @__PURE__ */ jsx16(CopyIcon, { fontSize: size === "large" ? "medium" : "small" })
+      children: copied ? /* @__PURE__ */ jsx17(CheckIcon, { fontSize: size === "large" ? "medium" : "small", color: "success" }) : /* @__PURE__ */ jsx17(CopyIcon, { fontSize: size === "large" ? "medium" : "small" })
     }
   ) }) });
 };
 
 // src/context/UserSettingsProvider.tsx
-import { createContext as createContext11, useContext as useContext11, useEffect as useEffect7, useState as useState11, useCallback as useCallback5 } from "react";
-import { jsx as jsx17 } from "react/jsx-runtime";
-var UserSettingsContext = createContext11(void 0);
+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 = useContext11(UserSettingsContext);
+  const context = useContext12(UserSettingsContext);
   if (!context) {
     throw new Error("useUserSettings should be used within the UserSettingsProvider");
   }
@@ -1603,11 +1887,11 @@ var useUserSettings = () => {
 };
 
 // src/UI/components/data.display/UserPopoverComponent.tsx
-import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx19, jsxs as jsxs6 } from "react/jsx-runtime";
 var useUserStatus = (supabase, userId, open) => {
-  const [lastSeenAt, setLastSeenAt] = useState12(null);
-  const [loading, setLoading] = useState12(true);
-  useEffect8(() => {
+  const [lastSeenAt, setLastSeenAt] = useState13(null);
+  const [loading, setLoading] = useState13(true);
+  useEffect9(() => {
     if (!userId || !open) {
       setLastSeenAt(null);
       setLoading(false);
@@ -1656,13 +1940,13 @@ var UserPopoverComponent = ({
   const { activeCompanyId, membership: currentMembership } = useAuth();
   const { openChatWithUser } = useUserSettings();
   const { formatDate, formatRelativeTime } = useLocalization();
-  const [profileData, setProfileData] = useState12(null);
-  const [membershipData, setMembershipData] = useState12(null);
-  const [avatarUrl, setAvatarUrl] = useState12(null);
-  const [coverUrl, setCoverUrl] = useState12(null);
-  const [loading, setLoading] = useState12(true);
+  const [profileData, setProfileData] = useState13(null);
+  const [membershipData, setMembershipData] = useState13(null);
+  const [avatarUrl, setAvatarUrl] = useState13(null);
+  const [coverUrl, setCoverUrl] = useState13(null);
+  const [loading, setLoading] = useState13(true);
   const { lastSeenAt, isOnline } = useUserStatus(supabase, userId, open);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!open || !userId || !activeCompanyId) return;
     let isMounted = true;
     setLoading(true);
@@ -1708,7 +1992,7 @@ var UserPopoverComponent = ({
   }, [open, userId, currentMembership?.id, activeCompanyId]);
   const getStatusChip = () => {
     if (!profileData) return null;
-    return /* @__PURE__ */ jsx18(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__ */ jsx19(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";
@@ -1729,7 +2013,7 @@ var UserPopoverComponent = ({
     return "inherit";
   };
   const canChat = currentMembership && membershipData && currentMembership.id !== membershipData.id;
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     Popover,
     {
       open,
@@ -1748,7 +2032,7 @@ var UserPopoverComponent = ({
           }
         }
       },
-      children: loading ? /* @__PURE__ */ jsx18(Box4, { sx: { display: "flex", justifyContent: "center", py: 4 }, children: /* @__PURE__ */ jsx18(CircularProgress2, { size: 28 }) }) : profileData ? /* @__PURE__ */ jsxs6(Box4, { sx: { display: "flex", flexDirection: "column" }, children: [
+      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: [
         /* @__PURE__ */ jsxs6(
           Box4,
           {
@@ -1759,7 +2043,7 @@ var UserPopoverComponent = ({
               bgcolor: "action.selected"
             },
             children: [
-              coverUrl && /* @__PURE__ */ jsx18(
+              coverUrl && /* @__PURE__ */ jsx19(
                 Box4,
                 {
                   component: "img",
@@ -1775,7 +2059,7 @@ var UserPopoverComponent = ({
                   }
                 }
               ),
-              /* @__PURE__ */ jsx18(
+              /* @__PURE__ */ jsx19(
                 IconButton4,
                 {
                   size: "small",
@@ -1793,7 +2077,7 @@ var UserPopoverComponent = ({
                       transform: "scale(1.1)"
                     }
                   },
-                  children: /* @__PURE__ */ jsx18(CloseIcon, { fontSize: "small" })
+                  children: /* @__PURE__ */ jsx19(CloseIcon, { fontSize: "small" })
                 }
               )
             ]
@@ -1801,7 +2085,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__ */ jsx18(
+            /* @__PURE__ */ jsx19(
               Badge,
               {
                 overlap: "circular",
@@ -1838,7 +2122,7 @@ var UserPopoverComponent = ({
                     }
                   }
                 },
-                children: /* @__PURE__ */ jsx18(
+                children: /* @__PURE__ */ jsx19(
                   Avatar,
                   {
                     src: avatarUrl || coverUrl || void 0,
@@ -1858,52 +2142,52 @@ var UserPopoverComponent = ({
               }
             ),
             /* @__PURE__ */ jsxs6(Box4, { sx: { overflow: "hidden", pb: 0.5 }, children: [
-              /* @__PURE__ */ jsx18(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__ */ jsx18(Typography2, { variant: "body2", color: "text.secondary", noWrap: true, children: membershipData.employee_post })
+              /* @__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__ */ jsxs6(Stack, { direction: "row", spacing: 1, sx: { my: 1, flexWrap: "wrap", gap: 0.5 }, children: [
             getStatusChip(),
-            /* @__PURE__ */ jsx18(UserRoleChipComponent, { role: membershipData?.role || "user" })
+            /* @__PURE__ */ jsx19(UserRoleChipComponent, { role: membershipData?.role || "user" })
           ] }),
-          /* @__PURE__ */ jsx18(Divider, { sx: { my: 1.5 } }),
+          /* @__PURE__ */ jsx19(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__ */ jsx18(AccessTimeIcon, { fontSize: "small", color: getStatusIconColor(isOnline, lastSeenAt) }),
-              /* @__PURE__ */ jsx18(Typography2, { variant: "body2", color: getStatusTypographyColor(isOnline, lastSeenAt), children: isOnline ? /* @__PURE__ */ jsx18(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Online" }) : lastSeenAt ? /* @__PURE__ */ jsxs6(Fragment2, { children: [
-                /* @__PURE__ */ jsx18(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Last seen" }),
+              /* @__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__ */ jsx18("strong", { children: formatRelativeTime(lastSeenAt) })
-              ] }) : /* @__PURE__ */ jsx18(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Offline" }) })
+                /* @__PURE__ */ jsx19("strong", { children: formatRelativeTime(lastSeenAt) })
+              ] }) : /* @__PURE__ */ jsx19(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Offline" }) })
             ] }),
             profileData.email && /* @__PURE__ */ jsxs6(Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
-              /* @__PURE__ */ jsx18(EmailIcon, { fontSize: "small" }),
-              /* @__PURE__ */ jsx18(Typography2, { variant: "body2", color: "text.primary", noWrap: true, sx: { flexGrow: 1 }, children: profileData.email }),
-              /* @__PURE__ */ jsx18(CopyClipboardButtonComponent, { textToCopy: profileData.email })
+              /* @__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 })
             ] }),
             membershipData?.employee_post && /* @__PURE__ */ jsxs6(Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
-              /* @__PURE__ */ jsx18(WorkIcon, { fontSize: "small" }),
-              /* @__PURE__ */ jsx18(Typography2, { variant: "body2", color: "text.primary", noWrap: true, sx: { flexGrow: 1 }, children: membershipData.employee_post }),
-              /* @__PURE__ */ jsx18(CopyClipboardButtonComponent, { textToCopy: membershipData.employee_post })
+              /* @__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 })
             ] }),
             profileData.phone && /* @__PURE__ */ jsxs6(Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
-              /* @__PURE__ */ jsx18(PhoneIcon, { fontSize: "small" }),
-              /* @__PURE__ */ jsx18(Typography2, { variant: "body2", color: "text.primary", children: profileData.phone })
+              /* @__PURE__ */ jsx19(PhoneIcon, { fontSize: "small" }),
+              /* @__PURE__ */ jsx19(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__ */ jsx18(CakeIcon, { fontSize: "small" }),
-              /* @__PURE__ */ jsx18(Typography2, { variant: "body2", color: "text.primary", children: formatDate(profileData.birthday) })
+              /* @__PURE__ */ jsx19(CakeIcon, { fontSize: "small" }),
+              /* @__PURE__ */ jsx19(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__ */ jsx18(CalendarIcon, { fontSize: "small" }),
+              /* @__PURE__ */ jsx19(CalendarIcon, { fontSize: "small" }),
               /* @__PURE__ */ jsxs6(Typography2, { variant: "body2", color: "text.primary", children: [
-                /* @__PURE__ */ jsx18(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "In company from" }),
+                /* @__PURE__ */ jsx19(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "In company from" }),
                 ": ",
                 formatDate(membershipData.created_at)
               ] })
             ] }),
-            profileData.description && /* @__PURE__ */ jsx18(
+            profileData.description && /* @__PURE__ */ jsx19(
               Typography2,
               {
                 variant: "caption",
@@ -1919,28 +2203,28 @@ var UserPopoverComponent = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx18(Divider, { sx: { my: 1 } }),
+          /* @__PURE__ */ jsx19(Divider, { sx: { my: 1 } }),
           /* @__PURE__ */ jsxs6(Stack, { direction: "row", spacing: 1, sx: { justifyContent: "space-around", pt: 0.5 }, children: [
-            /* @__PURE__ */ jsx18(TranslatableTooltipComponent, { title: /* @__PURE__ */ jsx18(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Send a notification" }), children: /* @__PURE__ */ jsx18(IconButton4, { size: "small", color: "primary", children: /* @__PURE__ */ jsx18(NotificationIcon, { fontSize: "small" }) }) }),
-            /* @__PURE__ */ jsx18(TranslatableTooltipComponent, { title: /* @__PURE__ */ jsx18(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Set a task" }), children: /* @__PURE__ */ jsx18(IconButton4, { size: "small", color: "primary", children: /* @__PURE__ */ jsx18(TaskIcon, { fontSize: "small" }) }) }),
-            /* @__PURE__ */ jsx18(TranslatableTooltipComponent, { title: /* @__PURE__ */ jsx18(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Start a chat" }), children: /* @__PURE__ */ jsx18(
+            /* @__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(
               IconButton4,
               {
                 size: "small",
                 color: "primary",
                 disabled: !canChat,
                 onClick: () => membershipData && openChatWithUser(membershipData.id),
-                children: /* @__PURE__ */ jsx18(ChatIcon, { fontSize: "small" })
+                children: /* @__PURE__ */ jsx19(ChatIcon, { fontSize: "small" })
               }
             ) })
           ] })
         ] })
-      ] }) : /* @__PURE__ */ jsx18(Box4, { sx: { p: 2 }, children: /* @__PURE__ */ jsx18(
+      ] }) : /* @__PURE__ */ jsx19(Box4, { sx: { p: 2 }, children: /* @__PURE__ */ jsx19(
         Typography2,
         {
           color: "error",
           variant: "body2",
-          children: /* @__PURE__ */ jsx18(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Failed to load user data" })
+          children: /* @__PURE__ */ jsx19(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Failed to load user data" })
         }
       ) })
     }
@@ -1951,6 +2235,8 @@ var UserPopoverComponent_default = UserPopoverComponent;
 export {
   SupabaseProvider,
   useSupabase,
+  AuthProvider,
+  useAuth,
   TranslationEditProvider,
   useTranslationEdit,
   translationService,
@@ -1971,6 +2257,8 @@ export {
   useToast,
   ConfirmationProvider,
   useConfirmation,
+  AppSettingsProvider,
+  useAppSettings,
   Providers,
   UserStatusChipComponent,
   UserRoleChipComponent,