@rebasepro/admin 0.0.1-canary.eae7889 → 0.0.1-canary.eb08332

package/src/components/{EntityCollectionView → CollectionViewBinding}/FiltersDialog.tsx

@@ -3,14 +3,10 @@ import type { Property } from "@rebasepro/types";
 import React, { useCallback, useMemo, useState } from "react";
 import { FilterValues, WhereFilterOp } from "@rebasepro/types";
 import { Button, cls, defaultBorderMixin, Dialog, DialogActions, DialogContent, DialogTitle, Typography } from "@rebasepro/ui";
-import { FilterIcon } from "lucide-react";
-import { StringNumberFilterField } from "../SelectableTable/filters/StringNumberFilterField";
-import { BooleanFilterField } from "../SelectableTable/filters/BooleanFilterField";
-import { DateTimeFilterField } from "../SelectableTable/filters/DateTimeFilterField";
-import { ReferenceFilterField } from "../SelectableTable/filters/ReferenceFilterField";
-import { VirtualTableWhereFilterOp } from "@rebasepro/ui";
-import { enumToObjectEntries } from "@rebasepro/common";
-import { useTranslation } from "@rebasepro/core";
+import { FilterIcon, VirtualTableWhereFilterOp } from "@rebasepro/ui";
+import { resolveFilterOperators } from "@rebasepro/common";
+import { useCollectionScope, useTranslation } from "@rebasepro/app";
+import { FilterFieldBinding } from "../SelectableTable/filters/FilterFieldBinding";
 
 export interface FiltersDialogProps {
     open: boolean;
@@ -18,7 +14,7 @@ export interface FiltersDialogProps {
     properties: Record<string, Property>;
     filterValues: FilterValues<any> | undefined;
     setFilterValues: (filterValues?: FilterValues<any>) => void;
-    forceFilter?: FilterValues<any>;
+    fixedFilter?: FilterValues<any>;
 }
 
 /**
@@ -31,9 +27,12 @@ export function FiltersDialog({
     properties,
     filterValues,
     setFilterValues,
-    forceFilter
+    fixedFilter
 }: FiltersDialogProps) {
     const { t } = useTranslation();
+    // Engine of the collection this dialog filters — read from the
+    // surrounding CollectionScopeProvider mounted by the collection view.
+    const engine = useCollectionScope()?.engine;
     // Local state for filters being edited
     const [localFilters, setLocalFilters] = useState<FilterValues<any>>(filterValues ?? {});
 
@@ -52,13 +51,18 @@ export function FiltersDialog({
         return Object.entries(properties).filter(([key, property]) => {
             if (!property) return false;
             // Force filter properties should not be editable
-            if (forceFilter && key in forceFilter) return false;
-            // Check if property type is filterable
-            const baseProperty = property.type === "array" ? property.of : property;
-            if (!baseProperty || Array.isArray(baseProperty)) return false;
-            return ["string", "number", "boolean", "date", "reference"].includes(baseProperty.type);
+            if (fixedFilter && key in fixedFilter) return false;
+            const isArray = property.type === "array";
+            const ofProp = isArray && "of" in property ? property.of : undefined;
+            const baseProperty = isArray ? (Array.isArray(ofProp) ? ofProp[0] : ofProp) as Property | undefined : property;
+            if (!baseProperty) return false;
+            // A property is filterable when it has a custom filter field, or
+            // when at least one operator survives the engine ∩ type ∩
+            // property-narrowing resolution.
+            if (baseProperty.ui?.Filter) return true;
+            return resolveFilterOperators({ property: baseProperty, isArray, engine }).length > 0;
         });
-    }, [properties, forceFilter]);
+    }, [properties, fixedFilter, engine]);
 
     const handleFilterChange = useCallback((propertyKey: string, value?: [VirtualTableWhereFilterOp, any]) => {
         setLocalFilters(prev => {
@@ -75,9 +79,9 @@ export function FiltersDialog({
     const handleApply = useCallback(() => {
         const hasFilters = Object.keys(localFilters).length > 0;
         setFilterValues(hasFilters ? { ...localFilters,
-...forceFilter } : (forceFilter || undefined));
+...fixedFilter } : (fixedFilter || undefined));
         onOpenChange(false);
-    }, [localFilters, setFilterValues, forceFilter, onOpenChange]);
+    }, [localFilters, setFilterValues, fixedFilter, onOpenChange]);
 
     const handleClearAll = useCallback(() => {
         setLocalFilters({});
@@ -95,67 +99,21 @@ export function FiltersDialog({
     const activeFilterCount = Object.keys(localFilters).length;
 
     const renderFilterField = useCallback((propertyKey: string, property: Property) => {
-        const isArray = property.type === "array";
-        const ofProp = isArray && "of" in property ? property.of : undefined;
-        const baseProperty: Property | undefined = isArray ? (Array.isArray(ofProp) ? ofProp[0] : ofProp) as Property | undefined : property;
-
-        if (!baseProperty) return null;
-
-        const filterValue = localFilters[propertyKey] as [VirtualTableWhereFilterOp, any] | undefined;
-        const setValue = (value?: [VirtualTableWhereFilterOp, any]) => handleFilterChange(propertyKey, value);
-
-        if (baseProperty.type === "reference") {
-            return (
-                <ReferenceFilterField
-                    value={filterValue}
-                    setValue={setValue}
-                    name={propertyKey}
-                    isArray={isArray}
-                    path={baseProperty.path}
-                    title={property.name}
-                    includeId={baseProperty.includeId}
-                    previewProperties={baseProperty.previewProperties}
-                    hidden={hiddenFields[propertyKey] ?? false}
-                    setHidden={(hidden) => setHiddenForField(propertyKey, hidden)}
-                />
-            );
-        } else if (baseProperty.type === "number" || baseProperty.type === "string") {
-            const enumValues = baseProperty.enum ? enumToObjectEntries(baseProperty.enum) : undefined;
-            return (
-                <StringNumberFilterField
-                    value={filterValue}
-                    setValue={setValue}
-                    name={propertyKey}
-                    type={baseProperty.type}
-                    isArray={isArray}
-                    enumValues={enumValues}
-                    title={property.name}
-                />
-            );
-        } else if (baseProperty.type === "boolean") {
-            return (
-                <BooleanFilterField
-                    value={filterValue}
-                    setValue={setValue}
-                    name={propertyKey}
-                    title={property.name}
-                />
-            );
-        } else if (baseProperty.type === "date") {
-            return (
-                <DateTimeFilterField
-                    value={filterValue}
-                    setValue={setValue}
-                    name={propertyKey}
-                    mode={baseProperty.mode}
-                    isArray={isArray}
-                    title={property.name}
-                />
-            );
-        }
-
-        return null;
-    }, [localFilters, handleFilterChange, hiddenFields, setHiddenForField]);
+        const filterValue = localFilters[propertyKey] as [WhereFilterOp, any] | undefined;
+        const setValue = (value?: [WhereFilterOp, any]) => handleFilterChange(propertyKey, value as [VirtualTableWhereFilterOp, any] | undefined);
+
+        return (
+            <FilterFieldBinding
+                propertyKey={propertyKey}
+                property={property}
+                engine={engine}
+                value={filterValue}
+                setValue={setValue}
+                hidden={hiddenFields[propertyKey] ?? false}
+                setHidden={(hidden) => setHiddenForField(propertyKey, hidden)}
+            />
+        );
+    }, [localFilters, handleFilterChange, hiddenFields, setHiddenForField, engine]);
 
     return (
         <Dialog

package/src/components/{EntityCollectionView → CollectionViewBinding}/SplitListView.tsx

@@ -1,20 +1,21 @@
-import type { EntityCollection } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { CollectionSize, Entity, EntityTableController, SelectionController } from "@rebasepro/types";
-import { EntityEditView } from "../EntityEditView";
+import { EditViewBinding } from "../EditViewBinding";
+import { DetailViewBinding } from "../DetailViewBinding";
 import {
     cls,
     defaultBorderMixin,
     ResizablePanels
 } from "@rebasepro/ui";
-import { useLargeLayout } from "@rebasepro/core";
+import { useLargeLayout } from "@rebasepro/app";
 import { useCollectionRegistryController } from "../../index";
-import { useNavigate } from "react-router-dom";
+import { useNavigate, useLocation } from "react-router-dom";
 import { useUrlController } from "../../index";
 import { ErrorBoundary } from "@rebasepro/ui";
 
 export type SplitListViewProps<M extends Record<string, unknown> = Record<string, unknown>> = {
-    collection: EntityCollection<M>;
+    collection: CollectionConfig<M>;
     tableController: EntityTableController<M>;
     onEntityClick?: (entity: Entity<M>) => void;
     onNewClick?: () => void;
@@ -30,7 +31,7 @@ export type SplitListViewProps<M extends Record<string, unknown> = Record<string
     initialScroll?: number;
     size?: CollectionSize;
     path: string;
-    parentCollectionIds?: string[];
+    parentCollectionSlugs?: string[], parentEntityIds?: string[];
     /**
      * The entity ID to show in the detail panel.
      * Comes from the URL path (e.g. /c/authors/14 → selectedEntityId = "14").
@@ -83,7 +84,7 @@ function savePanelSize(path: string, size: number) {
  * State management:
  * - The selected entity is driven by the URL path (e.g. /c/authors/14).
  *   `selectedEntityId` comes from props via RebaseRoute, NOT from internal state.
- * - Clicking an entity navigates to /c/authors/{id} via the standard onEntityClick handler.
+ * - Clicking a entity navigates to /c/authors/{id} via the standard onEntityClick handler.
  * - Closing the detail navigates back to /c/authors.
  */
 export function SplitListView<M extends Record<string, unknown> = Record<string, unknown>>({
@@ -99,7 +100,7 @@ export function SplitListView<M extends Record<string, unknown> = Record<string,
     initialScroll,
     size = "m",
     path,
-    parentCollectionIds,
+    parentCollectionSlugs, parentEntityIds,
     selectedEntityId,
     selectedTab,
     toolbar,
@@ -107,6 +108,8 @@ export function SplitListView<M extends Record<string, unknown> = Record<string,
 }: SplitListViewProps<M>) {
     const largeLayout = useLargeLayout();
     const collectionRegistryController = useCollectionRegistryController();
+    const location = useLocation();
+    const isEditMode = location.pathname.endsWith("/edit") || location.pathname.split("/").pop() === "edit";
     const navigate = useNavigate();
     const urlController = useUrlController();
 
@@ -169,7 +172,12 @@ export function SplitListView<M extends Record<string, unknown> = Record<string,
 
     // Close the detail panel: navigate back to the collection path
     const handleCloseDetail = useCallback(() => {
-        const collectionUrl = urlController.buildUrlCollectionPath(path);
+        let collectionUrl = urlController.buildUrlCollectionPath(path);
+        // Preserve the __view query param so the view mode is retained
+        const currentViewParam = new URLSearchParams(window.location.search).get("__view");
+        if (currentViewParam) {
+            collectionUrl += `${collectionUrl.includes("?") ? "&" : "?"}__view=${currentViewParam}`;
+        }
         navigate(collectionUrl);
     }, [navigate, urlController, path]);
 
@@ -246,7 +254,8 @@ export function SplitListView<M extends Record<string, unknown> = Record<string,
         return () => window.removeEventListener("keydown", handleKeyDown);
     }, [selectedEntityId, handleCloseDetail, externalOnEntityClick, externalOnNewClick, entityIds, tableController.data]);
 
