@rebasepro/core 0.2.3 → 0.2.5

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("react-compiler-runtime"), require("react"), require("@rebasepro/ui"), require("notistack"), require("@rebasepro/types"), require("react-router-dom"), require("@rebasepro/common"), require("@rebasepro/utils"), require("fast-equals"), require("react-i18next"), require("i18next"), require("fuse.js"), require("compressorjs")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "react-compiler-runtime", "react", "@rebasepro/ui", "notistack", "@rebasepro/types", "react-router-dom", "@rebasepro/common", "@rebasepro/utils", "fast-equals", "react-i18next", "i18next", "fuse.js", "compressorjs"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["Rebase Core"] = {}, global.jsxRuntime, global.reactCompilerRuntime, global.React, global.ui, global.notistack, global.types, global.reactRouterDom, global.common, global.utils, global.fastEquals, global.reactI18next, global.i18next, global.Fuse, global.Compressor));
-})(this, (function(exports2, jsxRuntime, reactCompilerRuntime, React, ui, notistack, types, reactRouterDom, common, utils, fastEquals, reactI18next, i18next, Fuse, Compressor) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("react-compiler-runtime"), require("react"), require("@rebasepro/ui"), require("notistack"), require("@rebasepro/types"), require("react-router-dom"), require("@rebasepro/common"), require("@rebasepro/utils"), require("react-i18next"), require("fast-equals"), require("i18next"), require("fuse.js"), require("compressorjs")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "react-compiler-runtime", "react", "@rebasepro/ui", "notistack", "@rebasepro/types", "react-router-dom", "@rebasepro/common", "@rebasepro/utils", "react-i18next", "fast-equals", "i18next", "fuse.js", "compressorjs"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["Rebase Core"] = {}, global.jsxRuntime, global.reactCompilerRuntime, global.React, global.ui, global.notistack, global.types, global.reactRouterDom, global.common, global.utils, global.reactI18next, global.fastEquals, global.i18next, global.Fuse, global.Compressor));
+})(this, (function(exports2, jsxRuntime, reactCompilerRuntime, React, ui, notistack, types, reactRouterDom, common, utils, reactI18next, fastEquals, i18next, Fuse, Compressor) {
   "use strict";
   function PluginProviderStack({
     plugins,
@@ -258,13 +258,15 @@
     return React.useContext(RebaseDataContext);
   };
   function useCollectionFetch(t0) {
-    const $ = reactCompilerRuntime.c(25);
+    const $ = reactCompilerRuntime.c(30);
     const {
       path,
       collection,
       filterValues,
       sortBy,
       itemCount,
+      offset,
+      page,
       searchString
     } = t0;
     const dataClient = useData();
@@ -308,8 +310,9 @@
     const [dataLoading, setDataLoading] = React.useState(false);
     const [dataLoadingError, setDataLoadingError] = React.useState();
     const [noMoreToLoad, setNoMoreToLoad] = React.useState(false);
+    const [totalCount, setTotalCount] = React.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) => {
@@ -318,12 +321,14 @@
           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);
@@ -332,6 +337,8 @@
           return accessor.listen({
             where: whereParams,
             limit: itemCount,
+            offset,
+            page,
             orderBy: orderByParams,
             searchString,
             include: includeParams
@@ -343,6 +350,8 @@
           accessor.find({
             where: whereParams,
             limit: itemCount,
+            offset,
+            page,
             orderBy: orderByParams,
             searchString,
             include: includeParams
@@ -356,46 +365,52 @@
       $[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];
     }
     React.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;
@@ -873,7 +888,7 @@
       };
     }, []);
     const getUser = React.useCallback((uid) => {
-      return userManagement?.getUser(uid) ?? null;
+      return userManagement?.getUser?.(uid) ?? null;
     }, [userManagement]);
     return React.useMemo(() => ({
       items,
@@ -1743,128 +1758,6 @@
       setMode: setModeInternal
     }), [mode, setModeInternal]);
   }
-  function useValidateAuthenticator(t0) {
-    const $ = reactCompilerRuntime.c(17);
-    const {
-      disabled,
-      authController,
-      authenticator,
-      storageSource,
-      data
-    } = t0;
-    const authenticationEnabled = Boolean(authenticator);
-    const [authLoading, setAuthLoading] = React.useState(authenticationEnabled);
-    const [notAllowedError, setNotAllowedError] = React.useState(false);
-    const [authVerified, setAuthVerified] = React.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];
-    }
-    React.useEffect(t1, t2);
-    const checkedUserRef = React.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 && !fastEquals.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];
-    }
-    React.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 = React.createContext(void 0);
   const RegistryStateContext = React.createContext({
     cmsConfig: null,
@@ -5628,11 +5521,18 @@
     const {
       t
     } = useTranslation();
+    const hasPasswordChange = !!authController.changePassword;
     const [activeTab, setActiveTab] = React.useState("profile");
     const [displayName, setDisplayName] = React.useState(user?.displayName || "");
     const [photoURL, setPhotoURL] = React.useState(user?.photoURL || "");
     const [savingProfile, setSavingProfile] = React.useState(false);
     const [profileError, setProfileError] = React.useState(null);
+    const [currentPassword, setCurrentPassword] = React.useState("");
+    const [newPassword, setNewPassword] = React.useState("");
+    const [confirmPassword, setConfirmPassword] = React.useState("");
+    const [changingPassword, setChangingPassword] = React.useState(false);
+    const [passwordError, setPasswordError] = React.useState(null);
+    const [passwordSuccess, setPasswordSuccess] = React.useState(null);
     const [sessions, setSessions] = React.useState([]);
     const [loadingSessions, setLoadingSessions] = React.useState(false);
     const [sessionsError, setSessionsError] = React.useState(null);
@@ -5660,6 +5560,35 @@
         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);
@@ -5671,8 +5600,8 @@
         } 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);
       }
