@rebasepro/cms 0.17.3 → 0.18.0

package/dist/{RouterCollectionsStudioView-DkAWda4N.js → RouterCollectionsStudioView-BtjzvB6E.js}

@@ -1,7 +1,7 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
-import { mn as useUrlController } from "./util-DVqnqlLn.js";
-import { t as CollectionEditor } from "./CollectionEditorDialog-B-akreOU.js";
-import { s as AIModifiedPathsProvider } from "./PropertyEditView-CiY84wkR.js";
+import { hn as useUrlController } from "./util-DE1WQW6h.js";
+import { t as CollectionEditor } from "./CollectionEditorDialog-BeX4b92r.js";
+import { s as AIModifiedPathsProvider } from "./PropertyEditView-C7thfj4L.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";
@@ -185,4 +185,4 @@ function RouterCollectionsStudioView(props) {
 //#endregion
 export { CollectionStudioView as i, RouterCollectionsStudioView_exports as n, CollectionsStudioView as r, RouterCollectionsStudioView as t };
 
-//# sourceMappingURL=RouterCollectionsStudioView-DkAWda4N.js.map
+//# sourceMappingURL=RouterCollectionsStudioView-BtjzvB6E.js.map

package/dist/{RouterCollectionsStudioView-DkAWda4N.js.map → RouterCollectionsStudioView-BtjzvB6E.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RouterCollectionsStudioView-DkAWda4N.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 { AdminCollection } from \"@rebasepro/cms-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?: AdminCollection) => 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\";\n\nimport { CollectionsConfigController } from \"../../types/config_controller\";\nimport { CollectionStudioView } from \"./CollectionStudioView\";\nimport type { CollectionEditorExtensionProps } from \"../../extensibility_types\";\nimport type { AdminCollection } from \"@rebasepro/cms-types\";\nimport { readStoredString, writeStoredString } from \"@rebasepro/utils\";\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?: AdminCollection[];\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    // Checked, not just parsed: `parseFloat` answers NaN for anything it cannot\n    // read, and a NaN pane size lays the sidebar out to nothing — with the bad\n    // value still in storage on reload. `SplitListView.getSavedPanelSize` is the\n    // same read, done this way.\n    const [sidebarSize, setSidebarSize] = useState(() => {\n        const saved = readStoredString(\"rebase_collections_editor_sidebar_size\");\n        const parsed = saved === null ? NaN : parseFloat(saved);\n        return Number.isFinite(parsed) && parsed > 0 && parsed < 100 ? parsed : 25;\n    });\n\n    useEffect(() => {\n        writeStoredString(\"rebase_collections_editor_sidebar_size\", sidebarSize.toString());\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\";\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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"}
+{"version":3,"file":"RouterCollectionsStudioView-BtjzvB6E.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 { AdminCollection } from \"@rebasepro/cms-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?: AdminCollection) => 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\";\n\nimport { CollectionsConfigController } from \"../../types/config_controller\";\nimport { CollectionStudioView } from \"./CollectionStudioView\";\nimport type { CollectionEditorExtensionProps } from \"../../extensibility_types\";\nimport type { AdminCollection } from \"@rebasepro/cms-types\";\nimport { readStoredString, writeStoredString } from \"@rebasepro/utils\";\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?: AdminCollection[];\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    // Checked, not just parsed: `parseFloat` answers NaN for anything it cannot\n    // read, and a NaN pane size lays the sidebar out to nothing — with the bad\n    // value still in storage on reload. `SplitListView.getSavedPanelSize` is the\n    // same read, done this way.\n    const [sidebarSize, setSidebarSize] = useState(() => {\n        const saved = readStoredString(\"rebase_collections_editor_sidebar_size\");\n        const parsed = saved === null ? NaN : parseFloat(saved);\n        return Number.isFinite(parsed) && parsed > 0 && parsed < 100 ? parsed : 25;\n    });\n\n    useEffect(() => {\n        writeStoredString(\"rebase_collections_editor_sidebar_size\", sidebarSize.toString());\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\";\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/{SchemaChangeDialog-DceT8QFX.js → SchemaChangeDialog-CkqK6KOC.js}

@@ -1,3 +1,4 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
 import { useState } from "react";
 import { Alert, Button, Chip, CircularProgress, Dialog, DialogActions, DialogContent, DialogTitle, Typography, cls } from "@rebasepro/ui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -27,6 +28,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * boot reconciles. A button labelled "Save" would be describing a different,
 * worse thing.
 */
+var SchemaChangeDialog_exports = /* @__PURE__ */ __exportAll({ SchemaChangeDialog: () => SchemaChangeDialog });
 /** What the verdict means, in the words the reader needs rather than the enum's. */
 /**
 * What the verdict means, in the words the reader needs rather than the enum's.
@@ -389,6 +391,6 @@ function SchemaChangeDialog({ open, collectionId, plan, planError, result, apply
 	});
 }
 //#endregion
-export { SchemaChangeDialog };
+export { SchemaChangeDialog_exports as n, SchemaChangeDialog as t };
 
-//# sourceMappingURL=SchemaChangeDialog-DceT8QFX.js.map
+//# sourceMappingURL=SchemaChangeDialog-CkqK6KOC.js.map

package/dist/{SchemaChangeDialog-DceT8QFX.js.map → SchemaChangeDialog-CkqK6KOC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SchemaChangeDialog-DceT8QFX.js","names":[],"sources":["../src/collection_editor/ui/collection_editor/SchemaChangeDialog.tsx"],"sourcesContent":["/**\n * What a schema change would do, before it does it.\n *\n * The dialog exists because a schema change has three possible verdicts and two\n * of them are refusals. Without a preview, the only way to discover that a\n * change is refused is to press a button on a live database and read what comes\n * back — which is a fine way to learn and a poor way to work.\n *\n * ## What it shows, in the order somebody reads it\n *\n * The verdict first, in a sentence, because it decides whether the rest is\n * worth reading. Then the changes, each with what it does and — when it is\n * refused — what to do instead. Then the things that are easy to skip past and\n * expensive to have skipped: constraints the change asks for that the database\n * will not end up enforcing. The SQL and the file list come last, collapsed,\n * for the reader who wants them; they are the evidence, not the summary.\n *\n * ## Why the button says \"Commit and apply\"\n *\n * Because that is the order, and the order is the feature. The commit lands\n * first, so a failed apply leaves the repository ahead of the database — the\n * ordinary state of every project between an edit and a deploy, which the next\n * boot reconciles. A button labelled \"Save\" would be describing a different,\n * worse thing.\n */\nimport React, { useState } from \"react\";\nimport {\n    Alert,\n    Button,\n    Chip,\n    CircularProgress,\n    cls,\n    Dialog,\n    DialogActions,\n    DialogContent,\n    DialogTitle,\n    Typography\n} from \"@rebasepro/ui\";\n\nimport type { LiveSchemaPlan, LiveSchemaResult, WithheldConstraint } from \"../../liveSchemaClient\";\n\nexport interface SchemaChangeDialogProps {\n    open: boolean;\n    /** The collection being changed, for the title. */\n    collectionId: string;\n    /** `undefined` while the plan is still being fetched. */\n    plan?: LiveSchemaPlan;\n    /** Set when planning itself failed — a network error, a refusal, a 500. */\n    planError?: string;\n    /** Set once the change has been applied, which turns this into a receipt. */\n    result?: LiveSchemaResult;\n    applying: boolean;\n    /** Set when the apply threw rather than returning a result. */\n    applyError?: string;\n    onConfirm: () => void;\n    /**\n     * Ask again, when planning failed.\n     *\n     * A dropped connection should cost a click, not the whole wizard. The form\n     * is already filled in, and making somebody redo it for a transient failure\n     * teaches them to distrust the preview rather than the network.\n     */\n    onRetry?: () => void;\n    /**\n     * Write the collection source and leave the database alone.\n     *\n     * Offered only when the change is refused, and it is what keeps the editor\n     * usable while it is. Removing a property is the ordinary case: the ensure\n     * path has no `DROP COLUMN`, so a removal can never be applied — and\n     * refusing the whole save over it would mean a dev could no longer delete a\n     * field from a collection they are still designing.\n     *\n     * This is exactly what the editor did before live editing existed, so it is\n     * not a new hazard; the difference is that it now says what it leaves\n     * behind instead of reporting success.\n     */\n    onSourceOnly?: () => void;\n    onClose: () => void;\n    /**\n     * Why this caller may preview but not apply, when that is the case.\n     *\n     * A person signed in with an API key, most often. Shown next to a disabled\n     * button so the refusal arrives while they are deciding rather than after\n     * they have decided.\n     */\n    applyRefusedBecause?: string;\n    /**\n     * Where a confirmation would land — `owner/repo` and a branch.\n     *\n     * On screen before the button, not in the receipt after it. A commit is\n     * going somewhere, and which branch it is going to is the one fact somebody\n     * cannot recover from being wrong about.\n     */\n    target?: { repository?: string; branch?: string };\n}\n\ntype Verdict = LiveSchemaPlan[\"verdict\"];\n\n/** What the verdict means, in the words the reader needs rather than the enum's. */\n/**\n * What the verdict means, in the words the reader needs rather than the enum's.\n *\n * `safe` is written twice because the two cases are genuinely different, and\n * saying \"can be made against the running database\" when nothing will be run is\n * the kind of small lie that teaches people to stop reading. A document\n * database has no table to alter, and a change that needs no DDL on a\n * relational one is in the same position: the commit *is* the change.\n */\nconst VERDICT_COPY: Record<Verdict, { title: string; body: string; color: \"info\" | \"warning\" | \"error\" }> = {\n    safe: {\n        title: \"Ready to apply\",\n        body: \"Every change here can be made against the running database.\",\n        color: \"info\"\n    },\n    diverges: {\n        title: \"This would leave the database out of step\",\n        body: \"The change can be written, but the database will not end up matching it. \" +\n            \"The details below say which part, and what would make it applicable.\",\n        color: \"warning\"\n    },\n    \"needs-migration\": {\n        title: \"This needs a migration\",\n        body: \"Some of this cannot be done to a running database at all — it drops or rewrites \" +\n            \"something, and that belongs in a migration somebody has read.\",\n        color: \"error\"\n    }\n};\n\nconst VERDICT_CHIP: Record<Verdict, { label: string; scheme: \"greenLighter\" | \"orangeLighter\" | \"redLighter\" }> = {\n    safe: { label: \"safe\", scheme: \"greenLighter\" },\n    diverges: { label: \"diverges\", scheme: \"orangeLighter\" },\n    \"needs-migration\": { label: \"needs migration\", scheme: \"redLighter\" }\n};\n\nconst monospace = \"font-mono text-xs leading-relaxed\";\nconst codeBlock = cls(\n    monospace,\n    \"bg-surface-100 dark:bg-surface-800 rounded-md p-3 overflow-x-auto whitespace-pre\"\n);\n\n/** A disclosure that starts closed. The evidence, for the reader who wants it. */\nfunction Details({ summary, count, children }: {\n    summary: string;\n    count: number;\n    children: React.ReactNode;\n}) {\n    const [open, setOpen] = useState(false);\n    if (count === 0) return null;\n    return (\n        <div>\n            <button\n                type=\"button\"\n                onClick={() => setOpen(o => !o)}\n                className=\"flex items-center gap-2 text-sm text-text-secondary dark:text-text-secondary-dark hover:underline\"\n            >\n                <span className={cls(\"transition-transform\", open && \"rotate-90\")}>›</span>\n                {summary} ({count})\n            </button>\n            {open && <div className=\"mt-2\">{children}</div>}\n        </div>\n    );\n}\n\n/**\n * What still has to happen after this lands.\n *\n * Above the evidence and below the changes, because it is not a refusal and not\n * a detail: the change will apply, and something outside this dialog still has\n * to be done or a later environment will differ from this one.\n */\nfunction FollowUp({ items }: { items: string[] }) {\n    if (items.length === 0) return null;\n    return (\n        <Alert color=\"info\">\n            <Typography variant=\"body2\" className=\"font-medium mb-1\">\n                {items.length === 1 ? \"One thing to do afterwards\" : \"To do afterwards\"}\n            </Typography>\n            <ul className=\"space-y-2\">\n                {items.map(item => (\n                    <li key={item} className=\"text-sm\">{item}</li>\n                ))}\n            </ul>\n        </Alert>\n    );\n}\n\n/**\n * The destination, short enough to read at a glance.\n *\n * A remote repository already reports itself as `owner/repo`, which is exactly\n * what somebody recognises. A local one reports an absolute path, and the\n * leading directories are the part nobody needs: what matters is which\n * checkout, and its name says that.\n */\nfunction repositoryLabel(repository: string): string {\n    if (!repository.startsWith(\"/\")) return repository;\n    return repository.split(\"/\").filter(Boolean).pop() ?? repository;\n}\n\nfunction WithheldConstraints({ constraints }: { constraints: WithheldConstraint[] }) {\n    if (constraints.length === 0) return null;\n    return (\n        <Alert color=\"warning\">\n            <Typography variant=\"body2\" className=\"font-medium mb-1\">\n                {constraints.length === 1\n                    ? \"One constraint will not be enforced\"\n                    : `${constraints.length} constraints will not be enforced`}\n            </Typography>\n            <ul className=\"space-y-2\">\n                {constraints.map(constraint => (\n                    <li key={constraint.target} className=\"text-sm\">\n                        <code className=\"bg-surface-200 dark:bg-surface-700 px-1 rounded\">\n                            {constraint.target}\n                        </code>\n                        <div className=\"mt-1\">{constraint.reason}</div>\n                        <div className=\"mt-1 text-text-secondary dark:text-text-secondary-dark\">\n                            {constraint.remedy}\n                        </div>\n                    </li>\n                ))}\n            </ul>\n        </Alert>\n    );\n}\n\n/** The receipt. Shown in place of the plan once the change has been applied. */\nfunction Applied({ result }: { result: LiveSchemaResult }) {\n    return (\n        <div className=\"flex flex-col gap-4\">\n            <Alert color={result.applied ? \"success\" : \"warning\"}>\n                <Typography variant=\"body2\">{result.summary}</Typography>\n            </Alert>\n\n            {!result.applied && result.applyError && (\n                // Deliberately not an error state. The commit landed, which is\n                // the durable half; the database is now behind the repository,\n                // which is where every project sits between an edit and a\n                // deploy, and boot reconciles it.\n                <Alert color=\"warning\">\n                    <Typography variant=\"body2\" className=\"font-medium mb-1\">\n                        The database was not changed\n                    </Typography>\n                    <Typography variant=\"body2\">{result.applyError}</Typography>\n                    <Typography variant=\"body2\" className=\"mt-2\">\n                        The commit is on <code>{result.committed.branch}</code> either way, so the\n                        change will be applied on the next boot.\n                    </Typography>\n                </Alert>\n            )}\n\n            <WithheldConstraints constraints={result.withheldConstraints ?? []}/>\n            <FollowUp items={result.followUp ?? []}/>\n\n            <div>\n                <Typography variant=\"label\" color=\"secondary\">Committed</Typography>\n                <div className={cls(codeBlock, \"mt-1\")}>\n                    {result.committed.sha.slice(0, 9)} on {result.committed.branch}\n                    {\"\\n\"}\n                    {result.committed.files.map(file => `  ${file}`).join(\"\\n\")}\n                </div>\n            </div>\n        </div>\n    );\n}\n\nexport function SchemaChangeDialog({\n    open,\n    collectionId,\n    plan,\n    planError,\n    result,\n    applying,\n    applyError,\n    onConfirm,\n    onRetry,\n    onSourceOnly,\n    onClose,\n    applyRefusedBecause,\n    target\n}: SchemaChangeDialogProps) {\n\n    const verdict = plan?.verdict;\n    const statements = plan?.statements.length ?? 0;\n\n    // \"Commit\" only when we positively know there is nothing to apply: a plan\n    // that is going ahead and has no statements. A *refused* plan also has none\n    // — because it will not run — and labelling that button \"Commit\" would be\n    // describing the change it is refusing to make. Unknown reads as the fuller\n    // action, which is the safer way to be wrong about a label.\n    const commitOnly = Boolean(plan?.applicable) && statements === 0;\n\n    // Described from the plan rather than from an assumption about the engine.\n    // A document database runs nothing; so does a relational change that only\n    // moves source. Both are a commit, and calling either one \"apply\" would be\n    // describing something that does not happen.\n    const copy = verdict === \"safe\" && commitOnly\n        ? {\n            title: \"Ready to commit\",\n            body: \"This changes what your project declares. Nothing runs against the database — \" +\n                \"there is no schema change to make.\",\n            color: \"info\" as const\n        }\n        : verdict\n            ? VERDICT_COPY[verdict]\n            : undefined;\n\n    return (\n        <Dialog open={open} onOpenChange={value => { if (!value) onClose(); }} maxWidth=\"3xl\">\n            <DialogTitle className=\"flex items-center gap-2\">\n                {result ? \"Schema change applied\" : \"Review schema change\"}\n                <code className=\"text-sm font-normal text-text-secondary dark:text-text-secondary-dark\">\n                    {collectionId}\n                </code>\n            </DialogTitle>\n\n            <DialogContent className=\"flex flex-col gap-4\">\n                {planError && (\n                    <Alert color=\"error\">\n                        <Typography variant=\"body2\" className=\"font-medium mb-1\">\n                            The change could not be planned\n                        </Typography>\n                        <Typography variant=\"body2\">{planError}</Typography>\n                    </Alert>\n                )}\n\n                {!plan && !planError && !result && (\n                    <div className=\"flex items-center gap-3 py-6\">\n                        <CircularProgress size=\"small\"/>\n                        <Typography variant=\"body2\" color=\"secondary\">\n                            Working out what this change would do…\n                        </Typography>\n                    </div>\n                )}\n\n                {result && <Applied result={result}/>}\n\n                {plan && !result && copy && (\n                    <>\n                        <Alert color={copy.color}>\n                            <Typography variant=\"body2\" className=\"font-medium mb-1\">\n                                {copy.title}\n                            </Typography>\n                            <Typography variant=\"body2\">{copy.body}</Typography>\n                        </Alert>\n\n                        {applyError && (\n                            <Alert color=\"error\">\n                                <Typography variant=\"body2\">{applyError}</Typography>\n                            </Alert>\n                        )}\n\n                        {plan.changes.length === 0 && (\n                            <Typography variant=\"body2\" color=\"secondary\">\n                                Nothing here changes the shape of your data. The collection source\n                                is still rewritten and committed.\n                            </Typography>\n                        )}\n\n                        {!plan.applicable && onSourceOnly && (\n                            <Typography variant=\"body2\" color=\"secondary\">\n                                You can still write the change to your collection source and leave\n                                the database as it is — the editor’s behaviour before this preview\n                                existed. The column stays, holding whatever is in it, and nothing\n                                serves it.\n                            </Typography>\n                        )}\n\n                        {plan.changes.length > 0 && (\n                            <ul className=\"flex flex-col gap-3\">\n                                {plan.changes.map((change, index) => (\n                                    <li\n                                        key={`${change.collection}.${change.property ?? \"\"}.${index}`}\n                                        className=\"flex gap-3\"\n                                    >\n                                        <Chip\n                                            size=\"smallest\"\n                                            colorScheme={VERDICT_CHIP[change.verdict].scheme}\n                                            className=\"shrink-0 mt-0.5\"\n                                        >\n                                            {VERDICT_CHIP[change.verdict].label}\n                                        </Chip>\n                                        <div className=\"min-w-0\">\n                                            <Typography variant=\"body2\">{change.detail}</Typography>\n                                            {change.remedy && (\n                                                <Typography\n                                                    variant=\"body2\"\n                                                    color=\"secondary\"\n                                                    className=\"mt-1\"\n                                                >\n                                                    {change.remedy}\n                                                </Typography>\n                                            )}\n                                        </div>\n                                    </li>\n                                ))}\n                            </ul>\n                        )}\n\n                        <WithheldConstraints constraints={plan.withheldConstraints ?? []}/>\n                        <FollowUp items={plan.followUp ?? []}/>\n\n                        {applyRefusedBecause && (\n                            <Alert color=\"info\">\n                                <Typography variant=\"body2\" className=\"font-medium mb-1\">\n                                    You can preview this change, but not apply it\n                                </Typography>\n                                <Typography variant=\"body2\">{applyRefusedBecause}</Typography>\n                            </Alert>\n                        )}\n\n                        <Details summary=\"Statements that will run\" count={plan.statements.length}>\n                            <div className={codeBlock}>{plan.statements.join(\"\\n\")}</div>\n                        </Details>\n\n                        <Details summary=\"Files that will be committed\" count={plan.files.length}>\n                            <div className={codeBlock}>{plan.files.join(\"\\n\")}</div>\n                        </Details>\n\n                        <Details summary=\"Commit message\" count={plan.message ? 1 : 0}>\n                            <div className={codeBlock}>{plan.message}</div>\n                        </Details>\n                    </>\n                )}\n            </DialogContent>\n\n            <DialogActions>\n                {!result && target?.repository && (\n                    <span className={cls(\n                        monospace,\n                        \"mr-auto text-text-secondary dark:text-text-secondary-dark truncate\"\n                    )}>\n                        → {repositoryLabel(target.repository)}{target.branch ? ` · ${target.branch}` : \"\"}\n                    </span>\n                )}\n                <Button variant=\"text\" onClick={onClose} disabled={applying}>\n                    {result ? \"Close\" : \"Cancel\"}\n                </Button>\n                {!result && planError && onRetry && (\n                    <Button variant=\"outlined\" onClick={onRetry}>\n                        Try again\n                    </Button>\n                )}\n                {!result && plan && !plan.applicable && onSourceOnly && (\n                    <Button variant=\"outlined\" onClick={onSourceOnly} disabled={applying}>\n                        Edit source only\n                    </Button>\n                )}\n                {!result && (\n                    <Button\n                        variant=\"filled\"\n                        color=\"primary\"\n                        onClick={onConfirm}\n                        // `applicable` is the server's word, not a\n                        // re-derivation from the verdicts on screen:\n                        // `applySchemaChange` re-checks it before it writes\n                        // anything, so a button that disagreed would only\n                        // produce the same refusal one click later. The same\n                        // goes for the permission — `/apply` checks it too, and\n                        // this only saves somebody the round trip.\n                        disabled={!plan?.applicable || applying || Boolean(applyRefusedBecause)}\n                    >\n                        {applying\n                            ? (commitOnly ? \"Committing…\" : \"Applying…\")\n                            : (commitOnly ? \"Commit\" : \"Commit and apply\")}\n                    </Button>\n                )}\n            </DialogActions>\n        </Dialog>\n    );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4GA,IAAM,eAAsG;CACxG,MAAM;EACF,OAAO;EACP,MAAM;EACN,OAAO;CACX;CACA,UAAU;EACN,OAAO;EACP,MAAM;EAEN,OAAO;CACX;CACA,mBAAmB;EACf,OAAO;EACP,MAAM;EAEN,OAAO;CACX;AACJ;AAEA,IAAM,eAA4G;CAC9G,MAAM;EAAE,OAAO;EAAQ,QAAQ;CAAe;CAC9C,UAAU;EAAE,OAAO;EAAY,QAAQ;CAAgB;CACvD,mBAAmB;EAAE,OAAO;EAAmB,QAAQ;CAAa;AACxE;AAEA,IAAM,YAAY;AAClB,IAAM,YAAY,IACd,WACA,kFACJ;;AAGA,SAAS,QAAQ,EAAE,SAAS,OAAO,YAIhC;CACC,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,IAAI,UAAU,GAAG,OAAO;CACxB,OACI,qBAAC,OAAD,EAAA,UAAA,CACI,qBAAC,UAAD;EACI,MAAK;EACL,eAAe,SAAQ,MAAK,CAAC,CAAC;EAC9B,WAAU;YAHd;GAKI,oBAAC,QAAD;IAAM,WAAW,IAAI,wBAAwB,QAAQ,WAAW;cAAG;GAAO,CAAA;GACzE;GAAQ;GAAG;GAAM;EACd;KACP,QAAQ,oBAAC,OAAD;EAAK,WAAU;EAAQ;CAAc,CAAA,CAC7C,EAAA,CAAA;AAEb;;;;;;;;AASA,SAAS,SAAS,EAAE,SAA8B;CAC9C,IAAI,MAAM,WAAW,GAAG,OAAO;CAC/B,OACI,qBAAC,OAAD;EAAO,OAAM;YAAb,CACI,oBAAC,YAAD;GAAY,SAAQ;GAAQ,WAAU;aACjC,MAAM,WAAW,IAAI,+BAA+B;EAC7C,CAAA,GACZ,oBAAC,MAAD;GAAI,WAAU;aACT,MAAM,KAAI,SACP,oBAAC,MAAD;IAAe,WAAU;cAAW;GAAS,GAApC,IAAoC,CAChD;EACD,CAAA,CACD;;AAEf;;;;;;;;;AAUA,SAAS,gBAAgB,YAA4B;CACjD,IAAI,CAAC,WAAW,WAAW,GAAG,GAAG,OAAO;CACxC,OAAO,WAAW,MAAM,GAAG,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,IAAI,KAAK;AAC1D;AAEA,SAAS,oBAAoB,EAAE,eAAsD;CACjF,IAAI,YAAY,WAAW,GAAG,OAAO;CACrC,OACI,qBAAC,OAAD;EAAO,OAAM;YAAb,CACI,oBAAC,YAAD;GAAY,SAAQ;GAAQ,WAAU;aACjC,YAAY,WAAW,IAClB,wCACA,GAAG,YAAY,OAAO;EACpB,CAAA,GACZ,oBAAC,MAAD;GAAI,WAAU;aACT,YAAY,KAAI,eACb,qBAAC,MAAD;IAA4B,WAAU;cAAtC;KACI,oBAAC,QAAD;MAAM,WAAU;gBACX,WAAW;KACV,CAAA;KACN,oBAAC,OAAD;MAAK,WAAU;gBAAQ,WAAW;KAAY,CAAA;KAC9C,oBAAC,OAAD;MAAK,WAAU;gBACV,WAAW;KACX,CAAA;IACL;MARK,WAAW,MAQhB,CACP;EACD,CAAA,CACD;;AAEf;;AAGA,SAAS,QAAQ,EAAE,UAAwC;CACvD,OACI,qBAAC,OAAD;EAAK,WAAU;YAAf;GACI,oBAAC,OAAD;IAAO,OAAO,OAAO,UAAU,YAAY;cACvC,oBAAC,YAAD;KAAY,SAAQ;eAAS,OAAO;IAAoB,CAAA;GACrD,CAAA;GAEN,CAAC,OAAO,WAAW,OAAO,cAKvB,qBAAC,OAAD;IAAO,OAAM;cAAb;KACI,oBAAC,YAAD;MAAY,SAAQ;MAAQ,WAAU;gBAAmB;KAE7C,CAAA;KACZ,oBAAC,YAAD;MAAY,SAAQ;gBAAS,OAAO;KAAuB,CAAA;KAC3D,qBAAC,YAAD;MAAY,SAAQ;MAAQ,WAAU;gBAAtC;OAA6C;OACxB,oBAAC,QAAD,EAAA,UAAO,OAAO,UAAU,OAAa,CAAA;OAAC;MAE/C;;IACT;;GAGX,oBAAC,qBAAD,EAAqB,aAAa,OAAO,uBAAuB,CAAC,EAAG,CAAA;GACpE,oBAAC,UAAD,EAAU,OAAO,OAAO,YAAY,CAAC,EAAG,CAAA;GAExC,qBAAC,OAAD,EAAA,UAAA,CACI,oBAAC,YAAD;IAAY,SAAQ;IAAQ,OAAM;cAAY;GAAqB,CAAA,GACnE,qBAAC,OAAD;IAAK,WAAW,IAAI,WAAW,MAAM;cAArC;KACK,OAAO,UAAU,IAAI,MAAM,GAAG,CAAC;KAAE;KAAK,OAAO,UAAU;KACvD;KACA,OAAO,UAAU,MAAM,KAAI,SAAQ,KAAK,MAAM,CAAC,CAAC,KAAK,IAAI;IACzD;KACJ,EAAA,CAAA;EACJ;;AAEb;AAEA,SAAgB,mBAAmB,EAC/B,MACA,cACA,MACA,WACA,QACA,UACA,YACA,WACA,SACA,cACA,SACA,qBACA,UACwB;CAExB,MAAM,UAAU,MAAM;CACtB,MAAM,aAAa,MAAM,WAAW,UAAU;CAO9C,MAAM,aAAa,QAAQ,MAAM,UAAU,KAAK,eAAe;CAM/D,MAAM,OAAO,YAAY,UAAU,aAC7B;EACE,OAAO;EACP,MAAM;EAEN,OAAO;CACX,IACE,UACI,aAAa,WACb,KAAA;CAEV,OACI,qBAAC,QAAD;EAAc;EAAM,eAAc,UAAS;GAAE,IAAI,CAAC,OAAO,QAAQ;EAAG;EAAG,UAAS;YAAhF;GACI,qBAAC,aAAD;IAAa,WAAU;cAAvB,CACK,SAAS,0BAA0B,wBACpC,oBAAC,QAAD;KAAM,WAAU;eACX;IACC,CAAA,CACG;;GAEb,qBAAC,eAAD;IAAe,WAAU;cAAzB;KACK,aACG,qBAAC,OAAD;MAAO,OAAM;gBAAb,CACI,oBAAC,YAAD;OAAY,SAAQ;OAAQ,WAAU;iBAAmB;MAE7C,CAAA,GACZ,oBAAC,YAAD;OAAY,SAAQ;iBAAS;MAAsB,CAAA,CAChD;;KAGV,CAAC,QAAQ,CAAC,aAAa,CAAC,UACrB,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACI,oBAAC,kBAAD,EAAkB,MAAK,QAAQ,CAAA,GAC/B,oBAAC,YAAD;OAAY,SAAQ;OAAQ,OAAM;iBAAY;MAElC,CAAA,CACX;;KAGR,UAAU,oBAAC,SAAD,EAAiB,OAAQ,CAAA;KAEnC,QAAQ,CAAC,UAAU,QAChB,qBAAA,UAAA,EAAA,UAAA;MACI,qBAAC,OAAD;OAAO,OAAO,KAAK;iBAAnB,CACI,oBAAC,YAAD;QAAY,SAAQ;QAAQ,WAAU;kBACjC,KAAK;OACE,CAAA,GACZ,oBAAC,YAAD;QAAY,SAAQ;kBAAS,KAAK;OAAiB,CAAA,CAChD;;MAEN,cACG,oBAAC,OAAD;OAAO,OAAM;iBACT,oBAAC,YAAD;QAAY,SAAQ;kBAAS;OAAuB,CAAA;MACjD,CAAA;MAGV,KAAK,QAAQ,WAAW,KACrB,oBAAC,YAAD;OAAY,SAAQ;OAAQ,OAAM;iBAAY;MAGlC,CAAA;MAGf,CAAC,KAAK,cAAc,gBACjB,oBAAC,YAAD;OAAY,SAAQ;OAAQ,OAAM;iBAAY;MAKlC,CAAA;MAGf,KAAK,QAAQ,SAAS,KACnB,oBAAC,MAAD;OAAI,WAAU;iBACT,KAAK,QAAQ,KAAK,QAAQ,UACvB,qBAAC,MAAD;QAEI,WAAU;kBAFd,CAII,oBAAC,MAAD;SACI,MAAK;SACL,aAAa,aAAa,OAAO,QAAQ,CAAC;SAC1C,WAAU;mBAET,aAAa,OAAO,QAAQ,CAAC;QAC5B,CAAA,GACN,qBAAC,OAAD;SAAK,WAAU;mBAAf,CACI,oBAAC,YAAD;UAAY,SAAQ;oBAAS,OAAO;SAAmB,CAAA,GACtD,OAAO,UACJ,oBAAC,YAAD;UACI,SAAQ;UACR,OAAM;UACN,WAAU;oBAET,OAAO;SACA,CAAA,CAEf;UACL;UAtBK,GAAG,OAAO,WAAW,GAAG,OAAO,YAAY,GAAG,GAAG,OAsBtD,CACP;MACD,CAAA;MAGR,oBAAC,qBAAD,EAAqB,aAAa,KAAK,uBAAuB,CAAC,EAAG,CAAA;MAClE,oBAAC,UAAD,EAAU,OAAO,KAAK,YAAY,CAAC,EAAG,CAAA;MAErC,uBACG,qBAAC,OAAD;OAAO,OAAM;iBAAb,CACI,oBAAC,YAAD;QAAY,SAAQ;QAAQ,WAAU;kBAAmB;OAE7C,CAAA,GACZ,oBAAC,YAAD;QAAY,SAAQ;kBAAS;OAAgC,CAAA,CAC1D;;MAGX,oBAAC,SAAD;OAAS,SAAQ;OAA2B,OAAO,KAAK,WAAW;iBAC/D,oBAAC,OAAD;QAAK,WAAW;kBAAY,KAAK,WAAW,KAAK,IAAI;OAAO,CAAA;MACvD,CAAA;MAET,oBAAC,SAAD;OAAS,SAAQ;OAA+B,OAAO,KAAK,MAAM;iBAC9D,oBAAC,OAAD;QAAK,WAAW;kBAAY,KAAK,MAAM,KAAK,IAAI;OAAO,CAAA;MAClD,CAAA;MAET,oBAAC,SAAD;OAAS,SAAQ;OAAiB,OAAO,KAAK,UAAU,IAAI;iBACxD,oBAAC,OAAD;QAAK,WAAW;kBAAY,KAAK;OAAa,CAAA;MACzC,CAAA;KACX,EAAA,CAAA;IAEK;;GAEf,qBAAC,eAAD,EAAA,UAAA;IACK,CAAC,UAAU,QAAQ,cAChB,qBAAC,QAAD;KAAM,WAAW,IACb,WACA,oEACJ;eAHA;MAGG;MACI,gBAAgB,OAAO,UAAU;MAAG,OAAO,SAAS,MAAM,OAAO,WAAW;KAC7E;;IAEV,oBAAC,QAAD;KAAQ,SAAQ;KAAO,SAAS;KAAS,UAAU;eAC9C,SAAS,UAAU;IAChB,CAAA;IACP,CAAC,UAAU,aAAa,WACrB,oBAAC,QAAD;KAAQ,SAAQ;KAAW,SAAS;eAAS;IAErC,CAAA;IAEX,CAAC,UAAU,QAAQ,CAAC,KAAK,cAAc,gBACpC,oBAAC,QAAD;KAAQ,SAAQ;KAAW,SAAS;KAAc,UAAU;eAAU;IAE9D,CAAA;IAEX,CAAC,UACE,oBAAC,QAAD;KACI,SAAQ;KACR,OAAM;KACN,SAAS;KAQT,UAAU,CAAC,MAAM,cAAc,YAAY,QAAQ,mBAAmB;eAErE,WACM,aAAa,gBAAgB,cAC7B,aAAa,WAAW;IAC3B,CAAA;GAED,EAAA,CAAA;EACX;;AAEhB"}
+{"version":3,"file":"SchemaChangeDialog-CkqK6KOC.js","names":[],"sources":["../src/collection_editor/ui/collection_editor/SchemaChangeDialog.tsx"],"sourcesContent":["/**\n * What a schema change would do, before it does it.\n *\n * The dialog exists because a schema change has three possible verdicts and two\n * of them are refusals. Without a preview, the only way to discover that a\n * change is refused is to press a button on a live database and read what comes\n * back — which is a fine way to learn and a poor way to work.\n *\n * ## What it shows, in the order somebody reads it\n *\n * The verdict first, in a sentence, because it decides whether the rest is\n * worth reading. Then the changes, each with what it does and — when it is\n * refused — what to do instead. Then the things that are easy to skip past and\n * expensive to have skipped: constraints the change asks for that the database\n * will not end up enforcing. The SQL and the file list come last, collapsed,\n * for the reader who wants them; they are the evidence, not the summary.\n *\n * ## Why the button says \"Commit and apply\"\n *\n * Because that is the order, and the order is the feature. The commit lands\n * first, so a failed apply leaves the repository ahead of the database — the\n * ordinary state of every project between an edit and a deploy, which the next\n * boot reconciles. A button labelled \"Save\" would be describing a different,\n * worse thing.\n */\nimport React, { useState } from \"react\";\nimport {\n    Alert,\n    Button,\n    Chip,\n    CircularProgress,\n    cls,\n    Dialog,\n    DialogActions,\n    DialogContent,\n    DialogTitle,\n    Typography\n} from \"@rebasepro/ui\";\n\nimport type { LiveSchemaPlan, LiveSchemaResult, WithheldConstraint } from \"../../liveSchemaClient\";\n\nexport interface SchemaChangeDialogProps {\n    open: boolean;\n    /** The collection being changed, for the title. */\n    collectionId: string;\n    /** `undefined` while the plan is still being fetched. */\n    plan?: LiveSchemaPlan;\n    /** Set when planning itself failed — a network error, a refusal, a 500. */\n    planError?: string;\n    /** Set once the change has been applied, which turns this into a receipt. */\n    result?: LiveSchemaResult;\n    applying: boolean;\n    /** Set when the apply threw rather than returning a result. */\n    applyError?: string;\n    onConfirm: () => void;\n    /**\n     * Ask again, when planning failed.\n     *\n     * A dropped connection should cost a click, not the whole wizard. The form\n     * is already filled in, and making somebody redo it for a transient failure\n     * teaches them to distrust the preview rather than the network.\n     */\n    onRetry?: () => void;\n    /**\n     * Write the collection source and leave the database alone.\n     *\n     * Offered only when the change is refused, and it is what keeps the editor\n     * usable while it is. Removing a property is the ordinary case: the ensure\n     * path has no `DROP COLUMN`, so a removal can never be applied — and\n     * refusing the whole save over it would mean a dev could no longer delete a\n     * field from a collection they are still designing.\n     *\n     * This is exactly what the editor did before live editing existed, so it is\n     * not a new hazard; the difference is that it now says what it leaves\n     * behind instead of reporting success.\n     */\n    onSourceOnly?: () => void;\n    onClose: () => void;\n    /**\n     * Why this caller may preview but not apply, when that is the case.\n     *\n     * A person signed in with an API key, most often. Shown next to a disabled\n     * button so the refusal arrives while they are deciding rather than after\n     * they have decided.\n     */\n    applyRefusedBecause?: string;\n    /**\n     * Where a confirmation would land — `owner/repo` and a branch.\n     *\n     * On screen before the button, not in the receipt after it. A commit is\n     * going somewhere, and which branch it is going to is the one fact somebody\n     * cannot recover from being wrong about.\n     */\n    target?: { repository?: string; branch?: string };\n}\n\ntype Verdict = LiveSchemaPlan[\"verdict\"];\n\n/** What the verdict means, in the words the reader needs rather than the enum's. */\n/**\n * What the verdict means, in the words the reader needs rather than the enum's.\n *\n * `safe` is written twice because the two cases are genuinely different, and\n * saying \"can be made against the running database\" when nothing will be run is\n * the kind of small lie that teaches people to stop reading. A document\n * database has no table to alter, and a change that needs no DDL on a\n * relational one is in the same position: the commit *is* the change.\n */\nconst VERDICT_COPY: Record<Verdict, { title: string; body: string; color: \"info\" | \"warning\" | \"error\" }> = {\n    safe: {\n        title: \"Ready to apply\",\n        body: \"Every change here can be made against the running database.\",\n        color: \"info\"\n    },\n    diverges: {\n        title: \"This would leave the database out of step\",\n        body: \"The change can be written, but the database will not end up matching it. \" +\n            \"The details below say which part, and what would make it applicable.\",\n        color: \"warning\"\n    },\n    \"needs-migration\": {\n        title: \"This needs a migration\",\n        body: \"Some of this cannot be done to a running database at all — it drops or rewrites \" +\n            \"something, and that belongs in a migration somebody has read.\",\n        color: \"error\"\n    }\n};\n\nconst VERDICT_CHIP: Record<Verdict, { label: string; scheme: \"greenLighter\" | \"orangeLighter\" | \"redLighter\" }> = {\n    safe: { label: \"safe\", scheme: \"greenLighter\" },\n    diverges: { label: \"diverges\", scheme: \"orangeLighter\" },\n    \"needs-migration\": { label: \"needs migration\", scheme: \"redLighter\" }\n};\n\nconst monospace = \"font-mono text-xs leading-relaxed\";\nconst codeBlock = cls(\n    monospace,\n    \"bg-surface-100 dark:bg-surface-800 rounded-md p-3 overflow-x-auto whitespace-pre\"\n);\n\n/** A disclosure that starts closed. The evidence, for the reader who wants it. */\nfunction Details({ summary, count, children }: {\n    summary: string;\n    count: number;\n    children: React.ReactNode;\n}) {\n    const [open, setOpen] = useState(false);\n    if (count === 0) return null;\n    return (\n        <div>\n            <button\n                type=\"button\"\n                onClick={() => setOpen(o => !o)}\n                className=\"flex items-center gap-2 text-sm text-text-secondary dark:text-text-secondary-dark hover:underline\"\n            >\n                <span className={cls(\"transition-transform\", open && \"rotate-90\")}>›</span>\n                {summary} ({count})\n            </button>\n            {open && <div className=\"mt-2\">{children}</div>}\n        </div>\n    );\n}\n\n/**\n * What still has to happen after this lands.\n *\n * Above the evidence and below the changes, because it is not a refusal and not\n * a detail: the change will apply, and something outside this dialog still has\n * to be done or a later environment will differ from this one.\n */\nfunction FollowUp({ items }: { items: string[] }) {\n    if (items.length === 0) return null;\n    return (\n        <Alert color=\"info\">\n            <Typography variant=\"body2\" className=\"font-medium mb-1\">\n                {items.length === 1 ? \"One thing to do afterwards\" : \"To do afterwards\"}\n            </Typography>\n            <ul className=\"space-y-2\">\n                {items.map(item => (\n                    <li key={item} className=\"text-sm\">{item}</li>\n                ))}\n            </ul>\n        </Alert>\n    );\n}\n\n/**\n * The destination, short enough to read at a glance.\n *\n * A remote repository already reports itself as `owner/repo`, which is exactly\n * what somebody recognises. A local one reports an absolute path, and the\n * leading directories are the part nobody needs: what matters is which\n * checkout, and its name says that.\n */\nfunction repositoryLabel(repository: string): string {\n    if (!repository.startsWith(\"/\")) return repository;\n    return repository.split(\"/\").filter(Boolean).pop() ?? repository;\n}\n\nfunction WithheldConstraints({ constraints }: { constraints: WithheldConstraint[] }) {\n    if (constraints.length === 0) return null;\n    return (\n        <Alert color=\"warning\">\n            <Typography variant=\"body2\" className=\"font-medium mb-1\">\n                {constraints.length === 1\n                    ? \"One constraint will not be enforced\"\n                    : `${constraints.length} constraints will not be enforced`}\n            </Typography>\n            <ul className=\"space-y-2\">\n                {constraints.map(constraint => (\n                    <li key={constraint.target} className=\"text-sm\">\n                        <code className=\"bg-surface-200 dark:bg-surface-700 px-1 rounded\">\n                            {constraint.target}\n                        </code>\n                        <div className=\"mt-1\">{constraint.reason}</div>\n                        <div className=\"mt-1 text-text-secondary dark:text-text-secondary-dark\">\n                            {constraint.remedy}\n                        </div>\n                    </li>\n                ))}\n            </ul>\n        </Alert>\n    );\n}\n\n/** The receipt. Shown in place of the plan once the change has been applied. */\nfunction Applied({ result }: { result: LiveSchemaResult }) {\n    return (\n        <div className=\"flex flex-col gap-4\">\n            <Alert color={result.applied ? \"success\" : \"warning\"}>\n                <Typography variant=\"body2\">{result.summary}</Typography>\n            </Alert>\n\n            {!result.applied && result.applyError && (\n                // Deliberately not an error state. The commit landed, which is\n                // the durable half; the database is now behind the repository,\n                // which is where every project sits between an edit and a\n                // deploy, and boot reconciles it.\n                <Alert color=\"warning\">\n                    <Typography variant=\"body2\" className=\"font-medium mb-1\">\n                        The database was not changed\n                    </Typography>\n                    <Typography variant=\"body2\">{result.applyError}</Typography>\n                    <Typography variant=\"body2\" className=\"mt-2\">\n                        The commit is on <code>{result.committed.branch}</code> either way, so the\n                        change will be applied on the next boot.\n                    </Typography>\n                </Alert>\n            )}\n\n            <WithheldConstraints constraints={result.withheldConstraints ?? []}/>\n            <FollowUp items={result.followUp ?? []}/>\n\n            <div>\n                <Typography variant=\"label\" color=\"secondary\">Committed</Typography>\n                <div className={cls(codeBlock, \"mt-1\")}>\n                    {result.committed.sha.slice(0, 9)} on {result.committed.branch}\n                    {\"\\n\"}\n                    {result.committed.files.map(file => `  ${file}`).join(\"\\n\")}\n                </div>\n            </div>\n        </div>\n    );\n}\n\nexport function SchemaChangeDialog({\n    open,\n    collectionId,\n    plan,\n    planError,\n    result,\n    applying,\n    applyError,\n    onConfirm,\n    onRetry,\n    onSourceOnly,\n    onClose,\n    applyRefusedBecause,\n    target\n}: SchemaChangeDialogProps) {\n\n    const verdict = plan?.verdict;\n    const statements = plan?.statements.length ?? 0;\n\n    // \"Commit\" only when we positively know there is nothing to apply: a plan\n    // that is going ahead and has no statements. A *refused* plan also has none\n    // — because it will not run — and labelling that button \"Commit\" would be\n    // describing the change it is refusing to make. Unknown reads as the fuller\n    // action, which is the safer way to be wrong about a label.\n    const commitOnly = Boolean(plan?.applicable) && statements === 0;\n\n    // Described from the plan rather than from an assumption about the engine.\n    // A document database runs nothing; so does a relational change that only\n    // moves source. Both are a commit, and calling either one \"apply\" would be\n    // describing something that does not happen.\n    const copy = verdict === \"safe\" && commitOnly\n        ? {\n            title: \"Ready to commit\",\n            body: \"This changes what your project declares. Nothing runs against the database — \" +\n                \"there is no schema change to make.\",\n            color: \"info\" as const\n        }\n        : verdict\n            ? VERDICT_COPY[verdict]\n            : undefined;\n\n    return (\n        <Dialog open={open} onOpenChange={value => { if (!value) onClose(); }} maxWidth=\"3xl\">\n            <DialogTitle className=\"flex items-center gap-2\">\n                {result ? \"Schema change applied\" : \"Review schema change\"}\n                <code className=\"text-sm font-normal text-text-secondary dark:text-text-secondary-dark\">\n                    {collectionId}\n                </code>\n            </DialogTitle>\n\n            <DialogContent className=\"flex flex-col gap-4\">\n                {planError && (\n                    <Alert color=\"error\">\n                        <Typography variant=\"body2\" className=\"font-medium mb-1\">\n                            The change could not be planned\n                        </Typography>\n                        <Typography variant=\"body2\">{planError}</Typography>\n                    </Alert>\n                )}\n\n                {!plan && !planError && !result && (\n                    <div className=\"flex items-center gap-3 py-6\">\n                        <CircularProgress size=\"small\"/>\n                        <Typography variant=\"body2\" color=\"secondary\">\n                            Working out what this change would do…\n                        </Typography>\n                    </div>\n                )}\n\n                {result && <Applied result={result}/>}\n\n                {plan && !result && copy && (\n                    <>\n                        <Alert color={copy.color}>\n                            <Typography variant=\"body2\" className=\"font-medium mb-1\">\n                                {copy.title}\n                            </Typography>\n                            <Typography variant=\"body2\">{copy.body}</Typography>\n                        </Alert>\n\n                        {applyError && (\n                            <Alert color=\"error\">\n                                <Typography variant=\"body2\">{applyError}</Typography>\n                            </Alert>\n                        )}\n\n                        {plan.changes.length === 0 && (\n                            <Typography variant=\"body2\" color=\"secondary\">\n                                Nothing here changes the shape of your data. The collection source\n                                is still rewritten and committed.\n                            </Typography>\n                        )}\n\n                        {!plan.applicable && onSourceOnly && (\n                            <Typography variant=\"body2\" color=\"secondary\">\n                                You can still write the change to your collection source and leave\n                                the database as it is — the editor’s behaviour before this preview\n                                existed. The column stays, holding whatever is in it, and nothing\n                                serves it.\n                            </Typography>\n                        )}\n\n                        {plan.changes.length > 0 && (\n                            <ul className=\"flex flex-col gap-3\">\n                                {plan.changes.map((change, index) => (\n                                    <li\n                                        key={`${change.collection}.${change.property ?? \"\"}.${index}`}\n                                        className=\"flex gap-3\"\n                                    >\n                                        <Chip\n                                            size=\"smallest\"\n                                            colorScheme={VERDICT_CHIP[change.verdict].scheme}\n                                            className=\"shrink-0 mt-0.5\"\n                                        >\n                                            {VERDICT_CHIP[change.verdict].label}\n                                        </Chip>\n                                        <div className=\"min-w-0\">\n                                            <Typography variant=\"body2\">{change.detail}</Typography>\n                                            {change.remedy && (\n                                                <Typography\n                                                    variant=\"body2\"\n                                                    color=\"secondary\"\n                                                    className=\"mt-1\"\n                                                >\n                                                    {change.remedy}\n                                                </Typography>\n                                            )}\n                                        </div>\n                                    </li>\n                                ))}\n                            </ul>\n                        )}\n\n                        <WithheldConstraints constraints={plan.withheldConstraints ?? []}/>\n                        <FollowUp items={plan.followUp ?? []}/>\n\n                        {applyRefusedBecause && (\n                            <Alert color=\"info\">\n                                <Typography variant=\"body2\" className=\"font-medium mb-1\">\n                                    You can preview this change, but not apply it\n                                </Typography>\n                                <Typography variant=\"body2\">{applyRefusedBecause}</Typography>\n                            </Alert>\n                        )}\n\n                        <Details summary=\"Statements that will run\" count={plan.statements.length}>\n                            <div className={codeBlock}>{plan.statements.join(\"\\n\")}</div>\n                        </Details>\n\n                        <Details summary=\"Files that will be committed\" count={plan.files.length}>\n                            <div className={codeBlock}>{plan.files.join(\"\\n\")}</div>\n                        </Details>\n\n                        <Details summary=\"Commit message\" count={plan.message ? 1 : 0}>\n                            <div className={codeBlock}>{plan.message}</div>\n                        </Details>\n                    </>\n                )}\n            </DialogContent>\n\n            <DialogActions>\n                {!result && target?.repository && (\n                    <span className={cls(\n                        monospace,\n                        \"mr-auto text-text-secondary dark:text-text-secondary-dark truncate\"\n                    )}>\n                        → {repositoryLabel(target.repository)}{target.branch ? ` · ${target.branch}` : \"\"}\n                    </span>\n                )}\n                <Button variant=\"text\" onClick={onClose} disabled={applying}>\n                    {result ? \"Close\" : \"Cancel\"}\n                </Button>\n                {!result && planError && onRetry && (\n                    <Button variant=\"outlined\" onClick={onRetry}>\n                        Try again\n                    </Button>\n                )}\n                {!result && plan && !plan.applicable && onSourceOnly && (\n                    <Button variant=\"outlined\" onClick={onSourceOnly} disabled={applying}>\n                        Edit source only\n                    </Button>\n                )}\n                {!result && (\n                    <Button\n                        variant=\"filled\"\n                        color=\"primary\"\n                        onClick={onConfirm}\n                        // `applicable` is the server's word, not a\n                        // re-derivation from the verdicts on screen:\n                        // `applySchemaChange` re-checks it before it writes\n                        // anything, so a button that disagreed would only\n                        // produce the same refusal one click later. The same\n                        // goes for the permission — `/apply` checks it too, and\n                        // this only saves somebody the round trip.\n                        disabled={!plan?.applicable || applying || Boolean(applyRefusedBecause)}\n                    >\n                        {applying\n                            ? (commitOnly ? \"Committing…\" : \"Applying…\")\n                            : (commitOnly ? \"Commit\" : \"Commit and apply\")}\n                    </Button>\n                )}\n            </DialogActions>\n        </Dialog>\n    );\n}\n"],"mappings":"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"}

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

@@ -56,8 +56,7 @@ export interface BuildCollectionGenerationCallbackProps {
  *
  * @example
  * ```tsx
- * import { RebaseCMS } from "@rebasepro/cms";
- * import { buildCollectionGenerationCallback } from "@rebasepro/cms/collection_editor";
+ * import { RebaseCMS, buildCollectionGenerationCallback } from "@rebasepro/cms";
  * import { useFirebaseAuthController } from "@rebasepro/firebase";
  *
  * const authController = useFirebaseAuthController({ firebaseApp });

package/dist/collection_editor_ui.d.ts

@@ -10,3 +10,5 @@ export { RouterCollectionStudioView } from "./collection_editor/ui/collection_ed
 export type { RouterCollectionStudioViewProps } from "./collection_editor/ui/collection_editor/RouterCollectionStudioView.js";
 export { RouterCollectionsStudioView } from "./collection_editor/ui/collection_editor/RouterCollectionsStudioView.js";
 export type { RouterCollectionsStudioViewProps } from "./collection_editor/ui/collection_editor/RouterCollectionsStudioView.js";
+export { SchemaChangeDialog } from "./collection_editor/ui/collection_editor/SchemaChangeDialog.js";
+export type { SchemaChangeDialogProps } from "./collection_editor/ui/collection_editor/SchemaChangeDialog.js";

package/dist/collection_editor_ui.js

@@ -1,7 +1,8 @@
-import { mn as useUrlController } from "./util-DVqnqlLn.js";
-import { n as CollectionEditorDialog } from "./CollectionEditorDialog-B-akreOU.js";
-import { n as PropertyForm, r as PropertyFormDialog } from "./PropertyEditView-CiY84wkR.js";
-import { i as CollectionStudioView, r as CollectionsStudioView, t as RouterCollectionsStudioView } from "./RouterCollectionsStudioView-DkAWda4N.js";
+import { hn as useUrlController } from "./util-DE1WQW6h.js";
+import { n as CollectionEditorDialog } from "./CollectionEditorDialog-BeX4b92r.js";
+import { n as PropertyForm, r as PropertyFormDialog } from "./PropertyEditView-C7thfj4L.js";
+import { i as CollectionStudioView, r as CollectionsStudioView, t as RouterCollectionsStudioView } from "./RouterCollectionsStudioView-BtjzvB6E.js";
+import { t as SchemaChangeDialog } from "./SchemaChangeDialog-CkqK6KOC.js";
 import "react";
 import { useSnackbarController } from "@rebasepro/app";
 import { jsx } from "react/jsx-runtime";
@@ -28,6 +29,6 @@ function RouterCollectionStudioView(props) {
 	});
 }
 //#endregion
-export { CollectionEditorDialog, CollectionStudioView, CollectionsStudioView, PropertyForm, PropertyFormDialog, RouterCollectionStudioView, RouterCollectionsStudioView };
+export { CollectionEditorDialog, CollectionStudioView, CollectionsStudioView, PropertyForm, PropertyFormDialog, RouterCollectionStudioView, RouterCollectionsStudioView, SchemaChangeDialog };
 
 //# sourceMappingURL=collection_editor_ui.js.map

package/dist/collection_editor_ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"collection_editor_ui.js","names":[],"sources":["../src/collection_editor/ui/collection_editor/RouterCollectionStudioView.tsx"],"sourcesContent":["/**\n * Router-aware wrapper around CollectionStudioView.\n *\n * This component provides the react-router-based navigation behavior\n * that Rebase Studio expects: cancel navigates to the root path,\n * save navigates to the saved collection's slug, and a snackbar\n * toast is shown on success.\n *\n * External consumers should use `CollectionStudioView` directly\n * (which has no react-router dependency).\n */\nimport React from \"react\";\nimport { useNavigate } from \"react-router\";\nimport { useUrlController } from \"../../_cms_internals\";\nimport { useSnackbarController } from \"@rebasepro/app\";\nimport { CollectionStudioView, CollectionStudioViewProps } from \"./CollectionStudioView\";\n\nexport type RouterCollectionStudioViewProps = Omit<CollectionStudioViewProps, \"onSave\" | \"onCancel\">;\n\nexport function RouterCollectionStudioView(props: RouterCollectionStudioViewProps) {\n    const navigate = useNavigate();\n    const urlController = useUrlController();\n    const snackbarController = useSnackbarController();\n\n    return (\n        <CollectionStudioView\n            {...props}\n            onCancel={() => {\n                navigate(urlController.buildAppUrlPath(\"/\"));\n            }}\n            onSave={(savedCollection) => {\n                if (savedCollection) {\n                    snackbarController.open({\n                        type: \"success\",\n                        message: `Collection ${savedCollection.name || savedCollection.slug} saved`\n                    });\n                    if (props.collectionId === \"new\") {\n                        navigate(urlController.buildAppUrlPath(`s/schema/${savedCollection.slug}`));\n                    }\n                }\n            }}\n        />\n    );\n}\n"],"mappings":";;;;;;;;;AAmBA,SAAgB,2BAA2B,OAAwC;CAC/E,MAAM,WAAW,YAAY;CAC7B,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,qBAAqB,sBAAsB;CAEjD,OACI,oBAAC,sBAAD;EACI,GAAI;EACJ,gBAAgB;GACZ,SAAS,cAAc,gBAAgB,GAAG,CAAC;EAC/C;EACA,SAAS,oBAAoB;GACzB,IAAI,iBAAiB;IACjB,mBAAmB,KAAK;KACpB,MAAM;KACN,SAAS,cAAc,gBAAgB,QAAQ,gBAAgB,KAAK;IACxE,CAAC;IACD,IAAI,MAAM,iBAAiB,OACvB,SAAS,cAAc,gBAAgB,YAAY,gBAAgB,MAAM,CAAC;GAElF;EACJ;CACH,CAAA;AAET"}
+{"version":3,"file":"collection_editor_ui.js","names":[],"sources":["../src/collection_editor/ui/collection_editor/RouterCollectionStudioView.tsx"],"sourcesContent":["/**\n * Router-aware wrapper around CollectionStudioView.\n *\n * This component provides the react-router-based navigation behavior\n * that Rebase Studio expects: cancel navigates to the root path,\n * save navigates to the saved collection's slug, and a snackbar\n * toast is shown on success.\n *\n * External consumers should use `CollectionStudioView` directly\n * (which has no react-router dependency).\n */\nimport React from \"react\";\nimport { useNavigate } from \"react-router\";\nimport { useUrlController } from \"../../_cms_internals\";\nimport { useSnackbarController } from \"@rebasepro/app\";\nimport { CollectionStudioView, CollectionStudioViewProps } from \"./CollectionStudioView\";\n\nexport type RouterCollectionStudioViewProps = Omit<CollectionStudioViewProps, \"onSave\" | \"onCancel\">;\n\nexport function RouterCollectionStudioView(props: RouterCollectionStudioViewProps) {\n    const navigate = useNavigate();\n    const urlController = useUrlController();\n    const snackbarController = useSnackbarController();\n\n    return (\n        <CollectionStudioView\n            {...props}\n            onCancel={() => {\n                navigate(urlController.buildAppUrlPath(\"/\"));\n            }}\n            onSave={(savedCollection) => {\n                if (savedCollection) {\n                    snackbarController.open({\n                        type: \"success\",\n                        message: `Collection ${savedCollection.name || savedCollection.slug} saved`\n                    });\n                    if (props.collectionId === \"new\") {\n                        navigate(urlController.buildAppUrlPath(`s/schema/${savedCollection.slug}`));\n                    }\n                }\n            }}\n        />\n    );\n}\n"],"mappings":";;;;;;;;;;AAmBA,SAAgB,2BAA2B,OAAwC;CAC/E,MAAM,WAAW,YAAY;CAC7B,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,qBAAqB,sBAAsB;CAEjD,OACI,oBAAC,sBAAD;EACI,GAAI;EACJ,gBAAgB;GACZ,SAAS,cAAc,gBAAgB,GAAG,CAAC;EAC/C;EACA,SAAS,oBAAoB;GACzB,IAAI,iBAAiB;IACjB,mBAAmB,KAAK;KACpB,MAAM;KACN,SAAS,cAAc,gBAAgB,QAAQ,gBAAgB,KAAK;IACxE,CAAC;IACD,IAAI,MAAM,iBAAiB,OACvB,SAAS,cAAc,gBAAgB,YAAY,gBAAgB,MAAM,CAAC;GAElF;EACJ;CACH,CAAA;AAET"}

package/dist/components/DeleteEntityDialog.d.ts

@@ -1,4 +1,4 @@
-import { Entity, CollectionCallbacks } from "@rebasepro/types";
+import { Entity } from "@rebasepro/types";
 import React from "react";
 import type { AdminCollection } from "@rebasepro/cms-types";
 export interface DeleteEntityDialogProps<M extends Record<string, unknown>> {
@@ -7,7 +7,6 @@ export interface DeleteEntityDialogProps<M extends Record<string, unknown>> {
     collection: AdminCollection<M>;
     open: boolean;
     onClose: () => void;
-    callbacks?: CollectionCallbacks<M>;
     onEntityDelete?(path: string, entity: Entity<M>): void;
     onMultipleEntitiesDelete?(path: string, entities: Entity<M>[]): void;
     /**
@@ -19,4 +18,4 @@ export interface DeleteEntityDialogProps<M extends Record<string, unknown>> {
      */
     variant?: "delete" | "unlink";
 }
-export declare function DeleteEntityDialog<M extends Record<string, unknown>>({ entityOrEntitiesToDelete, collection, onClose, open, callbacks, onEntityDelete, onMultipleEntitiesDelete, path, variant }: DeleteEntityDialogProps<M>): React.JSX.Element;
+export declare function DeleteEntityDialog<M extends Record<string, unknown>>({ entityOrEntitiesToDelete, collection, onClose, open, onEntityDelete, onMultipleEntitiesDelete, path, variant }: DeleteEntityDialogProps<M>): React.JSX.Element;

package/dist/components/RebaseLayout.d.ts

@@ -26,12 +26,19 @@ export interface RebaseLayoutProps {
  * **Independently usable**: Use this when you want the Rebase layout
  * without its default route definitions.
  *
+ * It takes no children: the routed view arrives through react-router's
+ * `<Outlet/>`. This example used to pass `<Route>` elements, which is neither
+ * what the component renders nor something `RebaseLayoutProps` accepts — a
+ * reader following it wrote a type error whose message was about `children`,
+ * not about routes.
+ *
+ * Hand it to `<RebaseRouteDefs layout>`, which renders the routes inside it:
+ *
  * @example
  * ```tsx
- * <RebaseLayout title="My Admin" appBar={<AppBar/>}>
- *   <Route path="/" element={<MyHomePage />} />
- *   <Route path="/custom" element={<CustomView />} />
- * </RebaseLayout>
+ * <RebaseRouteDefs layout={<RebaseLayout title="My Admin" appBar={<AppBar/>}/>}>
+ *     <Route path="/custom" element={<CustomView/>}/>
+ * </RebaseRouteDefs>
  * ```
  */
 export declare function RebaseLayout(props: RebaseLayoutProps): React.JSX.Element;

package/dist/components/field_configs.d.ts

@@ -21,5 +21,5 @@ import type { PropertyConfig } from "@rebasepro/cms-types";
 export declare const DEFAULT_FIELD_CONFIGS: Record<DefaultFieldConfig, PropertyConfig>;
 export declare function getDefaultFieldConfig(property: Property): PropertyConfig | undefined;
 export declare function getFieldConfig(property: Property, propertyConfigs: Record<string, PropertyConfig>): PropertyConfig | undefined;
-export declare function getDefaultFieldId(property: Property): "text_field" | "multiline" | "markdown" | "url" | "email" | "switch" | "select" | "multi_select" | "user_select" | "number_input" | "number_select" | "multi_number_select" | "file_upload" | "multi_file_upload" | "reference" | "multi_references" | "relation" | "date_time" | "group" | "key_value" | "repeat" | "custom_array" | "block" | "vector_input" | "geopoint" | "binary" | undefined;
+export declare function getDefaultFieldId(property: Property): "reference" | "geopoint" | "relation" | "binary" | "date_time" | "text_field" | "multiline" | "markdown" | "url" | "email" | "switch" | "select" | "multi_select" | "user_select" | "number_input" | "number_select" | "multi_number_select" | "file_upload" | "multi_file_upload" | "multi_references" | "group" | "key_value" | "repeat" | "custom_array" | "block" | "vector_input" | undefined;
 export declare function getFieldId(property: Property): string | undefined;

package/dist/editor/sanitize-html.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Sanitize a fragment of HTML into something safe to insert.
+ *
+ * Returns a string, because all three call sites are handing HTML to something
+ * that wants HTML — ProseMirror's DOM parser, or an element being built.
+ */
+export declare function sanitizeEditorHtml(html: string): string;
+/**
+ * Parse and sanitize into a detached element, for a caller that wants nodes
+ * rather than a string.
+ *
+ * Same work, one serialize-and-reparse fewer. The element belongs to an inert
+ * document until the caller adopts it.
+ */
+export declare function parseSanitizedHtml(html: string): HTMLElement;