@rebasepro/core 0.1.2 → 0.2.3

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c } from "react-compiler-runtime";
 import React, { useRef, useEffect, useState, useContext, useCallback, useMemo, createContext, lazy, useLayoutEffect } from "react";
-import { ErrorBoundary, Tooltip, Typography, Button, DialogTitle, DialogContent, LoadingButton, DialogActions, Dialog, Paper, IconButton, Container, cls, defaultBorderMixin, iconSize, MenuItem, Menu, Table, TableBody, Chip, CircularProgress, TableRow, TableCell, Checkbox, Avatar, Tabs, Tab, TextField, Select, SelectItem, MultiSelect, MultiSelectItem, BooleanSwitch, SearchBar, Skeleton, Alert, Separator, TableHeader, Popover, CenteredView, iconKeys, coolIconKeys, colorClassesMapping, getColorSchemeForSeed, CHIP_COLORS } from "@rebasepro/ui";
+import { ErrorBoundary, Tooltip, AlertTriangleIcon, Typography, Button, DialogTitle, DialogContent, LoadingButton, DialogActions, Dialog, Wand2Icon, Paper, IconButton, Trash2Icon, Container, cls, defaultBorderMixin, ChevronDownIcon, iconSize, SettingsIcon, ChevronsLeftIcon, FolderIcon, UserIcon, TagIcon, ChevronsRightIcon, MenuItem, MoonIcon, SunIcon, Menu, SunMoonIcon, PlusIcon, Table, TableBody, PencilIcon, Chip, CircularProgress, TableRow, TableCell, Checkbox, Avatar, LogOutIcon, Tabs, Tab, TextField, Select, SelectItem, MultiSelect, MultiSelectItem, BooleanSwitch, SearchBar, Skeleton, Alert, Separator, TableHeader, LanguagesIcon, CheckIcon, Popover, CircleUserIcon, MailIcon, ArrowLeftIcon, CenteredView, iconKeys, coolIconKeys, colorClassesMapping, lucideIcons, getColorSchemeForSeed, CHIP_COLORS } from "@rebasepro/ui";
 import { SnackbarProvider as SnackbarProvider$1, useSnackbar } from "notistack";
 import { EntityRelation, isLazyComponentRef, EntityReference, Vector, GeoPoint } from "@rebasepro/types";
 import { useBlocker, useLocation, Link, createBrowserRouter, RouterProvider, Routes } from "react-router-dom";
@@ -9,7 +9,6 @@ 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, CircleUserIcon, MailIcon, ArrowLeftIcon, icons } from "lucide-react";
 import i18next from "i18next";
 import Fuse from "fuse.js";
 import Compressor from "compressorjs";