@@ -5689,8 +5618,8 @@
         } 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);
       }
@@ -5703,8 +5632,8 @@
         } 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);
       }
@@ -5714,15 +5643,25 @@
       /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "h4", className: "mb-8", children: t("account_settings") }),
       /* @__PURE__ */ jsxRuntime.jsxs(ui.Tabs, { value: activeTab, onValueChange: (v) => setActiveTab(v), className: "mb-8", children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Tab, { value: "profile", children: t("profile") }),
+        hasPasswordChange && /* @__PURE__ */ jsxRuntime.jsx(ui.Tab, { value: "security", children: t("security") }),
         /* @__PURE__ */ jsxRuntime.jsx(ui.Tab, { value: "sessions", children: t("sessions") })
       ] }),
       activeTab === "profile" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 max-w-xl", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-6 mb-2", children: /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.TextField, { label: t("display_name"), value: displayName, onChange: (e_3) => setDisplayName(e_3.target.value) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { label: t("photo_url"), value: photoURL, onChange: (e_4) => setPhotoURL(e_4.target.value) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { label: t("display_name"), value: displayName, onChange: (e_4) => setDisplayName(e_4.target.value) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { label: t("photo_url"), value: photoURL, onChange: (e_5) => setPhotoURL(e_5.target.value) }),
         profileError && /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { color: "error", children: profileError }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "filled", onClick: handleSaveProfile, disabled: savingProfile, children: savingProfile ? t("saving") : t("save_profile") }) })
       ] }),
