@rebasepro/admin 0.13.0 → 0.13.1-canary.g18cfeb7

package/src/routes/RebaseRoute.tsx

@@ -6,10 +6,10 @@ import { DetailViewBinding } from "../components/DetailViewBinding";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useNavigate } from "react-router";
 import { CollectionViewBinding } from "../components/CollectionViewBinding/CollectionViewBinding";
-import { NotFoundPage, useUserConfigurationPersistence, useComponentOverride, useNavigationBlocker } from "@rebasepro/app";
+import { ErrorView, NotFoundPage, useUserConfigurationPersistence, useComponentOverride, useNavigationBlocker } from "@rebasepro/app";
 import { resolveOpenEntityMode, resolveViewMode } from "../util/view_mode";
 import { UnsavedChangesDialog } from "@rebasepro/app";
-import { CircularProgressCenter } from "@rebasepro/ui";
+import { CenteredView, CircularProgressCenter } from "@rebasepro/ui";
 import { NavigationViewCollectionInternal, NavigationViewEntityCustomInternal, NavigationViewInternal } from "@rebasepro/app";
 import { getNavigationEntriesFromPath } from "@rebasepro/app";
 import { toArray } from "@rebasepro/utils";
@@ -94,7 +94,7 @@ export function RebaseRoute() {
             if (!collectionRegistry.initialised) {
                 return <CircularProgressCenter/>;
             }
-            return null;
+            return <UnresolvedCollectionView path={navigationEntries[0].slug}/>;
         }
         return <ResolvedCollectionView
             key={`collection_view_${collection.slug}`}
@@ -117,7 +117,7 @@ export function RebaseRoute() {
                 if (!collectionRegistry.initialised) {
                     return <CircularProgressCenter/>;
                 }
-                return null;
+                return <UnresolvedCollectionView path={firstEntry.slug}/>;
             }
             return <ResolvedCollectionView
                 key={`collection_view_${collection.slug}`}