-    const usedParentCollectionIds = parentCollectionIds ?? collectionRegistryController.getParentCollectionIds(path);
+    const usedParentCollectionIds = parentCollectionSlugs ?? collectionRegistryController.getParentCollectionSlugs(path);
+    const usedParentEntityIds = parentEntityIds ?? collectionRegistryController.getParentEntityIds(path);
 
     const isDetailVisible = animationPhase !== "idle";
 
@@ -255,15 +264,19 @@ export function SplitListView<M extends Record<string, unknown> = Record<string,
     const listPanel = (
         <div
             className={cls(
-                "flex flex-col h-full overflow-y-auto overflow-x-hidden min-w-0 transition-all ease-out w-full",
+                "flex flex-col h-full min-w-0 transition-all ease-out w-full",
                 (!largeLayout && isDetailVisible)
                     ? "opacity-0 -translate-x-1/3 pointer-events-none"
                     : "opacity-100 translate-x-0"
             )}
             style={{ transitionDuration: `${TRANSITION_DURATION}ms` }}
         >
+            {/* Toolbar stays fixed above the scrollable area */}
             {toolbar}
-            {children}
+            {/* Scrollable content: title + insights + list rows */}
+            <div className="flex-1 overflow-y-auto overflow-x-hidden min-h-0">
+                {children}
+            </div>
         </div>
     );
 
