@rebasepro/admin 0.8.0 → 0.9.0

package/src/collection_editor/ui/collection_editor/DisplaySettingsForm.tsx

@@ -4,7 +4,7 @@ import React, { useMemo, useState } from "react";
 import { useCustomizationController } from "@rebasepro/core";
 import { getFieldConfig } from "../../../components/field_configs";
 import { PropertyConfigBadge } from "../../../components/PropertyConfigBadge";
-import { EntityCollection, Property } from "@rebasepro/types";
+import { CollectionConfig, Property } from "@rebasepro/types";
 import {
     BooleanSwitchWithLabel,
     Button,
@@ -39,7 +39,7 @@ export function DisplaySettingsForm({
         setFieldValue,
         handleChange,
         submitCount
-    } = useFormex<EntityCollection>();
+    } = useFormex<CollectionConfig>();
 
     const [orderPropertyDialogOpen, setOrderPropertyDialogOpen] = useState(false);
 

package/src/collection_editor/ui/collection_editor/EntityActionsEditTab.tsx

@@ -5,7 +5,7 @@ import {
     useCustomizationController
 } from "@rebasepro/core";
 import { resolveEntityAction } from "../../_cms_internals";
-import { type EntityCollection } from "@rebasepro/types";
+import { type CollectionConfig } from "@rebasepro/types";
 import { EntityAction } from "@rebasepro/types";
 import {
     Alert,
@@ -30,7 +30,7 @@ export function EntityActionsEditTab({
     collection,
     embedded = false
 }: {
-    collection: EntityCollection,
+    collection: CollectionConfig,
     embedded?: boolean;
 }) {
 
@@ -42,7 +42,7 @@ export function EntityActionsEditTab({
     const {
         values,
         setFieldValue
-    } = useFormex<EntityCollection>();
+    } = useFormex<CollectionConfig>();
 
     const resolvedEntityActions = ((values.entityActions ?? []) as (string | EntityAction<any>)[])
         .filter((e): e is string => typeof e === "string")

package/src/collection_editor/ui/collection_editor/GeneralSettingsForm.tsx

@@ -4,7 +4,7 @@ import { FieldCaption } from "../../_cms_internals";
 import React, { useState } from "react";
 
 import { SearchIconsView } from "../../_cms_internals";
-import type { EntityCollection, PostgresCollection } from "@rebasepro/types";
+import type { CollectionConfig, PostgresCollectionConfig } from "@rebasepro/types";
 import {
     BooleanSwitchWithLabel,
     Chip,
@@ -27,7 +27,7 @@ import { Field, getIn, useFormex } from "@rebasepro/formex";
 import { useCollectionsConfigController } from "../../useCollectionsConfigController";
 import { singular, toSnakeCase } from "@rebasepro/utils";
 import type { ExtraCollectionFieldsParams } from "../../extensibility_types";
-import { toSerializableCollection } from "../../serializable_utils";
+import { toSerializableCollectionConfig } from "../../serializable_utils";
 
 export function GeneralSettingsForm({
     isNewCollection,
@@ -40,7 +40,7 @@ export function GeneralSettingsForm({
     isNewCollection: boolean;
     existingPaths?: string[];
     existingIds?: string[];
-    parentCollection?: EntityCollection;
+    parentCollection?: CollectionConfig;
     renderExtraCollectionFields?: (params: ExtraCollectionFieldsParams) => React.ReactNode;
     standalone?: boolean;
 }) {
@@ -53,7 +53,7 @@ export function GeneralSettingsForm({
         errors,
         setFieldTouched,
         submitCount
-    } = useFormex<PostgresCollection>();
+    } = useFormex<PostgresCollectionConfig>();
 
     const [iconDialogOpen, setIconDialogOpen] = useState(false);
 
@@ -255,7 +255,7 @@ export function GeneralSettingsForm({
                             onMetadataChange: (key: string, value: unknown) => {
                                 setFieldValue(`metadata.${key}`, value);
                             },
-                            collection: toSerializableCollection(values),
+                            collection: toSerializableCollectionConfig(values),
                         })}
                     </div>
                 )}

package/src/collection_editor/ui/collection_editor/GetCodeDialog.tsx

@@ -1,5 +1,5 @@
 import { useSafeSnackbarController } from "../../useSafeSnackbarController";
-import { EntityCollection } from "@rebasepro/types";
+import { CollectionConfig } from "@rebasepro/types";
 import { Button, CopyIcon, Dialog, DialogActions, DialogContent, DialogTitle, Typography } from "@rebasepro/ui";
 import React from "react";
 import JSON5 from "json5";
@@ -12,12 +12,12 @@ export function GetCodeDialog({
     collection,
     onOpenChange,
     open
-}: { onOpenChange: (open: boolean) => void, collection: EntityCollection, open: boolean }) {
+}: { onOpenChange: (open: boolean) => void, collection: CollectionConfig, open: boolean }) {
 
     const snackbarController = useSafeSnackbarController();
 
     const code = collection
-        ? "import { EntityCollection } from \"@rebasepro/core\";\n\nconst " + (collection?.name ? camelCase(collection.name) : "my") + "Collection:EntityCollection = " + JSON5.stringify(collectionToCode({ ...collection }), null, "\t")
+        ? "import { CollectionConfig } from \"@rebasepro/core\";\n\nconst " + (collection?.name ? camelCase(collection.name) : "my") + "Collection:CollectionConfig = " + JSON5.stringify(collectionToCode({ ...collection }), null, "\t")
         : "No collection selected";
     return <Dialog open={open}
         onOpenChange={onOpenChange}
@@ -78,7 +78,7 @@ export function GetCodeDialog({
     </Dialog>;
 }
 
-function collectionToCode(collection: EntityCollection): object {
+function collectionToCode(collection: CollectionConfig): object {
 
     const propertyCleanup = (value: unknown): unknown => {
         if (value === undefined || value === null) {

package/src/collection_editor/ui/collection_editor/KanbanConfigSection.tsx

@@ -2,7 +2,7 @@
 import { FieldCaption } from "../../_cms_internals";
 import React, { useMemo, useRef, useState } from "react";
 import { useAuthController, useCustomizationController } from "@rebasepro/core";
-import { EntityCollection, Property } from "@rebasepro/types";
+import { CollectionConfig, Property } from "@rebasepro/types";
 import { PropertyConfigBadge } from "../../../components/PropertyConfigBadge";
 import { getFieldConfig } from "../../../components/field_configs";
 import { Button, IconButton, iconSize, Select, SelectItem, Typography, XIcon } from "@rebasepro/ui";
@@ -19,7 +19,7 @@ export function KanbanConfigSection({
 }) {
     const authController = useAuthController();
     const customizationController = useCustomizationController();
-    const { values, setFieldValue } = useFormex<EntityCollection>();
+    const { values, setFieldValue } = useFormex<CollectionConfig>();
     const panelRef = useRef<HTMLDivElement>(null);
     const [columnPropertyDialogOpen, setColumnPropertyDialogOpen] = useState(false);
 

package/src/collection_editor/ui/collection_editor/PropertyEditView.tsx

@@ -6,10 +6,10 @@ import { Formex, FormexController, getIn, useCreateFormex } from "@rebasepro/for
 import { ConfirmationDialog } from "@rebasepro/core";
 import { DEFAULT_FIELD_CONFIGS, getFieldConfig, getFieldId } from "../../../components/field_configs";
 import { PropertyConfigBadge } from "../../../components/PropertyConfigBadge";
-import { EntityCollection, Property, PropertyConfig, PropertyConfigId } from "@rebasepro/types";
+import { CollectionConfig, Property, PropertyConfig, PropertyConfigId } from "@rebasepro/types";
 import type { PropertyTypePreset, PropertyType } from "../../extensibility_types";
-import { toSerializableProperty, toSerializableCollection } from "../../serializable_utils";
-import type { SerializableProperty, SerializableCollection } from "../../serializable_types";
+import { toSerializableProperty, toSerializableCollectionConfig } from "../../serializable_utils";
+import type { SerializableProperty, SerializableCollectionConfig } from "../../serializable_types";
 import { isPropertyBuilder } from "@rebasepro/common";
 import {
     AlertTriangleIcon,
@@ -91,9 +91,9 @@ export type PropertyFormProps = {
         metadata: Record<string, unknown>;
         onMetadataChange: (key: string, value: unknown) => void;
         property: SerializableProperty;
-        collection: SerializableCollection;
+        collection: SerializableCollectionConfig;
     }) => React.ReactNode;
-    collectionValues?: EntityCollection;
+    collectionValues?: CollectionConfig;
 
 };
 
@@ -368,7 +368,7 @@ function PropertyEditFormFields({
     propertyTypePresets?: PropertyTypePreset[];
     hiddenPropertyTypes?: PropertyType[];
     renderExtraPropertyFields?: PropertyFormProps["renderExtraPropertyFields"];
-    collectionValues?: EntityCollection;
+    collectionValues?: CollectionConfig;
 
 } & FormexController<PropertyWithId>) {
 
@@ -612,7 +612,7 @@ function PropertyEditFormFields({
                                 } as PropertyWithId);
                             },
                             property: toSerializableProperty(values as Property),
-                            collection: toSerializableCollection(collectionValues),
+                            collection: toSerializableCollectionConfig(collectionValues),
                         })}
                     </div>
                 )}

package/src/collection_editor/ui/collection_editor/PropertyFieldPreview.tsx

@@ -47,39 +47,49 @@ export function PropertyFieldPreview({
         >
             <PropertyConfigBadge propertyConfig={propertyConfig} size="small"/>
 
-            <div className="flex-1 flex flex-col min-w-0 pr-8">
+            <div className="flex-1 flex flex-col min-w-0 mr-16">
                 {includeName &&
                     <ErrorBoundary>
-                        <div className="flex items-center gap-2">
-                            <Typography variant="body2" component="span">
+                        <div className="flex items-center gap-2 min-w-0">
+                            <Typography variant="body2" component="span" className="truncate font-medium">
                                 {property.name || propertyKey || "\u00a0"}
                             </Typography>
-                            {property.name && propertyKey && property.name !== propertyKey && (
-                                <Typography variant="caption" component="span" color="secondary" className="font-mono">
+                            {propertyConfig?.name && (
+                                <Typography
+                                    variant={"caption"}
+                                    component="span"
+                                    className="text-text-secondary dark:text-text-secondary-dark shrink-0">
+                                    {propertyConfig.name}
+                                </Typography>
+                            )}
+                        </div>
+                        <div className="flex items-center gap-1.5 mt-0.5 min-w-0">
+                            {propertyKey && (
+                                <Typography variant="caption" component="span" color="secondary" className="font-mono truncate">
                                     {propertyKey}
                                 </Typography>
                             )}
+                            <ErrorBoundary>
+                                <Typography variant="caption" component="span" className="shrink-0 text-text-disabled dark:text-text-disabled-dark font-mono">
+                                    · {"columnType" in property ? (property as { columnType?: string }).columnType ?? property.type : property.type}
+                                </Typography>
+                            </ErrorBoundary>
                         </div>
                     </ErrorBoundary>}
 
-                <div className="flex flex-row items-center gap-2 mt-0.5">
-                    <ErrorBoundary>
-                        <Typography
-                            variant={"caption"}
-                            component="span"
-                            className="text-text-secondary dark:text-text-secondary-dark font-medium">
-                            {propertyConfig?.name}
-                        </Typography>
-                    </ErrorBoundary>
-                </div>
+                {!includeName &&
+                    <div className="flex flex-row items-center gap-2">
+                        <ErrorBoundary>
+                            <Typography
+                                variant={"caption"}
+                                component="span"
+                                className="text-text-secondary dark:text-text-secondary-dark font-medium">
+                                {propertyConfig?.name}
+                            </Typography>
+                        </ErrorBoundary>
+                    </div>}
             </div>
 
-            <ErrorBoundary>
-                <Typography variant="caption" component="span" className="ml-auto shrink-0 text-text-disabled dark:text-text-disabled-dark font-mono bg-surface-100 dark:bg-surface-900 px-1.5 py-0.5 rounded mr-8">
-                    {"columnType" in property ? (property as { columnType?: string }).columnType ?? property.type : property.type}
-                </Typography>
-            </ErrorBoundary>
-
             {includeEditButton && <Typography variant={"button"}>EDIT</Typography>}
         </div>
         </div>
@@ -120,35 +130,34 @@ export function NonEditablePropertyPreview({
                 <MinusCircleIcon className={"text-surface-accent-400 absolute -right-2 -top-2 bg-surface-50 dark:bg-surface-900 rounded-full"} size={iconSize.small}/>
             </div>
 
-            <div className="flex-1 flex flex-col min-w-0 pr-8">
-                <Typography variant="label" component="span" className="grow pr-2">
-                    {property?.name ? property.name : name}
-                </Typography>
-
-                <div className="flex flex-row items-center gap-2 mt-0.5">
-                    {propertyConfig && <Typography variant={"caption"} component="span" className="text-text-secondary dark:text-text-secondary-dark font-medium">
+            <div className="flex-1 flex flex-col min-w-0 mr-16">
+                <div className="flex items-center gap-2 min-w-0">
+                    <Typography variant="label" component="span" className="truncate">
+                        {property?.name ? property.name : name}
+                    </Typography>
+                    {propertyConfig && <Typography variant={"caption"} component="span" className="text-text-secondary dark:text-text-secondary-dark shrink-0">
                         {propertyConfig?.name}
                     </Typography>}
+                </div>
+
+                <div className="flex flex-row items-center gap-1.5 mt-0.5 min-w-0">
+                    <Typography variant="caption" component="span" color="secondary" className="font-mono truncate">
+                        {name}
+                    </Typography>
 
                     {property && isPropertyBuilder(property) && <ErrorBoundary>
                         <Typography variant="caption" component="span" className="text-text-disabled dark:text-text-disabled-dark">
-                            Defined in code
+                            · Defined in code
                         </Typography>
                     </ErrorBoundary>}
 
                     {!property && <ErrorBoundary>
                         <Typography variant="caption" component="span" className="text-text-disabled dark:text-text-disabled-dark">
-                            Additional field
+                            · Additional field
                         </Typography>
                     </ErrorBoundary>}
                 </div>
             </div>
-
-            {property && !isPropertyBuilder(property) && <ErrorBoundary>
-                <Typography variant="caption" component="span" className="ml-auto shrink-0 text-text-disabled dark:text-text-disabled-dark font-mono bg-surface-100 dark:bg-surface-900 px-1.5 py-0.5 rounded mr-8">
-                    {"columnType" in property ? (property as { columnType?: string }).columnType ?? property.type : property.type}
-                </Typography>
-            </ErrorBoundary>}
         </div>
         </div>
     )

package/src/collection_editor/ui/collection_editor/PropertyTree.tsx

@@ -287,7 +287,7 @@ export function PropertyTreeEntry({
                             selected={selected}/>}
                 </div>
 
-                <div className="absolute top-1/2 -translate-y-1/2 right-3 flex flex-row items-center gap-1">
+                <div className="absolute top-1/2 -translate-y-1/2 right-2 flex flex-row items-center gap-1">
                     {isAIModified && <AIModifiedIndicator/>}
                     {isPropertyInferred && <>
                         <Tooltip title={"Inferred property"} asChild={true}>

package/src/collection_editor/ui/collection_editor/SubcollectionsEditTab.tsx

@@ -5,7 +5,7 @@ import {
     useCustomizationController
 } from "@rebasepro/core";
 import { resolveEntityView } from "../../_cms_internals";
-import { EntityCollection, EntityCustomView, User } from "@rebasepro/types";
+import { CollectionConfig, EntityCustomView, User } from "@rebasepro/types";
 import { getSubcollections } from "@rebasepro/common";
 import {
     Alert,
@@ -37,8 +37,8 @@ export function SubcollectionsEditTab({
     getUser,
     parentCollectionSlugs
 }: {
-    collection: EntityCollection,
-    parentCollection?: EntityCollection,
+    collection: CollectionConfig,
+    parentCollection?: CollectionConfig,
     configController: CollectionsConfigController;
     collectionInference?: CollectionInference;
     getUser?: (uid: string) => User | null;
@@ -59,9 +59,9 @@ export function SubcollectionsEditTab({
     const {
         values,
         setFieldValue
-    } = useFormex<EntityCollection>();
+    } = useFormex<CollectionConfig>();
 
-    const [subcollections, setSubcollections] = React.useState<EntityCollection[]>(getSubcollections(collection) ?? []);
+    const [subcollections, setSubcollections] = React.useState<CollectionConfig[]>(getSubcollections(collection) ?? []);
     const resolvedEntityViews = values.entityViews?.filter(e => typeof e === "string")
         .map(e => resolveEntityView(e, contextEntityViews))
         .filter(Boolean) as EntityCustomView[] ?? [];

package/src/collection_editor/ui/collection_editor/import/CollectionEditorImportDataPreview.tsx

@@ -1,8 +1,8 @@
 import { useCollectionRegistryController } from "../../../_cms_internals";
 import { convertDataToEntity, ImportConfig } from "../../../_cms_internals";
 import { useAuthController } from "@rebasepro/core";
-import { EntityCollectionTable } from "../../../../components/EntityCollectionTable/EntityCollectionTable";
-import { useSelectionController } from "../../../../components/EntityCollectionView/useSelectionController";
+import { CollectionTableBinding } from "../../../../components/CollectionTableBinding/CollectionTableBinding";
+import { useSelectionController } from "../../../../components/CollectionViewBinding/useSelectionController";
 import { CircularProgressCenter } from "@rebasepro/ui";
 import { Properties } from "@rebasepro/types";
 import { useEffect, useState } from "react";
@@ -42,7 +42,7 @@ export function CollectionEditorImportDataPreview({
     if (loading)
         return <CircularProgressCenter/>
 
-    return <EntityCollectionTable
+    return <CollectionTableBinding
         title={<div>
             <Typography variant={"subtitle2"}>Imported data preview</Typography>
             <Typography variant={"caption"}>Entities with the same id will be overwritten</Typography>

package/src/collection_editor/ui/collection_editor/import/CollectionEditorImportMapping.tsx

@@ -6,7 +6,7 @@ import { getIn, useFormex } from "@rebasepro/formex";
 
 import { getFieldConfig, getFieldId } from "../../../../components/field_configs";
 import { PropertyConfigBadge } from "../../../../components/PropertyConfigBadge";
-import { EntityCollection, Properties, Property, PropertyConfig } from "@rebasepro/types";
+import { CollectionConfig, Properties, Property, PropertyConfig } from "@rebasepro/types";
 import { cls, Container, Select, SelectItem, Tooltip, Typography } from "@rebasepro/ui";
 import React, { useState } from "react";
 import { OnPropertyChangedParams, PropertyFormDialog, PropertyWithId } from "../PropertyEditView";
@@ -36,7 +36,7 @@ export function CollectionEditorImportMapping({
         setFieldValue,
         setFieldTouched,
         values
-    } = useFormex<EntityCollection>();
+    } = useFormex<CollectionConfig>();
     const [selectedProperty, setSelectedProperty] = useState<PropertyWithId | undefined>(undefined);
 
     const currentPropertiesOrderRef = React.useRef<{

package/src/collection_editor/ui/collection_editor/properties/RelationPropertyField.tsx

@@ -8,7 +8,7 @@ import {
     TextField,
     Typography
 } from "@rebasepro/ui";
-import { EntityCollection, OnAction, RelationProperty } from "@rebasepro/types";
+import { CollectionConfig, OnAction, RelationProperty } from "@rebasepro/types";
 
 import { CollectionsSelect } from "./ReferencePropertyField";
 
@@ -87,7 +87,7 @@ targetColumn: "" };
         }
     }, [targetSlug, relationName, setFieldValue]);
 
-    const collections: EntityCollection[] = collectionRegistry?.collections ?? [];
+    const collections: CollectionConfig[] = collectionRegistry?.collections ?? [];
 
     return (
         <>

package/src/collection_editor/ui/collection_editor/templates/blog_template.ts

@@ -1,4 +1,4 @@
-import type { EntityCollection } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
 
 export const blogCollectionTemplate = {
     slug: "blog",
@@ -109,4 +109,4 @@ export const blogCollectionTemplate = {
             }
         }
     }
-} as unknown as EntityCollection;
+} as unknown as CollectionConfig;

package/src/collection_editor/ui/collection_editor/templates/pages_template.ts

@@ -1,4 +1,4 @@
-import type { EntityCollection } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
 
 export const pagesCollectionTemplate = {
     slug: "pages",
@@ -180,4 +180,4 @@ export const pagesCollectionTemplate = {
             description: "Should this page be live on the site?"
         }
     }
-} as unknown as EntityCollection;
+} as unknown as CollectionConfig;

package/src/collection_editor/ui/collection_editor/templates/products_template.ts

@@ -1,4 +1,4 @@
-import type { EntityCollection } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
 
 export const productsCollectionTemplate = {
     slug: "products",
@@ -85,4 +85,4 @@ export const productsCollectionTemplate = {
             autoValue: "on_create"
         }
     }
-} as unknown as EntityCollection;
+} as unknown as CollectionConfig;

package/src/collection_editor/ui/collection_editor/templates/users_template.ts

@@ -1,4 +1,4 @@
-import type { EntityCollection } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
 
 export const usersCollectionTemplate = {
     slug: "users",
@@ -39,4 +39,4 @@ export const usersCollectionTemplate = {
             url: "image"
         }
     }
-} as unknown as EntityCollection;
+} as unknown as CollectionConfig;

package/src/collection_editor/useJsonCollectionsConfigController.tsx

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import type { EngineProperties, EntityCollection, NavigationGroupMapping, Property } from "@rebasepro/types";
+import type { EngineProperties, CollectionConfig, NavigationGroupMapping, Property } from "@rebasepro/types";
 import type {
     CollectionsConfigController,
     SaveCollectionParams,
@@ -10,8 +10,8 @@ import type {
     UpdatePropertiesOrderParams,
     UpdateKanbanColumnsOrderParams,
 } from "./types/config_controller";
-import type { JsonCollectionStore, SerializableCollection } from "./serializable_types";
-import { toSerializableCollection, toSerializableProperty, fromSerializableCollection } from "./serializable_utils";
+import type { JsonCollectionStore, SerializableCollectionConfig } from "./serializable_types";
+import { toSerializableCollectionConfig, toSerializableProperty, fromSerializableCollectionConfig } from "./serializable_utils";
 
 export interface UseJsonCollectionsConfigControllerOptions {
     /**
@@ -55,7 +55,7 @@ export function useJsonCollectionsConfigController({
     readOnly = false,
     autoLoad = true,
 }: UseJsonCollectionsConfigControllerOptions): CollectionsConfigController {
-    const [collections, setCollections] = useState<EntityCollection[]>([]);
+    const [collections, setCollections] = useState<CollectionConfig[]>([]);
     const [loading, setLoading] = useState(autoLoad);
     const [navigationEntries, setNavigationEntries] = useState<NavigationGroupMapping[]>([]);
 
@@ -75,7 +75,7 @@ export function useJsonCollectionsConfigController({
                     storeRef.current.loadNavigationEntries?.() ?? Promise.resolve([]),
                 ]);
                 if (cancelled) return;
-                setCollections(serialized.map(fromSerializableCollection));
+                setCollections(serialized.map(fromSerializableCollectionConfig));
                 setNavigationEntries(navEntries);
             } catch (e) {
                 console.error("useJsonCollectionsConfigController: failed to load collections", e);
@@ -92,15 +92,15 @@ export function useJsonCollectionsConfigController({
     /**
      * Update local state and persist a collection to the store.
      */
-    const persistCollection = useCallback(async (collection: EntityCollection) => {
-        const serializable = toSerializableCollection(collection);
+    const persistCollection = useCallback(async (collection: CollectionConfig) => {
+        const serializable = toSerializableCollectionConfig(collection);
         await storeRef.current.save(collection.slug, serializable);
     }, []);
 
     /**
      * Find collection by id (slug).
      */
-    const getCollection = useCallback((id: string): EntityCollection => {
+    const getCollection = useCallback((id: string): CollectionConfig => {
         const found = collections.find(c => c.slug === id);
         if (found) return found;
         throw new Error(`Collection "${id}" not found`);
@@ -111,7 +111,7 @@ export function useJsonCollectionsConfigController({
     const saveCollection = useCallback(async <M extends Record<string, unknown>>(
         { id, collectionData }: SaveCollectionParams<M>
     ) => {
-        const collection = collectionData as EntityCollection;
+        const collection = collectionData as CollectionConfig;
         await persistCollection(collection);
         setCollections(prev => {
             const idx = prev.findIndex(c => c.slug === id);
@@ -132,7 +132,7 @@ export function useJsonCollectionsConfigController({
             const idx = prev.findIndex(c => c.slug === lookupId);
             if (idx < 0) return prev;
 
-            const merged = { ...prev[idx], ...collectionData } as EntityCollection;
+            const merged = { ...prev[idx], ...collectionData } as CollectionConfig;
             const next = [...prev];
             next[idx] = merged;
 
@@ -177,7 +177,7 @@ export function useJsonCollectionsConfigController({
             }
 
             const next = [...prev];
-            next[idx] = collection as EntityCollection;
+            next[idx] = collection as CollectionConfig;
 
             persistCollection(next[idx]).catch(e =>
                 console.error("useJsonCollectionsConfigController: failed to save property", e)
@@ -204,7 +204,7 @@ export function useJsonCollectionsConfigController({
             }
 
             const next = [...prev];
-            next[idx] = collection as EntityCollection;
+            next[idx] = collection as CollectionConfig;
 
             persistCollection(next[idx]).catch(e =>
                 console.error("useJsonCollectionsConfigController: failed to delete property", e)
@@ -221,7 +221,7 @@ export function useJsonCollectionsConfigController({
         const updated = {
             ...collection,
             propertiesOrder: newPropertiesOrder,
-        } as EntityCollection;
+        } as CollectionConfig;
 
         setCollections(prev => {
             const idx = prev.findIndex(c => c.slug === collection.slug);

package/src/collection_editor/useLocalCollectionsConfigController.tsx

@@ -1,12 +1,12 @@
 import { CollectionsConfigController, SaveCollectionParams, UpdateCollectionParams, DeleteCollectionParams, SavePropertyParams, DeletePropertyParams, UpdatePropertiesOrderParams } from "./types/config_controller";
-import { EntityCollection, Properties } from "@rebasepro/types";
+import { CollectionConfig, Properties } from "@rebasepro/types";
 import { getSubcollections } from "@rebasepro/common";
 
 
 import React, { useMemo, useRef } from "react";
 export function useLocalCollectionsConfigController(
     clientOrUrl: any,
-    baseCollections: EntityCollection[] = [],
+    baseCollections: CollectionConfig[] = [],
     options?: {
         readOnly?: boolean;
         getAuthToken?: () => Promise<string | null>;
@@ -73,7 +73,7 @@ export function useLocalCollectionsConfigController(
         readOnlyReason: "Local collection editing is only available in development mode.",
         collections: parsedCollections,
         getCollection: (id: string) => {
-            const found = parsedCollections.find(c => (c as EntityCollection & { id?: string }).id === id || c.slug === id);
+            const found = parsedCollections.find(c => (c as CollectionConfig & { id?: string }).id === id || c.slug === id);
             if (found) return found;
             throw Error(`Collection ${id} not found in local mode`);
         },
@@ -109,7 +109,7 @@ collectionData: { propertiesOrder: newPropertiesOrder } });
         },
 
         updatePropertiesOrder: async ({ collection, fullPath, newPropertiesOrder }: UpdatePropertiesOrderParams) => {
-            const collectionId = (collection as EntityCollection & { id?: string }).id || fullPath.split("/").pop();
+            const collectionId = (collection as CollectionConfig & { id?: string }).id || fullPath.split("/").pop();
             await request("/collection/save", { collectionId,
 collectionData: { propertiesOrder: newPropertiesOrder } });
         },

package/src/collection_editor/validateCollectionJson.ts

@@ -1,4 +1,4 @@
-import { DataType, EntityCollection } from "@rebasepro/types";
+import { DataType, CollectionConfig } from "@rebasepro/types";
 
 
 /**
@@ -33,7 +33,7 @@ export interface CollectionValidationError {
 export interface CollectionValidationResult {
     valid: boolean;
     errors: CollectionValidationError[];
-    collection?: EntityCollection;
+    collection?: CollectionConfig;
 }
 
 /**
@@ -461,6 +461,6 @@ export function validateCollectionJson(jsonString: string): CollectionValidation
     return {
         valid: errors.length === 0,
         errors,
-        collection: errors.length === 0 ? parsed as unknown as EntityCollection : undefined
+        collection: errors.length === 0 ? parsed as unknown as CollectionConfig : undefined
     };
 }