@rebasepro/admin 0.8.0 → 0.9.0

package/src/components/{EntityEditViewFormActions.tsx → EditFormActions.tsx}

@@ -1,7 +1,7 @@
 
-import type { EntityCollection } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
 import type { FormContext } from "../types/fields";
-import type { EntityAction, EntityActionClickProps, SideEntityController } from "@rebasepro/types";
+import type { EntityAction, EntityActionClickProps, SidePanelController } from "@rebasepro/types";
 import React, { useMemo } from "react";
 import { Entity, getCollectionDataPath, RebaseContext } from "@rebasepro/types";
 import type { EntityFormActionsProps } from "../types/components/EntityFormActionsProps";
@@ -21,7 +21,7 @@ import { ErrorTooltip } from "@rebasepro/core";
 import { usePermissions } from "@rebasepro/core";
 import { useCMSContext } from "../index";
 
-export function EntityEditViewFormActions({
+export function EditFormActions({
     collection,
     path,
     entity,
@@ -39,7 +39,7 @@ export function EntityEditViewFormActions({
 
     const { canCreate, canDelete } = usePermissions();
     const context = useCMSContext();
-    const sideEntityController = context.sideEntityController;
+    const sidePanelController = context.sidePanelController;
     const sideDialogContext = useSideDialogContext();
     const customizationController = useCustomizationController();
     const { t } = useTranslation();
@@ -70,7 +70,7 @@ export function EntityEditViewFormActions({
         formActions,
         collection,
         context,
-        sideEntityController,
+        sidePanelController,
         disabled,
         status,
         sideDialogContext,
@@ -89,7 +89,7 @@ export function EntityEditViewFormActions({
         formActions,
         collection,
         context,
-        sideEntityController,
+        sidePanelController,
         sideDialogContext,
         disabled,
         status,
@@ -116,9 +116,9 @@ type ActionsViewProps<M extends Record<string, unknown>> = {
     savingError: Error | undefined,
     entity: Entity<M> | undefined,
     formActions: EntityAction[],
-    collection: EntityCollection,
+    collection: CollectionConfig,
     context: RebaseContext,
-    sideEntityController: SideEntityController,
+    sidePanelController: SidePanelController,
     disabled: boolean,
     status: "new" | "existing" | "copy",
     sideDialogContext: SideDialogController,
@@ -137,7 +137,7 @@ function buildBottomActions<M extends Record<string, unknown>>({
     formActions,
     collection,
     context,
-    sideEntityController,
+    sidePanelController,
     disabled,
     status,
     sideDialogContext,
@@ -171,7 +171,7 @@ function buildBottomActions<M extends Record<string, unknown>>({
                     path: getCollectionDataPath(collection),
                     collection: collection,
                     context,
-                    sideEntityController,
+                    sidePanelController,
                     openEntityMode,
                     navigateBack,
                     formContext
@@ -243,7 +243,7 @@ function buildSideActions<M extends Record<string, unknown>>({
     formActions,
     collection,
     context,
-    sideEntityController,
+    sidePanelController,
     disabled,
     status,
     sideDialogContext,
@@ -295,7 +295,7 @@ function buildSideActions<M extends Record<string, unknown>>({
                     path: getCollectionDataPath(collection),
                     collection: collection,
                     context,
-                    sideEntityController,
+                    sidePanelController,
                     openEntityMode,
                     navigateBack,
                     formContext

package/src/components/{EntityEditView.tsx → EditViewBinding.tsx}

@@ -1,11 +1,11 @@
-import type { ComponentRef, EntityCollection, EntityCustomViewParams, FormViewConfig } from "@rebasepro/types";
+import type { ComponentRef, CollectionConfig, EntityCustomViewParams, FormViewConfig } from "@rebasepro/types";
 import type { FormContext } from "../types/fields";
 import type { PluginFormActionProps } from "@rebasepro/types";
 import React, { lazy, Suspense, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Entity, EntityStatus, getCollectionDataPath } from "@rebasepro/types";
-import { PluginProviderStack, resolveComponentRef, useComponentOverride, CollectionComponentOverrideProvider } from "@rebasepro/core";
+import { PluginProviderStack, resolveComponentRef, useComponentOverride, CollectionScopeProvider } from "@rebasepro/core";
 
-import { EntityCollectionView, EntityView } from "../components";
+import { CollectionViewBinding, EntityViewBinding } from "../components";
 import { CircularProgressCenter, iconSize } from "@rebasepro/ui";
 import {
     CenteredView,
@@ -32,7 +32,7 @@ import {
 import { resolvedSelectedEntityView } from "../util/resolutions";
 import {
     useCustomizationController,
-    useEntityFetch,
+    useFetch,
     useRebaseContext,
     useLargeLayout,
     useSlot,
@@ -42,8 +42,8 @@ import { getEntityFromMemoryCache } from "@rebasepro/core";
 import { EntityFormBinding } from "../form";
 import type { EntityFormBindingProps } from "../form";
 import type { OnUpdateParams } from "../types/components/EntityFormProps";
-import { EntityEditViewFormActions } from "./EntityEditViewFormActions";
-import { EntityJsonPreview } from "../components/EntityJsonPreview";
+import { EditFormActions } from "./EditFormActions";
+import { JsonPreviewBinding } from "../components/JsonPreviewBinding";
 // Lazy-load history view — only loaded when user clicks the HistoryIcon tab
 const EntityHistoryView = lazy(() => import("../components/history").then(m => ({ default: m.EntityHistoryView })));
 import { createFormexStub, getEntityFromCache } from "@rebasepro/core";
@@ -51,7 +51,7 @@ import { usePermissions } from "@rebasepro/core";
 import { useUrlController } from "../index";
 import { useNavigate } from "react-router-dom";
 
-import { MAIN_TAB_VALUE, JSON_TAB_VALUE, HISTORY_TAB_VALUE } from "../util/entity_view_constants";
+import { MAIN_TAB_VALUE, JSON_TAB_VALUE, HISTORY_TAB_VALUE } from "../util/view_constants";
 export { MAIN_TAB_VALUE, JSON_TAB_VALUE, HISTORY_TAB_VALUE };
 
 export type BarActionsParams = {
@@ -65,16 +65,16 @@ export type OnTabChangeParams<M extends Record<string, unknown>> = {
     path: string;
     entityId?: string | number;
     selectedTab?: string;
-    collection: EntityCollection<M>;
+    collection: CollectionConfig<M>;
 
 };
 
-export interface EntityEditViewProps<M extends Record<string, unknown> = Record<string, unknown>> {
+export interface EditViewBindingProps<M extends Record<string, unknown> = Record<string, unknown>> {
     /**
      * The CMS path of the entity, e.g. "users" or "products".
      */
     path: string;
-    collection: EntityCollection<M>;
+    collection: CollectionConfig<M>;
     entityId?: string | number;
     databaseId?: string;
     copy?: boolean;
@@ -90,26 +90,26 @@ export interface EntityEditViewProps<M extends Record<string, unknown> = Record<
     /**
      * Pre-populate the form with these values when creating a new entity.
      * Only applied when the form is in "new" mode (no entityId).
-     * Sourced from EntitySidePanelProps (side panel) or location.state (full screen).
+     * Sourced from SidePanelBindingProps (side panel) or location.state (full screen).
      */
     defaultValues?: Partial<M>;
 }
 
 /**
  * This is the default view that is used as the content of a side panel when
- * an entity is opened.
+ * a record is opened.
  */
-export function EntityEditView<M extends Record<string, unknown>>({
+export function EditViewBinding<M extends Record<string, unknown>>({
     entityId,
     ...props
-}: EntityEditViewProps<M>) {
+}: EditViewBindingProps<M>) {
 
     const {
         entity,
         dataLoading,
 
         dataLoadingError
-    } = useEntityFetch<M>({
+    } = useFetch<M>({
         path: props.path,
         entityId: entityId,
         collection: props.collection,
@@ -148,7 +148,7 @@ export function EntityEditView<M extends Record<string, unknown>>({
     }
 
     const content = (
-        <EntityEditViewInner<M> {...props}
+        <EditViewBindingInner<M> {...props}
             entityId={entityId}
             entity={entity}
             initialDirtyValues={initialDirtyValues as Partial<M>}
@@ -159,17 +159,14 @@ export function EntityEditView<M extends Record<string, unknown>>({
         />
     );
 
-    if (props.collection.components) {
-        return (
-            <CollectionComponentOverrideProvider overrides={props.collection.components}>
-                {content}
-            </CollectionComponentOverrideProvider>
-        );
-    }
-    return content;
+    return (
+        <CollectionScopeProvider collection={props.collection}>
+            {content}
+        </CollectionScopeProvider>
+    );
 }
 
-export function EntityEditViewInner<M extends Record<string, unknown>>({
+export function EditViewBindingInner<M extends Record<string, unknown>>({
     path,
     entityId,
     selectedTab: selectedTabProp,
@@ -188,7 +185,7 @@ export function EntityEditViewInner<M extends Record<string, unknown>>({
     setStatus,
     formProps,
     canEdit
-}: EntityEditViewProps<M> & {
+}: EditViewBindingProps<M> & {
     entity?: Entity<M>,
     initialDirtyValues?: Partial<M>, // dirty cached entity in memory
     dataLoading: boolean,
@@ -197,9 +194,9 @@ export function EntityEditViewInner<M extends Record<string, unknown>>({
     canEdit?: boolean,
 }) {
 
-    const ResolvedFormActions = useComponentOverride("Entity.FormActions", EntityEditViewFormActions);
+    const ResolvedFormActions = useComponentOverride("EditView.FormActions", EditFormActions);
     const ResolvedEntityForm = useComponentOverride("Entity.Form", EntityFormBinding) as typeof EntityFormBinding;
-    const ResolvedCollectionView = useComponentOverride("Collection.View", EntityCollectionView);
+    const ResolvedCollectionView = useComponentOverride("Collection.View", CollectionViewBinding);
 
     const context = useRebaseContext();
     const urlController = useUrlController();
@@ -392,7 +389,7 @@ parentEntityIds,
         key={"json_view"}
         role="tabpanel">
         <ErrorBoundary>
-            <EntityJsonPreview
+            <JsonPreviewBinding
                 values={formContext?.values ?? entity?.values ?? {}} />
         </ErrorBoundary>
     </div> : null;
@@ -462,7 +459,7 @@ parentEntityIds,
     }, [status, onTabChange, path, entityId, collection]);
 
     // Resolve formView.Builder if provided
-    const formViewConfig = (collection as EntityCollection<M> & { formView?: FormViewConfig<M> }).formView;
+    const formViewConfig = (collection as CollectionConfig<M> & { formView?: FormViewConfig<M> }).formView;
     const FormViewBuilder = formViewConfig?.Builder ? resolveComponentRef<EntityCustomViewParams>(formViewConfig.Builder as ComponentRef<EntityCustomViewParams>) : null;
     const formViewIncludeActions = formViewConfig?.includeActions !== false;
 
@@ -486,7 +483,7 @@ parentEntityIds,
                     </Suspense>
                 </ErrorBoundary>
             ) : (
-                <EntityView
+                <EntityViewBinding
                     className={"px-8 h-full overflow-auto"}
                     entity={entity}
                     path={path}
@@ -718,7 +715,7 @@ parentEntityIds,
     return result;
 }
 
-function EntityFormSkeleton({ collection }: { collection: EntityCollection }) {
+function EntityFormSkeleton({ collection }: { collection: CollectionConfig }) {
     return (
         <div className="flex-1 flex flex-row w-full overflow-y-auto justify-center">
             <div className="relative flex flex-row max-w-4xl lg:max-w-3xl xl:max-w-4xl 2xl:max-w-6xl w-full h-fit">

package/src/components/{EntityPreview.tsx → EntityPreviewBinding.tsx}

@@ -1,4 +1,4 @@
-import type { EntityCollection } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
 import type { Property } from "@rebasepro/types";
 import * as React from "react";
 import { useEffect, useMemo } from "react";
@@ -27,12 +27,12 @@ import { IconForView } from "@rebasepro/core";
 import { getPropertyInPath } from "../util/property_utils";
 import { getEntityPreviewKeys, getEntityTitlePropertyKey } from "../util/previews";
 import { getValueInPath } from "@rebasepro/utils";
-import { useCollectionRegistryController, useSideEntityController } from "../index";
+import { useCollectionRegistryController, useSidePanel } from "../index";
 
-export type EntityPreviewProps = {
+export type EntityPreviewBindingProps = {
     size?: PreviewSize,
     actions?: React.ReactNode,
-    collection?: EntityCollection,
+    collection?: CollectionConfig,
     hover?: boolean;
     previewKeys?: string[],
     disabled?: boolean,
@@ -42,16 +42,16 @@ export type EntityPreviewProps = {
     includeEntityLink?: boolean,
     includeImage?: boolean,
     onClick?: (e: React.SyntheticEvent) => void;
-    onSideEntityClick?: (entity: Entity) => void,
+    onSidePanelClick?: (entity: Entity) => void,
 };
 
-export type EntityPreviewDataProps = {
+export type EntityPreviewBindingDataProps = {
     size?: "smallest" | "small" | "medium" | "large",
     actions?: React.ReactNode,
-    collection?: EntityCollection,
+    collection?: CollectionConfig,
     previewKeys?: string[],
     entity: Entity<any>,
-    onSideEntityClick?: (entity: Entity) => void,
+    onSidePanelClick?: (entity: Entity) => void,
     includeId?: boolean,
     includeTitle?: boolean,
     includeEntityLink?: boolean,
@@ -59,25 +59,25 @@ export type EntityPreviewDataProps = {
 };
 
 /**
- * This component contains the main logic and content for displaying an entity preview,
- * without any container wrapper. Used internally by EntityPreview.
+ * This component contains the main logic and content for displaying a entity preview,
+ * without any container wrapper. Used internally by EntityPreviewBinding.
  */
-export function EntityPreviewData({
+export function EntityPreviewBindingData({
     actions,
     collection: collectionProp,
     previewKeys,
     size = "medium",
     includeId = true,
-    onSideEntityClick,
+    onSidePanelClick,
     includeTitle = true,
     includeEntityLink = true,
     includeImage = true,
     entity
-}: EntityPreviewDataProps) {
+}: EntityPreviewBindingDataProps) {
 
     const authController = useAuthController();
     const analyticsController = useAnalyticsController();
-    const sideEntityController = useSideEntityController();
+    const sidePanelController = useSidePanel();
     const customizationController = useCustomizationController();
 
     const collectionRegistryController = useCollectionRegistryController();
@@ -194,12 +194,12 @@ export function EntityPreviewData({
                             onClick={(e) => {
                                 e.stopPropagation();
                                 e.preventDefault();
-                                onSideEntityClick?.(entity);
+                                onSidePanelClick?.(entity);
                                 analyticsController.onAnalyticsEvent?.("entity_click_from_reference", {
                                     path: entity.path,
                                     entityId: entity.id
                                 });
-                                sideEntityController.open({
+                                sidePanelController.open({
                                     entityId: entity.id,
                                     path: entity.path,
                                     collection,
@@ -216,11 +216,11 @@ export function EntityPreviewData({
     );
 }
 
-export function EntityPreviewWithId({
+export function EntityPreviewBindingWithId({
     entityId,
     path,
     ...props
-}: Omit<EntityPreviewProps, "entity"> & {
+}: Omit<EntityPreviewBindingProps, "entity"> & {
     entityId: string | number;
     path: string;
     databaseId?: string;
@@ -236,7 +236,7 @@ export function EntityPreviewWithId({
             setEntity(undefined);
             return;
         }
-        const fetchEntity = async () => {
+        const fetchOne = async () => {
             setDataLoading(true);
             try {
                 const fetchedEntity = await dataClient.collection(path).findById(entityId);
@@ -255,7 +255,7 @@ export function EntityPreviewWithId({
             }
         }
 
-        fetchEntity();
+        fetchOne();
 
         return () => {
             isMounted = false;
@@ -284,16 +284,16 @@ export function EntityPreviewWithId({
         );
     }
 
-    return <EntityPreviewData
+    return <EntityPreviewBindingData
         {...props}
         entity={entity}/>;
 }
 
 /**
- * This view is used to display a preview of an entity.
+ * This view is used to display a preview of a entity.
  * It is used by default in reference fields and whenever a reference is displayed.
  */
-export function EntityPreview({
+export function EntityPreviewBinding({
     actions,
     disabled,
     hover,
@@ -305,16 +305,16 @@ export function EntityPreview({
     includeTitle = true,
     includeEntityLink = true,
     includeImage = true,
-    onSideEntityClick,
+    onSidePanelClick,
     entity
-}: EntityPreviewProps) {
+}: EntityPreviewBindingProps) {
 
     return (
         <EntityPreviewContainer
             onClick={disabled ? undefined : onClick}
             hover={disabled ? undefined : hover}
             size={size}>
-            <EntityPreviewData
+            <EntityPreviewBindingData
                 actions={actions}
                 collection={collection}
                 previewKeys={previewKeys}
@@ -323,7 +323,7 @@ export function EntityPreview({
                 includeTitle={includeTitle}
                 includeEntityLink={includeEntityLink}
                 includeImage={includeImage}
-                onSideEntityClick={onSideEntityClick}
+                onSidePanelClick={onSidePanelClick}
                 entity={entity}
             />
         </EntityPreviewContainer>

package/src/components/{EntityView.tsx → EntityViewBinding.tsx}

@@ -1,5 +1,5 @@
 import type { Properties } from "@rebasepro/types";
-import type { EntityCollection } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
 import type { CustomizationController } from "@rebasepro/types";
 import React from "react";
 import { Entity } from "@rebasepro/types";
@@ -12,20 +12,20 @@ import { PropertyCollectionView } from "./PropertyCollectionView";
 /**
  * @group Components
  */
-export interface EntityViewProps<M extends Record<string, unknown>> {
+export interface EntityViewBindingProps<M extends Record<string, unknown>> {
     entity: Entity<M>;
-    collection: EntityCollection<M>;
+    collection: CollectionConfig<M>;
     path: string;
     className?: string;
 }
 
-export function EntityView<M extends Record<string, unknown>>(
+export function EntityViewBinding<M extends Record<string, unknown>>(
     {
         entity,
         collection,
         path,
         className
-    }: EntityViewProps<M>) {
+    }: EntityViewBindingProps<M>) {
 
     const customizationController: CustomizationController = useCustomizationController();
 

package/src/components/HomePage/NavigationCardBinding.tsx

@@ -1,4 +1,4 @@
-import type { NavigationEntry, EntityCollection } from "@rebasepro/types";
+import type { NavigationEntry, CollectionConfig } from "@rebasepro/types";
 import { useNavigate } from "react-router-dom";
 ;
 import { IconButton, StarIcon, Tooltip } from "@rebasepro/ui";

package/src/components/{EntityJsonPreview.tsx → JsonPreviewBinding.tsx}

@@ -2,7 +2,7 @@ import React, { useRef } from "react";
 import { Highlight, themes } from "prism-react-renderer";
 import { useModeController } from "@rebasepro/core";
 
-export function EntityJsonPreview({ values }: { values: object }) {
+export function JsonPreviewBinding({ values }: { values: object }) {
     const code = JSON.stringify(values, null, "\t");
     const { mode } = useModeController();
     const preRef = useRef<HTMLPreElement>(null);

package/src/components/RebaseCMS.tsx

@@ -10,7 +10,7 @@ import type { RebaseCMSConfig } from "@rebasepro/types";
  * is auto-wired as a native feature (slots, provider, Studio view) without
  * needing any external plugin.
  */
-export function RebaseCMS({ collections, views, homePage, entityViews, entityActions, collectionEditor, navigationGroupMappings }: RebaseCMSConfig) {
+export function RebaseCMS({ collections, views, homePage, entityViews, entityActions, collectionEditor, navigationGroupMappings, basePath }: RebaseCMSConfig) {
     const dispatch = useRebaseRegistryDispatch();
 
     useLayoutEffect(() => {
@@ -20,9 +20,10 @@ homePage,
 entityViews,
 entityActions,
 collectionEditor,
-navigationGroupMappings });
+navigationGroupMappings,
+basePath });
         return () => dispatch.unregisterCMS();
-    }, [dispatch, collections, views, homePage, entityViews, entityActions, collectionEditor, navigationGroupMappings]);
+    }, [dispatch, collections, views, homePage, entityViews, entityActions, collectionEditor, navigationGroupMappings, basePath]);
 
     return null;
 }

package/src/components/RebaseNavigation.tsx

@@ -16,12 +16,12 @@ import {
 } from "@rebasepro/core";
 import { buildRoutedRebaseData, resolveDataSource } from "@rebasepro/common";
 import { CircularProgressCenter } from "@rebasepro/ui";
-import type { AppView, CollectionEditorOptions, EntityCustomView, EntityAction, EntityCollection, RebasePlugin } from "@rebasepro/types";
+import type { AppView, CollectionEditorOptions, EntityCustomView, EntityAction, CollectionConfig, RebasePlugin } from "@rebasepro/types";
 import type { CollectionRegistryController } from "@rebasepro/types";
 import type { UrlController, NavigationStateController } from "@rebasepro/types";
 
 const EMPTY_PLUGINS: RebasePlugin[] = [];
-const EMPTY_COLLECTIONS: EntityCollection[] = [];
+const EMPTY_COLLECTIONS: CollectionConfig[] = [];
 
 import { useBuildNavigationStateController } from "../hooks/navigation/useBuildNavigationStateController";
 import { useBuildUrlController } from "../hooks/navigation/useBuildUrlController";
@@ -31,7 +31,7 @@ import { CollectionRegistryContext } from "../hooks/navigation/contexts/Collecti
 import { UrlContext } from "../hooks/navigation/contexts/UrlContext";
 import { NavigationStateContext } from "../hooks/navigation/contexts/NavigationStateContext";
 
-import { SideEntityProvider } from "./SideEntityProvider";
+import { SidePanelProvider } from "./SidePanelProvider";
 
 // Collection editor internals — used when collectionEditor is enabled
 import { useLocalCollectionsConfigController } from "../collection_editor/useLocalCollectionsConfigController";
@@ -61,7 +61,7 @@ export interface RebaseNavigationProps {
  * ```tsx
  * <RebaseNavigation>
  *   <MyCustomLayout>
- *     <EntityCollectionView ... />
+ *     <CollectionViewBinding ... />
  *   </MyCustomLayout>
  * </RebaseNavigation>
  * ```
@@ -109,8 +109,17 @@ export function RebaseNavigation({ children }: RebaseNavigationProps) {
         resolveKey: (slugOrPath) => resolveDataSource(getCollectionRef.current(slugOrPath), dataSources.registry).key
     }), [defaultData, dataSources]);
 
+    // Normalize the configured mount prefix to a leading-slash, no-trailing-slash
+    // form (e.g. "admin" or "/admin/" -> "/admin"); empty/"/" stays "/".
+    const basePath = useMemo(() => {
+        const raw = registry.cmsConfig?.basePath;
+        if (!raw || raw === "/") return "/";
+        const trimmed = raw.replace(/^\/+/, "").replace(/\/+$/, "");
+        return trimmed ? `/${trimmed}` : "/";
+    }, [registry.cmsConfig?.basePath]);
+
     const urlController = useBuildUrlController({
-        basePath: "/",
+        basePath,
         baseCollectionPath: "/c",
         collectionRegistryController
     });
@@ -213,7 +222,7 @@ export function RebaseNavigation({ children }: RebaseNavigationProps) {
     // The <Rebase> component builds the customizationController from its own props,
     // but entity views passed to <RebaseCMS> are stored in the registry and not
     // automatically merged. We re-provide an enriched controller here so that
-    // downstream consumers (EntityEditView, side panels, etc.) can resolve
+    // downstream consumers (EditViewBinding, side panels, etc.) can resolve
     // string-keyed entity views like "blog_preview".
     const enrichedCustomizationController = useMemo(() => {
         const cmsEntityViews = (registry.cmsConfig?.entityViews ?? []) as EntityCustomView[];
@@ -245,14 +254,14 @@ export function RebaseNavigation({ children }: RebaseNavigationProps) {
             <CollectionRegistryContext.Provider value={collectionRegistryController}>
                 <UrlContext.Provider value={urlController}>
                     <NavigationStateContext.Provider value={navigationStateController}>
-                        <SideEntityProvider>
+                        <SidePanelProvider>
                             <BridgeAutoRegistrar
                                 collectionRegistryController={collectionRegistryController}
                                 urlController={urlController}
                                 navigationStateController={navigationStateController}
                             />
                             {children}
-                        </SideEntityProvider>
+                        </SidePanelProvider>
                     </NavigationStateContext.Provider>
                 </UrlContext.Provider>
             </CollectionRegistryContext.Provider>