@rebasepro/core 0.1.2 → 0.2.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rebasepro/core",
   "type": "module",
-  "version": "0.1.2",
+  "version": "0.2.1",
   "description": "Rebase core — framework-agnostic runtime for data-driven admin panels",
   "funding": {
     "url": "https://github.com/sponsors/rebaseco"
@@ -33,30 +33,30 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "development": "./src/index.ts",
+      "development": "./dist/index.es.js",
       "import": "./dist/index.es.js",
       "require": "./dist/index.umd.js"
     },
     "./vitePlugin": {
       "types": "./dist/vitePlugin.d.ts",
-      "development": "./src/vitePlugin.ts",
+      "development": "./dist/vitePlugin.js",
       "import": "./dist/vitePlugin.js",
       "require": "./dist/vitePlugin.js"
     },
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "compressorjs": "^1.2.1",
+    "compressorjs": "^1.3.0",
     "fast-equals": "6.0.0",
-    "fuse.js": "^7.1.0",
-    "i18next": "^23.16.4",
+    "fuse.js": "^7.3.0",
+    "i18next": "^23.16.8",
     "notistack": "^3.0.2",
     "react-i18next": "^14.1.3",
-    "@rebasepro/common": "0.1.2",
-    "@rebasepro/types": "0.1.2",
-    "@rebasepro/ui": "0.1.2",
-    "@rebasepro/formex": "0.1.2",
-    "@rebasepro/utils": "0.1.2"
+    "@rebasepro/common": "0.2.1",
+    "@rebasepro/types": "0.2.1",
+    "@rebasepro/utils": "0.2.1",
+    "@rebasepro/ui": "0.2.1",
+    "@rebasepro/formex": "0.2.1"
   },
   "peerDependencies": {
     "react": ">=19.0.0",
@@ -65,26 +65,25 @@
     "react-router-dom": "^7.0.0"
   },
   "devDependencies": {
-    "@jest/globals": "^30.2.0",
-    "@testing-library/react": "^16.3.0",
+    "@jest/globals": "^30.4.1",
+    "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^29.5.14",
-    "@types/node": "^20.19.17",
-    "@types/react": "^19.0.8",
-    "@types/react-dom": "^19.0.3",
+    "@types/node": "^20.19.41",
+    "@types/react": "^19.2.15",
+    "@types/react-dom": "^19.2.3",
     "@types/react-measure": "^2.0.12",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@vitejs/plugin-react": "^4.7.0",
     "babel-plugin-react-compiler": "beta",
     "cross-env": "^7.0.3",
-    "eslint-plugin-react-compiler": "^19.1.0-rc.2",
+    "esbuild": "^0.25.12",
     "jest": "^29.7.0",
-    "jest-environment-jsdom": "^30.2.0",
-    "npm-run-all": "^4.1.5",
-    "react-router-dom": "^7.0.0",
-    "ts-jest": "^29.4.5",
+    "jest-environment-jsdom": "^30.4.1",
+    "react-router-dom": "^7.15.1",
+    "ts-jest": "^29.4.10",
     "tsd": "^0.31.2",
     "typescript": "^5.9.3",
-    "vite": "^7.2.4"
+    "vite": "^7.3.3"
   },
   "files": [
     "dist",

package/src/components/AIIcon.tsx

@@ -1,4 +1,4 @@
-import { Wand2Icon } from "lucide-react";
+import { Wand2Icon } from "@rebasepro/ui";
 import React from "react";
 
 export interface AIIconProps {

package/src/components/Debug/UIReferenceView.tsx

@@ -11,8 +11,57 @@
  *   DrawerNavigationGroup.tsx, UsersView.tsx, RolesView.tsx
  */
 import React, { useState } from "react";
-import { Alert, Avatar, BooleanSwitch, Button, Checkbox, Chip, CircularProgress, cls, defaultBorderMixin, IconButton, LoadingButton, Menu, MenuItem, MultiSelect, MultiSelectItem, SearchBar, Select, SelectItem, Separator, Skeleton, Tab, Table, TableBody, TableCell, TableHeader, TableRow, Tabs, TextField, Tooltip, Typography , iconSize } from "@rebasepro/ui";
-import { SunMoonIcon, ChevronsLeftIcon, ChevronsRightIcon, LogOutIcon, TagIcon, PlusIcon, MoonIcon, Trash2Icon, PencilIcon, ChevronDownIcon, FilterIcon, SunIcon, SettingsIcon, KanbanIcon, LayoutGridIcon, ListIcon, FolderIcon, UserIcon } from "lucide-react";
+import {
+    Alert,
+    Avatar,
+    BooleanSwitch,
+    Button,
+    Checkbox,
+    ChevronDownIcon,
+    ChevronsLeftIcon,
+    ChevronsRightIcon,
+    Chip,
+    CircularProgress,
+    cls,
+    defaultBorderMixin,
+    FilterIcon,
+    FolderIcon,
+    IconButton,
+    iconSize,
+    KanbanIcon,
+    LayoutGridIcon,
+    ListIcon,
+    LoadingButton,
+    LogOutIcon,
+    Menu,
+    MenuItem,
+    MoonIcon,
+    MultiSelect,
+    MultiSelectItem,
+    PencilIcon,
+    PlusIcon,
+    SearchBar,
+    Select,
+    SelectItem,
+    Separator,
+    SettingsIcon,
+    Skeleton,
+    SunIcon,
+    SunMoonIcon,
+    Tab,
+    Table,
+    TableBody,
+    TableCell,
+    TableHeader,
+    TableRow,
+    Tabs,
+    TagIcon,
+    TextField,
+    Tooltip,
+    Trash2Icon,
+    Typography,
+    UserIcon
+} from "@rebasepro/ui";
 import { RebaseLogo } from "../RebaseLogo";
 
 const SECTIONS = [
@@ -147,7 +196,7 @@ block: "start" });
                                 <div className="mt-3 flex-grow overflow-hidden">
                                     <div className="my-2 mx-2 flex flex-col">
                                         <div className="overflow-hidden rounded-lg bg-surface-50 dark:bg-surface-950/30">
-                                            {[<FolderIcon size={iconSize.small}/>, <UserIcon size={iconSize.small}/>, <TagIcon size={iconSize.small}/>].map((icon, i) => (
+                                            {[<FolderIcon key="folder" size={iconSize.small}/>, <UserIcon key="user" size={iconSize.small}/>, <TagIcon key="tag" size={iconSize.small}/>].map((icon, i) => (
                                                 <div key={i} className="rounded-lg truncate hover:bg-surface-accent-300/75 dark:hover:bg-surface-accent-800/75 flex flex-row items-center h-10">
                                                     <div className="shrink-0 flex items-center justify-center w-[56px] h-[40px] text-text-secondary dark:text-text-secondary-dark">
                                                         {icon}

package/src/components/Debug/UIStyleGuide.tsx

@@ -1,7 +1,6 @@
 
 import React from "react";
-import { Typography, Button, IconButton, Paper, Container, Separator, cls } from "@rebasepro/ui";
-import { Trash2Icon } from "lucide-react";
+import { Button, cls, Container, IconButton, Paper, Separator, Trash2Icon, Typography } from "@rebasepro/ui";
 
 export const UIStyleGuide = () => {
     const typographyVariants = [

package/src/components/ErrorView.tsx

@@ -1,7 +1,6 @@
 import React from "react";
 import { ErrorTooltip } from "./ErrorTooltip";
-import { Typography, Button } from "@rebasepro/ui";
-import { AlertTriangleIcon } from "lucide-react";
+import { AlertTriangleIcon, Button, Typography } from "@rebasepro/ui";
 
 /**
  * @group Components

package/src/components/LanguageToggle.tsx

@@ -1,6 +1,5 @@
 import React from "react";
-import { IconButton, Menu, MenuItem, Typography , iconSize } from "@rebasepro/ui";
-import { CheckIcon, LanguagesIcon } from "lucide-react";
+import { CheckIcon, IconButton, iconSize, LanguagesIcon, Menu, MenuItem, Typography } from "@rebasepro/ui";
 import { useTranslation } from "../hooks";
 
 export function LanguageToggle() {
@@ -15,49 +14,42 @@ export function LanguageToggle() {
             </IconButton>}>
             <MenuItem onClick={() => i18n.changeLanguage("en")}>
                 <div className="flex w-full items-center justify-between gap-4">
-                    {/* eslint-disable-next-line i18next/no-literal-string */}
                     <Typography variant="body2" className={i18n.language === "en" ? "font-bold" : ""}>English</Typography>
                     {i18n.language === "en" && <CheckIcon size={iconSize.small}/>}
                 </div>
             </MenuItem>
             <MenuItem onClick={() => i18n.changeLanguage("es")}>
                 <div className="flex w-full items-center justify-between gap-4">
-                    {/* eslint-disable-next-line i18next/no-literal-string */}
                     <Typography variant="body2" className={i18n.language === "es" ? "font-bold" : ""}>Español</Typography>
                     {i18n.language === "es" && <CheckIcon size={iconSize.small}/>}
                 </div>
             </MenuItem>
             <MenuItem onClick={() => i18n.changeLanguage("de")}>
                 <div className="flex w-full items-center justify-between gap-4">
-                    {/* eslint-disable-next-line i18next/no-literal-string */}
                     <Typography variant="body2" className={i18n.language === "de" ? "font-bold" : ""}>Deutsch</Typography>
                     {i18n.language === "de" && <CheckIcon size={iconSize.small}/>}
                 </div>
             </MenuItem>
             <MenuItem onClick={() => i18n.changeLanguage("fr")}>
                 <div className="flex w-full items-center justify-between gap-4">
-                    {/* eslint-disable-next-line i18next/no-literal-string */}
                     <Typography variant="body2" className={i18n.language === "fr" ? "font-bold" : ""}>Français</Typography>
                     {i18n.language === "fr" && <CheckIcon size={iconSize.small}/>}
                 </div>
             </MenuItem>
             <MenuItem onClick={() => i18n.changeLanguage("it")}>
                 <div className="flex w-full items-center justify-between gap-4">
-                    {/* eslint-disable-next-line i18next/no-literal-string */}
                     <Typography variant="body2" className={i18n.language === "it" ? "font-bold" : ""}>Italiano</Typography>
                     {i18n.language === "it" && <CheckIcon size={iconSize.small}/>}
                 </div>
             </MenuItem>
             <MenuItem onClick={() => i18n.changeLanguage("hi")}>
                 <div className="flex w-full items-center justify-between gap-4">
-                    {/* eslint-disable-next-line i18next/no-literal-string */}
                     <Typography variant="body2" className={i18n.language === "hi" ? "font-bold" : ""}>हिन्दी</Typography>
                     {i18n.language === "hi" && <CheckIcon size={iconSize.small}/>}
                 </div>
             </MenuItem>
             <MenuItem onClick={() => i18n.changeLanguage("pt")}>
                 <div className="flex w-full items-center justify-between gap-4">
-                    {/* eslint-disable-next-line i18next/no-literal-string */}
                     <Typography variant="body2" className={i18n.language === "pt" ? "font-bold" : ""}>Português</Typography>
                     {i18n.language === "pt" && <CheckIcon size={iconSize.small}/>}
                 </div>

package/src/components/LoginView/LoginView.tsx

@@ -18,8 +18,22 @@ declare global {
     }
 }
 
-import { Button, cls, IconButton, LoadingButton, Menu, MenuItem, TextField, Typography, iconSize } from "@rebasepro/ui";
-import { ArrowLeftIcon, MailIcon, MoonIcon, SunIcon, SunMoonIcon } from "lucide-react";
+import {
+    ArrowLeftIcon,
+    Button,
+    cls,
+    IconButton,
+    iconSize,
+    LoadingButton,
+    MailIcon,
+    Menu,
+    MenuItem,
+    MoonIcon,
+    SunIcon,
+    SunMoonIcon,
+    TextField,
+    Typography
+} from "@rebasepro/ui";
 import { AuthControllerExtended, User } from "@rebasepro/types";
 import { ErrorView } from "../ErrorView";
 import { RebaseLogo } from "../RebaseLogo";
@@ -73,11 +87,7 @@ export interface LoginViewProps {
      */
     notAllowedError?: string | Error;
 
-    /**
-     * Override: enable Google login button.
-     * If not set, checks `authController.capabilities.googleLogin`.
-     */
-    googleEnabled?: boolean;
+
 
     /**
      * Google client ID for Google OAuth.
@@ -112,7 +122,6 @@ export function LoginView({
     disableSignupScreen = false,
     disabled = false,
     notAllowedError,
-    googleEnabled,
     googleClientId,
     needsSetup,
     registrationEnabled
@@ -140,7 +149,7 @@ export function LoginView({
         ?? ("needsSetup" in authController && !!(authController as { needsSetup?: boolean }).needsSetup)
         ?? false;
     const canRegister = registrationEnabled ?? caps.registration ?? false;
-    const hasGoogleLogin = googleEnabled ?? caps.googleLogin ?? false;
+    const hasGoogleLogin = googleClientId && (caps.enabledProviders?.includes("google") ?? caps.googleLogin ?? false);
     const hasPasswordReset = caps.passwordReset ?? !!authController.forgotPassword;
 
     const showRegistration = !disableSignupScreen && canRegister;
@@ -190,7 +199,7 @@ export function LoginView({
     return (
         <div
             className={cls(
-                "relative flex items-center justify-center h-screen w-screen p-4 transition-opacity duration-500 bg-white dark:bg-surface-900",
+                "relative flex items-center justify-center h-screen w-screen p-4 transition-opacity duration-500 bg-surface-50 dark:bg-surface-800",
                 fadeIn ? "opacity-100" : "opacity-0"
             )}>
 
@@ -443,7 +452,7 @@ function LoginForm({
     useEffect(() => {
         if (!document) return;
         const escFunction = (event: KeyboardEvent) => {
-            if (event.keyCode === 27) {
+            if (event.key === "Escape") {
                 onClose();
             }
         };
@@ -631,7 +640,7 @@ function ForgotPasswordForm({
     useEffect(() => {
         if (!document) return;
         const escFunction = (event: KeyboardEvent) => {
-            if (event.keyCode === 27) {
+            if (event.key === "Escape") {
                 onClose();
             }
         };

package/src/components/UserDisplay.tsx

@@ -1,5 +1,4 @@
-import { cls, defaultBorderMixin } from "@rebasepro/ui";
-import { CircleUserIcon } from "lucide-react";
+import { CircleUserIcon, cls, defaultBorderMixin } from "@rebasepro/ui";
 import { User } from "@rebasepro/types";
 
 /**

package/src/components/UserSelectPopover.tsx

@@ -1,7 +1,18 @@
 
 import React, { useCallback, useMemo, useRef, useState } from "react";
-import { cls, defaultBorderMixin, Popover, Typography, CircularProgress, IconButton , iconSize, SearchBar } from "@rebasepro/ui";
-import { CircleUserIcon, SearchIcon, XIcon } from "lucide-react";
+import {
+    CircleUserIcon,
+    CircularProgress,
+    cls,
+    defaultBorderMixin,
+    IconButton,
+    iconSize,
+    Popover,
+    SearchBar,
+    SearchIcon,
+    Typography,
+    XIcon
+} from "@rebasepro/ui";
 import { User } from "@rebasepro/types";
 
 /**

package/src/components/UserSettingsView.tsx

@@ -1,7 +1,16 @@
 
 import React, { useEffect, useState } from "react";
-import { Avatar, Button, CircularProgress, Tabs, Tab, TextField, Typography, IconButton } from "@rebasepro/ui";
-import { Trash2Icon } from "lucide-react";
+import {
+    Avatar,
+    Button,
+    CircularProgress,
+    IconButton,
+    Tab,
+    Tabs,
+    TextField,
+    Trash2Icon,
+    Typography
+} from "@rebasepro/ui";
 import { useAuthController, useTranslation } from "../hooks";
 
 interface SessionInfo {
@@ -22,7 +31,7 @@ interface ExtendedAuthController {
 }
 
 export function UserSettingsView() {
-    const authController = useAuthController() as unknown as ExtendedAuthController;
+    const authController = useAuthController() as ExtendedAuthController;
     const user = authController.user;
     const { t } = useTranslation();
 

package/src/components/common/useDataTableController.tsx

@@ -270,7 +270,7 @@ export function useDataTableController<M extends Record<string, any> = any, USER
                 limit: itemCount,
                 orderBy: orderByParams,
                 searchString
-            }, ((res: FindResponse<M>) => onEntitiesUpdate(res.data)) as any, onError);
+            }, (res) => onEntitiesUpdate(res.data as Entity<M>[]), onError);
         } else {
             accessor.find({
                 where: whereParams,
@@ -278,7 +278,7 @@ export function useDataTableController<M extends Record<string, any> = any, USER
                 orderBy: orderByParams,
                 searchString
             })
-                .then(((res: FindResponse<M>) => onEntitiesUpdate(res.data)) as any)
+                .then((res) => onEntitiesUpdate(res.data as Entity<M>[]))
                 .catch(onError);
             unsubscribe = () => undefined;
         }

package/src/contexts/SnackbarProvider.tsx

@@ -3,10 +3,11 @@
 import React, { PropsWithChildren } from "react";
 import { SnackbarProvider as NotistackSnackbarProvider } from "notistack";
 
-export const SnackbarProvider: React.FC<PropsWithChildren<{}>> = ({ children }) => {
+export const SnackbarProvider: React.FC<PropsWithChildren> = ({ children }) => {
 
     return (
         <NotistackSnackbarProvider maxSnack={3}
+                                   preventDuplicate={true}
                                    autoHideDuration={3500}>
             {children}
         </NotistackSnackbarProvider>

package/src/core/PluginLifecycleManager.tsx

@@ -58,7 +58,6 @@ export function PluginLifecycleManager({
             }
         };
         // Only run on mount/unmount — plugins array identity should be stable
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 
     // ── Auth state change lifecycle ──────────────────────────────────

package/src/core/Rebase.tsx

@@ -89,7 +89,7 @@ export function Rebase<USER extends User>(props: RebaseProps<USER>) {
             loading: false,
             users: [],
             getUser: (uid: string) => null
-        } as unknown as UserManagementDelegate<USER>, [plugins, _userManagement]);
+        } as UserManagementDelegate<USER>, [plugins, _userManagement]);
 
     // Auth fallback logic
     const clientAuthController = useAuthSubscription(authControllerProp ? undefined : client?.auth);

package/src/hooks/data/save.ts

@@ -5,7 +5,7 @@ import { RebaseData } from "@rebasepro/types";
 /**
  * @group Hooks and utilities
  */
-export type SaveEntityWithCallbacksProps<M extends Record<string, any>> =
+export type SaveEntityWithCallbacksProps<M extends Record<string, unknown>> =
     SaveEntityProps<M> &
     {
         afterSave?: (updatedEntity: Entity<M>) => void,
@@ -31,7 +31,7 @@ export type SaveEntityWithCallbacksProps<M extends Record<string, any>> =
  * @param afterSaveError
  * @group Hooks and utilities
  */
-export async function saveEntityWithCallbacks<M extends Record<string, any>>({
+export async function saveEntityWithCallbacks<M extends Record<string, unknown>>({
     collection,
     path,
     entityId,
@@ -57,9 +57,9 @@ export async function saveEntityWithCallbacks<M extends Record<string, any>>({
 
     let savePromise: Promise<Entity<M>>;
     if (status === "new" || status === "copy") {
-        savePromise = accessor.create(values, entityId) as any;
+        savePromise = accessor.create(values, entityId) as Promise<Entity<M>>;
     } else {
-        savePromise = accessor.update(entityId!, values) as any;
+        savePromise = accessor.update(entityId!, values) as Promise<Entity<M>>;
     }
 
     return savePromise.then((entity) => {

package/src/hooks/data/useCollectionFetch.tsx

@@ -125,7 +125,7 @@ export function useCollectionFetch<M extends Record<string, any>, USER extends U
 
         // Eagerly include relations to avoid N+1 fetches.
         const hasRelations = collection.properties && Object.values(collection.properties).some(
-            (p: any) => p.type === "relation" || p.type === "reference"
+            (p) => p.type === "relation" || p.type === "reference"
         );
         const includeParams = hasRelations ? ["*"] : undefined;
 
@@ -136,7 +136,7 @@ export function useCollectionFetch<M extends Record<string, any>, USER extends U
                 orderBy: orderByParams,
                 searchString,
                 include: includeParams
-            }, onEntitiesUpdate as any, onError);
+            }, (res) => onEntitiesUpdate({ data: res.data as Entity<M>[], meta: res.meta }), onError);
         } else {
             accessor.find({
                 where: whereParams,
@@ -145,12 +145,12 @@ export function useCollectionFetch<M extends Record<string, any>, USER extends U
                 searchString,
                 include: includeParams
             })
-                .then(onEntitiesUpdate as any)
+                .then((res) => onEntitiesUpdate({ data: res.data as Entity<M>[], meta: res.meta }))
                 .catch(onError);
             return () => {
             };
         }
-    }, [path, itemCount, currentSort, sortByProperty, filterValues, searchString]);
+    }, [path, itemCount, currentSort, sortByProperty, filterValues, searchString, dataClient, collection]);
 
     return useMemo(() => ({
         data,

package/src/hooks/data/useEntityFetch.tsx

@@ -39,6 +39,16 @@ export function populateEntityFetchCache<M extends Record<string, any>>(path: st
     }
 }
 
+/**
+ * Clear the entity fetch cache. Call this on auth state changes (e.g. logout)
+ * to prevent stale data from a previous session leaking into the next.
+ */
+export function clearEntityFetchCache(): void {
+    for (const key of Object.keys(CACHE)) {
+        delete CACHE[key];
+    }
+}
+
 /**
  * This hook is used to fetch an entity.
  * It gives real time updates if the driver supports it.
@@ -104,10 +114,10 @@ export function useEntityFetch<M extends Record<string, any>, USER extends User
             const accessor = dataClient.collection(path);
 
             if (accessor.listenById) {
-                return accessor.listenById(entityId, onEntityUpdate as any, onError);
+                return accessor.listenById(entityId, (entity) => onEntityUpdate(entity as Entity<M> | undefined), onError);
             } else {
                 accessor.findById(entityId)
-                    .then(onEntityUpdate as any)
+                    .then((entity) => onEntityUpdate(entity as Entity<M> | undefined))
                     .catch(onError);
                 return () => {
                 };
@@ -119,7 +129,7 @@ export function useEntityFetch<M extends Record<string, any>, USER extends User
             return () => {
             };
         }
-    }, [entityId, path]);
+    }, [entityId, path, dataClient, collection, useCache, databaseId]);
 
     return useMemo(() => ({
         entity,

package/src/hooks/data/useRelationSelector.tsx

@@ -181,7 +181,7 @@ export function useRelationSelector<M extends Record<string, any> = any>(
                 limit: limit,
                 orderBy: undefined,
                 searchString: currentSearch
-            }, onEntitiesUpdate as any, onErrorUpdate);
+            }, (res) => onEntitiesUpdate({ data: res.data as Entity<M>[], meta: res.meta }), onErrorUpdate);
         } else {
             accessor.find({
                 where: whereParams,
@@ -190,7 +190,7 @@ export function useRelationSelector<M extends Record<string, any> = any>(
                 orderBy: undefined,
                 searchString: currentSearch
             })
-                .then(onEntitiesUpdate as any)
+                .then((res) => onEntitiesUpdate({ data: res.data as Entity<M>[], meta: res.meta }))
                 .catch(onErrorUpdate);
             unsubscribe = () => {};
         }

package/src/hooks/useResolvedComponent.tsx

@@ -13,7 +13,7 @@ import { isLazyComponentRef } from "@rebasepro/types";
  * to the `React.lazy()` wrapper it produced. Strings are keyed by a separate
  * plain Map since they can't be WeakMap keys.
  */
-const lazyCache = new WeakMap<object | Function, React.ComponentType<any>>();
+const lazyCache = new WeakMap<object | ((..._args: any[]) => any), React.ComponentType<any>>();
 
 /**
  * Resolves a `ComponentRef` into a renderable `React.ComponentType`.
@@ -50,7 +50,7 @@ const lazyCache = new WeakMap<object | Function, React.ComponentType<any>>();
  *     </Suspense>
  * );
  * ```
- */
+ * */
 export function useResolvedComponent<P = unknown>(
     ref: ComponentRef<P> | undefined
 ): React.ComponentType<P> | undefined {
@@ -62,13 +62,14 @@ export function useResolvedComponent<P = unknown>(
  * same loader always returns the same lazy component identity.
  */
 function getOrCreateLazy<P>(
-    key: object | Function,
+    key: object | ((..._args: any[]) => any),
     loader: () => Promise<{ default: React.ComponentType<P> }>
 ): React.ComponentType<P> {
     const cached = lazyCache.get(key);
     if (cached) return cached as React.ComponentType<P>;
 
-    const LazyComponent = lazy(loader) as unknown as React.ComponentType<P>;
+    // SAFETY: React.lazy returns LazyExoticComponent which is structurally compatible with ComponentType<P>
+    const LazyComponent = lazy(loader) as React.ComponentType<P>;
     lazyCache.set(key, LazyComponent);
     return LazyComponent;
 }
@@ -100,14 +101,14 @@ export function resolveComponentRef<P = unknown>(
     //    The object has { __rebaseLazy: true, load: () => import(...) }.
     if (isLazyComponentRef(ref)) {
         return getOrCreateLazy<P>(
-            ref as unknown as object,
+            ref as object,
             () => (ref as LazyComponentRef<P>).load()
         );
     }
 
     // 3. Function — either a React component or a lazy import loader.
     if (typeof ref === "function") {
-        const fn = ref as Function;
+        const fn = ref as (..._args: any[]) => any;
 
         // Class components (React.Component / PureComponent) have this flag
         if (fn.prototype?.isReactComponent) {

package/src/hooks/useStudioBridge.tsx

@@ -205,7 +205,6 @@ unregister }), [register, unregister]);
     const bridgeValue = useMemo<StudioBridge>(() => ({
         ...NOOP_BRIDGE,
         ...slicesRef.current
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     }), [version]);
 
     return (

package/src/locales/en.ts

@@ -25,6 +25,8 @@ export const en: RebaseTranslations = {
     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?",
@@ -414,6 +416,12 @@ export const en: RebaseTranslations = {
 
     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",