@rebasepro/admin 0.8.0 → 0.9.0

package/src/components/CollectionPanel.tsx

@@ -1,14 +1,14 @@
-import type { EntityCollection, ViewMode } from "@rebasepro/types";
+import type { CollectionConfig, ViewMode } from "@rebasepro/types";
 import React, { useMemo } from "react";
-import { EntityCollectionView } from "./EntityCollectionView/EntityCollectionView";
+import { CollectionViewBinding } from "./CollectionViewBinding/CollectionViewBinding";
 import { useCollectionRegistryController } from "../hooks/navigation/contexts/CollectionRegistryContext";
 import { Typography } from "@rebasepro/ui";
-import { useComponentOverride, CollectionComponentOverrideProvider } from "@rebasepro/core";
+import { useComponentOverride, CollectionScopeProvider } from "@rebasepro/core";
 
 /**
  * Props for the {@link CollectionPanel} component.
  *
- * This is a high-level, consumer-friendly wrapper around {@link EntityCollectionView}
+ * This is a high-level, consumer-friendly wrapper around {@link CollectionViewBinding}
  * designed for embedding collection views inside custom pages (home pages,
  * dashboards, entity detail views, etc.).
  *
@@ -53,7 +53,7 @@ export type CollectionPanelProps = {
     updateUrl?: boolean;
 
     /**
-     * Override the entity open mode when clicking an entity.
+     * Override the entity open mode when clicking a entity.
      */
     openEntityMode?: "side_panel" | "full_screen" | "split" | "dialog";
 
@@ -66,7 +66,7 @@ export type CollectionPanelProps = {
      * Any additional collection-level overrides (e.g. `previewProperties`,
      * `enabledViews`, `entityActions`, `defaultFilter`, etc.).
      */
-    collectionOverrides?: Partial<EntityCollection>;
+    collectionOverrides?: Partial<CollectionConfig>;
 };
 
 /**
@@ -101,8 +101,8 @@ function CollectionPanelInner({
     title,
     updateUrl,
     className
-}: CollectionPanelProps & { mergedCollection: EntityCollection }) {
-    const ResolvedCollectionView = useComponentOverride("Collection.View", EntityCollectionView);
+}: CollectionPanelProps & { mergedCollection: CollectionConfig }) {
+    const ResolvedCollectionView = useComponentOverride("Collection.View", CollectionViewBinding);
 
     return (
         <div className={className}>
@@ -150,7 +150,7 @@ export function CollectionPanel(props: CollectionPanelProps) {
             ...registeredCollection,
             ...(collectionOverrides ?? {}),
             ...propOverrides
-        } as EntityCollection;
+        } as CollectionConfig;
     }, [registeredCollection, collectionOverrides, viewMode, sort, limit, openEntityMode]);
 
     if (!mergedCollection) {
@@ -170,12 +170,9 @@ export function CollectionPanel(props: CollectionPanelProps) {
         />
     );
 
-    if (mergedCollection.components) {
-        return (
-            <CollectionComponentOverrideProvider overrides={mergedCollection.components}>
-                {content}
-            </CollectionComponentOverrideProvider>
-        );
-    }
-    return content;
+    return (
+        <CollectionScopeProvider collection={mergedCollection}>
+            {content}
+        </CollectionScopeProvider>
+    );
 }

package/src/components/{EntityCollectionTable/EntityCollectionRowActions.tsx → CollectionTableBinding/CollectionRowActions.tsx}

@@ -1,4 +1,4 @@
-import type { EntityCollection } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
 import type { EntityAction } from "@rebasepro/types";
 import React, { MouseEvent, useCallback } from "react";
 
@@ -32,7 +32,7 @@ import { useCMSContext } from "../../index";
  *
  * @group Collection components
  */
