@rebasepro/core 0.0.1-canary.eae7889 → 0.0.1-canary.f81da60

package/dist/components/common/useDataTableController.d.ts

@@ -20,7 +20,7 @@ export type DataTableControllerProps<M extends Record<string, any> = any> = {
     /**
      * Force filter to be applied to the table.
      */
-    forceFilter?: FilterValues<string>;
+    fixedFilter?: FilterValues<string>;
     scrollRestoration?: ScrollRestorationController;
     /**
      * When set to true the filters and sort will be updated in the URL
@@ -39,7 +39,7 @@ export type DataTableControllerProps<M extends Record<string, any> = any> = {
  * @param scrollRestoration
  * @param entitiesDisplayedFirst
  * @param lastDeleteTimestamp
- * @param forceFilterFromProps
+ * @param fixedFilterFromProps
  * @param updateUrl
  */
-export declare function useDataTableController<M extends Record<string, any> = any, USER extends User = User>({ path, collection, scrollRestoration, entitiesDisplayedFirst, lastDeleteTimestamp: _lastDeleteTimestamp, forceFilter: forceFilterFromProps, updateUrl }: DataTableControllerProps<M>): EntityTableController<M>;
+export declare function useDataTableController<M extends Record<string, any> = any, USER extends User = User>({ path, collection, scrollRestoration, entitiesDisplayedFirst, lastDeleteTimestamp: _lastDeleteTimestamp, fixedFilter: fixedFilterFromProps, updateUrl }: DataTableControllerProps<M>): EntityTableController<M>;

package/dist/hooks/data/useRelationSelector.d.ts

@@ -19,7 +19,7 @@ export interface UseRelationSelectorProps<M extends Record<string, any> = any> {
     /**
      * Force filter to be applied to the relation search
      */
-    forceFilter?: FilterValues<string>;
+    fixedFilter?: FilterValues<string>;
     /**
      * Page size for pagination
      */
@@ -49,4 +49,4 @@ export interface RelationSelectorController {
 /**
  * Hook to manage relation selection with data fetching from Rebase data source
  */
-export declare function useRelationSelector<M extends Record<string, any> = any>({ path, collection, forceFilter, pageSize, getLabelFromEntity, getDescriptionFromEntity, descriptionProperty }: UseRelationSelectorProps<M>): RelationSelectorController;
+export declare function useRelationSelector<M extends Record<string, any> = any>({ path, collection, fixedFilter, pageSize, getLabelFromEntity, getDescriptionFromEntity, descriptionProperty }: UseRelationSelectorProps<M>): RelationSelectorController;

package/dist/index.es.js

@@ -9,7 +9,7 @@ import { stripCollectionPath, canCreateEntity, canEditEntity, canDeleteEntity, c
 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 { AlertTriangleIcon, Wand2Icon, Trash2Icon, ChevronDownIcon, SettingsIcon, ChevronsLeftIcon, FolderIcon, UserIcon, TagIcon, ChevronsRightIcon, MoonIcon, SunIcon, SunMoonIcon, PlusIcon, PencilIcon, LogOutIcon, LanguagesIcon, CheckIcon, SearchIcon, XIcon, CircleUserIcon, MailIcon, ArrowLeftIcon, icons } from "lucide-react";
+import { AlertTriangleIcon, Wand2Icon, Trash2Icon, ChevronDownIcon, SettingsIcon, ChevronsLeftIcon, FolderIcon, UserIcon, TagIcon, ChevronsRightIcon, MoonIcon, SunIcon, SunMoonIcon, PlusIcon, PencilIcon, LogOutIcon, LanguagesIcon, CheckIcon, CircleUserIcon, MailIcon, ArrowLeftIcon, icons } from "lucide-react";
 import i18next from "i18next";
 import Fuse from "fuse.js";
 import Compressor from "compressorjs";
@@ -581,7 +581,7 @@ const DEFAULT_PAGE_SIZE$2 = 10;
 function useRelationSelector({
   path,
   collection,
-  forceFilter,
+  fixedFilter,
   pageSize = DEFAULT_PAGE_SIZE$2,
   getLabelFromEntity,
   getDescriptionFromEntity,
@@ -642,8 +642,8 @@ function useRelationSelector({
     setError(void 0);
     setLoading(true);
     const whereMap = {};
-    if (forceFilter) {
-      Object.entries(forceFilter).forEach(([key, value]) => {
+    if (fixedFilter) {
+      Object.entries(fixedFilter).forEach(([key, value]) => {
         if (value && Array.isArray(value)) {
           const [op, val] = value;
           const postgrestOp = op === "==" ? "eq" : op === "!=" ? "neq" : op === ">" ? "gt" : op === ">=" ? "gte" : op === "<" ? "lt" : op === "<=" ? "lte" : op === "in" ? "in" : op === "not-in" ? "nin" : op === "array-contains" ? "cs" : op === "array-contains-any" ? "csa" : "eq";
@@ -690,7 +690,7 @@ function useRelationSelector({
       };
     }
     unsubscribeRef.current = unsubscribe || null;
-  }, [dataClient, path, forceFilter, limit, currentSearch, entityToRelationItem, cleanupSubscription, setLoading]);
+  }, [dataClient, path, fixedFilter, limit, currentSearch, entityToRelationItem, cleanupSubscription, setLoading]);
   const search = useCallback((searchString) => {
     if (searchTimeoutRef.current) {
       clearTimeout(searchTimeoutRef.current);
@@ -2334,7 +2334,7 @@ function hideAndExpandKeys(collection, keys) {
     if (key.includes(".")) {
       const rootKey = key.split(".")[0];
       const rootProperty = collection.properties[rootKey];
-      if (rootProperty && rootProperty.type === "map" && rootProperty.spreadChildren && rootProperty.properties) {
+      if (rootProperty && rootProperty.type === "map" && rootProperty.ui?.spreadChildren && rootProperty.properties) {
         rootsWithExplicitChildren.add(rootKey);
       }
     }
@@ -2345,9 +2345,9 @@ function hideAndExpandKeys(collection, keys) {
     const property = collection.properties[key];
     if (property) {
       processedPropertyKeys.add(key);
-      if (property.hideFromCollection) return [null];
-      if (property.disabled && typeof property.disabled === "object" && property.disabled.hidden) return [null];
-      if (property.type === "map" && property.spreadChildren && property.properties) {
+      if (property.ui?.hideFromCollection) return [null];
+      if (property.ui?.disabled && typeof property.ui?.disabled === "object" && property.ui?.disabled.hidden) return [null];
+      if (property.type === "map" && property.ui?.spreadChildren && property.properties) {
         if (rootsWithExplicitChildren.has(key)) {
           return [null];
         }
@@ -2357,7 +2357,7 @@ function hideAndExpandKeys(collection, keys) {
       }
       return [{
         key,
-        disabled: Boolean(property.disabled) || Boolean(property.readOnly)
+        disabled: Boolean(property.ui?.disabled) || Boolean(property.ui?.readOnly)
       }];
     }
     if (key.includes(".")) {
@@ -2368,11 +2368,11 @@ function hideAndExpandKeys(collection, keys) {
         if (nestedProperty) {
           processedPropertyKeys.add(key);
           processedPropertyKeys.add(rootKey);
-          if (nestedProperty.hideFromCollection) return [null];
-          if (nestedProperty.disabled && typeof nestedProperty.disabled === "object" && nestedProperty.disabled.hidden) return [null];
+          if (nestedProperty.ui?.hideFromCollection) return [null];
+          if (nestedProperty.ui?.disabled && typeof nestedProperty.ui?.disabled === "object" && nestedProperty.ui?.disabled.hidden) return [null];
           return [{
             key,
-            disabled: Boolean(rootProperty.disabled) || Boolean(rootProperty.readOnly) || Boolean(nestedProperty.disabled) || Boolean(nestedProperty.readOnly)
+            disabled: Boolean(rootProperty.ui?.disabled) || Boolean(rootProperty.ui?.readOnly) || Boolean(nestedProperty.ui?.disabled) || Boolean(nestedProperty.ui?.readOnly)
           }];
         }
       }
@@ -2400,9 +2400,9 @@ function hideAndExpandKeys(collection, keys) {
     if (processedPropertyKeys.has(propKey)) continue;
     const property = collection.properties[propKey];
     if (!property) continue;
-    if (property.hideFromCollection) continue;
-    if (property.disabled && typeof property.disabled === "object" && property.disabled.hidden) continue;
-    if (property.type === "map" && property.spreadChildren && property.properties) {
+    if (property.ui?.hideFromCollection) continue;
+    if (property.ui?.disabled && typeof property.ui?.disabled === "object" && property.ui?.disabled.hidden) continue;
+    if (property.type === "map" && property.ui?.spreadChildren && property.properties) {
       const allChildConfigs = getColumnKeysForProperty(property, propKey);
       for (const childConfig of allChildConfigs) {
         if (!processedPropertyKeys.has(childConfig.key)) {
@@ -2413,7 +2413,7 @@ function hideAndExpandKeys(collection, keys) {
     } else {
       result.push({
         key: propKey,
-        disabled: Boolean(property.disabled) || Boolean(property.readOnly)
+        disabled: Boolean(property.ui?.disabled) || Boolean(property.ui?.readOnly)
       });
       processedPropertyKeys.add(propKey);
     }
@@ -2436,12 +2436,12 @@ function getDefaultColumnKeys(collection, includeSubCollections) {
   return hideAndExpandKeys(collection, columnIds);
 }
 function getColumnKeysForProperty(property, key, disabled) {
-  if (property.type === "map" && property.spreadChildren && property.properties) {
-    return Object.entries(property.properties).flatMap(([childKey, childProperty]) => getColumnKeysForProperty(childProperty, `${key}.${childKey}`, disabled || Boolean(property.disabled) || Boolean(property.readOnly)));
+  if (property.type === "map" && property.ui?.spreadChildren && property.properties) {
+    return Object.entries(property.properties).flatMap(([childKey, childProperty]) => getColumnKeysForProperty(childProperty, `${key}.${childKey}`, disabled || Boolean(property.ui?.disabled) || Boolean(property.ui?.readOnly)));
   }
   return [{
     key,
-    disabled: disabled || Boolean(property.disabled) || Boolean(property.readOnly)
+    disabled: disabled || Boolean(property.ui?.disabled) || Boolean(property.ui?.readOnly)
   }];
 }
 function getFormFieldKeys(collection) {
@@ -2468,17 +2468,17 @@ function useDataTableController({
   scrollRestoration,
   entitiesDisplayedFirst,
   lastDeleteTimestamp: _lastDeleteTimestamp,
-  forceFilter: forceFilterFromProps,
+  fixedFilter: fixedFilterFromProps,
   updateUrl
 }) {
   const {
-    filter,
+    defaultFilter,
     sort,
-    forceFilter: forceFilterFromCollection
+    fixedFilter: fixedFilterFromCollection
   } = collection;
   const [popupCell, setPopupCell] = React.useState(void 0);
   const dataClient = useData();
-  const forceFilter = forceFilterFromProps ?? forceFilterFromCollection;
+  const fixedFilter = fixedFilterFromProps ?? fixedFilterFromCollection;
   const paginationEnabled = collection.pagination === void 0 || Boolean(collection.pagination);
   const pageSize = typeof collection.pagination === "number" ? collection.pagination : DEFAULT_PAGE_SIZE;
   const [searchString, setSearchString] = React.useState();
@@ -2486,18 +2486,18 @@ function useDataTableController({
     return true;
   }, []);
   const sortInternal = useMemo(() => {
-    if (sort && forceFilter && !checkFilterCombination(forceFilter, sort)) {
+    if (sort && fixedFilter && !checkFilterCombination(fixedFilter, sort)) {
       console.warn("Initial sort is not compatible with the force filter. Ignoring initial sort");
       return void 0;
     }
     return sort;
-  }, [sort, forceFilter]);
+  }, [sort, fixedFilter]);
   const location = useLocation();
   const {
     filterValues: filterUrl,
     sortBy: sortUrl
   } = parseFilterAndSort(location.search);
-  const [filterValues_0, setFilterValues] = React.useState(forceFilter ?? (updateUrl ? filterUrl : void 0) ?? filter ?? void 0);
+  const [filterValues_0, setFilterValues] = React.useState(fixedFilter ?? (updateUrl ? filterUrl : void 0) ?? defaultFilter ?? void 0);
   const [sortBy_0, setSortBy] = React.useState((updateUrl ? sortUrl : void 0) ?? sortInternal);
   const initialSearchRef = React.useRef(location.search);
   useEffect(() => {
@@ -2511,15 +2511,15 @@ function useDataTableController({
       filterValues: urlFilterValues,
       sortBy: urlSortBy
     } = parseFilterAndSort(location.search);
-    if (!forceFilter) {
+    if (!fixedFilter) {
       setFilterValues(urlFilterValues);
     }
-    if (urlSortBy && forceFilter && !checkFilterCombination(forceFilter, urlSortBy)) {
+    if (urlSortBy && fixedFilter && !checkFilterCombination(fixedFilter, urlSortBy)) {
       console.warn("URL sort is not compatible with the force filter.");
     } else {
       setSortBy(urlSortBy);
     }
-  }, [location.search, updateUrl, forceFilter, checkFilterCombination]);
+  }, [location.search, updateUrl, fixedFilter, checkFilterCombination]);
   useUpdateUrl(filterValues_0, sortBy_0, searchString, updateUrl);
   const collectionScroll = scrollRestoration?.getCollectionScroll(path, filterValues_0);
   const initialItemCount = collectionScroll?.data.length ?? pageSize;
@@ -2553,9 +2553,9 @@ function useDataTableController({
   const [dataLoading, setDataLoading] = useState(false);
   const [dataLoadingError, setDataLoadingError] = useState();
   const [noMoreToLoad, setNoMoreToLoad] = useState(false);
-  const clearFilter = useCallback(() => setFilterValues(forceFilter ?? void 0), [forceFilter]);
+  const clearFilter = useCallback(() => setFilterValues(fixedFilter ?? void 0), [fixedFilter]);
   const updateFilterValues = useCallback((updatedFilter) => {
-    if (forceFilter) {
+    if (fixedFilter) {
       console.warn("Filter is not compatible with the force filter. Ignoring filter");
       return;
     }
@@ -2564,7 +2564,7 @@ function useDataTableController({
     } else {
       setFilterValues(updatedFilter);
     }
-  }, [forceFilter]);
+  }, [fixedFilter]);
   useEffect(() => {
     setDataLoading(true);
     const onEntitiesUpdate = async (entities) => {
@@ -6041,14 +6041,7 @@ function UserSelectPopover({
         totalFilterable !== 1 ? "s" : ""
       ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: cls("px-2 py-1.5 border-b shrink-0", defaultBorderMixin), children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx(SearchIcon, { size: "smallest", className: "absolute left-2 top-1/2 -translate-y-1/2 text-text-disabled dark:text-text-disabled-dark pointer-events-none" }),
-      /* @__PURE__ */ jsx("input", { ref: inputRef, type: "text", value: searchText, onChange: (e_0) => setSearchText(e_0.target.value), placeholder: "SearchIcon by name, email, or role…", className: cls("w-full pl-7 pr-7 py-1.5 text-xs rounded-md", "bg-surface-100 dark:bg-surface-950 border", defaultBorderMixin, "outline-none focus:ring-1 focus:ring-primary/40", "placeholder-text-disabled dark:placeholder-text-disabled-dark", "text-text-primary dark:text-text-primary-dark") }),
-      searchText && /* @__PURE__ */ jsx("button", { onClick: () => {
-        setSearchText("");
-        inputRef.current?.focus();
-      }, className: "absolute right-1.5 top-1/2 -translate-y-1/2 p-0.5 rounded hover:bg-surface-200 dark:hover:bg-surface-700 text-text-disabled", children: /* @__PURE__ */ jsx(XIcon, { size: iconSize.smallest }) })
-    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: cls("px-2 py-1.5 border-b shrink-0", defaultBorderMixin), children: /* @__PURE__ */ jsx(SearchBar, { inputRef, size: "smallest", placeholder: "Search by name, email, or role…", onTextSearch: (val) => setSearchText(val ?? "") }) }),
     /* @__PURE__ */ jsxs("div", { ref: listRef, className: "overflow-y-auto overscroll-contain", style: {
       maxHeight: MAX_VISIBLE_ITEMS * ITEM_HEIGHT
     }, children: [
@@ -6422,7 +6415,7 @@ function LoginView(t0) {
   const t8 = fadeIn ? "opacity-100" : "opacity-0";
   let t9;
   if ($[12] !== t8) {
-    t9 = cls("relative flex items-center justify-center h-screen w-screen p-4 transition-opacity duration-500 bg-white dark:bg-surface-950", t8);
+    t9 = cls("relative flex items-center justify-center h-screen w-screen p-4 transition-opacity duration-500 bg-white dark:bg-surface-900", t8);
     $[12] = t8;
     $[13] = t9;
   } else {
@@ -6619,11 +6612,7 @@ function LoginView(t0) {
       mode === "buttons" && /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col gap-3 mt-2", children: [
         /* @__PURE__ */ jsx(LoginButton, { disabled, text: "Sign in with email", icon: /* @__PURE__ */ jsx(MailIcon, {}), onClick: () => switchMode("login") }),
         hasGoogleLogin && googleClientId && /* @__PURE__ */ jsx(GoogleLoginButton, { disabled, googleClientId, authController }),
-        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" })
-        ] }) })
+        showRegistration && /* @__PURE__ */ jsx(Button, { className: "w-full", variant: "filled", color: "primary", size: "large", onClick: () => switchMode("register"), children: "Create an account" })
       ] }),
       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") }),
@@ -6739,42 +6728,56 @@ function LoginButton(t0) {
   }
   return t4;
 }
+const GoogleIcon = () => {
+  const $ = c(1);
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", width: "20", height: "20", children: [
+      /* @__PURE__ */ jsx("path", { fill: "#4285F4", d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" }),
+      /* @__PURE__ */ jsx("path", { fill: "#34A853", d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" }),
+      /* @__PURE__ */ jsx("path", { fill: "#FBBC05", d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" }),
+      /* @__PURE__ */ jsx("path", { fill: "#EA4335", d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" })
+    ] });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+};
 function GoogleLoginButton(t0) {
-  const $ = c(7);
+  const $ = c(10);
   const {
     disabled,
     googleClientId,
     authController
   } = t0;
+  const tokenClientRef = useRef(null);
   let t1;
   if ($[0] !== authController.googleLogin || $[1] !== googleClientId) {
-    t1 = async () => {
+    t1 = () => {
       if (!authController.googleLogin) {
         return;
       }
-      try {
-        const google = window.google;
-        if (!google) {
-          console.error("Google Sign-In not loaded");
-          return;
-        }
-        google.accounts.id.initialize({
-          client_id: googleClientId,
-          callback: async (response) => {
-            ;
-            try {
-              await authController.googleLogin(response.credential);
-            } catch (t32) {
-              const err_0 = t32;
-              console.error("Google login error:", err_0);
-            }
-          }
-        });
-        google.accounts.id.prompt();
-      } catch (t22) {
-        const err = t22;
-        console.error("Google login error:", err);
+      const google = window.google;
+      if (!google || tokenClientRef.current) {
+        return;
       }
+      tokenClientRef.current = google.accounts.oauth2.initTokenClient({
+        client_id: googleClientId,
+        scope: "openid email profile",
+        callback: async (response) => {
+          if (response.error || !response.access_token) {
+            console.error("Google login error:", response.error);
+            return;
+          }
+          try {
+            await authController.googleLogin(response.access_token, "accessToken");
+          } catch (t22) {
+            const err = t22;
+            console.error("Google login error:", err);
+          }
+        }
+      });
     };
     $[0] = authController.googleLogin;
     $[1] = googleClientId;
@@ -6782,32 +6785,46 @@ function GoogleLoginButton(t0) {
   } else {
     t1 = $[2];
   }
-  const handleGoogleLogin = t1;
   let t2;
-  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t2 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center w-full gap-3 py-1", children: [
-      /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", width: "20", height: "20", children: [
-        /* @__PURE__ */ jsx("path", { fill: "#4285F4", d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" }),
-        /* @__PURE__ */ jsx("path", { fill: "#34A853", d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" }),
-        /* @__PURE__ */ jsx("path", { fill: "#FBBC05", d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" }),
-        /* @__PURE__ */ jsx("path", { fill: "#EA4335", d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" })
-      ] }),
-      /* @__PURE__ */ jsx(Typography, { variant: "button", children: "Continue with Google" })
-    ] });
-    $[3] = t2;
+  if ($[3] !== authController || $[4] !== googleClientId) {
+    t2 = [googleClientId, authController];
+    $[3] = authController;
+    $[4] = googleClientId;
+    $[5] = t2;
   } else {
-    t2 = $[3];
+    t2 = $[5];
   }
+  useEffect(t1, t2);
   let t3;
-  if ($[4] !== disabled || $[5] !== handleGoogleLogin) {
-    t3 = /* @__PURE__ */ jsx(Button, { disabled, className: "w-full", variant: "outlined", size: "large", onClick: handleGoogleLogin, children: t2 });
-    $[4] = disabled;
-    $[5] = handleGoogleLogin;
+  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => {
+      if (!tokenClientRef.current) {
+        console.error("Google Sign-In not loaded");
+        return;
+      }
+      tokenClientRef.current.requestAccessToken();
+    };
     $[6] = t3;
   } else {
     t3 = $[6];
   }
-  return t3;
+  const handleClick = t3;
+  let t4;
+  if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /* @__PURE__ */ jsx(GoogleIcon, {});
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== disabled) {
+    t5 = /* @__PURE__ */ jsx(LoginButton, { disabled, text: "Sign in with Google", icon: t4, onClick: handleClick });
+    $[8] = disabled;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  return t5;
 }
 function LoginForm(t0) {
   const $ = c(67);
@@ -7025,7 +7042,7 @@ function LoginForm(t0) {
   const t22 = authController.authLoading || !email || !password;
   let t23;
   if ($[45] !== authController.authLoading || $[46] !== buttonLabel || $[47] !== t22) {
-    t23 = /* @__PURE__ */ jsx(LoadingButton, { type: "submit", variant: "filled", className: "w-full mt-1", size: "large", loading: authController.authLoading, disabled: t22, children: buttonLabel });
+    t23 = /* @__PURE__ */ jsx(LoadingButton, { type: "submit", variant: "filled", color: "primary", className: "w-full mt-1", size: "large", loading: authController.authLoading, disabled: t22, children: buttonLabel });
     $[45] = authController.authLoading;
     $[46] = buttonLabel;
     $[47] = t22;
@@ -7791,6 +7808,10 @@ const en = {
   reset_password: "Reset Password",
   reset_password_success: "Password reset successfully",
   reset_password_confirmation: "Are you sure you want to reset this user's password?",
+  /** Permission-denied empty states */
+  no_permission_to_view_users: "You don't have permission to view users",
+  no_permission_to_view_roles: "You don't have permission to view roles",
+  no_permission_description: "Contact an administrator if you need access to this section.",
   error_resetting_password: "Error resetting password",
   /** Editor table-bubble */
   add_row_before: "Add row before",
@@ -8335,6 +8356,9 @@ const es = {
   delete_user_confirmation: "¿Estás seguro de que quieres eliminar a este usuario?",
   create_your_users_and_roles: "Crea tus usuarios y roles",
   no_users_or_roles_defined: "No tienes usuarios ni roles. Puedes crear los roles por defecto y añadirte a ti mismo como administrador.",
+  no_permission_to_view_users: "No tienes permisos para ver los usuarios",
+  no_permission_to_view_roles: "No tienes permisos para ver los roles",
+  no_permission_description: "Contacta a un administrador si necesitas acceso a esta sección.",
   save_before_changing_schema: "Debes guardar el documento antes de cambiar el esquema",
   edit_schema_for_this_form: "Editar esquema para este formulario",
   no_permissions_to_edit_collection: "No tienes permisos para editar esta colección",
@@ -9179,6 +9203,9 @@ const de = {
   delete_user_confirmation: "Sind Sie sicher, dass Sie diesen Benutzer löschen möchten?",
   create_your_users_and_roles: "Erstellen Sie Ihre Benutzer und Rollen",
   no_users_or_roles_defined: "Sie haben keine Benutzer oder Rollen definiert. Sie können Standardrollen erstellen und den aktuellen Benutzer als Administrator hinzufügen.",
+  no_permission_to_view_users: "Sie haben keine Berechtigung, Benutzer anzuzeigen",
+  no_permission_to_view_roles: "Sie haben keine Berechtigung, Rollen anzuzeigen",
+  no_permission_description: "Wenden Sie sich an einen Administrator, wenn Sie Zugang zu diesem Bereich benötigen.",
   save_before_changing_schema: "Sie müssen das Dokument speichern, bevor Sie das Schema ändern können",
   edit_schema_for_this_form: "Schema für dieses Formular bearbeiten",
   no_permissions_to_edit_collection: "Sie haben keine Berechtigung, diese Sammlung zu bearbeiten",
@@ -10020,6 +10047,9 @@ const fr = {
   delete_user_confirmation: "Êtes-vous sûr de vouloir supprimer cet utilisateur ?",
   create_your_users_and_roles: "Créez vos utilisateurs et rôles",
   no_users_or_roles_defined: "Vous n'avez défini aucun utilisateur ni rôle. Vous pouvez créer les rôles par défaut et ajouter l'utilisateur actuel en tant qu'administrateur.",
+  no_permission_to_view_users: "Vous n'avez pas la permission de voir les utilisateurs",
+  no_permission_to_view_roles: "Vous n'avez pas la permission de voir les rôles",
+  no_permission_description: "Contactez un administrateur si vous avez besoin d'accéder à cette section.",
   save_before_changing_schema: "Vous devez enregistrer le document avant de modifier le schéma",
   edit_schema_for_this_form: "Modifier le schéma de ce formulaire",
   no_permissions_to_edit_collection: "Vous n'avez pas l'autorisation de modifier cette collection",
@@ -10861,6 +10891,9 @@ const it = {
   delete_user_confirmation: "Sei sicuro di voler eliminare questo utente?",
   create_your_users_and_roles: "Crea i tuoi utenti e ruoli",
   no_users_or_roles_defined: "Non hai definito né utenti né ruoli. Puoi creare ruoli predefiniti e aggiungere l'utente corrente come amministratore.",
+  no_permission_to_view_users: "Non hai i permessi per visualizzare gli utenti",
+  no_permission_to_view_roles: "Non hai i permessi per visualizzare i ruoli",
+  no_permission_description: "Contatta un amministratore se hai bisogno di accedere a questa sezione.",
   save_before_changing_schema: "Devi salvare il documento prima di modificare lo schema",
   edit_schema_for_this_form: "Modifica lo schema per questo modulo",
   no_permissions_to_edit_collection: "Non hai i permessi per modificare questa collezione",
@@ -11702,6 +11735,9 @@ const hi = {
   delete_user_confirmation: "क्या आप वाकई इस उपयोगकर्ता को हटाना चाहते हैं?",
   create_your_users_and_roles: "अपने उपयोगकर्ता और भूमिकाएँ बनाएँ",
   no_users_or_roles_defined: "आपके पास कोई उपयोगकर्ता या भूमिका परिभाषित नहीं है। आप डिफ़ॉल्ट भूमिकाएँ बना सकते हैं और वर्तमान उपयोगकर्ता को एडमिन के रूप में जोड़ सकते हैं।",
+  no_permission_to_view_users: "आपको उपयोगकर्ताओं को देखने की अनुमति नहीं है",
+  no_permission_to_view_roles: "आपको भूमिकाओं को देखने की अनुमति नहीं है",
+  no_permission_description: "यदि आपको इस अनुभाग तक पहुँच की आवश्यकता है तो किसी व्यवस्थापक से संपर्क करें।",
   save_before_changing_schema: "स्कीमा बदलने से पहले आपको दस्तावेज़ सहेजना होगा",
   edit_schema_for_this_form: "इस फॉर्म के लिए स्कीमा संपादित करें",
   no_permissions_to_edit_collection: "आपके पास इस संग्रह को संपादित करने की अनुमति नहीं है",
@@ -12543,6 +12579,9 @@ const pt = {
   delete_user_confirmation: "Tem a certeza de que quer eliminar este utilizador?",
   create_your_users_and_roles: "Crie os seus utilizadores e funções",
   no_users_or_roles_defined: "Não tem utilizadores ou funções definidas. Pode criar funções predefinidas e adicionar o utilizador atual como administrador.",
+  no_permission_to_view_users: "Não tem permissão para ver os utilizadores",
+  no_permission_to_view_roles: "Não tem permissão para ver as funções",
+  no_permission_description: "Contacte um administrador se precisar de acesso a esta secção.",
   save_before_changing_schema: "Precisa de guardar o documento antes de alterar o esquema",
   edit_schema_for_this_form: "Editar esquema para este formulário",
   no_permissions_to_edit_collection: "Não tem permissões para editar esta coleção",
@@ -14279,7 +14318,7 @@ function getEntityTitlePropertyKey(collection, propertyConfigs) {
     const property = collection.properties[key];
     if (!isPropertyBuilder(property)) {
       const prop = property;
-      if (prop.type === "string" && !prop.multiline && !prop.markdown && !prop.storage && !prop.isId) {
+      if (prop.type === "string" && !prop.ui?.multiline && !prop.ui?.markdown && !prop.storage && !prop.isId) {
         return key;
       }
     }
@@ -14476,7 +14515,8 @@ const NOOP_COLLECTION_REGISTRY = {
   getCollection: () => void 0,
   getRawCollection: () => void 0,
   getParentReferencesFromPath: () => [],
-  getParentCollectionIds: () => [],
+  getParentCollectionSlugs: () => [],
+  getParentEntityIds: () => [],
   convertIdsToPaths: () => [],
   initialised: false
 };