@rebasepro/core 0.2.3 → 0.2.5

package/dist/index.es.js

@@ -7,8 +7,8 @@ import { EntityRelation, isLazyComponentRef, EntityReference, Vector, GeoPoint }
 import { useBlocker, useLocation, Link, createBrowserRouter, RouterProvider, Routes } from "react-router-dom";
 import { stripCollectionPath, canCreateEntity, canEditEntity, canDeleteEntity, canReadCollection, getSubcollections, buildRebaseData, removeInitialAndTrailingSlashes, resolveStorageFilenameString, resolveStoragePathString, isPropertyBuilder, getLabelOrConfigFrom } from "@rebasepro/common";
 import { mergeDeep, slugify, hashString, isObject, isPlainObject, randomString } from "@rebasepro/utils";
-import { deepEqual } from "fast-equals";
 import { useTranslation as useTranslation$1, initReactI18next, I18nextProvider } from "react-i18next";
+import { deepEqual } from "fast-equals";
 import i18next from "i18next";
 import Fuse from "fuse.js";
 import Compressor from "compressorjs";
@@ -268,13 +268,15 @@ const useData = () => {
   return useContext(RebaseDataContext);
 };
 function useCollectionFetch(t0) {
-  const $ = c(25);
+  const $ = c(30);
   const {
     path,
     collection,
     filterValues,
     sortBy,
     itemCount,
+    offset,
+    page,
     searchString
   } = t0;
   const dataClient = useData();
@@ -318,8 +320,9 @@ function useCollectionFetch(t0) {
   const [dataLoading, setDataLoading] = useState(false);
   const [dataLoadingError, setDataLoadingError] = useState();
   const [noMoreToLoad, setNoMoreToLoad] = useState(false);
+  const [totalCount, setTotalCount] = useState();
   let t3;
-  if ($[3] !== collection.properties || $[4] !== dataClient || $[5] !== itemCount || $[6] !== orderByParams || $[7] !== path || $[8] !== searchString || $[9] !== whereParams) {
+  if ($[3] !== collection.properties || $[4] !== dataClient || $[5] !== itemCount || $[6] !== offset || $[7] !== orderByParams || $[8] !== page || $[9] !== path || $[10] !== searchString || $[11] !== whereParams) {
     t3 = () => {
       setDataLoading(true);
       const onEntitiesUpdate = async (res) => {
@@ -328,12 +331,14 @@ function useCollectionFetch(t0) {
         setDataLoadingError(void 0);
         setData(entities.map(_temp$7));
         setNoMoreToLoad(!res.meta.hasMore);
+        setTotalCount(res.meta.total);
       };
       const onError = (error) => {
         console.error("ERROR", error);
         setDataLoading(false);
         setData([]);
         setDataLoadingError(error);
+        setTotalCount(void 0);
       };
       const accessor = dataClient.collection(path);
       const hasRelations = collection.properties && Object.values(collection.properties).some(_temp2$4);
@@ -342,6 +347,8 @@ function useCollectionFetch(t0) {
         return accessor.listen({
           where: whereParams,
           limit: itemCount,
+          offset,
+          page,
           orderBy: orderByParams,
           searchString,
           include: includeParams
@@ -353,6 +360,8 @@ function useCollectionFetch(t0) {
         accessor.find({
           where: whereParams,
           limit: itemCount,
+          offset,
+          page,
           orderBy: orderByParams,
           searchString,
           include: includeParams
@@ -366,46 +375,52 @@ function useCollectionFetch(t0) {
     $[3] = collection.properties;
     $[4] = dataClient;
     $[5] = itemCount;
-    $[6] = orderByParams;
-    $[7] = path;
-    $[8] = searchString;
-    $[9] = whereParams;
-    $[10] = t3;
+    $[6] = offset;
+    $[7] = orderByParams;
+    $[8] = page;
+    $[9] = path;
+    $[10] = searchString;
+    $[11] = whereParams;
+    $[12] = t3;
   } else {
-    t3 = $[10];
+    t3 = $[12];
   }
   let t4;
-  if ($[11] !== collection || $[12] !== currentSort || $[13] !== dataClient || $[14] !== filterValues || $[15] !== itemCount || $[16] !== path || $[17] !== searchString || $[18] !== sortByProperty) {
-    t4 = [path, itemCount, currentSort, sortByProperty, filterValues, searchString, dataClient, collection];
-    $[11] = collection;
-    $[12] = currentSort;
-    $[13] = dataClient;
-    $[14] = filterValues;
-    $[15] = itemCount;
-    $[16] = path;
-    $[17] = searchString;
-    $[18] = sortByProperty;
-    $[19] = t4;
-  } else {
-    t4 = $[19];
+  if ($[13] !== collection || $[14] !== currentSort || $[15] !== dataClient || $[16] !== filterValues || $[17] !== itemCount || $[18] !== offset || $[19] !== page || $[20] !== path || $[21] !== searchString || $[22] !== sortByProperty) {
+    t4 = [path, itemCount, offset, page, currentSort, sortByProperty, filterValues, searchString, dataClient, collection];
+    $[13] = collection;
+    $[14] = currentSort;
+    $[15] = dataClient;
+    $[16] = filterValues;
+    $[17] = itemCount;
+    $[18] = offset;
+    $[19] = page;
+    $[20] = path;
+    $[21] = searchString;
+    $[22] = sortByProperty;
+    $[23] = t4;
+  } else {
+    t4 = $[23];
   }
   useEffect(t3, t4);
   let t5;
   let t6;
-  if ($[20] !== data || $[21] !== dataLoading || $[22] !== dataLoadingError || $[23] !== noMoreToLoad) {
+  if ($[24] !== data || $[25] !== dataLoading || $[26] !== dataLoadingError || $[27] !== noMoreToLoad || $[28] !== totalCount) {
     t6 = {
       data,
       dataLoading,
       dataLoadingError,
-      noMoreToLoad
+      noMoreToLoad,
+      totalCount
     };
-    $[20] = data;
-    $[21] = dataLoading;
-    $[22] = dataLoadingError;
-    $[23] = noMoreToLoad;
-    $[24] = t6;
+    $[24] = data;
+    $[25] = dataLoading;
+    $[26] = dataLoadingError;
+    $[27] = noMoreToLoad;
+    $[28] = totalCount;
+    $[29] = t6;
   } else {
-    t6 = $[24];
+    t6 = $[29];
   }
   t5 = t6;
   return t5;
@@ -883,7 +898,7 @@ function useUserSelector({
     };
   }, []);
   const getUser = useCallback((uid) => {
-    return userManagement?.getUser(uid) ?? null;
+    return userManagement?.getUser?.(uid) ?? null;
   }, [userManagement]);
   return useMemo(() => ({
     items,
@@ -1753,128 +1768,6 @@ function useBuildModeController() {
     setMode: setModeInternal
   }), [mode, setModeInternal]);
 }
-function useValidateAuthenticator(t0) {
-  const $ = c(17);
-  const {
-    disabled,
-    authController,
-    authenticator,
-    storageSource,
-    data
-  } = t0;
-  const authenticationEnabled = Boolean(authenticator);
-  const [authLoading, setAuthLoading] = useState(authenticationEnabled);
-  const [notAllowedError, setNotAllowedError] = useState(false);
-  const [authVerified, setAuthVerified] = useState(!authenticationEnabled || Boolean(authController.loginSkipped));
-  const canAccessMainView = authVerified && (!authenticationEnabled || Boolean(authController.user) || Boolean(authController.loginSkipped)) && !notAllowedError;
-  let t1;
-  let t2;
-  if ($[0] !== authController.loginSkipped) {
-    t1 = () => {
-      if (authController.loginSkipped) {
-        setAuthVerified(true);
-      }
-    };
-    t2 = [authController.loginSkipped];
-    $[0] = authController.loginSkipped;
-    $[1] = t1;
-    $[2] = t2;
-  } else {
-    t1 = $[1];
-    t2 = $[2];
-  }
-  useEffect(t1, t2);
-  const checkedUserRef = useRef(void 0);
-  let t3;
-  if ($[3] !== authController || $[4] !== authenticator || $[5] !== data || $[6] !== disabled || $[7] !== storageSource) {
-    t3 = async () => {
-      if (disabled) {
-        return;
-      }
-      if (authController.initialLoading) {
-        return;
-      }
-      if (!authController.user && !authController.loginSkipped) {
-        checkedUserRef.current = void 0;
-        setAuthLoading(false);
-        setAuthVerified(false);
-        return;
-      }
-      const delegateUser = authController.user;
-      if (authenticator instanceof Function && delegateUser && !deepEqual(checkedUserRef.current?.uid, delegateUser.uid)) {
-        setAuthLoading(true);
-        try {
-          const allowed = await authenticator({
-            user: delegateUser,
-            authController,
-            data,
-            storageSource
-          });
-          if (!allowed) {
-            authController.signOut();
-            setNotAllowedError(true);
-          }
-        } catch (t42) {
-          const e = t42;
-          setNotAllowedError(e);
-          authController.signOut();
-        }
-        setAuthLoading(false);
-        setAuthVerified(true);
-        checkedUserRef.current = delegateUser;
-      } else {
-        setAuthLoading(false);
-      }
-      if (!authController.initialLoading && !delegateUser) {
-        setAuthVerified(true);
-      }
-    };
-    $[3] = authController;
-    $[4] = authenticator;
-    $[5] = data;
-    $[6] = disabled;
-    $[7] = storageSource;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  const checkAuthentication = t3;
-  let t4;
-  let t5;
-  if ($[9] !== checkAuthentication) {
-    t4 = () => {
-      checkAuthentication();
-    };
-    t5 = [checkAuthentication];
-    $[9] = checkAuthentication;
-    $[10] = t4;
-    $[11] = t5;
-  } else {
-    t4 = $[10];
-    t5 = $[11];
-  }
-  useEffect(t4, t5);
-  let t6;
-  const t7 = authenticationEnabled && authLoading;
-  let t8;
-  if ($[12] !== authVerified || $[13] !== canAccessMainView || $[14] !== notAllowedError || $[15] !== t7) {
-    t8 = {
-      canAccessMainView,
-      authLoading: t7,
-      notAllowedError,
-      authVerified
-    };
-    $[12] = authVerified;
-    $[13] = canAccessMainView;
-    $[14] = notAllowedError;
-    $[15] = t7;
-    $[16] = t8;
-  } else {
-    t8 = $[16];
-  }
-  t6 = t8;
-  return t6;
-}
 const RegistryDispatchContext = createContext(void 0);
 const RegistryStateContext = createContext({
   cmsConfig: null,
@@ -5638,11 +5531,18 @@ function UserSettingsView() {
   const {
     t
   } = useTranslation();
+  const hasPasswordChange = !!authController.changePassword;
   const [activeTab, setActiveTab] = useState("profile");
   const [displayName, setDisplayName] = useState(user?.displayName || "");
   const [photoURL, setPhotoURL] = useState(user?.photoURL || "");
   const [savingProfile, setSavingProfile] = useState(false);
   const [profileError, setProfileError] = useState(null);
+  const [currentPassword, setCurrentPassword] = useState("");
+  const [newPassword, setNewPassword] = useState("");
+  const [confirmPassword, setConfirmPassword] = useState("");
+  const [changingPassword, setChangingPassword] = useState(false);
+  const [passwordError, setPasswordError] = useState(null);
+  const [passwordSuccess, setPasswordSuccess] = useState(null);
   const [sessions, setSessions] = useState([]);
   const [loadingSessions, setLoadingSessions] = useState(false);
   const [sessionsError, setSessionsError] = useState(null);
@@ -5670,6 +5570,35 @@ function UserSettingsView() {
       setSavingProfile(false);
     }
   };
+  const handleChangePassword = async () => {
+    setPasswordError(null);
+    setPasswordSuccess(null);
+    if (newPassword.length < 8) {
+      setPasswordError(t("password_too_short"));
+      return;
+    }
+    if (newPassword !== confirmPassword) {
+      setPasswordError(t("passwords_dont_match"));
+      return;
+    }
+    setChangingPassword(true);
+    try {
+      if (authController.changePassword) {
+        await authController.changePassword(currentPassword, newPassword);
+        setPasswordSuccess(t("password_changed"));
+        setCurrentPassword("");
+        setNewPassword("");
+        setConfirmPassword("");
+        setTimeout(() => {
+          authController.signOut();
+        }, 2e3);
+      }
+    } catch (e_0) {
+      setPasswordError(e_0 instanceof Error ? e_0.message : String(e_0));
+    } finally {
+      setChangingPassword(false);
+    }
+  };
   const loadSessions = async () => {
     setLoadingSessions(true);
     setSessionsError(null);
@@ -5681,8 +5610,8 @@ function UserSettingsView() {
       } else {
         throw new Error("fetchSessions not implemented in this auth controller.");
       }
-    } catch (e_0) {
-      setSessionsError(e_0 instanceof Error ? e_0.message : String(e_0));
+    } catch (e_1) {
+      setSessionsError(e_1 instanceof Error ? e_1.message : String(e_1));
     } finally {
       setLoadingSessions(false);
     }
@@ -5699,8 +5628,8 @@ function UserSettingsView() {
       } else {
         throw new Error("revokeSession not implemented in this auth controller.");
       }
-    } catch (e_1) {
-      setSessionsError(e_1 instanceof Error ? e_1.message : String(e_1));
+    } catch (e_2) {
+      setSessionsError(e_2 instanceof Error ? e_2.message : String(e_2));
     } finally {
       setRevokingSessionId(null);
     }
@@ -5713,8 +5642,8 @@ function UserSettingsView() {
       } else {
         throw new Error("revokeAllSessions not implemented in this auth controller.");
       }
-    } catch (e_2) {
-      setSessionsError(e_2 instanceof Error ? e_2.message : String(e_2));
+    } catch (e_3) {
+      setSessionsError(e_3 instanceof Error ? e_3.message : String(e_3));
     } finally {
       setRevokingAll(false);
     }
@@ -5724,15 +5653,25 @@ function UserSettingsView() {
     /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "mb-8", children: t("account_settings") }),
     /* @__PURE__ */ jsxs(Tabs, { value: activeTab, onValueChange: (v) => setActiveTab(v), className: "mb-8", children: [
       /* @__PURE__ */ jsx(Tab, { value: "profile", children: t("profile") }),
+      hasPasswordChange && /* @__PURE__ */ jsx(Tab, { value: "security", children: t("security") }),
       /* @__PURE__ */ jsx(Tab, { value: "sessions", children: t("sessions") })
     ] }),
     activeTab === "profile" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 max-w-xl", children: [
       /* @__PURE__ */ jsx("div", { className: "flex items-center gap-6 mb-2", children: /* @__PURE__ */ jsx(Avatar, { src: photoURL || void 0, className: "w-24 h-24 text-3xl", children: displayName ? displayName[0].toUpperCase() : user.email ? user.email[0].toUpperCase() : "A" }) }),
-      /* @__PURE__ */ jsx(TextField, { label: t("display_name"), value: displayName, onChange: (e_3) => setDisplayName(e_3.target.value) }),
-      /* @__PURE__ */ jsx(TextField, { label: t("photo_url"), value: photoURL, onChange: (e_4) => setPhotoURL(e_4.target.value) }),
+      /* @__PURE__ */ jsx(TextField, { label: t("display_name"), value: displayName, onChange: (e_4) => setDisplayName(e_4.target.value) }),
+      /* @__PURE__ */ jsx(TextField, { label: t("photo_url"), value: photoURL, onChange: (e_5) => setPhotoURL(e_5.target.value) }),
       profileError && /* @__PURE__ */ jsx(Typography, { color: "error", children: profileError }),
       /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(Button, { variant: "filled", onClick: handleSaveProfile, disabled: savingProfile, children: savingProfile ? t("saving") : t("save_profile") }) })
     ] }),
+    activeTab === "security" && hasPasswordChange && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 max-w-xl", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "h6", className: "mb-2", children: t("change_password") }),
+      /* @__PURE__ */ jsx(TextField, { label: t("current_password"), type: "password", value: currentPassword, onChange: (e_6) => setCurrentPassword(e_6.target.value), autoComplete: "current-password" }),
+      /* @__PURE__ */ jsx(TextField, { label: t("new_password"), type: "password", value: newPassword, onChange: (e_7) => setNewPassword(e_7.target.value), autoComplete: "new-password" }),
+      /* @__PURE__ */ jsx(TextField, { label: t("confirm_password"), type: "password", value: confirmPassword, onChange: (e_8) => setConfirmPassword(e_8.target.value), autoComplete: "new-password" }),
+      passwordError && /* @__PURE__ */ jsx(Typography, { color: "error", children: passwordError }),
+      passwordSuccess && /* @__PURE__ */ jsx(Typography, { className: "text-emerald-600 dark:text-emerald-400", children: passwordSuccess }),
+      /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(Button, { variant: "filled", onClick: handleChangePassword, disabled: changingPassword || !currentPassword || !newPassword || !confirmPassword, children: changingPassword ? t("changing_password") : t("change_password") }) })
+    ] }),
     activeTab === "sessions" && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 max-w-3xl", children: loadingSessions ? /* @__PURE__ */ jsx("div", { className: "flex justify-center p-8", children: /* @__PURE__ */ jsx(CircularProgress, {}) }) : sessionsError ? /* @__PURE__ */ jsx(Typography, { color: "error", children: sessionsError }) : sessions.length === 0 ? /* @__PURE__ */ jsx(Typography, { children: t("no_active_sessions") }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
       /* @__PURE__ */ jsx("div", { className: "flex justify-end mb-2", children: /* @__PURE__ */ jsx(Button, { variant: "text", color: "error", onClick: handleRevokeAll, disabled: revokingAll, children: revokingAll ? t("revoking") : t("revoke_all_sessions") }) }),
       sessions.map((session) => /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center p-4 bg-white dark:bg-surface-950 border rounded-lg dark:border-surface-700 shadow-sm", children: [
@@ -6431,7 +6370,7 @@ function UserDisplay(t0) {
   return t8;
 }
 function LoginView(t0) {
-  const $ = c(87);
+  const $ = c(111);
   const {
     logo,
     authController,
@@ -6440,8 +6379,15 @@ function LoginView(t0) {
     disabled: t2,
     notAllowedError,
     googleClientId,
+    githubClientId,
+    linkedinClientId,
+    title,
+    subtitle,
     needsSetup,
-    registrationEnabled
+    registrationEnabled,
+    additionalComponent,
+    defaultEmail,
+    defaultPassword
   } = t0;
   const disableSignupScreen = t1 === void 0 ? false : t1;
   const disabled = t2 === void 0 ? false : t2;
@@ -6492,26 +6438,76 @@ function LoginView(t0) {
     t5 = $[6];
   }
   const hasGoogleLogin = t5;
-  const hasPasswordReset = caps.passwordReset ?? !!authController.forgotPassword;
-  const showRegistration = !disableSignupScreen && canRegister;
   let t6;
+  if ($[7] !== caps.enabledProviders || $[8] !== githubClientId) {
+    t6 = githubClientId && (caps.enabledProviders?.includes("github") ?? false);
+    $[7] = caps.enabledProviders;
+    $[8] = githubClientId;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  const hasGitHubLogin = t6;
   let t7;
-  if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t6 = () => {
+  if ($[10] !== caps.enabledProviders || $[11] !== linkedinClientId) {
+    t7 = linkedinClientId && (caps.enabledProviders?.includes("linkedin") ?? false);
+    $[10] = caps.enabledProviders;
+    $[11] = linkedinClientId;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  const hasLinkedinLogin = t7;
+  const hasPasswordReset = caps.passwordReset ?? !!authController.forgotPassword;
+  const showRegistration = !disableSignupScreen && canRegister;
+  let t8;
+  let t9;
+  if ($[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t8 = () => {
       const timer = setTimeout(() => setFadeIn(true), 50);
       return () => clearTimeout(timer);
     };
-    t7 = [];
-    $[7] = t6;
-    $[8] = t7;
+    t9 = [];
+    $[13] = t8;
+    $[14] = t9;
   } else {
-    t6 = $[7];
-    t7 = $[8];
+    t8 = $[13];
+    t9 = $[14];
   }
-  useEffect(t6, t7);
-  let t8;
-  if ($[9] !== authController.authProviderError || $[10] !== authController.user) {
-    t8 = function buildErrorView2() {
+  useEffect(t8, t9);
+  let t10;
+  let t11;
+  if ($[15] !== authController) {
+    t10 = () => {
+      const params = new URLSearchParams(window.location.search);
+      const code = params.get("code");
+      const provider = localStorage.getItem("rebase_oauth_provider");
+      if (code && provider) {
+        localStorage.removeItem("rebase_oauth_provider");
+        const cleanUrl = window.location.origin + window.location.pathname;
+        window.history.replaceState({}, document.title, cleanUrl);
+        if (authController.oauthLogin) {
+          authController.oauthLogin(provider, {
+            code,
+            redirectUri: cleanUrl
+          }).catch((err) => {
+            console.error(`${provider} login failed:`, err);
+          });
+        }
+      }
+    };
+    t11 = [authController];
+    $[15] = authController;
+    $[16] = t10;
+    $[17] = t11;
+  } else {
+    t10 = $[16];
+    t11 = $[17];
+  }
+  useEffect(t10, t11);
+  let t12;
+  if ($[18] !== authController.authProviderError || $[19] !== authController.user) {
+    t12 = function buildErrorView2() {
       if (!authController.authProviderError) {
         return null;
       }
@@ -6521,44 +6517,44 @@ function LoginView(t0) {
       const errorMsg = authController.authProviderError instanceof Error ? authController.authProviderError.message : String(authController.authProviderError);
       return /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(ErrorView, { error: errorMsg }) });
     };
-    $[9] = authController.authProviderError;
-    $[10] = authController.user;
-    $[11] = t8;
+    $[18] = authController.authProviderError;
+    $[19] = authController.user;
+    $[20] = t12;
   } else {
-    t8 = $[11];
+    t12 = $[20];
   }
-  const buildErrorView = t8;
+  const buildErrorView = t12;
   let logoComponent;
   if (logo) {
-    let t92;
-    if ($[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t92 = {
+    let t132;
+    if ($[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t132 = {
         height: "100%",
         width: "100%",
         objectFit: "cover"
       };
-      $[12] = t92;
+      $[21] = t132;
     } else {
-      t92 = $[12];
+      t132 = $[21];
     }
-    let t102;
-    if ($[13] !== logo) {
-      t102 = /* @__PURE__ */ jsx("img", { src: logo, style: t92, alt: "Logo" });
-      $[13] = logo;
-      $[14] = t102;
+    let t142;
+    if ($[22] !== logo) {
+      t142 = /* @__PURE__ */ jsx("img", { src: logo, style: t132, alt: "Logo" });
+      $[22] = logo;
+      $[23] = t142;
     } else {
-      t102 = $[14];
+      t142 = $[23];
     }
-    logoComponent = t102;
+    logoComponent = t142;
   } else {
-    let t92;
-    if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t92 = /* @__PURE__ */ jsx(RebaseLogo, {});
-      $[15] = t92;
+    let t132;
+    if ($[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t132 = /* @__PURE__ */ jsx(RebaseLogo, {});
+      $[24] = t132;
     } else {
-      t92 = $[15];
+      t132 = $[24];
     }
-    logoComponent = t92;
+    logoComponent = t132;
   }
   let notAllowedMessage;
   if (notAllowedError) {
@@ -6568,277 +6564,316 @@ function LoginView(t0) {
       if (notAllowedError instanceof Error) {
         notAllowedMessage = notAllowedError.message;
       } else {
-        notAllowedMessage = "It looks like you don't have access, based on the specified Authenticator configuration";
+        notAllowedMessage = "It looks like you don't have access, based on the specified access configuration";
       }
     }
   }
-  const t9 = fadeIn ? "opacity-100" : "opacity-0";
-  let t10;
-  if ($[16] !== t9) {
-    t10 = cls("relative flex items-center justify-center h-screen w-screen p-4 transition-opacity duration-500 bg-surface-50 dark:bg-surface-800", t9);
-    $[16] = t9;
-    $[17] = t10;
-  } else {
-    t10 = $[17];
-  }
-  let t11;
-  if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t11 = /* @__PURE__ */ jsx(LanguageToggle, {});
-    $[18] = t11;
-  } else {
-    t11 = $[18];
-  }
-  let t12;
-  if ($[19] !== colorMode) {
-    t12 = /* @__PURE__ */ jsx(IconButton, { color: "inherit", "aria-label": "Toggle theme", children: colorMode === "dark" ? /* @__PURE__ */ jsx(MoonIcon, { size: iconSize.small }) : /* @__PURE__ */ jsx(SunIcon, { size: iconSize.small }) });
-    $[19] = colorMode;
-    $[20] = t12;
-  } else {
-    t12 = $[20];
-  }
-  let t13;
-  if ($[21] !== setColorMode) {
-    t13 = () => setColorMode("dark");
-    $[21] = setColorMode;
-    $[22] = t13;
-  } else {
-    t13 = $[22];
-  }
+  const t13 = fadeIn ? "opacity-100" : "opacity-0";
   let t14;
-  if ($[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t14 = /* @__PURE__ */ jsx(MoonIcon, { size: iconSize.smallest });
-    $[23] = t14;
+  if ($[25] !== t13) {
+    t14 = cls("relative flex items-center justify-center h-screen w-screen p-4 transition-opacity duration-500 bg-surface-50 dark:bg-surface-950 overflow-hidden", t13);
+    $[25] = t13;
+    $[26] = t14;
   } else {
-    t14 = $[23];
+    t14 = $[26];
   }
   let t15;
-  if ($[24] !== t) {
-    t15 = t("dark_mode");
-    $[24] = t;
-    $[25] = t15;
-  } else {
-    t15 = $[25];
-  }
   let t16;
-  if ($[26] !== t13 || $[27] !== t15) {
-    t16 = /* @__PURE__ */ jsxs(MenuItem, { onClick: t13, children: [
-      t14,
-      " ",
-      t15
-    ] });
-    $[26] = t13;
+  if ($[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t15 = /* @__PURE__ */ jsx("div", { className: "absolute top-[-10%] left-[-10%] w-[50%] h-[50%] rounded-full bg-primary-500/10 blur-[120px] pointer-events-none" });
+    t16 = /* @__PURE__ */ jsx("div", { className: "absolute bottom-[-10%] right-[-10%] w-[50%] h-[50%] rounded-full bg-indigo-500/10 blur-[120px] pointer-events-none" });
     $[27] = t15;
     $[28] = t16;
   } else {
+    t15 = $[27];
     t16 = $[28];
   }
   let t17;
-  if ($[29] !== setColorMode) {
-    t17 = () => setColorMode("light");
-    $[29] = setColorMode;
-    $[30] = t17;
+  if ($[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t17 = /* @__PURE__ */ jsx(LanguageToggle, {});
+    $[29] = t17;
   } else {
-    t17 = $[30];
+    t17 = $[29];
   }
   let t18;
-  if ($[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t18 = /* @__PURE__ */ jsx(SunIcon, { size: iconSize.smallest });
+  if ($[30] !== colorMode) {
+    t18 = /* @__PURE__ */ jsx(IconButton, { color: "inherit", "aria-label": "Toggle theme", children: colorMode === "dark" ? /* @__PURE__ */ jsx(MoonIcon, { size: iconSize.small }) : /* @__PURE__ */ jsx(SunIcon, { size: iconSize.small }) });
+    $[30] = colorMode;
     $[31] = t18;
   } else {
     t18 = $[31];
   }
   let t19;
-  if ($[32] !== t) {
-    t19 = t("light_mode");
-    $[32] = t;
+  if ($[32] !== setColorMode) {
+    t19 = () => setColorMode("dark");
+    $[32] = setColorMode;
     $[33] = t19;
   } else {
     t19 = $[33];
   }
   let t20;
-  if ($[34] !== t17 || $[35] !== t19) {
-    t20 = /* @__PURE__ */ jsxs(MenuItem, { onClick: t17, children: [
-      t18,
-      " ",
-      t19
-    ] });
-    $[34] = t17;
-    $[35] = t19;
-    $[36] = t20;
+  if ($[34] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t20 = /* @__PURE__ */ jsx(MoonIcon, { size: iconSize.smallest });
+    $[34] = t20;
   } else {
-    t20 = $[36];
+    t20 = $[34];
   }
   let t21;
-  if ($[37] !== setColorMode) {
-    t21 = () => setColorMode("system");
-    $[37] = setColorMode;
-    $[38] = t21;
+  if ($[35] !== t) {
+    t21 = t("dark_mode");
+    $[35] = t;
+    $[36] = t21;
   } else {
-    t21 = $[38];
+    t21 = $[36];
   }
   let t22;
-  if ($[39] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t22 = /* @__PURE__ */ jsx(SunMoonIcon, { size: iconSize.smallest });
+  if ($[37] !== t19 || $[38] !== t21) {
+    t22 = /* @__PURE__ */ jsxs(MenuItem, { onClick: t19, children: [
+      t20,
+      " ",
+      t21
+    ] });
+    $[37] = t19;
+    $[38] = t21;
     $[39] = t22;
   } else {
     t22 = $[39];
   }
   let t23;
-  if ($[40] !== t) {
-    t23 = t("system_mode");
-    $[40] = t;
+  if ($[40] !== setColorMode) {
+    t23 = () => setColorMode("light");
+    $[40] = setColorMode;
     $[41] = t23;
   } else {
     t23 = $[41];
   }
   let t24;
-  if ($[42] !== t21 || $[43] !== t23) {
-    t24 = /* @__PURE__ */ jsxs(MenuItem, { onClick: t21, children: [
-      t22,
-      " ",
-      t23
-    ] });
-    $[42] = t21;
-    $[43] = t23;
-    $[44] = t24;
+  if ($[42] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t24 = /* @__PURE__ */ jsx(SunIcon, { size: iconSize.smallest });
+    $[42] = t24;
   } else {
-    t24 = $[44];
+    t24 = $[42];
   }
   let t25;
-  if ($[45] !== t12 || $[46] !== t16 || $[47] !== t20 || $[48] !== t24) {
-    t25 = /* @__PURE__ */ jsxs("div", { className: "absolute top-4 right-4 flex items-center gap-1 z-10", children: [
-      t11,
-      /* @__PURE__ */ jsxs(Menu, { trigger: t12, children: [
-        t16,
-        t20,
-        t24
-      ] })
-    ] });
-    $[45] = t12;
-    $[46] = t16;
-    $[47] = t20;
-    $[48] = t24;
-    $[49] = t25;
+  if ($[43] !== t) {
+    t25 = t("light_mode");
+    $[43] = t;
+    $[44] = t25;
   } else {
-    t25 = $[49];
+    t25 = $[44];
   }
   let t26;
-  if ($[50] !== logoComponent) {
-    t26 = /* @__PURE__ */ jsx("div", { className: "w-32 h-32 m-2 mb-6", children: logoComponent });
-    $[50] = logoComponent;
-    $[51] = t26;
+  if ($[45] !== t23 || $[46] !== t25) {
+    t26 = /* @__PURE__ */ jsxs(MenuItem, { onClick: t23, children: [
+      t24,
+      " ",
+      t25
+    ] });
+    $[45] = t23;
+    $[46] = t25;
+    $[47] = t26;
   } else {
-    t26 = $[51];
+    t26 = $[47];
   }
   let t27;
-  if ($[52] !== notAllowedMessage) {
-    t27 = notAllowedMessage && /* @__PURE__ */ jsx("div", { className: "p-4 w-full", children: /* @__PURE__ */ jsx(ErrorView, { error: notAllowedMessage }) });
-    $[52] = notAllowedMessage;
-    $[53] = t27;
+  if ($[48] !== setColorMode) {
+    t27 = () => setColorMode("system");
+    $[48] = setColorMode;
+    $[49] = t27;
   } else {
-    t27 = $[53];
+    t27 = $[49];
   }
   let t28;
-  if ($[54] !== buildErrorView || $[55] !== mode) {
-    t28 = mode !== "forgot" && buildErrorView();
-    $[54] = buildErrorView;
-    $[55] = mode;
-    $[56] = t28;
+  if ($[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t28 = /* @__PURE__ */ jsx(SunMoonIcon, { size: iconSize.smallest });
+    $[50] = t28;
   } else {
-    t28 = $[56];
+    t28 = $[50];
+  }
+  let t29;
+  if ($[51] !== t) {
+    t29 = t("system_mode");
+    $[51] = t;
+    $[52] = t29;
+  } else {
+    t29 = $[52];
   }
-  const t29 = viewVisible ? "opacity-100" : "opacity-0";
   let t30;
-  if ($[57] !== t29) {
-    t30 = cls("w-full transition-opacity duration-150", t29);
-    $[57] = t29;
-    $[58] = t30;
+  if ($[53] !== t27 || $[54] !== t29) {
+    t30 = /* @__PURE__ */ jsxs(MenuItem, { onClick: t27, children: [
+      t28,
+      " ",
+      t29
+    ] });
+    $[53] = t27;
+    $[54] = t29;
+    $[55] = t30;
   } else {
-    t30 = $[58];
+    t30 = $[55];
   }
   let t31;
-  if ($[59] !== authController || $[60] !== isBootstrapMode || $[61] !== noUserComponent) {
-    t31 = isBootstrapMode && !authController.user && /* @__PURE__ */ jsx(LoginForm, { authController, registrationMode: true, onClose: _temp, onForgotPassword: _temp2, noUserComponent, disableSignupScreen: false, bootstrapMode: true });
-    $[59] = authController;
-    $[60] = isBootstrapMode;
-    $[61] = noUserComponent;
-    $[62] = t31;
+  if ($[56] !== t18 || $[57] !== t22 || $[58] !== t26 || $[59] !== t30) {
+    t31 = /* @__PURE__ */ jsxs("div", { className: "absolute top-4 right-4 flex items-center gap-1 z-10", children: [
+      t17,
+      /* @__PURE__ */ jsxs(Menu, { trigger: t18, children: [
+        t22,
+        t26,
+        t30
+      ] })
+    ] });
+    $[56] = t18;
+    $[57] = t22;
+    $[58] = t26;
+    $[59] = t30;
+    $[60] = t31;
   } else {
-    t31 = $[62];
+    t31 = $[60];
   }
   let t32;
-  if ($[63] !== authController || $[64] !== disableSignupScreen || $[65] !== disabled || $[66] !== googleClientId || $[67] !== hasGoogleLogin || $[68] !== hasPasswordReset || $[69] !== isBootstrapMode || $[70] !== mode || $[71] !== noUserComponent || $[72] !== showRegistration) {
-    t32 = !isBootstrapMode && /* @__PURE__ */ jsxs(Fragment, { children: [
+  if ($[61] !== logoComponent) {
+    t32 = /* @__PURE__ */ jsx("div", { className: "w-24 h-24 m-2 mb-4 drop-shadow-md", children: logoComponent });
+    $[61] = logoComponent;
+    $[62] = t32;
+  } else {
+    t32 = $[62];
+  }
+  let t33;
+  if ($[63] !== notAllowedMessage) {
+    t33 = notAllowedMessage && /* @__PURE__ */ jsx("div", { className: "p-4 w-full", children: /* @__PURE__ */ jsx(ErrorView, { error: notAllowedMessage }) });
+    $[63] = notAllowedMessage;
+    $[64] = t33;
+  } else {
+    t33 = $[64];
+  }
+  let t34;
+  if ($[65] !== buildErrorView || $[66] !== mode) {
+    t34 = mode !== "forgot" && buildErrorView();
+    $[65] = buildErrorView;
+    $[66] = mode;
+    $[67] = t34;
+  } else {
+    t34 = $[67];
+  }
+  const t35 = viewVisible ? "opacity-100" : "opacity-0";
+  let t36;
+  if ($[68] !== t35) {
+    t36 = cls("w-full transition-opacity duration-150", t35);
+    $[68] = t35;
+    $[69] = t36;
+  } else {
+    t36 = $[69];
+  }
+  let t37;
+  if ($[70] !== authController || $[71] !== defaultEmail || $[72] !== defaultPassword || $[73] !== isBootstrapMode || $[74] !== noUserComponent) {
+    t37 = isBootstrapMode && !authController.user && /* @__PURE__ */ jsx(LoginForm, { authController, registrationMode: true, onClose: _temp, onForgotPassword: _temp2, noUserComponent, disableSignupScreen: false, bootstrapMode: true, defaultEmail, defaultPassword });
+    $[70] = authController;
+    $[71] = defaultEmail;
+    $[72] = defaultPassword;
+    $[73] = isBootstrapMode;
+    $[74] = noUserComponent;
+    $[75] = t37;
+  } else {
+    t37 = $[75];
+  }
+  let t38;
+  if ($[76] !== authController || $[77] !== defaultEmail || $[78] !== defaultPassword || $[79] !== disableSignupScreen || $[80] !== disabled || $[81] !== githubClientId || $[82] !== googleClientId || $[83] !== hasGitHubLogin || $[84] !== hasGoogleLogin || $[85] !== hasLinkedinLogin || $[86] !== hasPasswordReset || $[87] !== isBootstrapMode || $[88] !== linkedinClientId || $[89] !== mode || $[90] !== noUserComponent || $[91] !== showRegistration || $[92] !== subtitle || $[93] !== title) {
+    t38 = !isBootstrapMode && /* @__PURE__ */ jsxs(Fragment, { children: [
       mode === "buttons" && /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col gap-3 mt-2", children: [
+        (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "text-center mb-2", children: [
+          title && /* @__PURE__ */ jsx(Typography, { variant: "h6", className: "mb-0.5 font-bold", children: title }),
+          subtitle && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "secondary", className: "mb-4", children: subtitle })
+        ] }),
         /* @__PURE__ */ jsx(LoginButton, { disabled, text: "Sign in with email", icon: /* @__PURE__ */ jsx(MailIcon, {}), onClick: () => switchMode("login") }),
         hasGoogleLogin && googleClientId && /* @__PURE__ */ jsx(GoogleLoginButton, { disabled, googleClientId, authController }),
+        hasGitHubLogin && githubClientId && /* @__PURE__ */ jsx(GitHubLoginButton, { disabled, githubClientId }),
+        hasLinkedinLogin && linkedinClientId && /* @__PURE__ */ jsx(LinkedInLoginButton, { disabled, linkedinClientId }),
         showRegistration && /* @__PURE__ */ jsx("div", { className: "mt-2 text-center", children: /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "secondary", children: [
           "Don't have an account?",
           " ",
           /* @__PURE__ */ jsx("button", { type: "button", className: "font-semibold hover:underline cursor-pointer text-primary-600 dark:text-primary-400", onClick: () => switchMode("register"), children: "Create one" })
         ] }) })
       ] }),
-      mode === "login" && /* @__PURE__ */ jsx(LoginForm, { authController, registrationMode: false, onClose: () => switchMode("buttons"), onForgotPassword: hasPasswordReset ? () => switchMode("forgot") : void 0, noUserComponent, disableSignupScreen, switchToRegister: showRegistration ? () => switchMode("register") : void 0 }),
-      mode === "register" && /* @__PURE__ */ jsx(LoginForm, { authController, registrationMode: true, onClose: () => switchMode("buttons"), onForgotPassword: hasPasswordReset ? () => switchMode("forgot") : void 0, noUserComponent, disableSignupScreen, switchToLogin: () => switchMode("login") }),
+      mode === "login" && /* @__PURE__ */ jsx(LoginForm, { authController, registrationMode: false, onClose: () => switchMode("buttons"), onForgotPassword: hasPasswordReset ? () => switchMode("forgot") : void 0, noUserComponent, disableSignupScreen, switchToRegister: showRegistration ? () => switchMode("register") : void 0, defaultEmail, defaultPassword }),
+      mode === "register" && /* @__PURE__ */ jsx(LoginForm, { authController, registrationMode: true, onClose: () => switchMode("buttons"), onForgotPassword: hasPasswordReset ? () => switchMode("forgot") : void 0, noUserComponent, disableSignupScreen, switchToLogin: () => switchMode("login"), defaultEmail, defaultPassword }),
       mode === "forgot" && authController.forgotPassword && /* @__PURE__ */ jsx(ForgotPasswordForm, { authController, onClose: () => switchMode("login") })
     ] });
-    $[63] = authController;
-    $[64] = disableSignupScreen;
-    $[65] = disabled;
-    $[66] = googleClientId;
-    $[67] = hasGoogleLogin;
-    $[68] = hasPasswordReset;
-    $[69] = isBootstrapMode;
-    $[70] = mode;
-    $[71] = noUserComponent;
-    $[72] = showRegistration;
-    $[73] = t32;
-  } else {
-    t32 = $[73];
+    $[76] = authController;
+    $[77] = defaultEmail;
+    $[78] = defaultPassword;
+    $[79] = disableSignupScreen;
+    $[80] = disabled;
+    $[81] = githubClientId;
+    $[82] = googleClientId;
+    $[83] = hasGitHubLogin;
+    $[84] = hasGoogleLogin;
+    $[85] = hasLinkedinLogin;
+    $[86] = hasPasswordReset;
+    $[87] = isBootstrapMode;
+    $[88] = linkedinClientId;
+    $[89] = mode;
+    $[90] = noUserComponent;
+    $[91] = showRegistration;
+    $[92] = subtitle;
+    $[93] = title;
+    $[94] = t38;
+  } else {
+    t38 = $[94];
   }
-  let t33;
-  if ($[74] !== t30 || $[75] !== t31 || $[76] !== t32) {
-    t33 = /* @__PURE__ */ jsxs("div", { className: t30, children: [
-      t31,
-      t32
+  let t39;
+  if ($[95] !== t36 || $[96] !== t37 || $[97] !== t38) {
+    t39 = /* @__PURE__ */ jsxs("div", { className: t36, children: [
+      t37,
+      t38
     ] });
-    $[74] = t30;
-    $[75] = t31;
-    $[76] = t32;
-    $[77] = t33;
+    $[95] = t36;
+    $[96] = t37;
+    $[97] = t38;
+    $[98] = t39;
   } else {
-    t33 = $[77];
+    t39 = $[98];
   }
-  let t34;
-  if ($[78] !== t26 || $[79] !== t27 || $[80] !== t28 || $[81] !== t33) {
-    t34 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center w-[480px] max-w-full p-8 sm:p-10", children: [
-      t26,
-      t27,
-      t28,
-      t33
+  let t40;
+  if ($[99] !== additionalComponent) {
+    t40 = additionalComponent && /* @__PURE__ */ jsx("div", { className: "w-full", children: additionalComponent });
+    $[99] = additionalComponent;
+    $[100] = t40;
+  } else {
+    t40 = $[100];
+  }
+  let t41;
+  if ($[101] !== t32 || $[102] !== t33 || $[103] !== t34 || $[104] !== t39 || $[105] !== t40) {
+    t41 = /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col items-center w-[440px] max-w-full p-8 sm:p-10 bg-white/70 dark:bg-surface-900/60 backdrop-blur-xl border border-surface-200/50 dark:border-surface-800/50 rounded-2xl shadow-2xl z-10 transition-all duration-300 hover:shadow-primary-500/5", children: [
+      t32,
+      t33,
+      t34,
+      t39,
+      t40
     ] });
-    $[78] = t26;
-    $[79] = t27;
-    $[80] = t28;
-    $[81] = t33;
-    $[82] = t34;
+    $[101] = t32;
+    $[102] = t33;
+    $[103] = t34;
+    $[104] = t39;
+    $[105] = t40;
+    $[106] = t41;
   } else {
-    t34 = $[82];
+    t41 = $[106];
   }
-  let t35;
-  if ($[83] !== t10 || $[84] !== t25 || $[85] !== t34) {
-    t35 = /* @__PURE__ */ jsxs("div", { className: t10, children: [
-      t25,
-      t34
+  let t42;
+  if ($[107] !== t14 || $[108] !== t31 || $[109] !== t41) {
+    t42 = /* @__PURE__ */ jsxs("div", { className: t14, children: [
+      t15,
+      t16,
+      t31,
+      t41
     ] });
-    $[83] = t10;
-    $[84] = t25;
-    $[85] = t34;
-    $[86] = t35;
+    $[107] = t14;
+    $[108] = t31;
+    $[109] = t41;
+    $[110] = t42;
   } else {
-    t35 = $[86];
+    t42 = $[110];
   }
-  return t35;
+  return t42;
 }
 function _temp2() {
 }
@@ -6882,7 +6917,7 @@ function LoginButton(t0) {
   }
   let t4;
   if ($[7] !== disabled || $[8] !== onClick || $[9] !== t3) {
-    t4 = /* @__PURE__ */ jsx(Button, { disabled, className: "w-full", variant: "outlined", size: "large", onClick, children: t3 });
+    t4 = /* @__PURE__ */ jsx(Button, { disabled, className: "w-full transition-transform duration-200 active:scale-[0.98]", variant: "outlined", size: "large", onClick, children: t3 });
     $[7] = disabled;
     $[8] = onClick;
     $[9] = t3;
@@ -6994,6 +7029,102 @@ function GoogleLoginButton(t0) {
   }
   return t5;
 }
+const GitHubIcon = () => {
+  const $ = c(1);
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "20", height: "20", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M12 2C6.477 2 2 6.477 2 12c0 4.42 2.865 8.166 6.839 9.489.5.092.682-.217.682-.482 0-.237-.008-.866-.013-1.7-2.782.603-3.369-1.34-3.369-1.34-.454-1.156-1.11-1.464-1.11-1.464-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.087 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.579.688.481C19.137 20.162 22 16.418 22 12c0-5.523-4.477-10-10-10z" }) });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+};
+function GitHubLoginButton(t0) {
+  const $ = c(6);
+  const {
+    disabled,
+    githubClientId
+  } = t0;
+  let t1;
+  if ($[0] !== githubClientId) {
+    t1 = () => {
+      localStorage.setItem("rebase_oauth_provider", "github");
+      const redirectUri = encodeURIComponent(window.location.origin + window.location.pathname);
+      window.location.href = `https://github.com/login/oauth/authorize?client_id=${githubClientId}&redirect_uri=${redirectUri}&scope=${"read:user,user:email"}`;
+    };
+    $[0] = githubClientId;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const handleClick = t1;
+  let t2;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsx(GitHubIcon, {});
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== disabled || $[4] !== handleClick) {
+    t3 = /* @__PURE__ */ jsx(LoginButton, { disabled, text: "Sign in with GitHub", icon: t2, onClick: handleClick });
+    $[3] = disabled;
+    $[4] = handleClick;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  return t3;
+}
+const LinkedInIcon = () => {
+  const $ = c(1);
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "20", height: "20", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" }) });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+};
+function LinkedInLoginButton(t0) {
+  const $ = c(6);
+  const {
+    disabled,
+    linkedinClientId
+  } = t0;
+  let t1;
+  if ($[0] !== linkedinClientId) {
+    t1 = () => {
+      localStorage.setItem("rebase_oauth_provider", "linkedin");
+      const redirectUri = encodeURIComponent(window.location.origin + window.location.pathname);
+      window.location.href = `https://www.linkedin.com/oauth/v2/authorization?response_type=code&client_id=${linkedinClientId}&redirect_uri=${redirectUri}&scope=${"openid profile email"}`;
+    };
+    $[0] = linkedinClientId;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const handleClick = t1;
+  let t2;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsx(LinkedInIcon, {});
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== disabled || $[4] !== handleClick) {
+    t3 = /* @__PURE__ */ jsx(LoginButton, { disabled, text: "Sign in with LinkedIn", icon: t2, onClick: handleClick });
+    $[3] = disabled;
+    $[4] = handleClick;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  return t3;
+}
 function LoginForm(t0) {
   const $ = c(67);
   const {
@@ -7004,12 +7135,14 @@ function LoginForm(t0) {
     noUserComponent,
     bootstrapMode: t1,
     switchToRegister,
-    switchToLogin
+    switchToLogin,
+    defaultEmail,
+    defaultPassword
   } = t0;
   const bootstrapMode = t1 === void 0 ? false : t1;
   const passwordRef = useRef(null);
-  const [email, setEmail] = useState();
-  const [password, setPassword] = useState();
+  const [email, setEmail] = useState(defaultEmail);
+  const [password, setPassword] = useState(defaultPassword);
   const [displayName, setDisplayName] = useState();
   let t2;
   let t3;
@@ -7551,14 +7684,18 @@ function BootstrapAdminBanner({
   if (!userManagement || !loggedInUser) {
     return null;
   }
+  const loggedInUserRoles = loggedInUser.roles ?? [];
+  const isLoggedInUserAdmin = loggedInUserRoles.length === 0 || loggedInUserRoles.some((r) => r === "admin");
+  if (!isLoggedInUserAdmin) {
+    return null;
+  }
   const {
-    users,
+    hasAdminUsers,
     loading: delegateLoading,
     bootstrapAdmin,
     usersError
   } = userManagement;
-  const hasAdmin = users.some((u) => u.roles?.includes("admin"));
-  if (delegateLoading || hasAdmin || usersError || !bootstrapAdmin) {
+  if (delegateLoading || hasAdminUsers || usersError || !bootstrapAdmin) {
     return null;
   }
   const handleBootstrap = async () => {
@@ -7732,6 +7869,9 @@ const en = {
   navigation_drawer: "Navigation drawer",
   collapse: "Collapse",
   expand: "Expand",
+  change_language: "Change language",
+  toggle_theme: "Toggle theme",
+  user_menu: "User menu",
   // ─── Error states ─────────────────────────────────────────────
   error: "Error",
   error_uploading_file: "Error uploading file",
@@ -7993,7 +8133,17 @@ const en = {
   select_references: "Select references",
   account_settings: "Account Settings",
   profile: "Profile",
+  security: "Security",
   sessions: "Sessions",
+  change_password: "Change Password",
+  current_password: "Current Password",
+  new_password: "New Password",
+  confirm_password: "Confirm New Password",
+  password_changed: "Password changed successfully. You will be logged out.",
+  passwords_dont_match: "Passwords don't match",
+  password_too_short: "Password must be at least 8 characters",
+  password_change_not_available: "Password change is not available for accounts using external sign-in providers.",
+  changing_password: "Changing...",
   display_name: "Display Name",
   photo_url: "Photo URL",
   save_profile: "Save Profile",
@@ -9060,7 +9210,17 @@ const es = {
   select_references: "Select references",
   account_settings: "Account Settings",
   profile: "Profile",
-  sessions: "Sessions",
+  sessions: "Sesiones",
+  security: "Seguridad",
+  change_password: "Cambiar Contraseña",
+  current_password: "Contraseña Actual",
+  new_password: "Nueva Contraseña",
+  confirm_password: "Confirmar Nueva Contraseña",
+  password_changed: "Contraseña cambiada con éxito. Se cerrará tu sesión.",
+  passwords_dont_match: "Las contraseñas no coinciden",
+  password_too_short: "La contraseña debe tener al menos 8 caracteres",
+  password_change_not_available: "El cambio de contraseña no está disponible para cuentas que usan proveedores de inicio de sesión externos.",
+  changing_password: "Cambiando...",
   display_name: "Display Name",
   photo_url: "Photo URL",
   save_profile: "Save Profile",
@@ -13676,7 +13836,8 @@ function Rebase(props) {
     apiKey,
     userManagement: _userManagement,
     effectiveRoleController,
-    apiUrl
+    apiUrl,
+    translations
   } = props;
   const plugins = pluginsProp;
   if (plugins) {
@@ -13751,7 +13912,7 @@ function Rebase(props) {
   if (authController.authError) {
     return /* @__PURE__ */ jsx(CenteredView, { maxWidth: "md", children: /* @__PURE__ */ jsx(ErrorView, { title: "Error loading auth", error: authController.authError }) });
   }
-  const content = /* @__PURE__ */ jsx(RebaseI18nProvider, { locale, children: /* @__PURE__ */ jsx(SnackbarProvider, { children: /* @__PURE__ */ jsx(ModeControllerProvider, { value: modeController, children: /* @__PURE__ */ jsx(AdminModeControllerProvider, { value: adminModeController, children: /* @__PURE__ */ jsx(RebaseClientInstanceContext.Provider, { value: client, children: /* @__PURE__ */ jsx(AnalyticsContext.Provider, { value: analyticsController, children: /* @__PURE__ */ jsx(CustomizationControllerContext.Provider, { value: customizationController, children: /* @__PURE__ */ jsx(UserConfigurationPersistenceContext.Provider, { value: userConfigPersistence, children: /* @__PURE__ */ jsx(StorageSourceContext.Provider, { value: resolvedStorage, children: /* @__PURE__ */ jsx(RebaseDataContext.Provider, { value: resolvedData, children: /* @__PURE__ */ jsx(DatabaseAdminContext.Provider, { value: resolvedDatabaseAdmin, children: /* @__PURE__ */ jsx(AuthControllerContext.Provider, { value: authController, children: /* @__PURE__ */ jsx(InternalUserManagementContext.Provider, { value: userManagement, children: /* @__PURE__ */ jsx(EffectiveRoleControllerContext.Provider, { value: activeEffectiveRoleController, children: /* @__PURE__ */ jsx(DialogsProvider, { children: /* @__PURE__ */ jsx(RebaseRegistryProvider, { children: /* @__PURE__ */ jsx(RebaseInternal, { loading, children }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) });
+  const content = /* @__PURE__ */ jsx(RebaseI18nProvider, { locale, translations, children: /* @__PURE__ */ jsx(SnackbarProvider, { children: /* @__PURE__ */ jsx(ModeControllerProvider, { value: modeController, children: /* @__PURE__ */ jsx(AdminModeControllerProvider, { value: adminModeController, children: /* @__PURE__ */ jsx(RebaseClientInstanceContext.Provider, { value: client, children: /* @__PURE__ */ jsx(AnalyticsContext.Provider, { value: analyticsController, children: /* @__PURE__ */ jsx(CustomizationControllerContext.Provider, { value: customizationController, children: /* @__PURE__ */ jsx(UserConfigurationPersistenceContext.Provider, { value: userConfigPersistence, children: /* @__PURE__ */ jsx(StorageSourceContext.Provider, { value: resolvedStorage, children: /* @__PURE__ */ jsx(RebaseDataContext.Provider, { value: resolvedData, children: /* @__PURE__ */ jsx(DatabaseAdminContext.Provider, { value: resolvedDatabaseAdmin, children: /* @__PURE__ */ jsx(AuthControllerContext.Provider, { value: authController, children: /* @__PURE__ */ jsx(InternalUserManagementContext.Provider, { value: userManagement, children: /* @__PURE__ */ jsx(EffectiveRoleControllerContext.Provider, { value: activeEffectiveRoleController, children: /* @__PURE__ */ jsx(DialogsProvider, { children: /* @__PURE__ */ jsx(RebaseRegistryProvider, { children: /* @__PURE__ */ jsx(RebaseInternal, { loading, children }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) });
   const resolvedApiUrl = apiUrl ?? client?.baseUrl;
   if (resolvedApiUrl) {
     return /* @__PURE__ */ jsx(ApiConfigProvider, { apiUrl: resolvedApiUrl, getAuthToken: authController.getAuthToken, children: content });
@@ -14193,9 +14354,6 @@ function saveEntityToMemoryCache(path, data) {
 function getEntityFromMemoryCache(path) {
   return entityCache.get(path);
 }
-function hasEntityInCache(path) {
-  return entityCache.has(path);
-}
 function getEntityFromCache(path) {
   if (isSessionStorageAvailable) {
     try {
@@ -14223,23 +14381,6 @@ function removeEntityFromCache(path) {
     }
   }
 }
-function clearEntityCache() {
-  entityCache.clear();
-  if (isSessionStorageAvailable) {
-    try {
-      const keysToRemove = [];
-      for (let i = 0; i < sessionStorage.length; i++) {
-        const fullKey = sessionStorage.key(i);
-        if (fullKey && fullKey.startsWith(LOCAL_STORAGE_PREFIX)) {
-          keysToRemove.push(fullKey);
-        }
-      }
-      keysToRemove.forEach((key) => sessionStorage.removeItem(key));
-    } catch (error) {
-      console.error("Failed to clear entity cache from sessionStorage:", error);
-    }
-  }
-}
 function flattenKeys(obj, prefix = "", result = []) {
   if (isObject(obj) || Array.isArray(obj)) {
     const plainObject = isPlainObject(obj);
@@ -14478,37 +14619,6 @@ async function resizeImage(file, imageResize) {
     });
   });
 }
-function printChanged(props, prev, path = "", depth = 0, maxDepth = 10) {
-  if (depth > maxDepth) {
-    return;
-  }
-  if (props && prev && typeof props === "object" && typeof prev === "object") {
-    Object.keys(props).forEach((key) => {
-      printChanged(props[key], prev[key], path + "." + key, depth + 1, maxDepth);
-    });
-  } else if (props !== prev) {
-    console.log("Changed props:", path);
-  }
-}
-function useTraceUpdate(props, t0) {
-  const $ = c(3);
-  const maxDepth = t0 === void 0 ? 3 : t0;
-  const prev = useRef(props);
-  let t1;
-  if ($[0] !== maxDepth || $[1] !== props) {
-    t1 = () => {
-      console.log("Changed props:");
-      printChanged(props, prev.current, "", 0, maxDepth);
-      prev.current = props;
-    };
-    $[0] = maxDepth;
-    $[1] = props;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  useEffect(t1);
-}
 function isReferenceProperty(property) {
   if (!property) return null;
   if (property.type === "reference") return true;
@@ -14527,6 +14637,10 @@ function isRelationProperty(property) {
   }
   return false;
 }
+function isHiddenProperty(property) {
+  if (!property) return false;
+  return Boolean(property.ui?.hideFromCollection);
+}
 function getEntityPreviewKeys(authController, targetCollection, fields, previewProperties, limit = 3) {
   const allProperties = Object.keys(targetCollection.properties);
   let listProperties = previewProperties?.filter((p) => allProperties.includes(p));
@@ -14543,7 +14657,7 @@ function getEntityPreviewKeys(authController, targetCollection, fields, previewP
       return !isIdProp && key !== "id";
     }).filter((key) => {
       const property = targetCollection.properties[key];
-      return property && !isPropertyBuilder(property) && !isReferenceProperty(property) && !isRelationProperty(property);
+      return property && !isPropertyBuilder(property) && !isReferenceProperty(property) && !isRelationProperty(property) && !isHiddenProperty(property);
     }).slice(0, limit);
   }
 }
@@ -14557,6 +14671,9 @@ function getEntityTitlePropertyKey(collection, propertyConfigs) {
     const property = collection.properties[key];
     if (property && !isPropertyBuilder(property)) {
       const prop = property;
+      if (isHiddenProperty(prop)) {
+        continue;
+      }
       if (prop.type === "string" && !prop.ui?.multiline && !prop.ui?.markdown && !prop.storage && !prop.isId) {
         if (!firstStringCandidate) {
           firstStringCandidate = key;
@@ -14955,7 +15072,6 @@ export {
   UserSettingsView,
   buildCollapsedDefaults,
   buildEnumLabel,
-  clearEntityCache,
   clearEntityFetchCache,
   createFormexStub,
   deleteEntityWithCallbacks,
@@ -14972,12 +15088,9 @@ export {
   getIcon,
   getRowHeight,
   getSubcollectionColumnId,
-  hasEntityInCache,
-  iconSynonyms,
   iconsSearch,
   isEnumValueDisabled,
   populateEntityFetchCache,
-  printChanged,
   removeEntityFromCache,
   removeEntityFromMemoryCache,
   resolveComponentRef,
@@ -15028,11 +15141,9 @@ export {
   useStudioNavigationState,
   useStudioSideEntityController,
   useStudioUrlController,
-  useTraceUpdate,
   useTranslation,
   useUnsavedChangesDialog,
   useUserConfigurationPersistence,
-  useUserSelector,
-  useValidateAuthenticator
+  useUserSelector
 };
 //# sourceMappingURL=index.es.js.map