@@ -22,60 +21,98 @@ function PluginProviderStack({
   const providers = plugins.flatMap((p) => p.providers ?? []).filter((p) => p.scope === scope);
   return providers.reduceRight((acc, provider) => /* @__PURE__ */ jsx(provider.Component, { ...provider.props, ...scopeProps, children: acc }), children);
 }
-function PluginLifecycleManager({
-  plugins,
-  context
-}) {
+function PluginLifecycleManager(t0) {
+  const $ = c(8);
+  const {
+    plugins,
+    context
+  } = t0;
   const mountedRef = useRef(false);
   const prevUserRef = useRef(void 0);
-  useEffect(() => {
-    if (mountedRef.current) return;
-    mountedRef.current = true;
-    for (const plugin of plugins) {
-      if (plugin.lifecycle?.onMount) {
-        try {
-          const result = plugin.lifecycle.onMount(context);
-          if (result instanceof Promise) {
-            result.catch((err) => console.error(`[Rebase] Plugin "${plugin.key}" onMount error:`, err));
-          }
-        } catch (err) {
-          console.error(`[Rebase] Plugin "${plugin.key}" onMount error:`, err);
-        }
+  let t1;
+  if ($[0] !== context || $[1] !== plugins) {
+    t1 = () => {
+      if (mountedRef.current) {
+        return;
       }
-    }
-    return () => {
-      mountedRef.current = false;
+      mountedRef.current = true;
       for (const plugin of plugins) {
-        if (plugin.lifecycle?.onUnmount) {
+        if (plugin.lifecycle?.onMount) {
           try {
-            plugin.lifecycle.onUnmount();
-          } catch (err) {
-            console.error(`[Rebase] Plugin "${plugin.key}" onUnmount error:`, err);
+            const result = plugin.lifecycle.onMount(context);
+            if (result instanceof Promise) {
+              result.catch((err_0) => console.error(`[Rebase] Plugin "${plugin.key}" onMount error:`, err_0));
+            }
+          } catch (t22) {
+            const err = t22;
+            console.error(`[Rebase] Plugin "${plugin.key}" onMount error:`, err);
           }
         }
       }
+      return () => {
+        mountedRef.current = false;
+        for (const plugin_0 of plugins) {
+          if (plugin_0.lifecycle?.onUnmount) {
+            try {
+              plugin_0.lifecycle.onUnmount();
+            } catch (t32) {
+              const err_1 = t32;
+              console.error(`[Rebase] Plugin "${plugin_0.key}" onUnmount error:`, err_1);
+            }
+          }
+        }
+      };
     };
-  }, []);
+    $[0] = context;
+    $[1] = plugins;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [];
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  useEffect(t1, t2);
   const currentUser = context.authController?.user ?? null;
-  useEffect(() => {
-    if (prevUserRef.current === void 0) {
+  let t3;
+  let t4;
+  if ($[4] !== currentUser || $[5] !== plugins) {
+    t3 = () => {
+      if (prevUserRef.current === void 0) {
+        prevUserRef.current = currentUser;
+        return;
+      }
+      const prevUid = prevUserRef.current?.uid;
+      const currUid = currentUser?.uid;
+      if (prevUid === currUid) {
+        return;
+      }
       prevUserRef.current = currentUser;
-      return;
-    }
-    const prevUid = prevUserRef.current?.uid;
-    const currUid = currentUser?.uid;
-    if (prevUid === currUid) return;
-    prevUserRef.current = currentUser;
-    for (const plugin of plugins) {
-      if (plugin.lifecycle?.onAuthStateChange) {
-        try {
-          plugin.lifecycle.onAuthStateChange(currentUser);
-        } catch (err) {
-          console.error(`[Rebase] Plugin "${plugin.key}" onAuthStateChange error:`, err);
+      for (const plugin_1 of plugins) {
+        if (plugin_1.lifecycle?.onAuthStateChange) {
+          try {
+            plugin_1.lifecycle.onAuthStateChange(currentUser);
+          } catch (t5) {
+            const err_2 = t5;
+            console.error(`[Rebase] Plugin "${plugin_1.key}" onAuthStateChange error:`, err_2);
+          }
         }
       }
-    }
-  }, [currentUser, plugins]);
+    };
+    t4 = [currentUser, plugins];
+    $[4] = currentUser;
+    $[5] = plugins;
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t3 = $[6];
+    t4 = $[7];
+  }
+  useEffect(t3, t4);
   return null;
 }
 const SnackbarProvider = (t0) => {
@@ -85,7 +122,7 @@ const SnackbarProvider = (t0) => {
   } = t0;
   let t1;
   if ($[0] !== children) {
-    t1 = /* @__PURE__ */ jsx(SnackbarProvider$1, { maxSnack: 3, autoHideDuration: 3500, children });
+    t1 = /* @__PURE__ */ jsx(SnackbarProvider$1, { maxSnack: 3, preventDuplicate: true, autoHideDuration: 3500, children });
     $[0] = children;
     $[1] = t1;
   } else {
@@ -231,7 +268,7 @@ const useData = () => {
   return useContext(RebaseDataContext);
 };
 function useCollectionFetch(t0) {
-  const $ = c(23);
+  const $ = c(25);
   const {
     path,
     collection,
@@ -308,7 +345,10 @@ function useCollectionFetch(t0) {
           orderBy: orderByParams,
           searchString,
           include: includeParams
-        }, onEntitiesUpdate, onError);
+        }, (res_0) => onEntitiesUpdate({
+          data: res_0.data,
+          meta: res_0.meta
+        }), onError);
       } else {
         accessor.find({
           where: whereParams,
@@ -316,7 +356,10 @@ function useCollectionFetch(t0) {
           orderBy: orderByParams,
           searchString,
           include: includeParams
-        }).then(onEntitiesUpdate).catch(onError);
+        }).then((res_1) => onEntitiesUpdate({
+          data: res_1.data,
+          meta: res_1.meta
+        })).catch(onError);
         return _temp3$3;
       }
     };
@@ -332,35 +375,37 @@ function useCollectionFetch(t0) {
     t3 = $[10];
   }
   let t4;
-  if ($[11] !== currentSort || $[12] !== filterValues || $[13] !== itemCount || $[14] !== path || $[15] !== searchString || $[16] !== sortByProperty) {
-    t4 = [path, itemCount, currentSort, sortByProperty, filterValues, searchString];
-    $[11] = currentSort;
-    $[12] = filterValues;
-    $[13] = itemCount;
-    $[14] = path;
-    $[15] = searchString;
-    $[16] = sortByProperty;
-    $[17] = t4;
-  } else {
-    t4 = $[17];
+  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];
   }
   useEffect(t3, t4);
   let t5;
   let t6;
-  if ($[18] !== data || $[19] !== dataLoading || $[20] !== dataLoadingError || $[21] !== noMoreToLoad) {
+  if ($[20] !== data || $[21] !== dataLoading || $[22] !== dataLoadingError || $[23] !== noMoreToLoad) {
     t6 = {
       data,
       dataLoading,
       dataLoadingError,
       noMoreToLoad
     };
-    $[18] = data;
-    $[19] = dataLoading;
-    $[20] = dataLoadingError;
-    $[21] = noMoreToLoad;
-    $[22] = t6;
+    $[20] = data;
+    $[21] = dataLoading;
+    $[22] = dataLoadingError;
+    $[23] = noMoreToLoad;
+    $[24] = t6;
   } else {
-    t6 = $[22];
+    t6 = $[24];
   }
   t5 = t6;
   return t5;
@@ -487,12 +532,18 @@ function populateEntityFetchCache(path, entities) {
     CACHE[`${path}/${entity.id}`] = entity;
   }
 }
+function clearEntityFetchCache() {
+  for (const key of Object.keys(CACHE)) {
+    delete CACHE[key];
+  }
+}
 function useEntityFetch(t0) {
-  const $ = c(13);
+  const $ = c(17);
   const {
     path,
     entityId,
     collection,
+    databaseId,
     useCache: t1
   } = t0;
   const useCache = t1 === void 0 ? false : t1;
@@ -530,9 +581,9 @@ function useEntityFetch(t0) {
         if (entityId && path && collection) {
           const accessor = dataClient.collection(path);
           if (accessor.listenById) {
-            return accessor.listenById(entityId, onEntityUpdate, onError);
+            return accessor.listenById(entityId, (entity_0) => onEntityUpdate(entity_0), onError);
           } else {
-            accessor.findById(entityId).then(onEntityUpdate).catch(onError);
+            accessor.findById(entityId).then((entity_1) => onEntityUpdate(entity_1)).catch(onError);
             return _temp2$3;
           }
         } else {
@@ -551,29 +602,33 @@ function useEntityFetch(t0) {
     t2 = $[5];
   }
   let t3;
-  if ($[6] !== entityId || $[7] !== path) {
-    t3 = [entityId, path];
-    $[6] = entityId;
-    $[7] = path;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
+  if ($[6] !== collection || $[7] !== dataClient || $[8] !== databaseId || $[9] !== entityId || $[10] !== path || $[11] !== useCache) {
+    t3 = [entityId, path, dataClient, collection, useCache, databaseId];
+    $[6] = collection;
+    $[7] = dataClient;
+    $[8] = databaseId;
+    $[9] = entityId;
+    $[10] = path;
+    $[11] = useCache;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
   }
   useEffect(t2, t3);
   let t4;
   let t5;
-  if ($[9] !== dataLoading || $[10] !== dataLoadingError || $[11] !== entity) {
+  if ($[13] !== dataLoading || $[14] !== dataLoadingError || $[15] !== entity) {
     t5 = {
       entity,
       dataLoading,
       dataLoadingError
     };
-    $[9] = dataLoading;
-    $[10] = dataLoadingError;
-    $[11] = entity;
-    $[12] = t5;
+    $[13] = dataLoading;
+    $[14] = dataLoadingError;
+    $[15] = entity;
+    $[16] = t5;
   } else {
-    t5 = $[12];
+    t5 = $[16];
   }
   t4 = t5;
   return t4;
@@ -684,7 +739,10 @@ function useRelationSelector({
         limit,
         orderBy: void 0,
         searchString: currentSearch
-      }, onEntitiesUpdate, onErrorUpdate);
+      }, (res_0) => onEntitiesUpdate({
+        data: res_0.data,
+        meta: res_0.meta
+      }), onErrorUpdate);
     } else {
       accessor.find({
         where: whereParams,
@@ -692,7 +750,10 @@ function useRelationSelector({
         offset: 0,
         orderBy: void 0,
         searchString: currentSearch
-      }).then(onEntitiesUpdate).catch(onErrorUpdate);
+      }).then((res_1) => onEntitiesUpdate({
+        data: res_1.data,
+        meta: res_1.meta
+      })).catch(onErrorUpdate);
       unsubscribe = () => {
       };
     }
@@ -2711,14 +2772,14 @@ function useDataTableController({
         limit: itemCount,
         orderBy: orderByParams,
         searchString
-      }, ((res) => onEntitiesUpdate(res.data)), onError);
+      }, (res) => onEntitiesUpdate(res.data), onError);
     } else {
       accessor.find({
         where: whereParams,
         limit: itemCount,
         orderBy: orderByParams,
         searchString
-      }).then(((res_0) => onEntitiesUpdate(res_0.data))).catch(onError);
+      }).then((res_0) => onEntitiesUpdate(res_0.data)).catch(onError);
       unsubscribe = () => void 0;
     }
     return unsubscribe;
@@ -3688,7 +3749,7 @@ function UIReferenceView() {
   let t16;
   let t17;
   if ($[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t16 = /* @__PURE__ */ jsx("div", { className: "mt-3 flex-grow overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "my-2 mx-2 flex flex-col", children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg bg-surface-50 dark:bg-surface-950/30", children: [/* @__PURE__ */ jsx(FolderIcon, { size: iconSize.small }), /* @__PURE__ */ jsx(UserIcon, { size: iconSize.small }), /* @__PURE__ */ jsx(TagIcon, { size: iconSize.small })].map(_temp$1) }) }) });
+    t16 = /* @__PURE__ */ jsx("div", { className: "mt-3 flex-grow overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "my-2 mx-2 flex flex-col", children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg bg-surface-50 dark:bg-surface-950/30", children: [/* @__PURE__ */ jsx(FolderIcon, { size: iconSize.small }, "folder"), /* @__PURE__ */ jsx(UserIcon, { size: iconSize.small }, "user"), /* @__PURE__ */ jsx(TagIcon, { size: iconSize.small }, "tag")].map(_temp$1) }) }) });
     t17 = cls("shrink-0 mt-auto border-t px-2 py-2", defaultBorderMixin);
     $[19] = t16;
     $[20] = t17;