-export const EntityCollectionRowActions = function EntityCollectionRowActions({
+export const CollectionRowActions = function CollectionRowActions({
     entity,
     collection,
     path,
@@ -56,7 +56,7 @@ export const EntityCollectionRowActions = function EntityCollectionRowActions({
 }:
     {
         entity: Entity<any>,
-        collection?: EntityCollection<any>,
+        collection?: CollectionConfig<any>,
         path?: string,
         width: number,
         frozen?: boolean,
@@ -80,7 +80,7 @@ export const EntityCollectionRowActions = function EntityCollectionRowActions({
 
 
     const context = useCMSContext();
-    const sideEntityCtrl = context.sideEntityController;
+    const sidePanelCtrl = context.sidePanelController;
     const { t } = useTranslation();
 
     const onCheckedChange = useCallback((checked: boolean) => {
@@ -131,7 +131,7 @@ export const EntityCollectionRowActions = function EntityCollectionRowActions({
                                     path,
                                     collection,
                                     context,
-                                    sideEntityController: sideEntityCtrl,
+                                    sidePanelController: sidePanelCtrl,
                                     selectionController,
                                     highlightEntity,
                                     unhighlightEntity,
@@ -175,7 +175,7 @@ export const EntityCollectionRowActions = function EntityCollectionRowActions({
                                             path,
                                             collection,
                                             context,
-                                            sideEntityController: sideEntityCtrl,
+                                            sidePanelController: sidePanelCtrl,
                                             selectionController,
                                             highlightEntity,
                                             unhighlightEntity,

package/src/components/{EntityCollectionTable/EntityCollectionTable.tsx → CollectionTableBinding/CollectionTableBinding.tsx}

@@ -5,9 +5,9 @@ import { PropertyTableCell } from "./PropertyTableCell";
 import { ErrorBoundary } from "@rebasepro/ui";
 import { useRebaseContext, useLargeLayout } from "@rebasepro/core";
 import { CellRendererParams, VirtualTableColumn } from "@rebasepro/ui";
-import { EntityCollectionRowActions } from "./EntityCollectionRowActions";
+import { CollectionRowActions } from "./CollectionRowActions";
 import { CollectionTableToolbar } from "./internal/CollectionTableToolbar";
-import { EntityCollectionTableProps } from "./EntityCollectionTableProps";
+import { CollectionTableBindingProps } from "./CollectionTableBindingProps";
 import { EntityTableCell } from "./internal/EntityTableCell";
 import { CustomFieldValidator } from "../../form/validation";
 import { renderSkeletonText } from "../../preview";
@@ -22,27 +22,27 @@ import { getValueInPath } from "@rebasepro/utils";
  * This component is in charge of rendering a collection table with a high
  * degree of customization.
  *
- * This component is used internally by {@link EntityCollectionView} and
+ * This component is used internally by {@link CollectionViewBinding} and
  * {@link useReferenceDialog}
  *
  * Please note that you only need to use this component if you are building
  * a custom view. If you just need to create a default view you can do it
  * exclusively with config options.
  *
- * If you want to bind a {@link EntityCollection} to a table with the default
+ * If you want to bind a {@link CollectionConfig} to a table with the default
  * options you see in collections in the top level navigation, you can
- * check {@link EntityCollectionView}.
+ * check {@link CollectionViewBinding}.
  *
  * The data displayed in the table is managed by a {@link EntityTableController}.
  * You can build the default, bound to a path in the driver, by using the hook
  * {@link useDataTableController}
  *
- * @see EntityCollectionTableProps
- * @see EntityCollectionView
+ * @see CollectionTableBindingProps
+ * @see CollectionViewBinding
  * @see VirtualTable
  * @group Components
  */
-export const EntityCollectionTable = function EntityCollectionTable<M extends Record<string, unknown> = Record<string, unknown>, USER extends User = User>
+export const CollectionTableBinding = function CollectionTableBinding<M extends Record<string, unknown> = Record<string, unknown>, USER extends User = User>
     ({
         className,
         style,
@@ -82,7 +82,7 @@ export const EntityCollectionTable = function EntityCollectionTable<M extends Re
         openEntityMode = "side_panel",
         onColumnsOrderChange,
         hideToolbar = false
-    }: EntityCollectionTableProps<M>) {
+    }: CollectionTableBindingProps<M>) {
 
     const ref = useRef<HTMLDivElement>(null);
 
@@ -310,7 +310,7 @@ export const EntityCollectionTable = function EntityCollectionTable<M extends Re
                         frozen: column.frozen
                     });
                 else
-                    return <EntityCollectionRowActions entity={props.rowData!}
+                    return <CollectionRowActions entity={props.rowData!}
                         width={column.width}
                         frozen={column.frozen}
                         isSelected={false}

package/src/components/{EntityCollectionTable/EntityCollectionTableProps.tsx → CollectionTableBinding/CollectionTableBindingProps.tsx}

@@ -9,7 +9,7 @@ import { VirtualTableColumn } from "@rebasepro/ui";
 /**
  * @group Collection components
  */
-export type EntityCollectionTableProps<M extends Record<string, unknown>,
+export type CollectionTableBindingProps<M extends Record<string, unknown>,
     USER extends User = User> = {
 
         className?: string;

package/src/components/{EntityCollectionTable → CollectionTableBinding}/fields/TableMultipleRelationField.tsx

@@ -1,5 +1,5 @@
-import { useEntitySelectionDialog } from "../../../hooks/useEntitySelectionDialog";
-import type { EntityCollection } from "@rebasepro/types";
+import { useSelectionDialog } from "../../../hooks/useSelectionDialog";
+import type { CollectionConfig } from "@rebasepro/types";
 import { getCollectionDataPath } from "@rebasepro/types";
 import React, { useCallback } from "react";
 import { deepEqual as equal } from "fast-equals";
@@ -11,7 +11,7 @@ import { RelationPreview } from "../../../preview";
 import { CollectionSize, Entity, EntityRelation, FilterValues, Relation } from "@rebasepro/types";
 import { } from "@rebasepro/core";
 import { ErrorView } from "@rebasepro/core";
-import { EntityPreviewContainer } from "../../EntityPreview";
+import { EntityPreviewContainer } from "../../EntityPreviewBinding";
 
 type TableMultipleRelationFieldProps = {
     name: string;
@@ -34,7 +34,7 @@ export function TableMultipleRelationField(props: TableMultipleRelationFieldProp
 
 export const TableMultipleRelationFieldInternal = React.memo(
     function TableMultipleRelationFieldInternal(props: TableMultipleRelationFieldProps & {
-        collection: EntityCollection;
+        collection: CollectionConfig;
     }) {
         const {
             name,
@@ -57,7 +57,7 @@ export const TableMultipleRelationFieldInternal = React.memo(
 
         const selectedEntityIds = value.map((ref) => ref.id);
 
-        const relationDialogController = useEntitySelectionDialog({
+        const relationDialogController = useSelectionDialog({
             multiselect: true,
             path: getCollectionDataPath(collection),
             collection,

package/src/components/{EntityCollectionTable → CollectionTableBinding}/fields/TableReferenceField.tsx

@@ -1,5 +1,5 @@
-import { useEntitySelectionDialog } from "../../../hooks/useEntitySelectionDialog";
-import type { EntityCollection } from "@rebasepro/types";
+import { useSelectionDialog } from "../../../hooks/useSelectionDialog";
+import type { CollectionConfig } from "@rebasepro/types";
 import React, { useCallback } from "react";
 import { deepEqual as equal } from "fast-equals"
 
@@ -7,9 +7,9 @@ import { ReferencePreview } from "../../../preview";
 import { CollectionSize, Entity, EntityReference, FilterValues } from "@rebasepro/types";
 
 import { getPreviewSizeFrom } from "../../../preview/util";
-import { useComponentOverride, ErrorView, CollectionComponentOverrideProvider } from "@rebasepro/core";
+import { useComponentOverride, ErrorView, CollectionScopeProvider } from "@rebasepro/core";
 import { cls, PencilIcon } from "@rebasepro/ui";
-import { EntityPreviewContainer } from "../../EntityPreview";
+import { EntityPreviewContainer } from "../../EntityPreviewBinding";
 import { getReferenceFrom } from "@rebasepro/common";
 import { useCollectionRegistryController } from "../../../index";
 
@@ -30,7 +30,7 @@ type TableReferenceFieldProps = {
 
 const DefaultMissingReference: React.FC<{ path: string }> = () => null;
 
-function TableReferenceFieldResolver(props: TableReferenceFieldProps & { collection: EntityCollection | undefined }) {
+function TableReferenceFieldResolver(props: TableReferenceFieldProps & { collection: CollectionConfig | undefined }) {
     const ResolvedMissingReference = useComponentOverride("Entity.MissingReference", DefaultMissingReference);
     const { path, collection } = props;
 
@@ -56,11 +56,11 @@ export function TableReferenceField(props: TableReferenceFieldProps) {
         />
     );
 
-    if (collection?.components) {
+    if (collection) {
         return (
-            <CollectionComponentOverrideProvider overrides={collection.components}>
+            <CollectionScopeProvider collection={collection}>
                 {content}
-            </CollectionComponentOverrideProvider>
+            </CollectionScopeProvider>
         );
     }
     return content;
@@ -68,7 +68,7 @@ export function TableReferenceField(props: TableReferenceFieldProps) {
 
 export const TableReferenceFieldInternal = React.memo(
     function TableReferenceFieldInternal(props: TableReferenceFieldProps & {
-        collection: EntityCollection;
+        collection: CollectionConfig;
     }) {
         const {
             name,
@@ -100,7 +100,7 @@ export const TableReferenceFieldInternal = React.memo(
                 : internalValue.id ? [internalValue.id] : [])
             : [];
 
-        const referenceDialogController = useEntitySelectionDialog({
+        const referenceDialogController = useSelectionDialog({
             multiselect,
             path,
             collection,

package/src/components/{EntityCollectionTable → CollectionTableBinding}/fields/TableRelationField.tsx

@@ -1,5 +1,5 @@
-import { useEntitySelectionDialog } from "../../../hooks/useEntitySelectionDialog";
-import type { EntityCollection } from "@rebasepro/types";
+import { useSelectionDialog } from "../../../hooks/useSelectionDialog";
+import type { CollectionConfig } from "@rebasepro/types";
 import { getCollectionDataPath } from "@rebasepro/types";
 import React, { useCallback } from "react";
 import { deepEqual as equal } from "fast-equals"
@@ -11,7 +11,7 @@ import { getPreviewSizeFrom } from "../../../preview/util";
 import { } from "@rebasepro/core";
 import { ErrorView } from "@rebasepro/core";
 import { cls, PencilIcon } from "@rebasepro/ui";
-import { EntityPreviewContainer } from "../../EntityPreview";
+import { EntityPreviewContainer } from "../../EntityPreviewBinding";
 import { getRelationFrom, normalizeToEntityRelation } from "@rebasepro/common";
 import { TableMultipleRelationField } from "./TableMultipleRelationField";
 
@@ -57,7 +57,7 @@ export function TableRelationField(props: TableRelationFieldProps) {
 
 export const TableRelationFieldInternal = React.memo(
     function TableRelationFieldInternal(props: TableRelationFieldProps & {
-        collection: EntityCollection;
+        collection: CollectionConfig;
     }) {
         const {
             name,
@@ -89,7 +89,7 @@ export const TableRelationFieldInternal = React.memo(
                 : internalValue.id ? [internalValue.id] : [])
             : [];
 
-        const relationDialogController = useEntitySelectionDialog({
+        const relationDialogController = useSelectionDialog({
             multiselect,
             path: getCollectionDataPath(collection),
             collection,

package/src/components/CollectionTableBinding/index.tsx

@@ -0,0 +1,14 @@
+export {
+    CollectionTableBinding
+} from "./CollectionTableBinding";
+
+export type {
+    CollectionTableBindingProps
+} from "./CollectionTableBindingProps";
+
+export * from "./PropertyTableCell";
+export * from "./CollectionRowActions";
+
+export * from "./column_utils";
+
+export { VirtualTableInput } from "@rebasepro/ui";

package/src/components/{EntityCollectionTable → CollectionTableBinding}/internal/common.tsx

@@ -1,4 +1,4 @@
-import type { EntityCollection } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
 import type { ArrayProperty, Property } from "@rebasepro/types";
 
 export function getTableCellAlignment(property: Property): "right" | "left" | "center" {
@@ -68,6 +68,6 @@ export function getTablePropertyColumnWidth(property: Property): number {
     }
 }
 
-export function getSubcollectionColumnId(collection: EntityCollection) {
+export function getSubcollectionColumnId(collection: CollectionConfig) {
     return `subcollection:${collection.slug}`;
 }

package/src/components/{EntityCollectionTable → CollectionTableBinding}/internal/popup_field/PopupFormField.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 { FormContext, PropertyFieldBindingProps } from "../../../../types/fields";
 import type { Property } from "@rebasepro/types";
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useState } from "react";
@@ -24,7 +24,7 @@ interface PopupFormFieldProps<M extends Record<string, unknown>> {
     entityId: string | number;
     tableKey: string;
     propertyKey?: Extract<keyof M, string>;
-    collection?: EntityCollection<any>;
+    collection?: CollectionConfig<any>;
     cellRect?: DOMRect;
     open: boolean;
     onClose: () => void;

package/src/components/{EntityCollectionView/EntityBoardCard.tsx → CollectionViewBinding/BoardCardBinding.tsx}

@@ -1,4 +1,4 @@
-import type { EntityCollection } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
 import React, { memo, useCallback, useMemo } from "react";
 import { Entity } from "@rebasepro/types";
 import { Checkbox, Chip, cls, defaultBorderMixin, Markdown } from "@rebasepro/ui";
@@ -6,10 +6,10 @@ import { PropertyPreview } from "../../preview";
 import { useAuthController, useCustomizationController } from "@rebasepro/core";
 import { IconForView } from "@rebasepro/core";
 import { BoardItemViewProps } from "@rebasepro/ui";
-import { useCollectionSlotKeys, resolveEntitySlots } from "./useEntityPreviewSlots";
+import { useCollectionSlotKeys, resolveEntitySlots } from "./usePreviewSlots";
 
-export type EntityBoardCardProps<M extends Record<string, unknown> = Record<string, unknown>> = BoardItemViewProps<Entity<M>> & {
-    collection: EntityCollection<M>;
+export type BoardCardBindingProps<M extends Record<string, unknown> = Record<string, unknown>> = BoardItemViewProps<Entity<M>> & {
+    collection: CollectionConfig<M>;
     onClick?: (entity: Entity<M>) => void;
     selected?: boolean;
     onSelectionChange?: (entity: Entity<M>, selected: boolean) => void;
@@ -17,14 +17,14 @@ export type EntityBoardCardProps<M extends Record<string, unknown> = Record<stri
 };
 
 /**
- * Compact card component for displaying an entity in a Kanban board.
+ * Compact card component for displaying a entity in a Kanban board.
  * Uses the shared slot system for consistent preview rendering.
  *
  * Selection UX: The checkbox overlays on top of the image/icon thumbnail area,
  * revealed on card hover or when the card is selected. This keeps the card
  * layout clean while providing intuitive selection affordance.
  */
-function EntityBoardCardInner<M extends Record<string, unknown> = Record<string, unknown>>({
+function BoardCardBindingInner<M extends Record<string, unknown> = Record<string, unknown>>({
     item,
     isDragging,
     isGroupedOver,
@@ -34,13 +34,13 @@ function EntityBoardCardInner<M extends Record<string, unknown> = Record<string,
     selected,
     onSelectionChange,
     selectionEnabled = false
-}: EntityBoardCardProps<M>) {
+}: BoardCardBindingProps<M>) {
     const entity = item.data;
     const authController = useAuthController();
     const customizationController = useCustomizationController();
 
     const slotKeys = useCollectionSlotKeys(
-        collection as EntityCollection<Record<string, unknown>>,
+        collection as CollectionConfig<Record<string, unknown>>,
         authController,
         customizationController.propertyConfigs
     );
@@ -48,7 +48,7 @@ function EntityBoardCardInner<M extends Record<string, unknown> = Record<string,
     const slots = useMemo(
         () => resolveEntitySlots(
             entity as Entity<Record<string, unknown>>,
-            collection as EntityCollection<Record<string, unknown>>,
+            collection as CollectionConfig<Record<string, unknown>>,
             slotKeys
         ),
         [entity, collection, slotKeys]
@@ -234,13 +234,13 @@ function EntityBoardCardInner<M extends Record<string, unknown> = Record<string,
 }
 
 // Memoized to prevent unnecessary re-renders when other cards in the board change
-export const EntityBoardCard = memo(EntityBoardCardInner) as typeof EntityBoardCardInner;
+export const BoardCardBinding = memo(BoardCardBindingInner) as typeof BoardCardBindingInner;
 
 /**
- * Wrapper component that adapts EntityBoardCard to BoardItemViewProps interface
+ * Wrapper component that adapts BoardCardBinding to BoardItemViewProps interface
  */
-export function createEntityBoardCardComponent<M extends Record<string, unknown>>(
-    collection: EntityCollection<M>,
+export function createBoardCardBindingComponent<M extends Record<string, unknown>>(
+    collection: CollectionConfig<M>,
     options: {
         onClick?: (entity: Entity<M>) => void;
         isEntitySelected?: (entity: Entity<M>) => boolean;
@@ -248,9 +248,9 @@ export function createEntityBoardCardComponent<M extends Record<string, unknown>
         selectionEnabled?: boolean;
     }
 ): React.ComponentType<BoardItemViewProps<Entity<M>>> {
-    return function EntityBoardCardWrapper(props: BoardItemViewProps<Entity<M>>) {
+    return function BoardCardBindingWrapper(props: BoardItemViewProps<Entity<M>>) {
         return (
-            <EntityBoardCard
+            <BoardCardBinding
                 {...props}
                 collection={collection}
                 onClick={options.onClick}

package/src/components/{EntityCollectionView/EntityCollectionBoardView.tsx → CollectionViewBinding/CollectionBoardViewBinding.tsx}

@@ -1,7 +1,7 @@
-import type { EntityCollection } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { Entity, EntityTableController, EnumValueConfig, SaveEntityProps, SelectionController } from "@rebasepro/types";
-import { EntityBoardCard } from "./EntityBoardCard";
+import { Entity, EntityTableController, EnumValueConfig, SelectionController } from "@rebasepro/types";
+import { BoardCardBinding } from "./BoardCardBinding";
 import {
     Button,
     ChipColorKey,
@@ -26,6 +26,7 @@ import { resolveEnumValues } from "@rebasepro/common";
 import { getPropertyInPath } from "../../util/property_utils";
 import {
     saveEntityWithCallbacks,
+    SaveEntityWithCallbacksProps,
     useAuthController,
     useCustomizationController,
     useData,
@@ -37,11 +38,11 @@ import { useAnalyticsController } from "@rebasepro/core";
 import { setIn } from "@rebasepro/formex";
 import { useBoardDataController } from "./useBoardDataController";
 import { useKanbanDragAndDrop } from "./hooks/useKanbanDragAndDrop";
-import { useSideEntityController } from "../../index";
+import { useSidePanel } from "../../index";
 import { generateNKeysBetween } from "fractional-indexing";
 
-export type EntityCollectionBoardViewProps<M extends Record<string, unknown> = Record<string, unknown>> = {
-    collection: EntityCollection<M>;
+export type CollectionBoardViewBindingProps<M extends Record<string, unknown> = Record<string, unknown>> = {
+    collection: CollectionConfig<M>;
     tableController: EntityTableController<M>;
     fullPath: string;
     parentCollectionSlugs?: string[], parentEntityIds?: string[];
@@ -58,7 +59,7 @@ export type EntityCollectionBoardViewProps<M extends Record<string, unknown> = R
 /**
  * Kanban board view for displaying entities grouped by a string enum property.
  */
-export function EntityCollectionBoardView<M extends Record<string, unknown> = Record<string, unknown>>({
+export function CollectionBoardViewBinding<M extends Record<string, unknown> = Record<string, unknown>>({
     collection,
     tableController,
     fullPath,
@@ -71,11 +72,11 @@ export function EntityCollectionBoardView<M extends Record<string, unknown> = Re
     highlightedEntities,
     emptyComponent,
     deletedEntities
-}: EntityCollectionBoardViewProps<M>) {
+}: CollectionBoardViewBindingProps<M>) {
     const customizationController = useCustomizationController();
     const context = useRebaseContext();
     const dataClient = useData();
-    const sideEntityController = useSideEntityController();
+    const sidePanelController = useSidePanel();
     const analyticsController = useAnalyticsController();
     const { t } = useTranslation();
     const plugins = customizationController.plugins ?? [];
@@ -391,7 +392,7 @@ parentEntityIds,
             entitiesToUpdate.forEach((entity: Entity<M>, index: number) => {
                 const updatedValues = setIn({ ...entity.values }, orderProperty, keys[index]);
 
-                const saveProps: SaveEntityProps = {
+                const saveProps: SaveEntityWithCallbacksProps<Record<string, unknown>> = {
                     path: entity.path,
                     entityId: entity.id,
                     values: updatedValues as M,
@@ -464,9 +465,9 @@ parentEntityIds,
     // the card → DOM is destroyed/recreated → CSS :hover state is lost → flicker.
     const ItemComponent = useMemo(() => {
         const Comp = (props: BoardItemViewProps<Entity<M>>) => (
-            <EntityBoardCard
+            <BoardCardBinding
                 {...props}
-                collection={collectionRef.current as EntityCollection<M>}
+                collection={collectionRef.current as CollectionConfig<M>}
                 onClick={stableOnClick}
                 selected={isEntitySelectedRef.current(props.item.data)}
                 onSelectionChange={stableOnSelectionChange}
@@ -610,7 +611,7 @@ parentEntityIds,
                             path: fullPath,
                             column
                         });
-                        sideEntityController.open({
+                        sidePanelController.open({
                             path: fullPath,
                             collection,
                             entityId: undefined,

package/src/components/{EntityCollectionView/EntityCollectionCardView.tsx → CollectionViewBinding/CollectionCardViewBinding.tsx}

@@ -1,7 +1,7 @@
-import type { EntityCollection } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
 import React, { useCallback, useEffect, useMemo, useRef } from "react";
 import { CollectionSize, Entity, EntityTableController, SelectionController } from "@rebasepro/types";
-import { EntityCard } from "./EntityCard";
+import { EntityCardBinding } from "./EntityCardBinding";
 import {
     cls,
     CircularProgress,
@@ -10,8 +10,8 @@ import {
 } from "@rebasepro/ui";
 import { useComponentOverride } from "@rebasepro/core";
 
-export type EntityCollectionCardViewProps<M extends Record<string, unknown> = Record<string, unknown>> = {
-    collection: EntityCollection<M>;
+export type CollectionCardViewBindingProps<M extends Record<string, unknown> = Record<string, unknown>> = {
+    collection: CollectionConfig<M>;
     tableController: EntityTableController<M>;
     onEntityClick?: (entity: Entity<M>) => void;
     selectionController?: SelectionController<M>;
@@ -77,9 +77,9 @@ function getScrollParent(element: HTMLElement | null): HTMLElement | null {
 
 /**
  * Card grid view for displaying entities with infinite scroll.
- * Alternative to the EntityCollectionTable for visual browsing.
+ * Alternative to the CollectionTableBinding for visual browsing.
  */
-export function EntityCollectionCardView<M extends Record<string, unknown> = Record<string, unknown>>({
+export function CollectionCardViewBinding<M extends Record<string, unknown> = Record<string, unknown>>({
     collection,
     tableController,
     onEntityClick,
@@ -90,9 +90,9 @@ export function EntityCollectionCardView<M extends Record<string, unknown> = Rec
     onScroll,
     initialScroll,
     size = "m"
-}: EntityCollectionCardViewProps<M>) {
+}: CollectionCardViewBindingProps<M>) {
 
-    const ResolvedEntityCard = useComponentOverride("Collection.Card", EntityCard) as typeof EntityCard;
+    const ResolvedEntityCard = useComponentOverride("Collection.Card", EntityCardBinding) as typeof EntityCardBinding;
 
     const {
         data,