+      activeTab === "security" && hasPasswordChange && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 max-w-xl", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "h6", className: "mb-2", children: t("change_password") }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { label: t("current_password"), type: "password", value: currentPassword, onChange: (e_6) => setCurrentPassword(e_6.target.value), autoComplete: "current-password" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { label: t("new_password"), type: "password", value: newPassword, onChange: (e_7) => setNewPassword(e_7.target.value), autoComplete: "new-password" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { label: t("confirm_password"), type: "password", value: confirmPassword, onChange: (e_8) => setConfirmPassword(e_8.target.value), autoComplete: "new-password" }),
+        passwordError && /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { color: "error", children: passwordError }),
+        passwordSuccess && /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { className: "text-emerald-600 dark:text-emerald-400", children: passwordSuccess }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "filled", onClick: handleChangePassword, disabled: changingPassword || !currentPassword || !newPassword || !confirmPassword, children: changingPassword ? t("changing_password") : t("change_password") }) })
+      ] }),
       activeTab === "sessions" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4 max-w-3xl", children: loadingSessions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center p-8", children: /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, {}) }) : sessionsError ? /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { color: "error", children: sessionsError }) : sessions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { children: t("no_active_sessions") }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end mb-2", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", color: "error", onClick: handleRevokeAll, disabled: revokingAll, children: revokingAll ? t("revoking") : t("revoke_all_sessions") }) }),
         sessions.map((session) => /* @__PURE__ */ jsxRuntime.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: [
@@ -6421,7 +6360,7 @@
     return t8;
   }
   function LoginView(t0) {
-    const $ = reactCompilerRuntime.c(87);
+    const $ = reactCompilerRuntime.c(111);
     const {
       logo,
       authController,
@@ -6430,8 +6369,15 @@
       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;
@@ -6482,26 +6428,76 @@
       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];
     }
-    React.useEffect(t6, t7);
-    let t8;
-    if ($[9] !== authController.authProviderError || $[10] !== authController.user) {
-      t8 = function buildErrorView2() {
+    React.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];
+    }
+    React.useEffect(t10, t11);
+    let t12;
+    if ($[18] !== authController.authProviderError || $[19] !== authController.user) {
+      t12 = function buildErrorView2() {
         if (!authController.authProviderError) {
           return null;
         }
@@ -6511,44 +6507,44 @@
         const errorMsg = authController.authProviderError instanceof Error ? authController.authProviderError.message : String(authController.authProviderError);
         return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("img", { src: logo, style: t92, alt: "Logo" });
-        $[13] = logo;
-        $[14] = t102;
+      let t142;
+      if ($[22] !== logo) {
+        t142 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(RebaseLogo, {});
-        $[15] = t92;
+      let t132;
+      if ($[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+        t132 = /* @__PURE__ */ jsxRuntime.jsx(RebaseLogo, {});
+        $[24] = t132;
       } else {
-        t92 = $[15];
+        t132 = $[24];
       }
-      logoComponent = t92;
+      logoComponent = t132;
     }
     let notAllowedMessage;
     if (notAllowedError) {
@@ -6558,277 +6554,316 @@
         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 = ui.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__ */ jsxRuntime.jsx(LanguageToggle, {});
-      $[18] = t11;
-    } else {
-      t11 = $[18];
-    }
-    let t12;
-    if ($[19] !== colorMode) {
-      t12 = /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { color: "inherit", "aria-label": "Toggle theme", children: colorMode === "dark" ? /* @__PURE__ */ jsxRuntime.jsx(ui.MoonIcon, { size: ui.iconSize.small }) : /* @__PURE__ */ jsxRuntime.jsx(ui.SunIcon, { size: ui.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__ */ jsxRuntime.jsx(ui.MoonIcon, { size: ui.iconSize.smallest });
-      $[23] = t14;
+    if ($[25] !== t13) {
+      t14 = ui.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__ */ jsxRuntime.jsxs(ui.MenuItem, { onClick: t13, children: [
-        t14,
-        " ",
-        t15
-      ] });
-      $[26] = t13;
+    if ($[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t15 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(LanguageToggle, {});
+      $[29] = t17;
     } else {
-      t17 = $[30];
+      t17 = $[29];
     }
     let t18;
-    if ($[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t18 = /* @__PURE__ */ jsxRuntime.jsx(ui.SunIcon, { size: ui.iconSize.smallest });
+    if ($[30] !== colorMode) {
+      t18 = /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { color: "inherit", "aria-label": "Toggle theme", children: colorMode === "dark" ? /* @__PURE__ */ jsxRuntime.jsx(ui.MoonIcon, { size: ui.iconSize.small }) : /* @__PURE__ */ jsxRuntime.jsx(ui.SunIcon, { size: ui.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__ */ jsxRuntime.jsxs(ui.MenuItem, { onClick: t17, children: [
-        t18,
-        " ",
-        t19
-      ] });
-      $[34] = t17;
-      $[35] = t19;
-      $[36] = t20;
+    if ($[34] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t20 = /* @__PURE__ */ jsxRuntime.jsx(ui.MoonIcon, { size: ui.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__ */ jsxRuntime.jsx(ui.SunMoonIcon, { size: ui.iconSize.smallest });
+    if ($[37] !== t19 || $[38] !== t21) {
+      t22 = /* @__PURE__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsxs(ui.MenuItem, { onClick: t21, children: [
-        t22,
-        " ",
-        t23
-      ] });
-      $[42] = t21;
-      $[43] = t23;
-      $[44] = t24;
+    if ($[42] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t24 = /* @__PURE__ */ jsxRuntime.jsx(ui.SunIcon, { size: ui.iconSize.smallest });
+      $[42] = t24;
     } else {
-      t24 = $[44];
+      t24 = $[42];
     }
     let t25;
-    if ($[45] !== t12 || $[46] !== t16 || $[47] !== t20 || $[48] !== t24) {
-      t25 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-4 right-4 flex items-center gap-1 z-10", children: [
-        t11,
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsx("div", { className: "w-32 h-32 m-2 mb-6", children: logoComponent });
-      $[50] = logoComponent;
-      $[51] = t26;
+    if ($[45] !== t23 || $[46] !== t25) {
+      t26 = /* @__PURE__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsx("div", { className: "p-4 w-full", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.SunMoonIcon, { size: ui.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 = ui.cls("w-full transition-opacity duration-150", t29);
-      $[57] = t29;
-      $[58] = t30;
+    if ($[53] !== t27 || $[54] !== t29) {
+      t30 = /* @__PURE__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "absolute top-4 right-4 flex items-center gap-1 z-10", children: [
+        t17,
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    if ($[61] !== logoComponent) {
+      t32 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "p-4 w-full", children: /* @__PURE__ */ jsxRuntime.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 = ui.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         mode === "buttons" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full flex flex-col gap-3 mt-2", children: [
+          (title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center mb-2", children: [
+            title && /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "h6", className: "mb-0.5 font-bold", children: title }),
+            subtitle && /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", color: "secondary", className: "mb-4", children: subtitle })
+          ] }),
           /* @__PURE__ */ jsxRuntime.jsx(LoginButton, { disabled, text: "Sign in with email", icon: /* @__PURE__ */ jsxRuntime.jsx(ui.MailIcon, {}), onClick: () => switchMode("login") }),
           hasGoogleLogin && googleClientId && /* @__PURE__ */ jsxRuntime.jsx(GoogleLoginButton, { disabled, googleClientId, authController }),
+          hasGitHubLogin && githubClientId && /* @__PURE__ */ jsxRuntime.jsx(GitHubLoginButton, { disabled, githubClientId }),
+          hasLinkedinLogin && linkedinClientId && /* @__PURE__ */ jsxRuntime.jsx(LinkedInLoginButton, { disabled, linkedinClientId }),
           showRegistration && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 text-center", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { variant: "body2", color: "secondary", children: [
             "Don't have an account?",
             " ",
             /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(LoginForm, { authController, registrationMode: true, onClose: () => switchMode("buttons"), onForgotPassword: hasPasswordReset ? () => switchMode("forgot") : void 0, noUserComponent, disableSignupScreen, switchToLogin: () => switchMode("login") }),
+        mode === "login" && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: t30, children: [
-        t31,
-        t32
+    let t39;
+    if ($[95] !== t36 || $[96] !== t37 || $[97] !== t38) {
+      t39 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: t10, children: [
-        t25,
-        t34
+    let t42;
+    if ($[107] !== t14 || $[108] !== t31 || $[109] !== t41) {
+      t42 = /* @__PURE__ */ jsxRuntime.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() {
   }
@@ -6872,7 +6907,7 @@
     }
     let t4;
     if ($[7] !== disabled || $[8] !== onClick || $[9] !== t3) {
-      t4 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { disabled, className: "w-full", variant: "outlined", size: "large", onClick, children: t3 });
+      t4 = /* @__PURE__ */ jsxRuntime.jsx(ui.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;
@@ -6984,6 +7019,102 @@
     }
     return t5;
   }
+  const GitHubIcon = () => {
+    const $ = reactCompilerRuntime.c(1);
+    let t0;
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t0 = /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", width: "20", height: "20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.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 $ = reactCompilerRuntime.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__ */ jsxRuntime.jsx(GitHubIcon, {});
+      $[2] = t2;
+    } else {
+      t2 = $[2];
+    }
+    let t3;
+    if ($[3] !== disabled || $[4] !== handleClick) {
+      t3 = /* @__PURE__ */ jsxRuntime.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 $ = reactCompilerRuntime.c(1);
+    let t0;
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t0 = /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", width: "20", height: "20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.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 $ = reactCompilerRuntime.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__ */ jsxRuntime.jsx(LinkedInIcon, {});
+      $[2] = t2;
+    } else {
+      t2 = $[2];
+    }
+    let t3;
+    if ($[3] !== disabled || $[4] !== handleClick) {
+      t3 = /* @__PURE__ */ jsxRuntime.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 $ = reactCompilerRuntime.c(67);
     const {
@@ -6994,12 +7125,14 @@
       noUserComponent,
       bootstrapMode: t1,
       switchToRegister,
-      switchToLogin
+      switchToLogin,
+      defaultEmail,
+      defaultPassword
     } = t0;
     const bootstrapMode = t1 === void 0 ? false : t1;
     const passwordRef = React.useRef(null);
-    const [email, setEmail] = React.useState();
-    const [password, setPassword] = React.useState();
+    const [email, setEmail] = React.useState(defaultEmail);
+    const [password, setPassword] = React.useState(defaultPassword);
     const [displayName, setDisplayName] = React.useState();
     let t2;
     let t3;
@@ -7541,14 +7674,18 @@
     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 () => {
@@ -7722,6 +7859,9 @@
     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",
@@ -7983,7 +8123,17 @@
     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",
@@ -9050,7 +9200,17 @@
     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",
@@ -13666,7 +13826,8 @@
       apiKey,
       userManagement: _userManagement,
       effectiveRoleController,
-      apiUrl
+      apiUrl,
+      translations
     } = props;
     const plugins = pluginsProp;
     if (plugins) {
@@ -13741,7 +13902,7 @@
     if (authController.authError) {
       return /* @__PURE__ */ jsxRuntime.jsx(ui.CenteredView, { maxWidth: "md", children: /* @__PURE__ */ jsxRuntime.jsx(ErrorView, { title: "Error loading auth", error: authController.authError }) });
     }
-    const content = /* @__PURE__ */ jsxRuntime.jsx(RebaseI18nProvider, { locale, children: /* @__PURE__ */ jsxRuntime.jsx(SnackbarProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(ModeControllerProvider, { value: modeController, children: /* @__PURE__ */ jsxRuntime.jsx(AdminModeControllerProvider, { value: adminModeController, children: /* @__PURE__ */ jsxRuntime.jsx(RebaseClientInstanceContext.Provider, { value: client, children: /* @__PURE__ */ jsxRuntime.jsx(AnalyticsContext.Provider, { value: analyticsController, children: /* @__PURE__ */ jsxRuntime.jsx(CustomizationControllerContext.Provider, { value: customizationController, children: /* @__PURE__ */ jsxRuntime.jsx(UserConfigurationPersistenceContext.Provider, { value: userConfigPersistence, children: /* @__PURE__ */ jsxRuntime.jsx(StorageSourceContext.Provider, { value: resolvedStorage, children: /* @__PURE__ */ jsxRuntime.jsx(RebaseDataContext.Provider, { value: resolvedData, children: /* @__PURE__ */ jsxRuntime.jsx(DatabaseAdminContext.Provider, { value: resolvedDatabaseAdmin, children: /* @__PURE__ */ jsxRuntime.jsx(AuthControllerContext.Provider, { value: authController, children: /* @__PURE__ */ jsxRuntime.jsx(InternalUserManagementContext.Provider, { value: userManagement, children: /* @__PURE__ */ jsxRuntime.jsx(EffectiveRoleControllerContext.Provider, { value: activeEffectiveRoleController, children: /* @__PURE__ */ jsxRuntime.jsx(DialogsProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(RebaseRegistryProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(RebaseInternal, { loading, children }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) });
+    const content = /* @__PURE__ */ jsxRuntime.jsx(RebaseI18nProvider, { locale, translations, children: /* @__PURE__ */ jsxRuntime.jsx(SnackbarProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(ModeControllerProvider, { value: modeController, children: /* @__PURE__ */ jsxRuntime.jsx(AdminModeControllerProvider, { value: adminModeController, children: /* @__PURE__ */ jsxRuntime.jsx(RebaseClientInstanceContext.Provider, { value: client, children: /* @__PURE__ */ jsxRuntime.jsx(AnalyticsContext.Provider, { value: analyticsController, children: /* @__PURE__ */ jsxRuntime.jsx(CustomizationControllerContext.Provider, { value: customizationController, children: /* @__PURE__ */ jsxRuntime.jsx(UserConfigurationPersistenceContext.Provider, { value: userConfigPersistence, children: /* @__PURE__ */ jsxRuntime.jsx(StorageSourceContext.Provider, { value: resolvedStorage, children: /* @__PURE__ */ jsxRuntime.jsx(RebaseDataContext.Provider, { value: resolvedData, children: /* @__PURE__ */ jsxRuntime.jsx(DatabaseAdminContext.Provider, { value: resolvedDatabaseAdmin, children: /* @__PURE__ */ jsxRuntime.jsx(AuthControllerContext.Provider, { value: authController, children: /* @__PURE__ */ jsxRuntime.jsx(InternalUserManagementContext.Provider, { value: userManagement, children: /* @__PURE__ */ jsxRuntime.jsx(EffectiveRoleControllerContext.Provider, { value: activeEffectiveRoleController, children: /* @__PURE__ */ jsxRuntime.jsx(DialogsProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(RebaseRegistryProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(RebaseInternal, { loading, children }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) });
     const resolvedApiUrl = apiUrl ?? client?.baseUrl;
     if (resolvedApiUrl) {
       return /* @__PURE__ */ jsxRuntime.jsx(ApiConfigProvider, { apiUrl: resolvedApiUrl, getAuthToken: authController.getAuthToken, children: content });
@@ -14183,9 +14344,6 @@
   function getEntityFromMemoryCache(path) {
     return entityCache.get(path);
   }
-  function hasEntityInCache(path) {
-    return entityCache.has(path);
-  }
   function getEntityFromCache(path) {
     if (isSessionStorageAvailable) {
       try {
@@ -14213,23 +14371,6 @@
       }
     }
   }
-  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 (utils.isObject(obj) || Array.isArray(obj)) {
       const plainObject = utils.isPlainObject(obj);
@@ -14468,37 +14609,6 @@
       });
     });
   }
-  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 $ = reactCompilerRuntime.c(3);
-    const maxDepth = t0 === void 0 ? 3 : t0;
-    const prev = React.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];
-    }
-    React.useEffect(t1);
-  }
   function isReferenceProperty(property) {
     if (!property) return null;
     if (property.type === "reference") return true;
@@ -14517,6 +14627,10 @@
     }
     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));
@@ -14533,7 +14647,7 @@
         return !isIdProp && key !== "id";
       }).filter((key) => {
         const property = targetCollection.properties[key];
-        return property && !common.isPropertyBuilder(property) && !isReferenceProperty(property) && !isRelationProperty(property);
+        return property && !common.isPropertyBuilder(property) && !isReferenceProperty(property) && !isRelationProperty(property) && !isHiddenProperty(property);
       }).slice(0, limit);
     }
   }
@@ -14547,6 +14661,9 @@
       const property = collection.properties[key];
       if (property && !common.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;
@@ -14944,7 +15061,6 @@
   exports2.UserSettingsView = UserSettingsView;
   exports2.buildCollapsedDefaults = buildCollapsedDefaults;
   exports2.buildEnumLabel = buildEnumLabel;
-  exports2.clearEntityCache = clearEntityCache;
   exports2.clearEntityFetchCache = clearEntityFetchCache;
   exports2.createFormexStub = createFormexStub;
   exports2.deleteEntityWithCallbacks = deleteEntityWithCallbacks;
@@ -14961,12 +15077,9 @@
   exports2.getIcon = getIcon;
   exports2.getRowHeight = getRowHeight;
   exports2.getSubcollectionColumnId = getSubcollectionColumnId;
-  exports2.hasEntityInCache = hasEntityInCache;
-  exports2.iconSynonyms = iconSynonyms;
   exports2.iconsSearch = iconsSearch;
   exports2.isEnumValueDisabled = isEnumValueDisabled;
   exports2.populateEntityFetchCache = populateEntityFetchCache;
-  exports2.printChanged = printChanged;
   exports2.removeEntityFromCache = removeEntityFromCache;
   exports2.removeEntityFromMemoryCache = removeEntityFromMemoryCache;
   exports2.resolveComponentRef = resolveComponentRef;
@@ -15017,12 +15130,10 @@
   exports2.useStudioNavigationState = useStudioNavigationState;
   exports2.useStudioSideEntityController = useStudioSideEntityController;
   exports2.useStudioUrlController = useStudioUrlController;
-  exports2.useTraceUpdate = useTraceUpdate;
   exports2.useTranslation = useTranslation;
   exports2.useUnsavedChangesDialog = useUnsavedChangesDialog;
   exports2.useUserConfigurationPersistence = useUserConfigurationPersistence;
   exports2.useUserSelector = useUserSelector;
-  exports2.useValidateAuthenticator = useValidateAuthenticator;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
 }));
 //# sourceMappingURL=index.umd.js.map