@@ -233,6 +233,7 @@ function EntityFullScreenRoute({
     const urlController = useUrlController();
     const navigate = useNavigate();
     const location = useLocation();
+    const userConfigPersistence = useUserConfigurationPersistence();
 
     // defaultValues may be carried via location.state when openNewDocument() is called
     // for full-screen mode. We read it once on mount — after that, the form owns its state.
@@ -340,6 +341,30 @@ function EntityFullScreenRoute({
     // Determine if this is a detail-view-first collection showing the view page
     const isDetailMode = collection.defaultEntityAction === "view" && !isNew && !isCopy && entityId && !isEditRoute;
 
+    // A record is full screen either because its collection has no list to show
+    // beside it, or because the user folded that list away. Only the second is
+    // reversible, and it is reversible by dropping `#full` alone: this is the
+    // same URL the split route reads, so the same conditions decide it.
+    const splitListAvailable = !isNew && !isCopy && entityId !== undefined &&
+        navigationEntries[0]?.type === "collection" &&
+        (navigationEntries.length === 2 || navigationEntries.length === 3) &&
+        resolveOpenEntityMode({
+            collection,
+            viewMode: resolveViewMode({
+                collection,
+                search: location.search,
+                savedViewMode: userConfigPersistence?.getCollectionConfig(collection.slug)?.defaultViewMode as ViewMode | undefined
+            })
+        }) === "split";
+
+    const showList = splitListAvailable
+        ? () => navigate({
+            pathname,
+            search: location.search,
+            hash: ""
+        })
+        : undefined;
+
     if (isDetailMode) {
         return <>
             <DetailViewBinding
@@ -349,6 +374,7 @@ function EntityFullScreenRoute({
                 layout={"full_screen"}
                 path={collectionPath}
                 selectedTab={selectedTab ?? undefined}
+                onShowList={showList}
                 onEditClick={() => {
                     const editUrl = urlController.buildUrlCollectionPath(`${collectionPath}/${entityId}`) + "/edit";
                     navigate(editUrl + hash);
@@ -377,6 +403,7 @@ function EntityFullScreenRoute({
             path={collectionPath}
             copy={isCopy}
             selectedTab={selectedTab ?? undefined}
+            onShowList={showList}
             defaultValues={isNew ? defaultValues : undefined}
             onValuesModified={(modified) => blocked.current = modified}
             navigateBack={() => {
@@ -415,3 +442,34 @@ function EntityFullScreenRoute({
             body={"You have unsaved changes in this entity."}/>
     </>;
 }
+
+/**
+ * Shown when a URL names a collection the registry cannot resolve.
+ *
+ * This used to be `return null`, which renders an empty pane inside the app
+ * chrome: the sidebar, the nav highlight and the breadcrumb all still work,
+ * because those read the collections array directly, while the view itself is
+ * blank. Nothing is thrown, and the only trace is a `console.debug` — so the
+ * panel looks like it lost its data rather than like it failed to find the
+ * collection, and there is no string to search for.
+ *
+ * A slug containing slashes went unresolvable this way and cost an afternoon to
+ * find. The lookup is fixed; this is the part that made it expensive.
+ */
+function UnresolvedCollectionView({ path }: { path: string }) {
+    // Warn, not debug: this is a route that renders nothing useful, and it
+    // should be visible at the console's default level.
+    useEffect(() => {
+        console.warn(
+            `[rebase] No collection is registered for "${path}", so this route has nothing to render. ` +
+            "Check that the collection is in the collections array and that its slug matches the URL."
+        );
+    }, [path]);
+
+    return <CenteredView>
+        <ErrorView
+            title={"Collection not found"}
+            error={`Nothing is registered for "${path}".`}
+            tooltip={"The URL names a collection the panel does not know about. It may have been renamed or removed from the collections array, or the slug may not match the path."}/>
+    </CenteredView>;
+}

package/src/types/components/PropertyPreviewProps.tsx

@@ -61,4 +61,25 @@ export interface PropertyPreviewProps<P extends Property | Property, CustomProps
      */
     textOnly?: boolean;
 
+    /**
+     * The preview has one line and cannot grow — it fills a slot in a card, a
+     * chip, or a table cell of fixed height.
+     *
+     * Properties whose natural rendering is a block (Markdown, multi-line text,
+     * maps, arrays) render a one-line stand-in instead: an opening excerpt, or
+     * a count. Left unset, {@link PropertyPreview} infers it from the entity
+     * preview nesting depth, which is where the constraint actually comes from;
+     * pass it explicitly only to force the compact form somewhere the nesting
+     * does not say so.
+     */
+    compact?: boolean;
+
+    /**
+     * The caller has already labelled this value, so the preview must not
+     * repeat the property name. A boolean is the one that does: it renders its
+     * name beside the checkbox, which reads as a caption in a table cell and as
+     * a stutter under a field label — "VIP" over a checkbox saying "VIP".
+     */
+    hideLabel?: boolean;
+
 }

package/src/util/number_format.ts

@@ -0,0 +1,46 @@
+import type { NumberFormatOptions } from "@rebasepro/admin-types";
+
+/**
+ * Write a number out for reading, per a property's declared `admin.format`.
+ *
+ * Nothing is inferred here. With no options the number is returned as it came
+ * out of the database — `String(value)`, not a locale-grouped rendering — so a
+ * panel that declares nothing shows exactly the stored value, and an author who
+ * wants thousands separators asks for them.
+ *
+ * `Intl.NumberFormat` throws on a bad currency code or an out-of-range fraction
+ * count, and a record must not blank because one property is misconfigured, so a
+ * failure falls back to the raw value.
+ */
+export function formatNumber(
+    value: number,
+    options: NumberFormatOptions | undefined,
+    fallbackLocale?: string
+): string {
+
+    if (!options) return String(value);
+
+    // A currency code is the whole declaration in the common case: writing
+    // `{ currency: "EUR" }` and getting a bare `185.11` because `style` was
+    // omitted is a trap, and there is nothing else `currency` could mean.
+    const style = options.style ?? (options.currency ? "currency" : "decimal");
+
+    if (style === "currency" && !options.currency) {
+        // `Intl` throws on this rather than picking a currency, which is the
+        // right call — there is no sensible default — but the record still has
+        // to render.
+        return String(value);
+    }
+
+    try {
+        return new Intl.NumberFormat(options.locale ?? fallbackLocale ?? undefined, {
+            style,
+            currency: options.currency,
+            minimumFractionDigits: options.minimumFractionDigits,
+            maximumFractionDigits: options.maximumFractionDigits,
+            notation: options.notation
+        }).format(value);
+    } catch {
+        return String(value);
+    }
+}

package/src/util/previews.ts

@@ -1,64 +1,17 @@
 import type { Property } from "@rebasepro/types";
 import type { PropertyConfig, AdminCollection } from "@rebasepro/admin-types";
-import { AuthController } from "@rebasepro/admin-types";
-import { isPropertyBuilder } from "@rebasepro/common";
 import { getTitlePropertyKey, getTitlePropertyKeyForValues } from "@rebasepro/app";
-import { isReferenceProperty, isRelationProperty } from "./property_utils";
-
-function isHiddenProperty(property: Property | undefined): boolean {
-    if (!property) return false;
-    return Boolean(property.admin?.hideFromCollection);
-}
+import { isPropertyBuilder } from "@rebasepro/common";
 
 /**
- * Returns true when the property holds file-storage content (single image,
- * array of images, generic upload, …).  These properties are rendered by the
- * dedicated image-slot and should NOT appear as regular preview columns.
+ * Which properties fill a preview surface, best first.
+ *
+ * The implementation lives in `@rebasepro/app` so that the admin package and
+ * the app package cannot disagree about what a record looks like in a card —
+ * they had drifted, and only one of the two copies had learned to keep
+ * relations out of the list.
  */
-function isStorageProperty(property: Property | undefined): boolean {
-    if (!property) return false;
-    // Single string with storage config
-    if (property.type === "string" && property.storage) return true;
-    // String displayed as image URL
-    if (property.type === "string" && property.admin?.urlPreview === "image") return true;
-    // Array whose inner element has storage config or image URL
-    if (property.type === "array" && property.of && !Array.isArray(property.of)) {
-        const inner = property.of;
-        if (inner.type === "string" && (inner.storage || inner.admin?.urlPreview === "image")) return true;
-    }
-    return false;
-}
-
-export function getEntityPreviewKeys(
-    authController: AuthController,
-    targetCollection: AdminCollection<any>,
-    fields: Record<string, PropertyConfig>,
-    previewProperties?: string[],
-    limit = 3) {
-    const allProperties = Object.keys(targetCollection.properties);
-    let listProperties = previewProperties?.filter(p => allProperties.includes(p as string));
-    if (!listProperties && targetCollection.previewProperties) {
-        listProperties = targetCollection.previewProperties?.filter(p => allProperties.includes(p as string));
-    }
-    if (listProperties && listProperties.length > 0) {
-        return listProperties;
-    } else {
-        const hasExplicitOrder = !!(targetCollection.propertiesOrder as string[] | undefined);
-        listProperties = (targetCollection.propertiesOrder as string[]) || allProperties;
-        return listProperties
-            .filter(key => {
-                const prop = targetCollection.properties[key];
-                const isIdProp = prop && typeof prop === "object" && "isId" in prop && Boolean((prop as { isId?: boolean }).isId);
-                return !isIdProp && key !== "id";
-            })
-            .filter(key => {
-                const property = targetCollection.properties[key];
-                return property && !isPropertyBuilder(property) && !isReferenceProperty(property) && !isHiddenProperty(property)
-                    && !isStorageProperty(property as Property)
-                    && (hasExplicitOrder || !isRelationProperty(property));
-            }).slice(0, limit);
-    }
-}
+export { getEntityPreviewKeys } from "@rebasepro/app";
 
 /**
  * The property that fills the title slot for a collection.

package/src/util/property_utils.tsx

@@ -159,8 +159,13 @@ export function getResolvedPropertyInPath(properties: Record<string, Property>,
         }
         if (path.includes(".")) {
             const pathSegments = path.split(".");
+            // A path whose root is not a property at all is simply not found.
+            // Reading `.type` off the miss threw a TypeError instead, which
+            // turned one unresolvable column key into a crash for whatever was
+            // walking the properties — see `propertiesToColumns`, where that is
+            // the whole table. `getPropertyInPath` above already guards this.
             const childProperty = properties[pathSegments[0]];
-            if (childProperty.type === "map" && childProperty.properties) {
+            if (childProperty?.type === "map" && childProperty.properties) {
                 return getResolvedPropertyInPath(childProperty.properties, pathSegments.slice(1).join("."))
             }
         }

package/dist/RouterCollectionsStudioView-BsLTNoqX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RouterCollectionsStudioView-BsLTNoqX.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/admin-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/admin-types\";\n\nexport interface CollectionsStudioViewProps extends CollectionEditorExtensionProps {\n    configController: CollectionsConfigController;\n\n    /**\n     * Collections to show in the sidebar.\n     * When provided, overrides the collections from `configController`.\n     * Use this to control exactly which collections the editor displays.\n     */\n    collections?: 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    const [sidebarSize, setSidebarSize] = useState(() => {\n        try {\n            const saved = localStorage.getItem(\"rebase_collections_editor_sidebar_size\");\n            return saved !== null ? parseFloat(saved) : 25;\n        } catch (e) {\n            return 25;\n        }\n    });\n\n    useEffect(() => {\n        try {\n            localStorage.setItem(\"rebase_collections_editor_sidebar_size\", sidebarSize.toString());\n        } catch (e) {\n            // ignore local storage error\n        }\n    }, [sidebarSize]);\n\n    return (\n        <div className=\"flex h-full w-full bg-surface-50 dark:bg-surface-800 overflow-hidden text-text-primary dark:text-text-primary-dark\">\n            <ResizablePanels\n                orientation=\"horizontal\"\n                panelSizePercent={sidebarSize}\n                onPanelSizeChange={setSidebarSize}\n                minPanelSizePx={220}\n                firstPanel={\n                    <div className={cls(\"flex flex-col h-full w-full bg-surface-50 dark:bg-surface-800 border-r\", defaultBorderMixin)}>\n                        <div className={cls(\"flex items-center justify-between px-3 py-2 border-b bg-surface-50 dark:bg-surface-900 min-h-[48px]\", defaultBorderMixin)}>\n                            <Typography variant=\"caption\" className=\"font-semibold text-[11px] uppercase tracking-wider text-surface-400 dark:text-surface-400\">\n                                Collections\n                            </Typography>\n                            <Tooltip title={configController.readOnly ? configController.readOnlyReason || \"Read only\" : \"Add collection\"}>\n                                <div>\n                                    <IconButton\n                                        size=\"small\"\n                                        disabled={configController.readOnly}\n                                        onClick={() => setActiveCollectionId(\"new\")}\n                                        className={activeCollectionId === \"new\" ? \"text-primary dark:text-primary-dark\" : \"text-text-secondary dark:text-text-secondary-dark\"}\n                                    >\n                                        <PlusIcon size={iconSize.smallest}/>\n                                    </IconButton>\n                                </div>\n                            </Tooltip>\n                        </div>\n\n                        <div className=\"flex-grow overflow-y-auto w-full no-scrollbar p-2 space-y-0.5\">\n                            {collections.length === 0 && (\n                                <div className=\"p-4 text-center\">\n                                    <Typography variant=\"caption\" className=\"text-text-disabled dark:text-text-disabled-dark italic\">\n                                        No collections yet.\n                                    </Typography>\n                                </div>\n                            )}\n                            {collections.map((collection) => {\n                                const collectionKey = collection.slug;\n                                const isSelected = activeCollectionId === collectionKey;\n                                return (\n                                    <div\n                                        key={collectionKey}\n                                        onClick={() => setActiveCollectionId(collectionKey)}\n                                        className={cls(\n                                            \"flex items-center gap-2.5 px-3 h-[30px] cursor-pointer rounded-lg text-[13px] font-medium transition-colors\",\n                                            isSelected\n                                                ? \"bg-primary/8 text-primary dark:bg-primary/10 dark:text-primary-light font-semibold\"\n                                                : \"hover:bg-primary/5 dark:hover:bg-primary/5 text-surface-700 dark:text-surface-300 hover:text-surface-900 dark:hover:text-white\"\n                                        )}\n                                    >\n                                        <IconForView collectionOrView={collection} size={\"smallest\"} className={cls(\n                                            isSelected\n                                                ? \"text-primary dark:text-primary-light\"\n                                                : \"text-surface-500 dark:text-text-secondary-dark\"\n                                        )}/>\n                                        <span className=\"truncate flex-1\">\n                                            {collection.name || collection.slug}\n                                        </span>\n                                    </div>\n                                );\n                            })}\n                        </div>\n                    </div>\n                }\n                secondPanel={\n                    <div className=\"flex-grow flex flex-col min-w-0 h-full w-full\">\n                        {/* We use key to force unmount when switching collections, preventing stale state */}\n                        {activeCollectionId ? (\n                            <CollectionStudioView\n                                key={activeCollectionId}\n                                configController={configController}\n                                collectionId={activeCollectionId}\n                                onSave={(savedCollection) => {\n                                    // After creating a new collection, switch to it\n                                    if (activeCollectionId === \"new\" && savedCollection?.slug) {\n                                        setActiveCollectionId(savedCollection.slug);\n                                    }\n                                }}\n                                onCancel={() => setActiveCollectionId(undefined)}\n                                propertyTypePresets={propertyTypePresets}\n                                hiddenPropertyTypes={hiddenPropertyTypes}\n                                renderExtraPropertyFields={renderExtraPropertyFields}\n                                renderExtraCollectionFields={renderExtraCollectionFields}\n                                visibleTabs={visibleTabs}\n                                standalone={standalone}\n                            />\n                        ) : (\n                            <div className=\"flex flex-col items-center justify-center h-full gap-4\">\n                                <Typography variant=\"label\">\n                                    Select a collection or create a new one to start editing\n                                </Typography>\n                                <Button\n                                    disabled={configController.readOnly}\n                                    onClick={() => setActiveCollectionId(\"new\")}\n                                >\n                                    <PlusIcon/>\n                                    Add new collection\n                                </Button>\n                            </div>\n                        )}\n                    </div>\n                }\n            />\n        </div>\n    );\n}\n","/**\n * Router-aware wrapper around CollectionsStudioView.\n *\n * This component provides the react-router-based navigation behavior\n * that Rebase Studio expects: the active collection is derived from the\n * URL, and clicking a collection navigates via react-router.\n *\n * External consumers should use `CollectionsStudioView` directly\n * (which has no react-router dependency).\n */\nimport React from \"react\";\nimport { useLocation, useNavigate } from \"react-router\";\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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"}