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

package/dist/RouterCollectionsStudioView-DdEStpFk.js

@@ -0,0 +1,192 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { Bn as useUrlController } from "./src-DLAFyeZI.js";
+import { s as AIModifiedPathsProvider } from "./PropertyEditView-h0N-AMCY.js";
+import { t as CollectionEditor } from "./CollectionEditorDialog-DKGlYDPc.js";
+import { useEffect, useState } from "react";
+import { Button, IconButton, PlusIcon, ResizablePanels, Tooltip, Typography, cls, defaultBorderMixin, iconSize } from "@rebasepro/ui";
+import { IconForView, UnsavedChangesDialog, useUnsavedChangesDialog } from "@rebasepro/app";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useLocation, useNavigate } from "react-router-dom";
+//#region src/collection_editor/ui/collection_editor/CollectionStudioView.tsx
+function CollectionStudioView({ collectionId, onSave, onCancel, ...props }) {
+	const [formDirty, setFormDirty] = useState(false);
+	const [cancelRequested, setCancelRequested] = useState(false);
+	const { dialogProps, triggerDialog } = useUnsavedChangesDialog(formDirty, () => setFormDirty(false));
+	const activeCollectionId = collectionId;
+	const handleCancelClick = () => {
+		if (!formDirty) onCancel?.();
+		else {
+			setCancelRequested(true);
+			triggerDialog();
+		}
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex-grow flex flex-col h-full w-full bg-surface-50 dark:bg-surface-800",
+		children: /* @__PURE__ */ jsxs(AIModifiedPathsProvider, { children: [activeCollectionId ? /* @__PURE__ */ jsx(CollectionEditor, {
+			...props,
+			fullScreen: true,
+			open: true,
+			isNewCollection: activeCollectionId === "new",
+			editedCollectionId: activeCollectionId !== "new" ? activeCollectionId : void 0,
+			handleCancel: handleCancelClick,
+			handleClose: (savedCollection) => {
+				setFormDirty(false);
+				if (savedCollection) setTimeout(() => {
+					onSave?.(savedCollection);
+				}, 0);
+			},
+			setFormDirty
+		}, activeCollectionId) : /* @__PURE__ */ jsxs("div", {
+			className: "flex-grow flex flex-col items-center justify-center h-full gap-4",
+			children: [/* @__PURE__ */ jsx(Typography, {
+				variant: "label",
+				children: "Select a collection or create a new one"
+			}), /* @__PURE__ */ jsxs(Button, {
+				disabled: props.configController?.readOnly,
+				onClick: () => onSave?.(),
+				children: [/* @__PURE__ */ jsx(PlusIcon, {}), "Add new collection"]
+			})]
+		}), /* @__PURE__ */ jsx(UnsavedChangesDialog, {
+			...dialogProps,
+			handleOk: () => {
+				dialogProps.handleOk();
+				if (cancelRequested) {
+					onCancel?.();
+					setCancelRequested(false);
+				}
+			},
+			handleCancel: () => {
+				dialogProps.handleCancel();
+				setCancelRequested(false);
+			}
+		})] })
+	});
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/CollectionsStudioView.tsx
+function CollectionsStudioView({ configController, collections: collectionsProp, activeCollectionId: controlledActiveId, onActiveCollectionChange, propertyTypePresets, hiddenPropertyTypes, renderExtraPropertyFields, renderExtraCollectionFields, visibleTabs, standalone }) {
+	const [internalActiveId, setInternalActiveId] = useState(void 0);
+	const isControlled = onActiveCollectionChange !== void 0;
+	const activeCollectionId = isControlled ? controlledActiveId : internalActiveId;
+	const setActiveCollectionId = (id) => {
+		if (isControlled) onActiveCollectionChange?.(id);
+		else setInternalActiveId(id);
+	};
+	const collections = collectionsProp ?? configController.collections ?? [];
+	const [sidebarSize, setSidebarSize] = useState(() => {
+		try {
+			const saved = localStorage.getItem("rebase_collections_editor_sidebar_size");
+			return saved !== null ? parseFloat(saved) : 25;
+		} catch (e) {
+			return 25;
+		}
+	});
+	useEffect(() => {
+		try {
+			localStorage.setItem("rebase_collections_editor_sidebar_size", sidebarSize.toString());
+		} catch (e) {}
+	}, [sidebarSize]);
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex h-full w-full bg-surface-50 dark:bg-surface-800 overflow-hidden text-text-primary dark:text-text-primary-dark",
+		children: /* @__PURE__ */ jsx(ResizablePanels, {
+			orientation: "horizontal",
+			panelSizePercent: sidebarSize,
+			onPanelSizeChange: setSidebarSize,
+			minPanelSizePx: 220,
+			firstPanel: /* @__PURE__ */ jsxs("div", {
+				className: cls("flex flex-col h-full w-full bg-surface-50 dark:bg-surface-800 border-r", defaultBorderMixin),
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: cls("flex items-center justify-between px-3 py-2 border-b bg-surface-50 dark:bg-surface-900 min-h-[48px]", defaultBorderMixin),
+					children: [/* @__PURE__ */ jsx(Typography, {
+						variant: "caption",
+						className: "font-semibold text-[11px] uppercase tracking-wider text-surface-400 dark:text-surface-400",
+						children: "Collections"
+					}), /* @__PURE__ */ jsx(Tooltip, {
+						title: configController.readOnly ? configController.readOnlyReason || "Read only" : "Add collection",
+						children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(IconButton, {
+							size: "small",
+							disabled: configController.readOnly,
+							onClick: () => setActiveCollectionId("new"),
+							className: activeCollectionId === "new" ? "text-primary dark:text-primary-dark" : "text-text-secondary dark:text-text-secondary-dark",
+							children: /* @__PURE__ */ jsx(PlusIcon, { size: iconSize.smallest })
+						}) })
+					})]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex-grow overflow-y-auto w-full no-scrollbar p-2 space-y-0.5",
+					children: [collections.length === 0 && /* @__PURE__ */ jsx("div", {
+						className: "p-4 text-center",
+						children: /* @__PURE__ */ jsx(Typography, {
+							variant: "caption",
+							className: "text-text-disabled dark:text-text-disabled-dark italic",
+							children: "No collections yet."
+						})
+					}), collections.map((collection) => {
+						const collectionKey = collection.slug;
+						const isSelected = activeCollectionId === collectionKey;
+						return /* @__PURE__ */ jsxs("div", {
+							onClick: () => setActiveCollectionId(collectionKey),
+							className: cls("flex items-center gap-2.5 px-3 h-[30px] cursor-pointer rounded-lg text-[13px] font-medium transition-colors", isSelected ? "bg-primary/8 text-primary dark:bg-primary/10 dark:text-primary-light font-semibold" : "hover:bg-primary/5 dark:hover:bg-primary/5 text-surface-700 dark:text-surface-300 hover:text-surface-900 dark:hover:text-white"),
+							children: [/* @__PURE__ */ jsx(IconForView, {
+								collectionOrView: collection,
+								size: "smallest",
+								className: cls(isSelected ? "text-primary dark:text-primary-light" : "text-surface-500 dark:text-text-secondary-dark")
+							}), /* @__PURE__ */ jsx("span", {
+								className: "truncate flex-1",
+								children: collection.name || collection.slug
+							})]
+						}, collectionKey);
+					})]
+				})]
+			}),
+			secondPanel: /* @__PURE__ */ jsx("div", {
+				className: "flex-grow flex flex-col min-w-0 h-full w-full",
+				children: activeCollectionId ? /* @__PURE__ */ jsx(CollectionStudioView, {
+					configController,
+					collectionId: activeCollectionId,
+					onSave: (savedCollection) => {
+						if (activeCollectionId === "new" && savedCollection?.slug) setActiveCollectionId(savedCollection.slug);
+					},
+					onCancel: () => setActiveCollectionId(void 0),
+					propertyTypePresets,
+					hiddenPropertyTypes,
+					renderExtraPropertyFields,
+					renderExtraCollectionFields,
+					visibleTabs,
+					standalone
+				}, activeCollectionId) : /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col items-center justify-center h-full gap-4",
+					children: [/* @__PURE__ */ jsx(Typography, {
+						variant: "label",
+						children: "Select a collection or create a new one to start editing"
+					}), /* @__PURE__ */ jsxs(Button, {
+						disabled: configController.readOnly,
+						onClick: () => setActiveCollectionId("new"),
+						children: [/* @__PURE__ */ jsx(PlusIcon, {}), "Add new collection"]
+					})]
+				})
+			})
+		})
+	});
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/RouterCollectionsStudioView.tsx
+var RouterCollectionsStudioView_exports = /* @__PURE__ */ __exportAll({ RouterCollectionsStudioView: () => RouterCollectionsStudioView });
+function RouterCollectionsStudioView(props) {
+	const navigate = useNavigate();
+	const urlController = useUrlController();
+	const location = useLocation();
+	const basePath = urlController.buildAppUrlPath("schema");
+	const activeCollectionId = location.pathname.replace(basePath, "").replace(/^\//, "").split("/")[0] || void 0;
+	return /* @__PURE__ */ jsx(CollectionsStudioView, {
+		...props,
+		activeCollectionId,
+		onActiveCollectionChange: (id) => {
+			if (id) navigate(urlController.buildAppUrlPath(`schema/${id}`));
+			else navigate(urlController.buildAppUrlPath("schema"));
+		}
+	});
+}
+//#endregion
+export { CollectionStudioView as i, RouterCollectionsStudioView_exports as n, CollectionsStudioView as r, RouterCollectionsStudioView as t };
+
+//# sourceMappingURL=RouterCollectionsStudioView-DdEStpFk.js.map

package/dist/RouterCollectionsStudioView-DdEStpFk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouterCollectionsStudioView-DdEStpFk.js","names":[],"sources":["../src/collection_editor/ui/collection_editor/CollectionStudioView.tsx","../src/collection_editor/ui/collection_editor/CollectionsStudioView.tsx","../src/collection_editor/ui/collection_editor/RouterCollectionsStudioView.tsx"],"sourcesContent":["\nimport { useUnsavedChangesDialog, UnsavedChangesDialog } from \"@rebasepro/app\";\nimport * as React from \"react\";\nimport { useState } from \"react\";\nimport { Button, PlusIcon, Typography } from \"@rebasepro/ui\";\nimport { CollectionEditorDialogProps } from \"./CollectionEditorDialog\";\nimport { AIModifiedPathsProvider } from \"./AIModifiedPathsContext\";\nimport { CollectionEditor } from \"./CollectionEditorDialog\";\nimport type { CollectionConfig } from \"@rebasepro/types\";\n\nexport type CollectionStudioViewProps = Omit<CollectionEditorDialogProps, \"open\" | \"isNewCollection\" | \"editedCollectionId\" | \"handleClose\" | \"handleCancel\"> & {\n    collectionId?: string | \"new\";\n\n    /**\n     * Called after a successful save.\n     * Receives the saved collection (or undefined if dismissed without saving).\n     * When not provided, save completes silently.\n     */\n    onSave?: (collection?: CollectionConfig) => void;\n\n    /**\n     * Called when the user cancels editing.\n     * When not provided, cancel is a no-op.\n     */\n    onCancel?: () => void;\n};\n\nexport function CollectionStudioView({ collectionId, onSave, onCancel, ...props }: CollectionStudioViewProps) {\n\n    // Form state from the editor\n    const [formDirty, setFormDirty] = useState<boolean>(false);\n    const [cancelRequested, setCancelRequested] = useState<boolean>(false);\n\n    const { dialogProps, triggerDialog } = useUnsavedChangesDialog(\n        formDirty,\n        () => setFormDirty(false)\n    );\n\n    const activeCollectionId = collectionId;\n\n    const handleCancelClick = () => {\n        if (!formDirty) {\n            onCancel?.();\n        } else {\n            setCancelRequested(true);\n            triggerDialog();\n        }\n    };\n\n    return (\n        <div className=\"flex-grow flex flex-col h-full w-full bg-surface-50 dark:bg-surface-800\">\n            <AIModifiedPathsProvider>\n                {activeCollectionId ? (\n                    <CollectionEditor\n                        key={activeCollectionId}\n                        {...props}\n                        fullScreen={true}\n                        open={true}\n                        isNewCollection={activeCollectionId === \"new\"}\n                        editedCollectionId={activeCollectionId !== \"new\" ? activeCollectionId : undefined}\n                        handleCancel={handleCancelClick}\n                        handleClose={(savedCollection) => {\n                            setFormDirty(false);\n                            if (savedCollection) {\n                                setTimeout(() => {\n                                    onSave?.(savedCollection);\n                                }, 0);\n                            }\n                        }}\n                        setFormDirty={setFormDirty}\n                    />\n                ) : (\n                    <div className=\"flex-grow flex flex-col items-center justify-center h-full gap-4\">\n                        <Typography variant=\"label\">\n                            Select a collection or create a new one\n                        </Typography>\n                        <Button\n                            disabled={props.configController?.readOnly}\n                            onClick={() => onSave?.()}\n                        >\n                            <PlusIcon/>\n                            Add new collection\n                        </Button>\n                    </div>\n                )}\n\n                <UnsavedChangesDialog\n                    {...dialogProps}\n                    handleOk={() => {\n                        dialogProps.handleOk();\n                        if (cancelRequested) {\n                            onCancel?.();\n                            setCancelRequested(false);\n                        }\n                    }}\n                    handleCancel={() => {\n                        dialogProps.handleCancel();\n                        setCancelRequested(false);\n                    }}\n                />\n            </AIModifiedPathsProvider>\n        </div>\n    );\n}\n","\nimport { IconForView } from \"@rebasepro/app\";\nimport React, { useState, useEffect } from \"react\";\nimport {\n    Button,\n    cls,\n    defaultBorderMixin,\n    IconButton,\n    iconSize,\n    PlusIcon,\n    ResizablePanels,\n    Tooltip,\n    Typography\n} from \"@rebasepro/ui\";\nimport type { CollectionConfig } from \"@rebasepro/types\";\nimport { CollectionsConfigController } from \"../../types/config_controller\";\nimport { CollectionStudioView } from \"./CollectionStudioView\";\nimport type { CollectionEditorExtensionProps } from \"../../extensibility_types\";\n\nexport interface CollectionsStudioViewProps extends CollectionEditorExtensionProps {\n    configController: CollectionsConfigController;\n\n    /**\n     * Collections to show in the sidebar.\n     * When provided, overrides the collections from `configController`.\n     * Use this to control exactly which collections the editor displays.\n     */\n    collections?: CollectionConfig[];\n\n    /**\n     * Controlled active collection ID.\n     * When provided together with `onActiveCollectionChange`,\n     * navigation is fully external — no internal state is used.\n     */\n    activeCollectionId?: string;\n\n    /**\n     * Called when the user clicks a collection, \"new\", or navigates.\n     * When provided, the component is fully controlled (no internal state).\n     * When not provided, the component manages selection via internal state.\n     *\n     * Pass `\"new\"` to create a new collection. Pass `undefined` to deselect.\n     */\n    onActiveCollectionChange?: (collectionId: string | undefined) => void;\n}\n\nexport function CollectionsStudioView({\n    configController,\n    collections: collectionsProp,\n    activeCollectionId: controlledActiveId,\n    onActiveCollectionChange,\n    propertyTypePresets,\n    hiddenPropertyTypes,\n    renderExtraPropertyFields,\n    renderExtraCollectionFields,\n    visibleTabs,\n    standalone,\n}: CollectionsStudioViewProps) {\n\n    // ── Navigation state ────────────────────────────────────────────────\n    // If onActiveCollectionChange is provided, the component is controlled.\n    // Otherwise, use internal state.\n    const [internalActiveId, setInternalActiveId] = useState<string | undefined>(undefined);\n    const isControlled = onActiveCollectionChange !== undefined;\n    const activeCollectionId = isControlled ? controlledActiveId : internalActiveId;\n\n    const setActiveCollectionId = (id: string | undefined) => {\n        if (isControlled) {\n            onActiveCollectionChange?.(id);\n        } else {\n            setInternalActiveId(id);\n        }\n    };\n\n    // ── Collections list ────────────────────────────────────────────────\n    const collections = collectionsProp ?? configController.collections ?? [];\n\n    // ── Sidebar sizing ──────────────────────────────────────────────────\n    const [sidebarSize, setSidebarSize] = useState(() => {\n        try {\n            const saved = localStorage.getItem(\"rebase_collections_editor_sidebar_size\");\n            return saved !== null ? parseFloat(saved) : 25;\n        } catch (e) {\n            return 25;\n        }\n    });\n\n    useEffect(() => {\n        try {\n            localStorage.setItem(\"rebase_collections_editor_sidebar_size\", sidebarSize.toString());\n        } catch (e) {\n            // ignore local storage error\n        }\n    }, [sidebarSize]);\n\n    return (\n        <div className=\"flex h-full w-full bg-surface-50 dark:bg-surface-800 overflow-hidden text-text-primary dark:text-text-primary-dark\">\n            <ResizablePanels\n                orientation=\"horizontal\"\n                panelSizePercent={sidebarSize}\n                onPanelSizeChange={setSidebarSize}\n                minPanelSizePx={220}\n                firstPanel={\n                    <div className={cls(\"flex flex-col h-full w-full bg-surface-50 dark:bg-surface-800 border-r\", defaultBorderMixin)}>\n                        <div className={cls(\"flex items-center justify-between px-3 py-2 border-b bg-surface-50 dark:bg-surface-900 min-h-[48px]\", defaultBorderMixin)}>\n                            <Typography variant=\"caption\" className=\"font-semibold text-[11px] uppercase tracking-wider text-surface-400 dark:text-surface-400\">\n                                Collections\n                            </Typography>\n                            <Tooltip title={configController.readOnly ? configController.readOnlyReason || \"Read only\" : \"Add collection\"}>\n                                <div>\n                                    <IconButton\n                                        size=\"small\"\n                                        disabled={configController.readOnly}\n                                        onClick={() => setActiveCollectionId(\"new\")}\n                                        className={activeCollectionId === \"new\" ? \"text-primary dark:text-primary-dark\" : \"text-text-secondary dark:text-text-secondary-dark\"}\n                                    >\n                                        <PlusIcon size={iconSize.smallest}/>\n                                    </IconButton>\n                                </div>\n                            </Tooltip>\n                        </div>\n\n                        <div className=\"flex-grow overflow-y-auto w-full no-scrollbar p-2 space-y-0.5\">\n                            {collections.length === 0 && (\n                                <div className=\"p-4 text-center\">\n                                    <Typography variant=\"caption\" className=\"text-text-disabled dark:text-text-disabled-dark italic\">\n                                        No collections yet.\n                                    </Typography>\n                                </div>\n                            )}\n                            {collections.map((collection) => {\n                                const collectionKey = collection.slug;\n                                const isSelected = activeCollectionId === collectionKey;\n                                return (\n                                    <div\n                                        key={collectionKey}\n                                        onClick={() => setActiveCollectionId(collectionKey)}\n                                        className={cls(\n                                            \"flex items-center gap-2.5 px-3 h-[30px] cursor-pointer rounded-lg text-[13px] font-medium transition-colors\",\n                                            isSelected\n                                                ? \"bg-primary/8 text-primary dark:bg-primary/10 dark:text-primary-light font-semibold\"\n                                                : \"hover:bg-primary/5 dark:hover:bg-primary/5 text-surface-700 dark:text-surface-300 hover:text-surface-900 dark:hover:text-white\"\n                                        )}\n                                    >\n                                        <IconForView collectionOrView={collection} size={\"smallest\"} className={cls(\n                                            isSelected\n                                                ? \"text-primary dark:text-primary-light\"\n                                                : \"text-surface-500 dark:text-text-secondary-dark\"\n                                        )}/>\n                                        <span className=\"truncate flex-1\">\n                                            {collection.name || collection.slug}\n                                        </span>\n                                    </div>\n                                );\n                            })}\n                        </div>\n                    </div>\n                }\n                secondPanel={\n                    <div className=\"flex-grow flex flex-col min-w-0 h-full w-full\">\n                        {/* We use key to force unmount when switching collections, preventing stale state */}\n                        {activeCollectionId ? (\n                            <CollectionStudioView\n                                key={activeCollectionId}\n                                configController={configController}\n                                collectionId={activeCollectionId}\n                                onSave={(savedCollection) => {\n                                    // After creating a new collection, switch to it\n                                    if (activeCollectionId === \"new\" && savedCollection?.slug) {\n                                        setActiveCollectionId(savedCollection.slug);\n                                    }\n                                }}\n                                onCancel={() => setActiveCollectionId(undefined)}\n                                propertyTypePresets={propertyTypePresets}\n                                hiddenPropertyTypes={hiddenPropertyTypes}\n                                renderExtraPropertyFields={renderExtraPropertyFields}\n                                renderExtraCollectionFields={renderExtraCollectionFields}\n                                visibleTabs={visibleTabs}\n                                standalone={standalone}\n                            />\n                        ) : (\n                            <div className=\"flex flex-col items-center justify-center h-full gap-4\">\n                                <Typography variant=\"label\">\n                                    Select a collection or create a new one to start editing\n                                </Typography>\n                                <Button\n                                    disabled={configController.readOnly}\n                                    onClick={() => setActiveCollectionId(\"new\")}\n                                >\n                                    <PlusIcon/>\n                                    Add new collection\n                                </Button>\n                            </div>\n                        )}\n                    </div>\n                }\n            />\n        </div>\n    );\n}\n","/**\n * Router-aware wrapper around CollectionsStudioView.\n *\n * This component provides the react-router-based navigation behavior\n * that Rebase Studio expects: the active collection is derived from the\n * URL, and clicking a collection navigates via react-router.\n *\n * External consumers should use `CollectionsStudioView` directly\n * (which has no react-router dependency).\n */\nimport React from \"react\";\nimport { useLocation, useNavigate } from \"react-router-dom\";\nimport { useUrlController } from \"../../_cms_internals\";\nimport { CollectionsStudioView, CollectionsStudioViewProps } from \"./CollectionsStudioView\";\n\nexport type RouterCollectionsStudioViewProps = Omit<CollectionsStudioViewProps, \"activeCollectionId\" | \"onActiveCollectionChange\">;\n\nexport function RouterCollectionsStudioView(props: RouterCollectionsStudioViewProps) {\n    const navigate = useNavigate();\n    const urlController = useUrlController();\n    const location = useLocation();\n\n    // Determine the active collection from the URL segment after \"schema/\"\n    const basePath = urlController.buildAppUrlPath(\"schema\");\n    const relativePath = location.pathname.replace(basePath, \"\").replace(/^\\//, \"\");\n    const activeCollectionId = relativePath.split(\"/\")[0] || undefined;\n\n    return (\n        <CollectionsStudioView\n            {...props}\n            activeCollectionId={activeCollectionId}\n            onActiveCollectionChange={(id) => {\n                if (id) {\n                    navigate(urlController.buildAppUrlPath(`schema/${id}`));\n                } else {\n                    navigate(urlController.buildAppUrlPath(\"schema\"));\n                }\n            }}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/collection_editor/ConfigControllerProvider.d.ts

@@ -2,7 +2,6 @@ import React from "react";
 import { User } from "@rebasepro/types";
 import { CollectionsConfigController } from "./types/config_controller";
 import { CollectionEditorController } from "./types/collection_editor_controller";
-import { CollectionEditorPermissionsBuilder } from "./types/config_permissions";
 import { CollectionInference } from "./types/collection_inference";
 import { CollectionGenerationCallback } from "./api/generateCollectionApi";
 export declare const ConfigControllerContext: React.Context<CollectionsConfigController>;
@@ -16,14 +15,6 @@ export interface ConfigControllerProviderProps {
      * Callback used to infer the schema from the data.
      */
     collectionInference?: CollectionInference;
-    /**
-     * Use this builder to define the permissions for the configuration per user.
-     */
-    configPermissions?: CollectionEditorPermissionsBuilder;
-    /**
-     * Groups that cannot be used to create new collections.
-     */
-    reservedGroups?: string[];
     extraView?: {
         View: React.ComponentType<{
             path: string;
@@ -40,6 +31,6 @@ export interface ConfigControllerProviderProps {
      */
     generateCollection?: CollectionGenerationCallback;
 }
-export declare const ConfigControllerProvider: React.NamedExoticComponent<ConfigControllerProviderProps & {
+export declare const ConfigControllerProvider: React.MemoExoticComponent<({ children, collectionConfigController, collectionInference, extraView, getUser, getData, onAnalyticsEvent, pathSuggestions, generateCollection }: ConfigControllerProviderProps & {
     children?: React.ReactNode;
-}>;
+}) => React.JSX.Element>;

package/dist/collection_editor/_cms_internals.d.ts

@@ -6,16 +6,16 @@
 export { useCollectionRegistryController } from "../hooks/navigation/contexts/CollectionRegistryContext";
 export { useNavigationStateController } from "../hooks/navigation/contexts/NavigationStateContext";
 export { useUrlController } from "../hooks/navigation/contexts/UrlContext";
-export { useSideEntityController } from "../hooks/useSideEntityController";
+export { useSidePanel } from "../hooks/useSidePanel";
 export { useBreadcrumbsController } from "../hooks/useBreadcrumbsController";
 export { FieldCaption } from "../components/FieldCaption";
 export { SearchIconsView } from "../components/SearchIconsView";
 export { PropertyConfigBadge } from "../components/PropertyConfigBadge";
-export { EntityCollectionTable } from "../components/EntityCollectionTable";
-export { VirtualTableInput } from "../components/EntityCollectionTable/fields/VirtualTableInput";
+export { CollectionTableBinding } from "../components/CollectionTableBinding";
+export { VirtualTableInput } from "@rebasepro/ui";
 export { ArrayContainer } from "../components/ArrayContainer";
 export type { ArrayEntryParams } from "../components/ArrayContainer";
-export { useSelectionController } from "../components/EntityCollectionView/useSelectionController";
+export { useSelectionController } from "../components/CollectionViewBinding/useSelectionController";
 export { ImportFileUpload } from "../data_import/components/ImportFileUpload";
 export { ImportSaveInProgress } from "../data_import/components/ImportSaveInProgress";
 export { useImportConfig } from "../data_import/hooks/useImportConfig";

package/dist/collection_editor/api/generateCollectionApi.d.ts

@@ -1,11 +1,11 @@
-import { EntityCollection } from "@rebasepro/types";
+import { CollectionConfig } from "@rebasepro/types";
 export interface GenerateCollectionRequest {
     /** User's natural language description of what they want */
     prompt: string;
     /** Other collections in the project (for context/relationships). Limit to 30. */
-    existingCollections: Partial<EntityCollection>[];
+    existingCollections: Partial<CollectionConfig>[];
     /** Optional for generate, required for modifications. If provided, modifies this collection */
-    existingCollection?: Partial<EntityCollection>;
+    existingCollection?: Partial<CollectionConfig>;
 }
 /** Operation types for modifying a collection */
 export type CollectionOperationType = "add" | "modify" | "delete";
@@ -17,7 +17,7 @@ export interface CollectionOperation {
 }
 /** Result from collection generation, including optional delta operations */
 export interface GenerateCollectionResult {
-    collection: EntityCollection;
+    collection: CollectionConfig;
     operations?: CollectionOperation[];
 }
 /**
@@ -38,8 +38,9 @@ export declare const DEFAULT_COLLECTION_GENERATION_ENDPOINT = "https://api.rebas
  */
 export interface BuildCollectionGenerationCallbackProps {
     /**
-     * Function to get the auth token (e.g., from Firebase Auth)
-     * This is typically `authController.getAuthToken` from `@rebasepro/client-firebase`
+     * Function to get the auth token.
+     * This is typically `authController.getAuthToken` from `@rebasepro/client`
+     * (or `@rebasepro/firebase` if using Firebase).
      */
     getAuthToken: () => Promise<string>;
     /**
@@ -55,15 +56,15 @@ export interface BuildCollectionGenerationCallbackProps {
  *
  * @example
  * ```tsx
- * import { RebaseCMS } from "@rebasepro/admin";
+ * import { RebaseAdmin } from "@rebasepro/admin";
  * import { buildCollectionGenerationCallback } from "@rebasepro/admin/collection_editor";
- * import { useFirebaseAuthController } from "@rebasepro/client-firebase";
+ * import { useFirebaseAuthController } from "@rebasepro/firebase";
  *
  * const authController = useFirebaseAuthController({ firebaseApp });
  *
  * export function App() {
  *     return (
- *         <RebaseCMS
+ *         <RebaseAdmin
  *             collectionEditor={{
  *                 generateCollection: buildCollectionGenerationCallback({
  *                     getAuthToken: authController.getAuthToken

package/dist/collection_editor/extensibility_types.d.ts

@@ -0,0 +1,135 @@
+/**
+ * Extension point types for the collection editor UI.
+ *
+ * These types define props that let external consumers customize the editor
+ * without forking the UI: property type presets, type filtering,
+ * custom form field slots, and tab visibility.
+ *
+ * All extension points are additive and optional — the standard Rebase
+ * editor experience is unchanged when these props are not provided.
+ *
+ * @module
+ */
+import type React from "react";
+import type { SerializableProperty, SerializableCollectionConfig } from "./serializable_types";
+/**
+ * The base property data types supported by Rebase.
+ * Derived from the `type` discriminant on `SerializableProperty`.
+ */
+export type PropertyType = SerializableProperty["type"];
+/**
+ * A higher-level "preset" that maps to a base Rebase property type
+ * with pre-filled configuration. Presets replace the default type picker
+ * in the property form when provided.
+ *
+ * @example
+ * ```typescript
+ * const emailPreset: PropertyTypePreset = {
+ *     id: "email",
+ *     label: "Email",
+ *     baseType: "string",
+ *     icon: "Mail",
+ *     defaults: { email: true },
+ *     detect: (p) => p.type === "string" && "email" in p && p.email === true,
+ * };
+ * ```
+ */
+export interface PropertyTypePreset {
+    /** Unique identifier for this preset (e.g. "email", "phone", "currency"). */
+    id: string;
+    /** Display label shown in the type picker. */
+    label: string;
+    /** The underlying Rebase property type this maps to. */
+    baseType: PropertyType;
+    /** Icon to show in the picker (Lucide icon name string or React node). */
+    icon?: string | React.ReactNode;
+    /** Default property config applied when this preset is selected. */
+    defaults: Partial<SerializableProperty>;
+    /**
+     * Optional: detect this preset from an existing property.
+     * Used when loading existing schemas to show the correct preset label
+     * instead of the raw base type. First match wins.
+     * If not provided, falls back to matching by `baseType` alone.
+     */
+    detect?: (property: SerializableProperty) => boolean;
+}
+/**
+ * The tabs available in the collection editor.
+ */
+export type CollectionEditorTab = "general" | "display" | "properties" | "rls";
+/**
+ * Parameters passed to the `renderExtraPropertyFields` render prop.
+ */
+export interface ExtraPropertyFieldsParams {
+    /** Current metadata values from `property.metadata`. */
+    metadata: Record<string, unknown>;
+    /** Callback to update a single metadata key. Triggers dirty-state tracking. */
+    onMetadataChange: (key: string, value: unknown) => void;
+    /** The full current property being edited (serializable form). */
+    property: SerializableProperty;
+    /** The collection this property belongs to (serializable form). */
+    collection: SerializableCollectionConfig;
+}
+/**
+ * Parameters passed to the `renderExtraCollectionFields` render prop.
+ */
+export interface ExtraCollectionFieldsParams {
+    /** Current metadata values from `collection.metadata`. */
+    metadata: Record<string, unknown>;
+    /** Callback to update a single metadata key. Triggers dirty-state tracking. */
+    onMetadataChange: (key: string, value: unknown) => void;
+    /** The full current collection being edited (serializable form). */
+    collection: SerializableCollectionConfig;
+}
+/**
+ * All extension props for the collection editor UI.
+ *
+ * This interface groups every customization point into a single type
+ * that can be intersected with component props interfaces for clean threading.
+ *
+ * All fields are optional — when not provided, the standard Rebase
+ * editor experience is unchanged (backward compatible).
+ */
+export interface CollectionEditorExtensionProps {
+    /**
+     * Custom property type presets. When provided, these REPLACE the default
+     * type picker entirely. To include standard Rebase types alongside custom
+     * ones, include them explicitly in the array.
+     *
+     * When not provided, the standard Rebase widget picker is shown.
+     */
+    propertyTypePresets?: PropertyTypePreset[];
+    /**
+     * Property types to hide from the type picker.
+     * Only applies when `propertyTypePresets` is NOT provided.
+     * When `propertyTypePresets` IS provided, this prop is ignored.
+     */
+    hiddenPropertyTypes?: PropertyType[];
+    /**
+     * Render additional form fields below the standard property configuration.
+     * Metadata is stored in `property.metadata`.
+     */
+    renderExtraPropertyFields?: (params: ExtraPropertyFieldsParams) => React.ReactNode;
+    /**
+     * Render additional form fields in the collection editor's General tab.
+     * Metadata is stored in `collection.metadata`.
+     */
+    renderExtraCollectionFields?: (params: ExtraCollectionFieldsParams) => React.ReactNode;
+    /**
+     * Which tabs to show in the collection editor.
+     * Default: all tabs are shown (current behavior).
+     */
+    visibleTabs?: CollectionEditorTab[];
+    /**
+     * When true, the editor runs in standalone mode — all Rebase-specific
+     * context dependencies (snackbar, auth, collection registry, import,
+     * navigation state, URL controller) use safe defaults instead of
+     * reading from React contexts.
+     *
+     * Use this when embedding the collection editor outside of the Rebase
+     * CMS, where the Rebase context providers are not available.
+     *
+     * Default: false (standard Rebase mode).
+     */
+    standalone?: boolean;
+}

package/dist/collection_editor/index.d.ts

@@ -1,10 +1,13 @@
 export { useCollectionEditorController } from "./useCollectionEditorController";
 export { useCollectionsConfigController } from "./useCollectionsConfigController";
 export { useLocalCollectionsConfigController } from "./useLocalCollectionsConfigController";
+export { useJsonCollectionsConfigController, type UseJsonCollectionsConfigControllerOptions, } from "./useJsonCollectionsConfigController";
+export { toSerializableCollectionConfig, toSerializableProperty, toSerializableProperties, fromSerializableCollectionConfig, fromSerializableProperty, fromSerializableProperties, } from "./serializable_utils";
+export type { SerializableCollectionConfig, SerializableProperty, SerializableProperties, SerializableBaseProperty, SerializableStringProperty, SerializableNumberProperty, SerializableBooleanProperty, SerializableDateProperty, SerializableGeopointProperty, SerializableReferenceProperty, SerializableRelationProperty, SerializableArrayProperty, SerializableMapProperty, SerializableVectorProperty, SerializableBinaryProperty, SerializableStorageConfig, SerializableStringValidation, SerializableDateValidation, JsonCollectionStore, } from "./serializable_types";
+export type { PropertyTypePreset, PropertyType, CollectionEditorTab, CollectionEditorExtensionProps, ExtraPropertyFieldsParams, ExtraCollectionFieldsParams, } from "./extensibility_types";
 export { validateCollectionJson, type CollectionValidationError, type CollectionValidationResult } from "./validateCollectionJson";
 export type { CollectionsConfigController, DeleteCollectionParams, SaveCollectionParams, UpdateCollectionParams, CollectionsSetupInfo, UpdatePropertiesOrderParams, UpdateKanbanColumnsOrderParams } from "./types/config_controller";
 export type { CollectionEditorController } from "./types/collection_editor_controller";
-export type { CollectionEditorPermissions, CollectionEditorPermissionsBuilder } from "./types/config_permissions";
 export type { CollectionInference } from "./types/collection_inference";
 export { buildCollectionGenerationCallback, CollectionGenerationApiError, DEFAULT_COLLECTION_GENERATION_ENDPOINT } from "./api/generateCollectionApi";
 export type { CollectionGenerationCallback, GenerateCollectionRequest, GenerateCollectionResult, CollectionOperation, CollectionOperationType, BuildCollectionGenerationCallbackProps } from "./api/generateCollectionApi";
@@ -13,4 +16,6 @@ export * from "./ui/collection_editor/util";
 export type { CollectionEditorDialogProps } from "./ui/collection_editor/CollectionEditorDialog";
 export type { CollectionStudioViewProps } from "./ui/collection_editor/CollectionStudioView";
 export type { CollectionsStudioViewProps } from "./ui/collection_editor/CollectionsStudioView";
+export type { RouterCollectionStudioViewProps } from "./ui/collection_editor/RouterCollectionStudioView";
+export type { RouterCollectionsStudioViewProps } from "./ui/collection_editor/RouterCollectionsStudioView";
 export type { PropertyFormProps, OnPropertyChangedParams } from "./ui/collection_editor/PropertyEditView";

package/dist/collection_editor/pgColumnToProperty.d.ts

@@ -1,6 +1,6 @@
-import { EntityCollection, TableMetadata } from "@rebasepro/types";
+import { CollectionConfig, TableMetadata } from "@rebasepro/types";
 /**
- * Builds a partial EntityCollection from PostgreSQL table metadata.
+ * Builds a partial CollectionConfig from PostgreSQL table metadata.
  * This is used when creating a new collection from an existing database table.
  */
-export declare function buildCollectionFromTableMetadata(tableName: string, metadata: TableMetadata): Partial<EntityCollection>;
+export declare function buildCollectionFromTableMetadata(tableName: string, metadata: TableMetadata): Partial<CollectionConfig>;