@@ -6370,7 +6431,7 @@ function UserDisplay(t0) {
   return t8;
 }
 function LoginView(t0) {
-  const $ = c(83);
+  const $ = c(87);
   const {
     logo,
     authController,
@@ -6378,7 +6439,6 @@ function LoginView(t0) {
     disableSignupScreen: t1,
     disabled: t2,
     notAllowedError,
-    googleEnabled,
     googleClientId,
     needsSetup,
     registrationEnabled
@@ -6421,27 +6481,37 @@ function LoginView(t0) {
   const caps = t4;
   const isBootstrapMode = needsSetup ?? ("needsSetup" in authController && !!authController.needsSetup) ?? false;
   const canRegister = registrationEnabled ?? caps.registration ?? false;
-  const hasGoogleLogin = googleEnabled ?? caps.googleLogin ?? false;
+  let t5;
+  if ($[3] !== caps.enabledProviders || $[4] !== caps.googleLogin || $[5] !== googleClientId) {
+    t5 = googleClientId && (caps.enabledProviders?.includes("google") ?? caps.googleLogin ?? false);
+    $[3] = caps.enabledProviders;
+    $[4] = caps.googleLogin;
+    $[5] = googleClientId;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  const hasGoogleLogin = t5;
   const hasPasswordReset = caps.passwordReset ?? !!authController.forgotPassword;
   const showRegistration = !disableSignupScreen && canRegister;
-  let t5;
   let t6;
-  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t5 = () => {
+  let t7;
+  if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t6 = () => {
       const timer = setTimeout(() => setFadeIn(true), 50);
       return () => clearTimeout(timer);
     };
-    t6 = [];
-    $[3] = t5;
-    $[4] = t6;
+    t7 = [];
+    $[7] = t6;
+    $[8] = t7;
   } else {
-    t5 = $[3];
-    t6 = $[4];
+    t6 = $[7];
+    t7 = $[8];
   }
-  useEffect(t5, t6);
-  let t7;
-  if ($[5] !== authController.authProviderError || $[6] !== authController.user) {
-    t7 = function buildErrorView2() {
+  useEffect(t6, t7);
+  let t8;
+  if ($[9] !== authController.authProviderError || $[10] !== authController.user) {
+    t8 = function buildErrorView2() {
       if (!authController.authProviderError) {
         return null;
       }
@@ -6451,44 +6521,44 @@ function LoginView(t0) {
       const errorMsg = authController.authProviderError instanceof Error ? authController.authProviderError.message : String(authController.authProviderError);
       return /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(ErrorView, { error: errorMsg }) });
     };
-    $[5] = authController.authProviderError;
-    $[6] = authController.user;
-    $[7] = t7;
+    $[9] = authController.authProviderError;
+    $[10] = authController.user;
+    $[11] = t8;
   } else {
-    t7 = $[7];
+    t8 = $[11];
   }
-  const buildErrorView = t7;
+  const buildErrorView = t8;
   let logoComponent;
   if (logo) {
-    let t82;
-    if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t82 = {
+    let t92;
+    if ($[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t92 = {
         height: "100%",
         width: "100%",
         objectFit: "cover"
       };
-      $[8] = t82;
+      $[12] = t92;
     } else {
-      t82 = $[8];
+      t92 = $[12];
     }
-    let t92;
-    if ($[9] !== logo) {
-      t92 = /* @__PURE__ */ jsx("img", { src: logo, style: t82, alt: "Logo" });
-      $[9] = logo;
-      $[10] = t92;
+    let t102;
+    if ($[13] !== logo) {
+      t102 = /* @__PURE__ */ jsx("img", { src: logo, style: t92, alt: "Logo" });
+      $[13] = logo;
+      $[14] = t102;
     } else {
-      t92 = $[10];
+      t102 = $[14];
     }
-    logoComponent = t92;
+    logoComponent = t102;
   } else {
-    let t82;
-    if ($[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t82 = /* @__PURE__ */ jsx(RebaseLogo, {});
-      $[11] = t82;
+    let t92;
+    if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t92 = /* @__PURE__ */ jsx(RebaseLogo, {});
+      $[15] = t92;
     } else {
-      t82 = $[11];
+      t92 = $[15];
     }
-    logoComponent = t82;
+    logoComponent = t92;
   }
   let notAllowedMessage;
   if (notAllowedError) {
@@ -6502,203 +6572,203 @@ 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-900", t8);
-    $[12] = t8;
-    $[13] = t9;
-  } else {
-    t9 = $[13];
-  }
+  const t9 = fadeIn ? "opacity-100" : "opacity-0";
   let t10;
-  if ($[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t10 = /* @__PURE__ */ jsx(LanguageToggle, {});
-    $[14] = t10;
+  if ($[16] !== t9) {
+    t10 = cls("relative flex items-center justify-center h-screen w-screen p-4 transition-opacity duration-500 bg-surface-50 dark:bg-surface-800", t9);
+    $[16] = t9;
+    $[17] = t10;
   } else {
-    t10 = $[14];
+    t10 = $[17];
   }
   let t11;
-  if ($[15] !== colorMode) {
-    t11 = /* @__PURE__ */ jsx(IconButton, { color: "inherit", "aria-label": "Toggle theme", children: colorMode === "dark" ? /* @__PURE__ */ jsx(MoonIcon, { size: iconSize.small }) : /* @__PURE__ */ jsx(SunIcon, { size: iconSize.small }) });
-    $[15] = colorMode;
-    $[16] = t11;
+  if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t11 = /* @__PURE__ */ jsx(LanguageToggle, {});
+    $[18] = t11;
   } else {
-    t11 = $[16];
+    t11 = $[18];
   }
   let t12;
-  if ($[17] !== setColorMode) {
-    t12 = () => setColorMode("dark");
-    $[17] = setColorMode;
-    $[18] = t12;
+  if ($[19] !== colorMode) {
+    t12 = /* @__PURE__ */ jsx(IconButton, { color: "inherit", "aria-label": "Toggle theme", children: colorMode === "dark" ? /* @__PURE__ */ jsx(MoonIcon, { size: iconSize.small }) : /* @__PURE__ */ jsx(SunIcon, { size: iconSize.small }) });
+    $[19] = colorMode;
+    $[20] = t12;
   } else {
-    t12 = $[18];
+    t12 = $[20];
   }
   let t13;
-  if ($[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t13 = /* @__PURE__ */ jsx(MoonIcon, { size: iconSize.smallest });
-    $[19] = t13;
+  if ($[21] !== setColorMode) {
+    t13 = () => setColorMode("dark");
+    $[21] = setColorMode;
+    $[22] = t13;
   } else {
-    t13 = $[19];
+    t13 = $[22];
   }
   let t14;
-  if ($[20] !== t) {
-    t14 = t("dark_mode");
-    $[20] = t;
-    $[21] = t14;
+  if ($[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t14 = /* @__PURE__ */ jsx(MoonIcon, { size: iconSize.smallest });
+    $[23] = t14;
   } else {
-    t14 = $[21];
+    t14 = $[23];
   }
   let t15;
-  if ($[22] !== t12 || $[23] !== t14) {
-    t15 = /* @__PURE__ */ jsxs(MenuItem, { onClick: t12, children: [
-      t13,
-      " ",
-      t14
-    ] });
-    $[22] = t12;
-    $[23] = t14;
-    $[24] = t15;
+  if ($[24] !== t) {
+    t15 = t("dark_mode");
+    $[24] = t;
+    $[25] = t15;
   } else {
-    t15 = $[24];
+    t15 = $[25];
   }
   let t16;
-  if ($[25] !== setColorMode) {
-    t16 = () => setColorMode("light");
-    $[25] = setColorMode;
-    $[26] = t16;
+  if ($[26] !== t13 || $[27] !== t15) {
+    t16 = /* @__PURE__ */ jsxs(MenuItem, { onClick: t13, children: [
+      t14,
+      " ",
+      t15
+    ] });
+    $[26] = t13;
+    $[27] = t15;
+    $[28] = t16;
   } else {
-    t16 = $[26];
+    t16 = $[28];
   }
   let t17;
-  if ($[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t17 = /* @__PURE__ */ jsx(SunIcon, { size: iconSize.smallest });
-    $[27] = t17;
+  if ($[29] !== setColorMode) {
+    t17 = () => setColorMode("light");
+    $[29] = setColorMode;
+    $[30] = t17;
   } else {
-    t17 = $[27];
+    t17 = $[30];
   }
   let t18;
-  if ($[28] !== t) {
-    t18 = t("light_mode");
-    $[28] = t;
-    $[29] = t18;
+  if ($[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t18 = /* @__PURE__ */ jsx(SunIcon, { size: iconSize.smallest });
+    $[31] = t18;
   } else {
-    t18 = $[29];
+    t18 = $[31];
   }
   let t19;
-  if ($[30] !== t16 || $[31] !== t18) {
-    t19 = /* @__PURE__ */ jsxs(MenuItem, { onClick: t16, children: [
-      t17,
-      " ",
-      t18
-    ] });
-    $[30] = t16;
-    $[31] = t18;
-    $[32] = t19;
+  if ($[32] !== t) {
+    t19 = t("light_mode");
+    $[32] = t;
+    $[33] = t19;
   } else {
-    t19 = $[32];
+    t19 = $[33];
   }
   let t20;
-  if ($[33] !== setColorMode) {
-    t20 = () => setColorMode("system");
-    $[33] = setColorMode;
-    $[34] = t20;
+  if ($[34] !== t17 || $[35] !== t19) {
+    t20 = /* @__PURE__ */ jsxs(MenuItem, { onClick: t17, children: [
+      t18,
+      " ",
+      t19
+    ] });
+    $[34] = t17;
+    $[35] = t19;
+    $[36] = t20;
   } else {
-    t20 = $[34];
+    t20 = $[36];
   }
   let t21;
-  if ($[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t21 = /* @__PURE__ */ jsx(SunMoonIcon, { size: iconSize.smallest });
-    $[35] = t21;
+  if ($[37] !== setColorMode) {
+    t21 = () => setColorMode("system");
+    $[37] = setColorMode;
+    $[38] = t21;
   } else {
-    t21 = $[35];
+    t21 = $[38];
   }
   let t22;
-  if ($[36] !== t) {
-    t22 = t("system_mode");
-    $[36] = t;
-    $[37] = t22;
+  if ($[39] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t22 = /* @__PURE__ */ jsx(SunMoonIcon, { size: iconSize.smallest });
+    $[39] = t22;
   } else {
-    t22 = $[37];
+    t22 = $[39];
   }
   let t23;
-  if ($[38] !== t20 || $[39] !== t22) {
-    t23 = /* @__PURE__ */ jsxs(MenuItem, { onClick: t20, children: [
-      t21,
-      " ",
-      t22
-    ] });
-    $[38] = t20;
-    $[39] = t22;
-    $[40] = t23;
+  if ($[40] !== t) {
+    t23 = t("system_mode");
+    $[40] = t;
+    $[41] = t23;
   } else {
-    t23 = $[40];
+    t23 = $[41];
   }
   let t24;
-  if ($[41] !== t11 || $[42] !== t15 || $[43] !== t19 || $[44] !== t23) {
-    t24 = /* @__PURE__ */ jsxs("div", { className: "absolute top-4 right-4 flex items-center gap-1 z-10", children: [
-      t10,
-      /* @__PURE__ */ jsxs(Menu, { trigger: t11, children: [
-        t15,
-        t19,
-        t23
-      ] })
+  if ($[42] !== t21 || $[43] !== t23) {
+    t24 = /* @__PURE__ */ jsxs(MenuItem, { onClick: t21, children: [
+      t22,
+      " ",
+      t23
     ] });
-    $[41] = t11;
-    $[42] = t15;
-    $[43] = t19;
-    $[44] = t23;
-    $[45] = t24;
+    $[42] = t21;
+    $[43] = t23;
+    $[44] = t24;
   } else {
-    t24 = $[45];
+    t24 = $[44];
   }
   let t25;
-  if ($[46] !== logoComponent) {
-    t25 = /* @__PURE__ */ jsx("div", { className: "w-32 h-32 m-2 mb-6", children: logoComponent });
-    $[46] = logoComponent;
-    $[47] = t25;
+  if ($[45] !== t12 || $[46] !== t16 || $[47] !== t20 || $[48] !== t24) {
+    t25 = /* @__PURE__ */ jsxs("div", { className: "absolute top-4 right-4 flex items-center gap-1 z-10", children: [
+      t11,
+      /* @__PURE__ */ jsxs(Menu, { trigger: t12, children: [
+        t16,
+        t20,
+        t24
+      ] })
+    ] });
+    $[45] = t12;
+    $[46] = t16;
+    $[47] = t20;
+    $[48] = t24;
+    $[49] = t25;
   } else {
-    t25 = $[47];
+    t25 = $[49];
   }
   let t26;
-  if ($[48] !== notAllowedMessage) {
-    t26 = notAllowedMessage && /* @__PURE__ */ jsx("div", { className: "p-4 w-full", children: /* @__PURE__ */ jsx(ErrorView, { error: notAllowedMessage }) });
-    $[48] = notAllowedMessage;
-    $[49] = t26;
+  if ($[50] !== logoComponent) {
+    t26 = /* @__PURE__ */ jsx("div", { className: "w-32 h-32 m-2 mb-6", children: logoComponent });
+    $[50] = logoComponent;
+    $[51] = t26;
   } else {
-    t26 = $[49];
+    t26 = $[51];
   }
   let t27;
-  if ($[50] !== buildErrorView || $[51] !== mode) {
-    t27 = mode !== "forgot" && buildErrorView();
-    $[50] = buildErrorView;
-    $[51] = mode;
-    $[52] = t27;
+  if ($[52] !== notAllowedMessage) {
+    t27 = notAllowedMessage && /* @__PURE__ */ jsx("div", { className: "p-4 w-full", children: /* @__PURE__ */ jsx(ErrorView, { error: notAllowedMessage }) });
+    $[52] = notAllowedMessage;
+    $[53] = t27;
   } else {
-    t27 = $[52];
+    t27 = $[53];
   }
-  const t28 = viewVisible ? "opacity-100" : "opacity-0";
-  let t29;
-  if ($[53] !== t28) {
-    t29 = cls("w-full transition-opacity duration-150", t28);
-    $[53] = t28;
-    $[54] = t29;
+  let t28;
+  if ($[54] !== buildErrorView || $[55] !== mode) {
+    t28 = mode !== "forgot" && buildErrorView();
+    $[54] = buildErrorView;
+    $[55] = mode;
+    $[56] = t28;
   } else {
-    t29 = $[54];
+    t28 = $[56];
   }
+  const t29 = viewVisible ? "opacity-100" : "opacity-0";
   let t30;
-  if ($[55] !== authController || $[56] !== isBootstrapMode || $[57] !== noUserComponent) {
-    t30 = isBootstrapMode && !authController.user && /* @__PURE__ */ jsx(LoginForm, { authController, registrationMode: true, onClose: _temp, onForgotPassword: _temp2, noUserComponent, disableSignupScreen: false, bootstrapMode: true });
-    $[55] = authController;
-    $[56] = isBootstrapMode;
-    $[57] = noUserComponent;
+  if ($[57] !== t29) {
+    t30 = cls("w-full transition-opacity duration-150", t29);
+    $[57] = t29;
     $[58] = t30;
   } else {
     t30 = $[58];
   }
   let t31;
-  if ($[59] !== authController || $[60] !== disableSignupScreen || $[61] !== disabled || $[62] !== googleClientId || $[63] !== hasGoogleLogin || $[64] !== hasPasswordReset || $[65] !== isBootstrapMode || $[66] !== mode || $[67] !== noUserComponent || $[68] !== showRegistration) {
-    t31 = !isBootstrapMode && /* @__PURE__ */ jsxs(Fragment, { children: [
+  if ($[59] !== authController || $[60] !== isBootstrapMode || $[61] !== noUserComponent) {
+    t31 = isBootstrapMode && !authController.user && /* @__PURE__ */ jsx(LoginForm, { authController, registrationMode: true, onClose: _temp, onForgotPassword: _temp2, noUserComponent, disableSignupScreen: false, bootstrapMode: true });
+    $[59] = authController;
+    $[60] = isBootstrapMode;
+    $[61] = noUserComponent;
+    $[62] = t31;
+  } else {
+    t31 = $[62];
+  }
+  let t32;
+  if ($[63] !== authController || $[64] !== disableSignupScreen || $[65] !== disabled || $[66] !== googleClientId || $[67] !== hasGoogleLogin || $[68] !== hasPasswordReset || $[69] !== isBootstrapMode || $[70] !== mode || $[71] !== noUserComponent || $[72] !== showRegistration) {
+    t32 = !isBootstrapMode && /* @__PURE__ */ jsxs(Fragment, { children: [
       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 }),
@@ -6712,63 +6782,63 @@ function LoginView(t0) {
       mode === "register" && /* @__PURE__ */ jsx(LoginForm, { authController, registrationMode: true, onClose: () => switchMode("buttons"), onForgotPassword: hasPasswordReset ? () => switchMode("forgot") : void 0, noUserComponent, disableSignupScreen, switchToLogin: () => switchMode("login") }),
       mode === "forgot" && authController.forgotPassword && /* @__PURE__ */ jsx(ForgotPasswordForm, { authController, onClose: () => switchMode("login") })
     ] });
-    $[59] = authController;
-    $[60] = disableSignupScreen;
-    $[61] = disabled;
-    $[62] = googleClientId;
-    $[63] = hasGoogleLogin;
-    $[64] = hasPasswordReset;
-    $[65] = isBootstrapMode;
-    $[66] = mode;
-    $[67] = noUserComponent;
-    $[68] = showRegistration;
-    $[69] = t31;
-  } else {
-    t31 = $[69];
-  }
-  let t32;
-  if ($[70] !== t29 || $[71] !== t30 || $[72] !== t31) {
-    t32 = /* @__PURE__ */ jsxs("div", { className: t29, children: [
-      t30,
-      t31
-    ] });
-    $[70] = t29;
-    $[71] = t30;
-    $[72] = t31;
+    $[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];
   }
   let t33;
-  if ($[74] !== t25 || $[75] !== t26 || $[76] !== t27 || $[77] !== t32) {
-    t33 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center w-[480px] max-w-full p-8 sm:p-10", children: [
-      t25,
-      t26,
-      t27,
+  if ($[74] !== t30 || $[75] !== t31 || $[76] !== t32) {
+    t33 = /* @__PURE__ */ jsxs("div", { className: t30, children: [
+      t31,
       t32
     ] });
-    $[74] = t25;
-    $[75] = t26;
-    $[76] = t27;
-    $[77] = t32;
-    $[78] = t33;
+    $[74] = t30;
+    $[75] = t31;
+    $[76] = t32;
+    $[77] = t33;
   } else {
-    t33 = $[78];
+    t33 = $[77];
   }
   let t34;
-  if ($[79] !== t24 || $[80] !== t33 || $[81] !== t9) {
-    t34 = /* @__PURE__ */ jsxs("div", { className: t9, children: [
-      t24,
+  if ($[78] !== t26 || $[79] !== t27 || $[80] !== t28 || $[81] !== t33) {
+    t34 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center w-[480px] max-w-full p-8 sm:p-10", children: [
+      t26,
+      t27,
+      t28,
       t33
     ] });
-    $[79] = t24;
-    $[80] = t33;
-    $[81] = t9;
+    $[78] = t26;
+    $[79] = t27;
+    $[80] = t28;
+    $[81] = t33;
     $[82] = t34;
   } else {
     t34 = $[82];
   }
-  return t34;
+  let t35;
+  if ($[83] !== t10 || $[84] !== t25 || $[85] !== t34) {
+    t35 = /* @__PURE__ */ jsxs("div", { className: t10, children: [
+      t25,
+      t34
+    ] });
+    $[83] = t10;
+    $[84] = t25;
+    $[85] = t34;
+    $[86] = t35;
+  } else {
+    t35 = $[86];
+  }
+  return t35;
 }
 function _temp2() {
 }
@@ -6949,7 +7019,7 @@ function LoginForm(t0) {
         return;
       }
       const escFunction = (event) => {
-        if (event.keyCode === 27) {
+        if (event.key === "Escape") {
           onClose();
         }
       };
@@ -7224,7 +7294,7 @@ function ForgotPasswordForm(t0) {
         return;
       }
       const escFunction = (event) => {
-        if (event.keyCode === 27) {
+        if (event.key === "Escape") {
           onClose();
         }
       };
@@ -7531,6 +7601,8 @@ const en = {
   copy: "Copy",
   delete: "Delete",
   delete_not_allowed: "You have selected at least one entity you cannot delete",
+  edit_entity: "Edit",
+  back_to_detail: "Back to details",
   // ─── Delete dialog ───────────────────────────────────────────
   delete_confirmation_title: "Delete?",
   delete_confirmation_body: "This will delete the entity. Are you sure?",
@@ -7889,6 +7961,10 @@ const en = {
   submit: "Submit",
   no_filterable_properties: "No filterable properties available",
   apply_filters: "Apply filters",
+  // ─── Filter Presets ──────────────────────────────────────────
+  filter_presets: "Presets",
+  filter_preset_apply: "Apply preset",
+  filter_preset_active: "Active: {{label}}",
   list: "List",
   table_view_mode: "Table",
   cards: "Cards",
@@ -13820,12 +13896,13 @@ function toPascalCase(str) {
   return str.split(/[-_]/).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join("");
 }
 function resolveIcon(iconKey) {
-  let icon = icons[iconKey];
+  const iconsMap = lucideIcons;
+  let icon = iconsMap[iconKey];
   if (!icon) {
-    icon = icons[toPascalCase(iconKey)];
+    icon = iconsMap[toPascalCase(iconKey)];
   }
   if (!icon) {
-    icon = icons.CircleAlert;
+    icon = iconsMap.CircleAlert;
   }
   return icon ?? null;
 }
@@ -13837,7 +13914,7 @@ function getIcon(iconKey, className, color, size) {
   if (typeof iconKey === "string") {
     const lowerKey = iconKey.toLowerCase();
     const slugifiedKey = slugify(iconKey).replace(/-/g, "_");
-    let mappedKey = iconKeysMap[iconKey] || iconKeysMap[lowerKey] || iconKeysMap[slugifiedKey];
+    const mappedKey = iconKeysMap[iconKey] || iconKeysMap[lowerKey] || iconKeysMap[slugifiedKey];
     if (!mappedKey) {
       return void 0;
     }
@@ -14784,9 +14861,9 @@ function StudioBridgeRegistryProvider({
     slicesRef.current[key] = value;
     setVersion((v) => v + 1);
   }, []);
-  const unregister = useCallback((key) => {
-    delete slicesRef.current[key];
-    setVersion((v) => v + 1);
+  const unregister = useCallback((key_0) => {
+    delete slicesRef.current[key_0];
+    setVersion((v_0) => v_0 + 1);
   }, []);
   const registry = useMemo(() => ({
     register,
@@ -14795,7 +14872,6 @@ function StudioBridgeRegistryProvider({
   const bridgeValue = useMemo(() => ({
     ...NOOP_BRIDGE,
     ...slicesRef.current
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }), [version]);
   return /* @__PURE__ */ jsx(StudioBridgeRegistryContext.Provider, { value: registry, children: /* @__PURE__ */ jsx(StudioBridgeContext.Provider, { value: bridgeValue, children }) });
 }
@@ -14880,6 +14956,7 @@ export {
   buildCollapsedDefaults,
   buildEnumLabel,
   clearEntityCache,
+  clearEntityFetchCache,
   createFormexStub,
   deleteEntityWithCallbacks,
   en,