@serhii.olishevskyi/docs 1.0.5 → 1.0.7

package/dist/index.js

@@ -153,18 +153,64 @@ var init_config = __esm({
 });
 
 // src/utils/deviceId.ts
+var getDeviceId;
 var init_deviceId = __esm({
   "src/utils/deviceId.ts"() {
     "use strict";
+    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 getUserLastSeenAt;
+var trackUserSession, isCurrentSessionValid, getUserLastSeenAt;
 var init_session_service = __esm({
   "src/services/session.service.ts"() {
     "use strict";
     init_deviceId();
+    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" }
+      );
+    };
+    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;
+      }
+    };
     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;
@@ -209,7 +255,7 @@ var init_SupabaseProvider = __esm({
 });
 
 // src/context/AuthProvider.tsx
-var import_react2, import_jsx_runtime2, AuthContext, useAuth;
+var import_react2, import_jsx_runtime2, AuthContext, AuthProvider, useAuth;
 var init_AuthProvider = __esm({
   "src/context/AuthProvider.tsx"() {
     "use strict";
@@ -218,6 +264,179 @@ var init_AuthProvider = __esm({
     init_SupabaseProvider();
     import_jsx_runtime2 = require("react/jsx-runtime");
     AuthContext = (0, import_react2.createContext)(void 0);
+    AuthProvider = ({ children }) => {
+      const supabase = useSupabase();
+      const [user, setUser] = (0, import_react2.useState)(null);
+      const [profile, setProfile] = (0, import_react2.useState)(null);
+      const [membership, setMembership] = (0, import_react2.useState)(null);
+      const [session, setSession] = (0, import_react2.useState)(null);
+      const [loading, setLoading] = (0, import_react2.useState)(true);
+      const currentUserIdRef = (0, import_react2.useRef)(null);
+      const fetchProfileAndMembership = (0, import_react2.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 = (0, import_react2.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);
+      };
+      (0, import_react2.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]);
+      (0, import_react2.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__ */ (0, import_jsx_runtime2.jsx)(
+        AuthContext.Provider,
+        {
+          value: {
+            user,
+            profile,
+            membership,
+            userRole,
+            activeCompanyId,
+            session,
+            isAuthenticated: !!user,
+            loading,
+            signOut,
+            updateProfile,
+            refreshProfile,
+            setActiveCompany
+          },
+          children
+        }
+      );
+    };
     useAuth = () => {
       const context = (0, import_react2.useContext)(AuthContext);
       if (!context) {
@@ -1515,6 +1734,76 @@ var init_ConfirmationProvider = __esm({
   }
 });
 
+// src/context/AppSettingsProvider.tsx
+var import_react17, import_jsx_runtime18, DEFAULT_SETTINGS, AppSettingsContext, AppSettingsProvider, useAppSettings;
+var init_AppSettingsProvider = __esm({
+  "src/context/AppSettingsProvider.tsx"() {
+    "use strict";
+    import_react17 = require("react");
+    init_SupabaseProvider();
+    import_jsx_runtime18 = require("react/jsx-runtime");
+    DEFAULT_SETTINGS = {
+      max_group_members: 100
+    };
+    AppSettingsContext = (0, import_react17.createContext)(void 0);
+    AppSettingsProvider = ({ children }) => {
+      const supabase = useSupabase();
+      const [settings, setSettings] = (0, import_react17.useState)(DEFAULT_SETTINGS);
+      const [loading, setLoading] = (0, import_react17.useState)(true);
+      const [error, setError] = (0, import_react17.useState)(null);
+      const fetchSettings = (0, import_react17.useCallback)(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);
+        }
+      }, []);
+      (0, import_react17.useEffect)(() => {
+        fetchSettings();
+      }, [fetchSettings]);
+      const getSetting = (0, import_react17.useCallback)((key, defaultValue) => {
+        if (key in settings && settings[key] !== null && settings[key] !== void 0) {
+          return settings[key];
+        }
+        return defaultValue;
+      }, [settings]);
+      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        AppSettingsContext.Provider,
+        {
+          value: {
+            settings,
+            loading,
+            error,
+            getSetting,
+            refetchSettings: fetchSettings
+          },
+          children
+        }
+      );
+    };
+    useAppSettings = () => {
+      const context = (0, import_react17.useContext)(AppSettingsContext);
+      if (!context) {
+        throw new Error("useAppSettings should be used within the AppSettingsProvider");
+      }
+      return context;
+    };
+  }
+});
+
 // src/context/index.ts
 var Providers;
 var init_context = __esm({
@@ -1529,7 +1818,10 @@ var init_context = __esm({
     init_ToastProvider();
     init_ConfirmationProvider();
     init_AIProvider();
+    init_AppSettingsProvider();
     init_SupabaseProvider();
+    init_AppSettingsProvider();
+    init_AuthProvider();
     init_TranslateProvider();
     init_TranslateText();
     init_TranslationEditProvider();
@@ -1541,6 +1833,7 @@ var init_context = __esm({
     init_AIProvider();
     Providers = {
       Supabase: SupabaseProvider,
+      AppSettings: AppSettingsProvider,
       Translate: TranslateProvider,
       TranslationEdit: TranslationEditProvider,
       Localization: LocalizationProvider,
@@ -1554,33 +1847,33 @@ var init_context = __esm({
 });
 
 // src/UI/components/data.display/UserStatusChipComponent.tsx
-var import_material10, import_InfoOutlined, import_jsx_runtime18, UserStatusChipComponent;
+var import_material10, import_InfoOutlined, import_jsx_runtime19, UserStatusChipComponent;
 var init_UserStatusChipComponent = __esm({
   "src/UI/components/data.display/UserStatusChipComponent.tsx"() {
     "use strict";
     import_material10 = require("@mui/material");
     import_InfoOutlined = __toESM(require("@mui/icons-material/InfoOutlined"));
     init_context();
-    import_jsx_runtime18 = require("react/jsx-runtime");
+    import_jsx_runtime19 = require("react/jsx-runtime");
     UserStatusChipComponent = ({ overrideNamespace, state }) => {
       const confirm = useConfirmation();
       const handleShowReason = async (e) => {
         e.stopPropagation();
         if (!state.locked_reason) return;
         await confirm({
-          title: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Lock Reason" }),
+          title: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Lock Reason" }),
           message: state.locked_reason,
           type: "info",
-          confirmText: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "OK" }),
+          confirmText: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "OK" }),
           showNoButton: false,
           showCancelButton: false
         });
       };
       if (state.profile_archived) {
-        return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           import_material10.Chip,
           {
-            label: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Archived" }),
+            label: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Archived" }),
             color: "default",
             size: "small",
             variant: "filled"
@@ -1588,10 +1881,10 @@ var init_UserStatusChipComponent = __esm({
         );
       }
       if (state.profile_locked) {
-        return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           import_material10.Chip,
           {
-            label: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "System Locked" }),
+            label: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "System Locked" }),
             color: "error",
             size: "small",
             variant: "filled"
@@ -1599,30 +1892,30 @@ var init_UserStatusChipComponent = __esm({
         );
       }
       if (state.excluded) {
-        return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           import_material10.Chip,
           {
-            label: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Excluded" }),
+            label: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Excluded" }),
             size: "small"
           }
         );
       }
       if (state.locked) {
-        return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           import_material10.Chip,
           {
-            label: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Locked" }),
+            label: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Locked" }),
             color: "error",
             size: "small",
             onDelete: state.locked_reason ? handleShowReason : void 0,
-            deleteIcon: state.locked_reason ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.IconButton, { size: "small", component: "span", sx: { p: 0.2 }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_InfoOutlined.default, { fontSize: "small" }) }) : void 0
+            deleteIcon: state.locked_reason ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material10.IconButton, { size: "small", component: "span", sx: { p: 0.2 }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_InfoOutlined.default, { fontSize: "small" }) }) : void 0
           }
         );
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         import_material10.Chip,
         {
-          label: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Active" }),
+          label: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Active" }),
           color: "success",
           size: "small",
           variant: "outlined"
@@ -1633,38 +1926,38 @@ var init_UserStatusChipComponent = __esm({
 });
 
 // src/UI/components/data.display/UserRoleChipComponent.tsx
-var import_material11, import_jsx_runtime19, UserRoleChipComponent;
+var import_material11, import_jsx_runtime20, UserRoleChipComponent;
 var init_UserRoleChipComponent = __esm({
   "src/UI/components/data.display/UserRoleChipComponent.tsx"() {
     "use strict";
     import_material11 = require("@mui/material");
     init_context();
-    import_jsx_runtime19 = require("react/jsx-runtime");
+    import_jsx_runtime20 = require("react/jsx-runtime");
     UserRoleChipComponent = ({ overrideNamespace, role }) => {
       switch (role) {
         case "superadmin":
-          return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             import_material11.Chip,
             {
-              label: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Superadministrator" }),
+              label: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Superadministrator" }),
               color: "error",
               size: "small"
             }
           );
         case "admin":
-          return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             import_material11.Chip,
             {
-              label: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Administrator" }),
+              label: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Administrator" }),
               color: "primary",
               size: "small"
             }
           );
         default:
-          return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             import_material11.Chip,
             {
-              label: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "User" }),
+              label: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "User" }),
               variant: "outlined",
               size: "small"
             }
@@ -1675,16 +1968,16 @@ var init_UserRoleChipComponent = __esm({
 });
 
 // src/UI/components/buttons/CopyClipboardButtonComponent.tsx
-var import_react17, import_material12, import_Check3, import_ContentCopy3, import_jsx_runtime20, CopyClipboardButtonComponent;
+var import_react18, import_material12, import_Check3, import_ContentCopy3, import_jsx_runtime21, CopyClipboardButtonComponent;
 var init_CopyClipboardButtonComponent = __esm({
   "src/UI/components/buttons/CopyClipboardButtonComponent.tsx"() {
     "use strict";
-    import_react17 = require("react");
+    import_react18 = require("react");
     import_material12 = require("@mui/material");
     import_Check3 = __toESM(require("@mui/icons-material/Check"));
     import_ContentCopy3 = __toESM(require("@mui/icons-material/ContentCopy"));
     init_TranslatableTooltipComponent();
-    import_jsx_runtime20 = require("react/jsx-runtime");
+    import_jsx_runtime21 = require("react/jsx-runtime");
     CopyClipboardButtonComponent = ({
       overrideNamespace,
       textToCopy,
@@ -1697,7 +1990,7 @@ var init_CopyClipboardButtonComponent = __esm({
       sx,
       ...iconButtonProps
     }) => {
-      const [copied, setCopied] = (0, import_react17.useState)(false);
+      const [copied, setCopied] = (0, import_react18.useState)(false);
       const handleCopy = async (e) => {
         e.stopPropagation();
         if (!textToCopy) return;
@@ -1714,7 +2007,7 @@ var init_CopyClipboardButtonComponent = __esm({
           console.error("Failed to copy text to clipboard:", error);
         }
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TranslatableTooltipComponent, { title: copied ? copiedTooltipText : copyTooltipText, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TranslatableTooltipComponent, { title: copied ? copiedTooltipText : copyTooltipText, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         import_material12.IconButton,
         {
           size,
@@ -1722,7 +2015,7 @@ var init_CopyClipboardButtonComponent = __esm({
           disabled: !textToCopy || iconButtonProps.disabled,
           sx: { p: 0.25, ...sx },
           ...iconButtonProps,
-          children: copied ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_Check3.default, { fontSize: size === "large" ? "medium" : "small", color: "success" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_ContentCopy3.default, { fontSize: size === "large" ? "medium" : "small" })
+          children: copied ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_Check3.default, { fontSize: size === "large" ? "medium" : "small", color: "success" }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_ContentCopy3.default, { fontSize: size === "large" ? "medium" : "small" })
         }
       ) }) });
     };
@@ -1737,19 +2030,19 @@ var init_user_types = __esm({
 });
 
 // src/context/UserSettingsProvider.tsx
-var import_react18, import_jsx_runtime21, UserSettingsContext, useUserSettings;
+var import_react19, import_jsx_runtime22, UserSettingsContext, useUserSettings;
 var init_UserSettingsProvider = __esm({
   "src/context/UserSettingsProvider.tsx"() {
     "use strict";
-    import_react18 = require("react");
+    import_react19 = require("react");
     init_user_types();
     init_ThemeProvider();
     init_AuthProvider();
     init_SupabaseProvider();
-    import_jsx_runtime21 = require("react/jsx-runtime");
-    UserSettingsContext = (0, import_react18.createContext)(void 0);
+    import_jsx_runtime22 = require("react/jsx-runtime");
+    UserSettingsContext = (0, import_react19.createContext)(void 0);
     useUserSettings = () => {
-      const context = (0, import_react18.useContext)(UserSettingsContext);
+      const context = (0, import_react19.useContext)(UserSettingsContext);
       if (!context) {
         throw new Error("useUserSettings should be used within the UserSettingsProvider");
       }
@@ -1764,11 +2057,11 @@ __export(UserPopoverComponent_exports, {
   UserPopoverComponent: () => UserPopoverComponent,
   default: () => UserPopoverComponent_default
 });
-var import_react19, import_material13, import_icons_material2, import_jsx_runtime22, useUserStatus, UserPopoverComponent, UserPopoverComponent_default;
+var import_react20, import_material13, import_icons_material2, import_jsx_runtime23, useUserStatus, UserPopoverComponent, UserPopoverComponent_default;
 var init_UserPopoverComponent = __esm({
   "src/UI/components/data.display/UserPopoverComponent.tsx"() {
     "use strict";
-    import_react19 = require("react");
+    import_react20 = require("react");
     import_material13 = require("@mui/material");
     import_icons_material2 = require("@mui/icons-material");
     init_UserStatusChipComponent();
@@ -1779,11 +2072,11 @@ var init_UserPopoverComponent = __esm({
     init_UserSettingsProvider();
     init_TranslatableTooltipComponent();
     init_session_service();
-    import_jsx_runtime22 = require("react/jsx-runtime");
+    import_jsx_runtime23 = require("react/jsx-runtime");
     useUserStatus = (supabase, userId, open) => {
-      const [lastSeenAt, setLastSeenAt] = (0, import_react19.useState)(null);
-      const [loading, setLoading] = (0, import_react19.useState)(true);
-      (0, import_react19.useEffect)(() => {
+      const [lastSeenAt, setLastSeenAt] = (0, import_react20.useState)(null);
+      const [loading, setLoading] = (0, import_react20.useState)(true);
+      (0, import_react20.useEffect)(() => {
         if (!userId || !open) {
           setLastSeenAt(null);
           setLoading(false);
@@ -1832,13 +2125,13 @@ var init_UserPopoverComponent = __esm({
       const { activeCompanyId, membership: currentMembership } = useAuth();
       const { openChatWithUser } = useUserSettings();
       const { formatDate, formatRelativeTime } = useLocalization();
-      const [profileData, setProfileData] = (0, import_react19.useState)(null);
-      const [membershipData, setMembershipData] = (0, import_react19.useState)(null);
-      const [avatarUrl, setAvatarUrl] = (0, import_react19.useState)(null);
-      const [coverUrl, setCoverUrl] = (0, import_react19.useState)(null);
-      const [loading, setLoading] = (0, import_react19.useState)(true);
+      const [profileData, setProfileData] = (0, import_react20.useState)(null);
+      const [membershipData, setMembershipData] = (0, import_react20.useState)(null);
+      const [avatarUrl, setAvatarUrl] = (0, import_react20.useState)(null);
+      const [coverUrl, setCoverUrl] = (0, import_react20.useState)(null);
+      const [loading, setLoading] = (0, import_react20.useState)(true);
       const { lastSeenAt, isOnline } = useUserStatus(supabase, userId, open);
-      (0, import_react19.useEffect)(() => {
+      (0, import_react20.useEffect)(() => {
         if (!open || !userId || !activeCompanyId) return;
         let isMounted = true;
         setLoading(true);
@@ -1884,7 +2177,7 @@ var init_UserPopoverComponent = __esm({
       }, [open, userId, currentMembership?.id, activeCompanyId]);
       const getStatusChip = () => {
         if (!profileData) return null;
-        return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(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__ */ (0, import_jsx_runtime23.jsx)(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";
@@ -1905,7 +2198,7 @@ var init_UserPopoverComponent = __esm({
         return "inherit";
       };
       const canChat = currentMembership && membershipData && currentMembership.id !== membershipData.id;
-      return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         import_material13.Popover,
         {
           open,
@@ -1924,8 +2217,8 @@ var init_UserPopoverComponent = __esm({
               }
             }
           },
-          children: loading ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material13.Box, { sx: { display: "flex", justifyContent: "center", py: 4 }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material13.CircularProgress, { size: 28 }) }) : profileData ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material13.Box, { sx: { display: "flex", flexDirection: "column" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+          children: loading ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material13.Box, { sx: { display: "flex", justifyContent: "center", py: 4 }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material13.CircularProgress, { size: 28 }) }) : profileData ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material13.Box, { sx: { display: "flex", flexDirection: "column" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
               import_material13.Box,
               {
                 sx: {
@@ -1935,7 +2228,7 @@ var init_UserPopoverComponent = __esm({
                   bgcolor: "action.selected"
                 },
                 children: [
-                  coverUrl && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                  coverUrl && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                     import_material13.Box,
                     {
                       component: "img",
@@ -1951,7 +2244,7 @@ var init_UserPopoverComponent = __esm({
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                     import_material13.IconButton,
                     {
                       size: "small",
@@ -1969,15 +2262,15 @@ var init_UserPopoverComponent = __esm({
                           transform: "scale(1.1)"
                         }
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons_material2.Close, { fontSize: "small" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_icons_material2.Close, { fontSize: "small" })
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material13.Box, { sx: { p: 2, pt: 0 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material13.Stack, { direction: "row", spacing: 1.5, sx: { alignItems: "flex-end", mt: "-18px", mb: 1 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material13.Box, { sx: { p: 2, pt: 0 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material13.Stack, { direction: "row", spacing: 1.5, sx: { alignItems: "flex-end", mt: "-18px", mb: 1 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   import_material13.Badge,
                   {
                     overlap: "circular",
@@ -2014,7 +2307,7 @@ var init_UserPopoverComponent = __esm({
                         }
                       }
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                       import_material13.Avatar,
                       {
                         src: avatarUrl || coverUrl || void 0,
@@ -2033,53 +2326,53 @@ var init_UserPopoverComponent = __esm({
                     )
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material13.Box, { sx: { overflow: "hidden", pb: 0.5 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material13.Typography, { variant: "subtitle1", sx: { fontWeight: 600, lineHeight: 1.2 }, noWrap: true, children: profileData.display_name || `${profileData.first_name || ""} ${profileData.last_name || ""}` }),
-                  membershipData?.employee_post && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material13.Typography, { variant: "body2", color: "text.secondary", noWrap: true, children: membershipData.employee_post })
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material13.Box, { sx: { overflow: "hidden", pb: 0.5 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material13.Typography, { variant: "subtitle1", sx: { fontWeight: 600, lineHeight: 1.2 }, noWrap: true, children: profileData.display_name || `${profileData.first_name || ""} ${profileData.last_name || ""}` }),
+                  membershipData?.employee_post && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material13.Typography, { variant: "body2", color: "text.secondary", noWrap: true, children: membershipData.employee_post })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material13.Stack, { direction: "row", spacing: 1, sx: { my: 1, flexWrap: "wrap", gap: 0.5 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material13.Stack, { direction: "row", spacing: 1, sx: { my: 1, flexWrap: "wrap", gap: 0.5 }, children: [
                 getStatusChip(),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(UserRoleChipComponent, { role: membershipData?.role || "user" })
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(UserRoleChipComponent, { role: membershipData?.role || "user" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material13.Divider, { sx: { my: 1.5 } }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material13.Stack, { spacing: 1, sx: { fontSize: "0.875rem", mb: 1.5 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material13.Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons_material2.AccessTime, { fontSize: "small", color: getStatusIconColor(isOnline, lastSeenAt) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material13.Typography, { variant: "body2", color: getStatusTypographyColor(isOnline, lastSeenAt), children: isOnline ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Online" }) : lastSeenAt ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Last seen" }),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material13.Divider, { sx: { my: 1.5 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material13.Stack, { spacing: 1, sx: { fontSize: "0.875rem", mb: 1.5 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material13.Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_icons_material2.AccessTime, { fontSize: "small", color: getStatusIconColor(isOnline, lastSeenAt) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material13.Typography, { variant: "body2", color: getStatusTypographyColor(isOnline, lastSeenAt), children: isOnline ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Online" }) : lastSeenAt ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Last seen" }),
                     ":",
                     " ",
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("strong", { children: formatRelativeTime(lastSeenAt) })
-                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Offline" }) })
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("strong", { children: formatRelativeTime(lastSeenAt) })
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Offline" }) })
                 ] }),
-                profileData.email && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material13.Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons_material2.Email, { fontSize: "small" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material13.Typography, { variant: "body2", color: "text.primary", noWrap: true, sx: { flexGrow: 1 }, children: profileData.email }),
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CopyClipboardButtonComponent, { textToCopy: profileData.email })
+                profileData.email && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material13.Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_icons_material2.Email, { fontSize: "small" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material13.Typography, { variant: "body2", color: "text.primary", noWrap: true, sx: { flexGrow: 1 }, children: profileData.email }),
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CopyClipboardButtonComponent, { textToCopy: profileData.email })
                 ] }),
-                membershipData?.employee_post && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material13.Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons_material2.Work, { fontSize: "small" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material13.Typography, { variant: "body2", color: "text.primary", noWrap: true, sx: { flexGrow: 1 }, children: membershipData.employee_post }),
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CopyClipboardButtonComponent, { textToCopy: membershipData.employee_post })
+                membershipData?.employee_post && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material13.Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_icons_material2.Work, { fontSize: "small" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material13.Typography, { variant: "body2", color: "text.primary", noWrap: true, sx: { flexGrow: 1 }, children: membershipData.employee_post }),
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CopyClipboardButtonComponent, { textToCopy: membershipData.employee_post })
                 ] }),
-                profileData.phone && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material13.Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons_material2.Phone, { fontSize: "small" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material13.Typography, { variant: "body2", color: "text.primary", children: profileData.phone })
+                profileData.phone && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material13.Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_icons_material2.Phone, { fontSize: "small" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material13.Typography, { variant: "body2", color: "text.primary", children: profileData.phone })
                 ] }),
-                profileData.birthday && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material13.Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons_material2.Cake, { fontSize: "small" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material13.Typography, { variant: "body2", color: "text.primary", children: formatDate(profileData.birthday) })
+                profileData.birthday && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material13.Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_icons_material2.Cake, { fontSize: "small" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material13.Typography, { variant: "body2", color: "text.primary", children: formatDate(profileData.birthday) })
                 ] }),
-                membershipData?.created_at && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material13.Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons_material2.CalendarToday, { fontSize: "small" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material13.Typography, { variant: "body2", color: "text.primary", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "In company from" }),
+                membershipData?.created_at && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material13.Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_icons_material2.CalendarToday, { fontSize: "small" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material13.Typography, { variant: "body2", color: "text.primary", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "In company from" }),
                     ": ",
                     formatDate(membershipData.created_at)
                   ] })
                 ] }),
-                profileData.description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                profileData.description && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   import_material13.Typography,
                   {
                     variant: "caption",
@@ -2095,28 +2388,28 @@ var init_UserPopoverComponent = __esm({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material13.Divider, { sx: { my: 1 } }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material13.Stack, { direction: "row", spacing: 1, sx: { justifyContent: "space-around", pt: 0.5 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TranslatableTooltipComponent, { title: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Send a notification" }), children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material13.IconButton, { size: "small", color: "primary", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons_material2.NotificationsNone, { fontSize: "small" }) }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TranslatableTooltipComponent, { title: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Set a task" }), children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material13.IconButton, { size: "small", color: "primary", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons_material2.AssignmentOutlined, { fontSize: "small" }) }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TranslatableTooltipComponent, { title: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Start a chat" }), children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material13.Divider, { sx: { my: 1 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material13.Stack, { direction: "row", spacing: 1, sx: { justifyContent: "space-around", pt: 0.5 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TranslatableTooltipComponent, { title: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Send a notification" }), children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material13.IconButton, { size: "small", color: "primary", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_icons_material2.NotificationsNone, { fontSize: "small" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TranslatableTooltipComponent, { title: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Set a task" }), children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material13.IconButton, { size: "small", color: "primary", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_icons_material2.AssignmentOutlined, { fontSize: "small" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TranslatableTooltipComponent, { title: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Start a chat" }), children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   import_material13.IconButton,
                   {
                     size: "small",
                     color: "primary",
                     disabled: !canChat,
                     onClick: () => membershipData && openChatWithUser(membershipData.id),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons_material2.ChatBubble, { fontSize: "small" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_icons_material2.ChatBubble, { fontSize: "small" })
                   }
                 ) })
               ] })
             ] })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material13.Box, { sx: { p: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material13.Box, { sx: { p: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             import_material13.Typography,
             {
               color: "error",
               variant: "body2",
-              children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Failed to load user data" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Failed to load user data" })
             }
           ) })
         }
@@ -2130,6 +2423,8 @@ var init_UserPopoverComponent = __esm({
 var index_exports = {};
 __export(index_exports, {
   AIProvider: () => AIProvider,
+  AppSettingsProvider: () => AppSettingsProvider,
+  AuthProvider: () => AuthProvider,
   BreadcrumbProvider: () => BreadcrumbProvider,
   ConfirmationProvider: () => ConfirmationProvider,
   LocalizationProvider: () => LocalizationProvider,
@@ -2142,7 +2437,9 @@ __export(index_exports, {
   TranslationEditProvider: () => TranslationEditProvider,
   UI: () => UI,
   useAI: () => useAI,
+  useAppSettings: () => useAppSettings,
   useAppTheme: () => useAppTheme,
+  useAuth: () => useAuth,
   useBreadcrumb: () => useBreadcrumb,
   useConfirmation: () => useConfirmation,
   useLocalization: () => useLocalization,
@@ -2842,11 +3139,11 @@ var EmailInputComponent = ({
 };
 
 // src/UI/components/data.display/UserAvatarComponent.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_material14 = require("@mui/material");
 init_context();
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var LazyUserPopover = (0, import_react20.lazy)(() => Promise.resolve().then(() => (init_UserPopoverComponent(), UserPopoverComponent_exports)));
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var LazyUserPopover = (0, import_react21.lazy)(() => Promise.resolve().then(() => (init_UserPopoverComponent(), UserPopoverComponent_exports)));
 var getInitials = (name) => {
   if (!name) return "?";
   const parts = name.trim().split(" ");
@@ -2868,11 +3165,11 @@ var UserAvatarComponent = ({
   sx = {}
 }) => {
   const supabase = useSupabase();
-  const [anchorEl, setAnchorEl] = (0, import_react20.useState)(null);
-  const [hasInteracted, setHasInteracted] = (0, import_react20.useState)(false);
-  const [resolvedAvatarUrl, setResolvedAvatarUrl] = (0, import_react20.useState)(null);
+  const [anchorEl, setAnchorEl] = (0, import_react21.useState)(null);
+  const [hasInteracted, setHasInteracted] = (0, import_react21.useState)(false);
+  const [resolvedAvatarUrl, setResolvedAvatarUrl] = (0, import_react21.useState)(null);
   const canShowPopover = !disablePopover && Boolean(userId);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     let isMounted = true;
     const resolveAvatar = async () => {
       if (!avatarUrl) {
@@ -2917,12 +3214,12 @@ var UserAvatarComponent = ({
   };
   const isPopoverOpen = Boolean(anchorEl);
   const initials = getInitials(displayName || "");
-  const getTooltip = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material14.Typography, { component: "div", variant: "caption", children: displayName }),
-    displayName && employeePost && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material14.Typography, { component: "div", variant: "caption", children: employeePost })
+  const getTooltip = /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material14.Typography, { component: "div", variant: "caption", children: displayName }),
+    displayName && employeePost && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material14.Typography, { component: "div", variant: "caption", children: employeePost })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material14.Tooltip, { title: disableTooltip || isPopoverOpen ? "" : getTooltip, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material14.Tooltip, { title: disableTooltip || isPopoverOpen ? "" : getTooltip, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       import_material14.Avatar,
       {
         src: resolvedAvatarUrl || void 0,
@@ -2948,7 +3245,7 @@ var UserAvatarComponent = ({
         children: !resolvedAvatarUrl && initials
       }
     ) }),
-    canShowPopover && hasInteracted && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react20.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    canShowPopover && hasInteracted && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react21.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       LazyUserPopover,
       {
         userId,
@@ -2993,6 +3290,8 @@ init_context();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AIProvider,
+  AppSettingsProvider,
+  AuthProvider,
   BreadcrumbProvider,
   ConfirmationProvider,
   LocalizationProvider,
@@ -3005,7 +3304,9 @@ init_context();
   TranslationEditProvider,
   UI,
   useAI,
+  useAppSettings,
   useAppTheme,
+  useAuth,
   useBreadcrumb,
   useConfirmation,
   useLocalization,