@@ -278,24 +291,78 @@ export function SplitListView<M extends Record<string, unknown> = Record<string,
             style={{ transitionDuration: `${TRANSITION_DURATION}ms` }}
         >
             <ErrorBoundary>
-                <EntityEditView
-                    key={String(renderedEntityId)}
-                    path={path}
-                    collection={collection as EntityCollection<Record<string, unknown>>}
-                    entityId={renderedEntityId}
-                    parentCollectionIds={usedParentCollectionIds}
-                    selectedTab={selectedTab}
-                    layout="split"
-                    onTabChange={(params) => {
-                        const newSelectedTab = params.selectedTab;
-                        const entityUrl = urlController.buildUrlCollectionPath(
-                            newSelectedTab
-                                ? `${path}/${renderedEntityId}/${newSelectedTab}`
-                                : `${path}/${renderedEntityId}`
-                        );
-                        navigate(entityUrl);
-                    }}
-                />
+                {collection.defaultEntityAction === "view" && !isEditMode
+                    ? <DetailViewBinding
+                        key={String(renderedEntityId)}
+                        path={path}
+                        collection={collection as CollectionConfig<Record<string, unknown>>}
+                        entityId={renderedEntityId}
+                        parentCollectionSlugs={usedParentCollectionIds}
+                        parentEntityIds={usedParentEntityIds}
+                        selectedTab={selectedTab}
+                        layout="split"
+                        onEditClick={() => {
+                            let entityUrl = urlController.buildUrlCollectionPath(`${path}/${renderedEntityId}/edit`);
+                            const currentViewParam = new URLSearchParams(window.location.search).get("__view");
+                            if (currentViewParam) {
+                                entityUrl += `${entityUrl.includes("?") ? "&" : "?"}__view=${currentViewParam}`;
+                            }
+                            navigate(entityUrl);
+                        }}
+                        onTabChange={(params) => {
+                            const newSelectedTab = params.selectedTab;
+                            let entityUrl = urlController.buildUrlCollectionPath(
+                                newSelectedTab
+                                    ? `${path}/${renderedEntityId}/${newSelectedTab}`
+                                    : `${path}/${renderedEntityId}`
+                            );
+                            const currentViewParam = new URLSearchParams(window.location.search).get("__view");
+                            if (currentViewParam) {
+                                entityUrl += `${entityUrl.includes("?") ? "&" : "?"}__view=${currentViewParam}`;
+                            }
+                            navigate(entityUrl);
+                        }}
+                    />
+                    : <EditViewBinding
+                        key={String(renderedEntityId)}
+                        path={path}
+                        collection={collection as CollectionConfig<Record<string, unknown>>}
+                        entityId={renderedEntityId}
+                        parentCollectionSlugs={usedParentCollectionIds}
+                        parentEntityIds={usedParentEntityIds}
+                        selectedTab={selectedTab}
+                        layout="split"
+                        onSaved={(params) => {
+                            let entityUrl = urlController.buildUrlCollectionPath(`${path}/${renderedEntityId}`);
+                            const currentViewParam = new URLSearchParams(window.location.search).get("__view");
+                            if (currentViewParam) {
+                                entityUrl += `${entityUrl.includes("?") ? "&" : "?"}__view=${currentViewParam}`;
+                            }
+                            navigate(entityUrl, { replace: true });
+                        }}
+                        navigateBack={() => {
+                            let entityUrl = urlController.buildUrlCollectionPath(`${path}/${renderedEntityId}`);
+                            const currentViewParam = new URLSearchParams(window.location.search).get("__view");
+                            if (currentViewParam) {
+                                entityUrl += `${entityUrl.includes("?") ? "&" : "?"}__view=${currentViewParam}`;
+                            }
+                            navigate(entityUrl);
+                        }}
+                        onTabChange={(params) => {
+                            const newSelectedTab = params.selectedTab;
+                            let entityUrl = urlController.buildUrlCollectionPath(
+                                newSelectedTab
+                                    ? `${path}/${renderedEntityId}/${newSelectedTab}`
+                                    : `${path}/${renderedEntityId}`
+                            );
+                            const currentViewParam = new URLSearchParams(window.location.search).get("__view");
+                            if (currentViewParam) {
+                                entityUrl += `${entityUrl.includes("?") ? "&" : "?"}__view=${currentViewParam}`;
+                            }
+                            navigate(entityUrl);
+                        }}
+                    />
+                }
             </ErrorBoundary>
         </div>
     ) : <></>;

package/src/components/{EntityCollectionView → CollectionViewBinding}/ViewModeToggle.tsx

@@ -1,9 +1,21 @@
 
 import React, { useMemo } from "react";
 import { CollectionSize, ViewMode } from "@rebasepro/types";
-import { Button, Popover, Select, SelectItem, ToggleButtonGroup, ToggleButtonOption , iconSize } from "@rebasepro/ui";
-import { LayoutGridIcon, ListIcon, TableIcon, ColumnsIcon, KanbanIcon } from "lucide-react";
-import { useTranslation } from "@rebasepro/core";
+import {
+    Button,
+    ColumnsIcon,
+    iconSize,
+    KanbanIcon,
+    LayoutGridIcon,
+    ListIcon,
+    Popover,
+    Select,
+    SelectItem,
+    TableIcon,
+    ToggleButtonGroup,
+    ToggleButtonOption
+} from "@rebasepro/ui";
+import { useTranslation } from "@rebasepro/app";
 
 export type KanbanPropertyOption = {
     key: string;
@@ -66,9 +78,6 @@ export function ViewModeToggle({
 
     const { t } = useTranslation();
 
-    if (!onViewModeChange) {
-        return null;
-    }
 
     // Get icon for current view mode
     const getViewModeIcon = () => {
@@ -117,9 +126,12 @@ export function ViewModeToggle({
         ];
 
         return allOptions;
-    }, []);
-
+    }, [t]);
 
+    // ── Guard (after hooks to preserve Rules of Hooks) ──────────────
+    if (!onViewModeChange) {
+        return null;
+    }
 
     return (
         <div className="overflow-visible">

package/src/components/{EntityCollectionView → CollectionViewBinding}/hooks/useCollectionInlineEditor.ts

@@ -1,11 +1,11 @@
 import { useCallback, useMemo } from "react";
-import { setIn } from "@rebasepro/formex";
-import { EntityCollection, SaveEntityProps, RebaseData, RebaseContext } from "@rebasepro/types";
-import { OnCellValueChange, saveEntityWithCallbacks, UniqueFieldValidator } from "@rebasepro/core";
+import { setIn } from "@rebasepro/forms";
+import { CollectionConfig, RebaseData, RebaseContext } from "@rebasepro/types";
+import { OnCellValueChange, saveEntityWithCallbacks, SaveEntityWithCallbacksProps, UniqueFieldValidator } from "@rebasepro/app";
 
 export interface UseCollectionInlineEditorParams<M extends Record<string, unknown>> {
     path: string;
-    collection: EntityCollection<M>;
+    collection: CollectionConfig<M>;
     dataClient: RebaseData;
     context: RebaseContext;
 }
@@ -17,12 +17,12 @@ export function useCollectionInlineEditor<M extends Record<string, unknown>>({
     context
 }: UseCollectionInlineEditorParams<M>) {
 
-    // Unique field validator (ported from EntityCollectionView)
+    // Unique field validator (ported from CollectionViewBinding)
     const uniqueFieldValidator: UniqueFieldValidator = useCallback(
         async ({ name, value, property, entityId }: Parameters<UniqueFieldValidator>[0]) => {
             const accessor = dataClient.collection(path);
             const res = await accessor.find({
-                where: { [name]: "eq." + value }
+                where: { [name]: ["==", value] }
             });
 
             const conflictingEntities = res.data;
@@ -42,10 +42,11 @@ export function useCollectionInlineEditor<M extends Record<string, unknown>>({
         setError,
         data: entity
     }) => {
+        if (!entity) return;
 
-        const updatedValues = setIn({}, propertyKey, value);
+        const updatedValues = setIn({}, propertyKey, value) as Partial<Record<string, unknown>>;
 
-        const saveProps: SaveEntityProps = {
+        const saveProps: SaveEntityWithCallbacksProps<Record<string, unknown>> = {
             path: entity.path ?? path,
             entityId: entity.id,
             values: updatedValues,

package/src/components/{EntityCollectionView → CollectionViewBinding}/hooks/useKanbanDragAndDrop.ts

@@ -1,19 +1,20 @@
 import { useCallback, useMemo } from "react";
-import { setIn } from "@rebasepro/formex";
-import { EntityCollection, SaveEntityProps, RebaseData, RebaseContext } from "@rebasepro/types";
-import { saveEntityWithCallbacks } from "@rebasepro/core";
-import { BoardItem } from "../board_types";
+import { setIn } from "@rebasepro/forms";
+import { CollectionConfig, RebaseData, RebaseContext, AnalyticsController, Entity } from "@rebasepro/types";
+import { saveEntityWithCallbacks, SaveEntityWithCallbacksProps } from "@rebasepro/app";
+import { BoardItem } from "@rebasepro/ui";
+import { BoardDataController } from "../useBoardDataController";
 import { generateKeyBetween } from "fractional-indexing";
 
 export interface UseKanbanDragAndDropParams<M extends Record<string, unknown>> {
-    collection: EntityCollection<M>;
+    collection: CollectionConfig<M>;
     fullPath: string;
     columnProperty: string;
     orderProperty?: string;
     dataClient: RebaseData;
     context: RebaseContext;
-    boardDataController: any;
-    analyticsController: any;
+    boardDataController: BoardDataController<M>;
+    analyticsController: AnalyticsController;
 }
 
 export function useKanbanDragAndDrop<M extends Record<string, unknown>>({
@@ -32,10 +33,10 @@ export function useKanbanDragAndDrop<M extends Record<string, unknown>>({
     // to compute a single new sort key for the moved item.
     // Only one DB write per drag — the moved item gets its new key.
     const handleItemsReorder = useCallback(async (
-        items: BoardItem<M>[],
+        items: BoardItem<Entity<M>>[],
         moveInfo?: { itemId: string; sourceColumn: string; targetColumn: string; }
     ) => {
-        const entity = items.find(item => item.id === moveInfo?.itemId)?.entity;
+        const entity = items.find(item => item.id === moveInfo?.itemId)?.data;
         if (!entity || !moveInfo) return;
 
         analyticsController.onAnalyticsEvent?.("kanban_card_moved", {
@@ -63,32 +64,32 @@ export function useKanbanDragAndDrop<M extends Record<string, unknown>>({
 
             // Get the order keys of the neighbours
             const prevKey = movedIndex > 0
-                ? (targetColumnItems[movedIndex - 1].entity.values?.[orderProperty] as string | null) ?? null
+                ? (targetColumnItems[movedIndex - 1].data.values?.[orderProperty] as string | null) ?? null
                 : null;
             const nextKey = movedIndex < targetColumnItems.length - 1
-                ? (targetColumnItems[movedIndex + 1].entity.values?.[orderProperty] as string | null) ?? null
+                ? (targetColumnItems[movedIndex + 1].data.values?.[orderProperty] as string | null) ?? null
                 : null;
 
             try {
-                let a = prevKey;
+                const a = prevKey;
                 let b = nextKey;
                 if (a !== null && b !== null && a >= b) {
                     // Handle duplicate or out-of-order keys to prevent fractional-indexing crash
                     b = null;
                 }
                 const newKey = generateKeyBetween(a, b);
-                updatedValues = setIn(updatedValues, orderProperty, newKey);
+                updatedValues = setIn(updatedValues, orderProperty, newKey) as Record<string, unknown>;
             } catch (e) {
                 // Fallback: if keys are somehow invalid, generate from scratch
                 console.warn("fractional-indexing error, falling back:", e);
                 const newKey = generateKeyBetween(null, null);
-                updatedValues = setIn(updatedValues, orderProperty, newKey);
+                updatedValues = setIn(updatedValues, orderProperty, newKey) as Record<string, unknown>;
             }
         }
 
         // Update column if it changed
         if (isColumnChange) {
-            updatedValues = setIn(updatedValues, columnProperty, moveInfo.targetColumn);
+            updatedValues = setIn(updatedValues, columnProperty, moveInfo.targetColumn) as Record<string, unknown>;
         }
 
         // Apply optimistic UI update to boardDataController's internal state
@@ -105,7 +106,7 @@ export function useKanbanDragAndDrop<M extends Record<string, unknown>>({
             );
         }
 
-        const saveProps: SaveEntityProps = {
+        const saveProps: SaveEntityWithCallbacksProps<Record<string, unknown>> = {
             path: entity.path,
             entityId: entity.id,
             values: updatedValues as M,