@rebasepro/admin 0.14.1 → 0.14.2-canary.g27a129e

package/dist/util/resolutions.d.ts

@@ -1,5 +1,14 @@
-import type { CustomizationController, EntityAction, EntityCustomView } from "@rebasepro/admin-types";
+import type { CollectionCustomView, CustomizationController, EntityAction, EntityCustomView } from "@rebasepro/admin-types";
 export declare function resolveEntityView(entityView: string | EntityCustomView<any>, contextEntityViews?: EntityCustomView<any>[]): EntityCustomView<any> | undefined;
+/**
+ * Resolve a collection's `admin.customViews` into the views it can actually
+ * render, dropping every entry that names a key nothing registered.
+ *
+ * Dropping is deliberate: an unresolvable key must not become a switcher entry
+ * that renders a blank panel. It falls out of `enabledViews` too, so a user
+ * whose saved view mode was removed lands on a built-in.
+ */
+export declare function resolveCollectionViews(customViews: (string | CollectionCustomView<any>)[] | undefined, contextCollectionViews?: CollectionCustomView<any>[]): CollectionCustomView<any>[];
 export declare function resolveEntityAction<M extends Record<string, unknown>>(entityAction: string | EntityAction<M>, contextEntityActions?: EntityAction<M>[]): EntityAction<M> | undefined;
 export declare function resolvedSelectedEntityView<M extends Record<string, unknown>>(customViews: (string | EntityCustomView<M>)[] | undefined, customizationController: CustomizationController, selectedTab?: string, _canEdit?: boolean): {
     resolvedEntityViews: EntityCustomView[];

package/dist/util/view_mode.d.ts

@@ -1,20 +1,34 @@
-import type { ViewMode, AdminCollection } from "@rebasepro/admin-types";
+import type { ViewMode, AdminCollection, CollectionCustomView } from "@rebasepro/admin-types";
 /**
  * Query param that carries the active collection view mode across navigations.
  */
 export declare const VIEW_MODE_PARAM = "__view";
+/** The view modes every collection has, before custom views are added. */
 export declare const VIEW_MODES: ViewMode[];
 export declare const DEFAULT_VIEW_MODE: ViewMode;
 export type OpenEntityMode = "side_panel" | "full_screen" | "split" | "dialog";
 export declare const DEFAULT_OPEN_ENTITY_MODE: OpenEntityMode;
-export declare function isViewMode(value: string | null | undefined): value is ViewMode;
 /**
- * Read the active view mode from a query string, if it holds a valid one.
+ * Whether `value` names a view mode this collection can actually render.
+ *
+ * `customKeys` are the keys of the collection's resolved custom views. They
+ * have to be passed in rather than looked up: a custom view is registered per
+ * collection, so there is no global set to check against, and validating
+ * against the built-ins alone is what would send `?__view=map` to the table.
+ *
+ * Omitting them checks the built-ins only, which is the right answer for
+ * callers that have no collection in hand.
+ */
+export declare function isViewMode(value: string | null | undefined, customKeys?: readonly string[]): value is ViewMode;
+/**
+ * Read the active view mode from a query string, if it holds one this
+ * collection can render.
  *
  * @param search a query string (e.g. `location.search`). Falls back to the
  *        current browser location when omitted.
+ * @param customKeys keys of the collection's custom views, if any.
  */
-export declare function getViewModeFromSearch(search?: string): ViewMode | null;
+export declare function getViewModeFromSearch(search?: string, customKeys?: readonly string[]): ViewMode | null;
 /**
  * Append the active view mode to a URL so the target route keeps rendering the
  * view the user was last looking at.
@@ -49,10 +63,12 @@ export declare function withListState(url: string, search?: string): string;
  * Resolve the view mode for a collection, honouring the documented priority:
  * URL param > saved user config > collection default.
  */
-export declare function resolveViewMode({ collection, search, savedViewMode }: {
+export declare function resolveViewMode({ collection, search, savedViewMode, customKeys }: {
     collection?: Pick<AdminCollection<any>, "defaultViewMode">;
     search?: string;
     savedViewMode?: ViewMode | null;
+    /** Keys of the collection's resolved custom views. */
+    customKeys?: readonly string[];
 }): ViewMode;
 /**
  * Resolve how clicking an entity should present it.
@@ -66,7 +82,9 @@ export declare function resolveViewMode({ collection, search, savedViewMode }: {
  * must all resolve through it, otherwise the same entity opens differently
  * depending on how it was reached.
  */
-export declare function resolveOpenEntityMode({ collection, viewMode }: {
+export declare function resolveOpenEntityMode({ collection, viewMode, customView }: {
     collection?: Pick<AdminCollection<any>, "openEntityMode">;
     viewMode?: ViewMode;
+    /** The resolved custom view, when `viewMode` names one. */
+    customView?: Pick<CollectionCustomView, "openEntityMode">;
 }): OpenEntityMode;

package/dist/{util-bL-fk6C6.js → util-BKtHPLe4.js}

@@ -1,7 +1,7 @@
 import * as React$1 from "react";
-import React, { Suspense, createContext, createElement, forwardRef, lazy, memo, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import React, { Suspense, createContext, createElement, forwardRef, memo, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { deepEqual } from "fast-equals";
-import { Alert, AlertCircleIcon, AlertTriangleIcon, AlignLeftIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightToLineIcon, ArrowUpDownIcon, ArrowUpIcon, Badge, BooleanSwitchWithLabel, Button, CHIP_COLORS, CHIP_SEED_KEYS, CalendarIcon, Card, CardView, CenteredView, CheckCircleIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, Chip, CircleIcon, CircularProgress, CircularProgressCenter, CodeIcon, Collapse, ColumnsIcon, CopyIcon, DateTimeField, Dialog, DialogActions, DialogContent, DialogTitle, ErrorBoundary, ExpandablePanel, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, FileUpload, FilterChip, FilterIcon, FilterXIcon, FlagIcon, FolderUpIcon, FunctionSquareIcon, GlobeIcon, HandleIcon, HashIcon, HistoryIcon, IconButton, ImageOffIcon, KanbanIcon, KanbanView, KeyRoundIcon, Label, LayoutGridIcon, Link2Icon, LinkIcon, ListIcon, ListOrderedIcon, ListView, LoadingButton, LucideIconByName, MailIcon, Markdown, Maximize2Icon, Menu, MenuItem, MinusIcon, MoreVerticalIcon, MultiSelect, MultiSelectItem, PanelLeftCloseIcon, PanelLeftOpenIcon, PencilIcon, PlusIcon, Popover, PopoverPrimitive, Portal, QuoteIcon, RadioGroup, RadioGroupItem, RefreshCwIcon, RepeatIcon, ResizablePanels, Rows3Icon, SearchBar, SearchIcon, Select, SelectItem, Separator, SettingsIcon, Sheet, Skeleton, Tab, Table, TableBody, TableCell, TableHeader, TableIcon, TableRow, Tabs, TextField, TextIcon, TextareaAutosize, ToggleButtonGroup, Tooltip, Trash2Icon, Typography, Unlink2Icon, UploadIcon, UserIcon, VirtualTable, VirtualTableDateField, VirtualTableInput, VirtualTableInput as VirtualTableInput$1, VirtualTableNumberInput, VirtualTableSwitch, VoteIcon, XCircleIcon, XIcon, cls, coolIconKeys, createVirtualTableSelectionStore, debounce, defaultBorderMixin, fieldBackgroundDisabledMixin, fieldBackgroundHoverMixin, fieldBackgroundInvisibleMixin, fieldBackgroundMixin, focusedDisabled, getColorSchemeForSeed, iconSize, paperMixin, useDebouncedCallback, useOutsideAlerter, usePortalContainer } from "@rebasepro/ui";
+import { Alert, AlertCircleIcon, AlertTriangleIcon, AlignLeftIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightToLineIcon, ArrowUpDownIcon, ArrowUpIcon, Badge, BooleanSwitchWithLabel, Button, CHIP_COLORS, CHIP_SEED_KEYS, CalendarIcon, Card, CardView, CenteredView, CheckCircleIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, Chip, CircleIcon, CircularProgress, CircularProgressCenter, CodeIcon, Collapse, ColumnsIcon, CopyIcon, DateTimeField, Dialog, DialogActions, DialogContent, DialogTitle, ErrorBoundary, ExpandablePanel, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, FileUpload, FilterChip, FilterIcon, FilterXIcon, FlagIcon, FolderUpIcon, FunctionSquareIcon, GlobeIcon, HandleIcon, HashIcon, HistoryIcon, IconButton, ImageOffIcon, KanbanIcon, KanbanView, KeyRoundIcon, Label, LayoutGridIcon, Link2Icon, LinkIcon, ListIcon, ListOrderedIcon, ListView, LoadingButton, LucideIconByName, MailIcon, Markdown, Maximize2Icon, Menu, MenuItem, MinusIcon, MoreVerticalIcon, MultiSelect, MultiSelectItem, PanelLeftCloseIcon, PanelLeftOpenIcon, PencilIcon, PlusIcon, Popover, PopoverPrimitive, Portal, QuoteIcon, RadioGroup, RadioGroupItem, RefreshCwIcon, RepeatIcon, ResizablePanels, Rows3Icon, SearchBar, SearchIcon, Select, SelectItem, Separator, SettingsIcon, Sheet, Skeleton, Tab, Table, TableBody, TableCell, TableHeader, TableIcon, TableRow, Tabs, TextField, TextIcon, TextareaAutosize, ToggleButtonGroup, Tooltip, Trash2Icon, Typography, Unlink2Icon, UploadIcon, UserIcon, VirtualTable, VirtualTableDateField, VirtualTableInput, VirtualTableInput as VirtualTableInput$1, VirtualTableNumberInput, VirtualTableSwitch, VoteIcon, XCircleIcon, XIcon, cls, coolIconKeys, createVirtualTableSelectionStore, debounce, defaultBorderMixin, fieldBackgroundDisabledMixin, fieldBackgroundHoverMixin, fieldBackgroundInvisibleMixin, fieldBackgroundMixin, focusedDisabled, getColorSchemeForSeed, iconSize, lazyChunk, paperMixin, useDebouncedCallback, useOutsideAlerter, usePortalContainer } from "@rebasepro/ui";
 import { CollectionRegistry, DEFAULT_ONE_OF_TYPE, DEFAULT_ONE_OF_VALUE, canReadCollection, enumToObjectEntries, getArrayResolvedProperties, getDefaultValueFor, getDefaultValueFortype, getDefaultValuesFor, getEntityChildViews, getLabelOrConfigFrom, getReferenceFrom, getRelationFrom, getRelationTargetPath, getSubcollections, getTableName, isPropertyBuilder, normalizeOrderBy, normalizeToEntityRelation, resolveArrayProperties, resolveEnumValues, resolveProperty, resolveRelationProperty, resolveStorageFilenameString, resolveStoragePathString, resolveStorageSource, serializeOrderBy } from "@rebasepro/common";
 import { CONTAINER_FULL_WIDTH, CollectionScopeProvider, DEFAULT_PAGE_SIZE, EntityDisplayCache, ErrorTooltip, ErrorView, IconForView, PluginProviderStack, SIDE_PANEL_DEFAULT_WIDTH, StorageSourceContext, UnsavedChangesDialog, UserDisplay, addInitialSlash, apiBaseOf, buildEnumLabel, createFormexStub, deleteEntityWithCallbacks, entityDisplayKey, flattenKeys, getAdminEntityChildViews, getCollectionBySlugWithin, getCollectionPathsCombinations, getColorScheme, getColumnKeysForProperty, getDisplayPropertyKey, getDisplayResolver, getEntityFromCache, getEntityFromMemoryCache, getEntityImagePreviewPropertyKey, getEntityPreviewKeys, getFormFieldKeys, getIcon, getLastSegment as getLastSegment$1, getLeadingRelationTitleKey, getLocalChangesBackup, getNavigationEntriesFromPath, getParentReferencesFromPath, getPropertyInPath, getRedundantChildViewColumnIds, getRelationIncludeParams, getRowHeight, getTitlePropertyCandidates, getTitlePropertyKey, getTitlePropertyKeyForValues, hasDeclaredDisplay, iconsSearch, isDisabled, isFilterableRelation, isHidden, isReadOnly, looksLikeIdentifierValue, removeEntityFromCache, removeEntityFromMemoryCache, removeInitialAndTrailingSlashes, removeInitialAndTrailingSlashes as removeInitialAndTrailingSlashes$1, removeInitialSlash, removeTrailingSlash, removeTrailingSlash as removeTrailingSlash$1, resolveCollectionPathIds, resolveCollectionPathIds as resolveCollectionPathIds$1, resolveComponentRef, resolveDefaultSelectedView, resolveFilterOperators, resolveFormLayout, saveEntityToCache, saveEntityToMemoryCache, saveEntityWithCallbacks, useAnalyticsController, useApiBase, useApiConfig, useAuthController, useCollectionScope, useColumnIds, useComponentOverride, useCustomizationController, useData, useDataTableController, useFetch, useLargeLayout, useModeController, useNavigationBlocker, usePermissions, useRebaseClient, useRebaseContext, useRelationSelector, useResolvedComponent, useScrollRestoration, useSlot, useSnackbarController, useStorageSource, useStorageSources, useStorageUploadController, useTranslation, useUnsavedChangesDialog, useUserConfigurationPersistence } from "@rebasepro/app";
 import { Field, Formex, getIn, setIn, useCreateFormex, useFormex } from "@rebasepro/forms";
@@ -7534,26 +7534,42 @@ function useCollectionInlineEditor({ path, collection, dataClient, context }) {
 * Query param that carries the active collection view mode across navigations.
 */
 var VIEW_MODE_PARAM = "__view";
+/** The view modes every collection has, before custom views are added. */
 var VIEW_MODES = [
 	"list",
 	"table",
 	"cards",
 	"kanban"
 ];
+var DEFAULT_VIEW_MODE = "list";
 var DEFAULT_OPEN_ENTITY_MODE = "split";
-function isViewMode(value) {
-	return Boolean(value) && VIEW_MODES.includes(value);
+/**
+* Whether `value` names a view mode this collection can actually render.
+*
+* `customKeys` are the keys of the collection's resolved custom views. They
+* have to be passed in rather than looked up: a custom view is registered per
+* collection, so there is no global set to check against, and validating
+* against the built-ins alone is what would send `?__view=map` to the table.
+*
+* Omitting them checks the built-ins only, which is the right answer for
+* callers that have no collection in hand.
+*/
+function isViewMode(value, customKeys) {
+	if (!value) return false;
+	return VIEW_MODES.includes(value) || Boolean(customKeys?.includes(value));
 }
 /**
-* Read the active view mode from a query string, if it holds a valid one.
+* Read the active view mode from a query string, if it holds one this
+* collection can render.
 *
 * @param search a query string (e.g. `location.search`). Falls back to the
 *        current browser location when omitted.
+* @param customKeys keys of the collection's custom views, if any.
 */
-function getViewModeFromSearch(search) {
+function getViewModeFromSearch(search, customKeys) {
 	const source = search ?? (typeof window !== "undefined" ? window.location.search : "");
 	const value = new URLSearchParams(source).get(VIEW_MODE_PARAM);
-	return isViewMode(value) ? value : null;
+	return isViewMode(value, customKeys) ? value : null;
 }
 /**
 * Append the active view mode to a URL so the target route keeps rendering the
@@ -7567,7 +7583,8 @@ function getViewModeFromSearch(search) {
 *        current browser location.
 */
 function withViewMode(url, search) {
-	const viewMode = getViewModeFromSearch(search);
+	const source = search ?? (typeof window !== "undefined" ? window.location.search : "");
+	const viewMode = new URLSearchParams(source).get(VIEW_MODE_PARAM);
 	if (!viewMode) return url;
 	const hashIndex = url.indexOf("#");
 	const hash = hashIndex >= 0 ? url.substring(hashIndex) : "";
@@ -7608,11 +7625,13 @@ function withListState(url, search) {
 * Resolve the view mode for a collection, honouring the documented priority:
 * URL param > saved user config > collection default.
 */
-function resolveViewMode({ collection, search, savedViewMode }) {
-	const fromUrl = getViewModeFromSearch(search);
+function resolveViewMode({ collection, search, savedViewMode, customKeys }) {
+	const fromUrl = getViewModeFromSearch(search, customKeys);
 	if (fromUrl) return fromUrl;
-	if (isViewMode(savedViewMode)) return savedViewMode;
-	return collection?.defaultViewMode ?? "list";
+	if (isViewMode(savedViewMode, customKeys)) return savedViewMode;
+	const configured = collection?.defaultViewMode;
+	if (isViewMode(configured, customKeys)) return configured;
+	return DEFAULT_VIEW_MODE;
 }
 /**
 * Resolve how clicking an entity should present it.
@@ -7626,8 +7645,9 @@ function resolveViewMode({ collection, search, savedViewMode }) {
 * must all resolve through it, otherwise the same entity opens differently
 * depending on how it was reached.
 */
-function resolveOpenEntityMode({ collection, viewMode }) {
+function resolveOpenEntityMode({ collection, viewMode, customView }) {
 	if (collection?.openEntityMode) return collection.openEntityMode;
+	if (customView) return customView.openEntityMode ?? "side_panel";
 	if (viewMode === "kanban") return "side_panel";
 	if (viewMode === "table" || viewMode === "cards") return "full_screen";
 	return DEFAULT_OPEN_ENTITY_MODE;
@@ -7703,6 +7723,26 @@ function resolveEntityView(entityView, contextEntityViews) {
 	if (typeof entityView === "string") return BUILTIN_ENTITY_VIEWS[entityView] ?? contextEntityViews?.find((entry) => entry.key === entityView);
 	else return entityView;
 }
+/**
+* Resolve a collection's `admin.customViews` into the views it can actually
+* render, dropping every entry that names a key nothing registered.
+*
+* Dropping is deliberate: an unresolvable key must not become a switcher entry
+* that renders a blank panel. It falls out of `enabledViews` too, so a user
+* whose saved view mode was removed lands on a built-in.
+*/
+function resolveCollectionViews(customViews, contextCollectionViews) {
+	if (!customViews) return [];
+	const resolved = [];
+	const seen = /* @__PURE__ */ new Set();
+	for (const entry of customViews) {
+		const view = typeof entry === "string" ? contextCollectionViews?.find((candidate) => candidate.key === entry) : entry;
+		if (!view || VIEW_MODES.includes(view.key) || seen.has(view.key)) continue;
+		seen.add(view.key);
+		resolved.push(view);
+	}
+	return resolved;
+}
 function resolveEntityAction(entityAction, contextEntityActions) {
 	if (typeof entityAction === "string") return contextEntityActions?.find((entry) => entry.key === entityAction);
 	else return entityAction;
@@ -9318,8 +9358,8 @@ function EditorCollectionAction({ path, parentCollectionSlugs, parentEntityIds,
 }
 //#endregion
 //#region src/components/CollectionViewBinding/CollectionViewActions.tsx
-var ImportCollectionAction = lazy(() => import("./import-BujhycMq.js").then((n) => n.t).then((m) => ({ default: m.ImportCollectionAction })));
-var ExportCollectionAction = lazy(() => import("./export-KEf57Jso.js").then((n) => n.t).then((m) => ({ default: m.ExportCollectionAction })));
+var ImportCollectionAction = lazyChunk(() => import("./import-CXpuYo-T.js").then((n) => n.t).then((m) => ({ default: m.ImportCollectionAction })));
+var ExportCollectionAction = lazyChunk(() => import("./export-BZi1MzQ5.js").then((n) => n.t).then((m) => ({ default: m.ExportCollectionAction })));
 function CollectionViewActions({ collection, relativePath, parentCollectionSlugs, parentEntityIds, onNewClick, onAddExistingClick, onMultipleDeleteClick, selectionEnabled, path, selectionController, tableController, collectionEntitiesCount, compact, children, openNewDocument }) {
 	const context = useAdminContext();
 	const { canCreate, canDelete } = usePermissions();
@@ -11673,7 +11713,7 @@ function JsonPreviewBinding({ values }) {
 }
 //#endregion
 //#region src/components/EntityInspector.tsx
-var EntityHistoryView = lazy(() => import("./history-Ctd2cRn_.js").then((m) => ({ default: m.EntityHistoryView })));
+var EntityHistoryView = lazyChunk(() => import("./history-B5pkfldE.js").then((m) => ({ default: m.EntityHistoryView })));
 /**
 * Raw values and revision history, as an inspector rather than as tabs.
 *
@@ -13771,47 +13811,65 @@ var ALL_VIEW_MODES = [
 	"cards",
 	"kanban"
 ];
-function ViewModeToggle({ viewMode = "table", onViewModeChange, enabledViews = ALL_VIEW_MODES, size, onSizeChanged, open, onOpenChange, kanbanPropertyOptions, selectedKanbanProperty, onKanbanPropertyChange }) {
+function ViewModeToggle({ viewMode = "table", onViewModeChange, enabledViews = ALL_VIEW_MODES, customViews, size, onSizeChanged, open, onOpenChange, kanbanPropertyOptions, selectedKanbanProperty, onKanbanPropertyChange }) {
 	const { t } = useTranslation();
+	const activeCustomView = customViews?.find((v) => v.key === viewMode);
 	const getViewModeIcon = () => {
+		if (activeCustomView) return getIcon(activeCustomView.icon, void 0, void 0, "small") ?? /* @__PURE__ */ jsx(ListIcon, { size: iconSize.small });
 		if (viewMode === "kanban") return /* @__PURE__ */ jsx(KanbanIcon, { size: iconSize.small });
 		if (viewMode === "cards") return /* @__PURE__ */ jsx(LayoutGridIcon, { size: iconSize.small });
 		if (viewMode === "table") return /* @__PURE__ */ jsx(TableIcon, { size: iconSize.small });
 		return /* @__PURE__ */ jsx(ListIcon, { size: iconSize.small });
 	};
 	const getViewModeName = () => {
+		if (activeCustomView) return activeCustomView.name;
 		if (viewMode === "kanban") return t("board");
 		if (viewMode === "cards") return t("cards");
 		if (viewMode === "table") return t("table_view_mode");
 		return t("list");
 	};
-	const showSizeSelector = size && onSizeChanged && (viewMode === "list" || viewMode === "table" || viewMode === "cards");
+	const showSizeSelector = size && onSizeChanged && (activeCustomView ? activeCustomView.sizeable : viewMode === "list" || viewMode === "table" || viewMode === "cards");
 	const showKanbanPropertySelector = viewMode === "kanban" && kanbanPropertyOptions && kanbanPropertyOptions.length > 0 && onKanbanPropertyChange;
 	const viewModeOptions = useMemo(() => {
-		return [
-			{
-				value: "list",
+		const builtIns = {
+			list: {
 				label: t("list"),
 				icon: /* @__PURE__ */ jsx(ListIcon, { size: iconSize.smallest })
 			},
-			{
-				value: "table",
+			table: {
 				label: t("table_view_mode"),
 				icon: /* @__PURE__ */ jsx(TableIcon, { size: iconSize.smallest })
 			},
-			{
-				value: "cards",
+			cards: {
 				label: t("cards"),
 				icon: /* @__PURE__ */ jsx(LayoutGridIcon, { size: iconSize.smallest })
 			},
-			{
-				value: "kanban",
+			kanban: {
 				label: t("board"),
 				icon: /* @__PURE__ */ jsx(KanbanIcon, { size: iconSize.smallest })
 			}
-		];
-	}, [t]);
+		};
+		return enabledViews.flatMap((mode) => {
+			const builtIn = builtIns[mode];
+			if (builtIn) return [{
+				value: mode,
+				...builtIn
+			}];
+			const custom = customViews?.find((v) => v.key === mode);
+			if (!custom) return [];
+			return [{
+				value: mode,
+				label: custom.name,
+				icon: getIcon(custom.icon, void 0, void 0, "smallest") ?? /* @__PURE__ */ jsx(ListIcon, { size: iconSize.smallest })
+			}];
+		});
+	}, [
+		t,
+		enabledViews,
+		customViews
+	]);
 	if (!onViewModeChange) return null;
+	if (viewModeOptions.length <= 1 && !showSizeSelector && !showKanbanPropertySelector) return null;
 	return /* @__PURE__ */ jsx("div", {
 		className: "overflow-visible",
 		children: /* @__PURE__ */ jsx(Popover, {
@@ -15603,24 +15661,33 @@ var CollectionViewBindingInner = React.memo(function CollectionViewBindingInner(
 	const selectionEnabled = collection.selectionEnabled === void 0 || collection.selectionEnabled;
 	const hoverRow = !checkInlineEditing();
 	const [popOverOpen, setPopOverOpen] = useState(false);
-	const defaultViewMode = collection.defaultViewMode ?? "list";
+	const resolvedCustomViews = useMemo(() => resolveCollectionViews(collection.customViews, customizationController.collectionViews), [collection.customViews, customizationController]);
+	const customViewKeys = useMemo(() => resolvedCustomViews.map((v) => v.key), [resolvedCustomViews]);
+	const defaultViewMode = isViewMode(collection.defaultViewMode, customViewKeys) ? collection.defaultViewMode : "list";
 	const [searchParams, setSearchParams] = useSearchParams();
 	const urlView = useMemo(() => {
 		const v = searchParams.get(VIEW_MODE_PARAM);
-		return isViewMode(v) ? v : null;
-	}, [searchParams]);
+		return isViewMode(v, customViewKeys) ? v : null;
+	}, [searchParams, customViewKeys]);
 	const getSavedView = useCallback(() => {
-		return userConfigPersistence?.getCollectionConfig(path)?.defaultViewMode ?? null;
-	}, [userConfigPersistence, path]);
+		const saved = userConfigPersistence?.getCollectionConfig(path)?.defaultViewMode;
+		return isViewMode(saved, customViewKeys) ? saved : null;
+	}, [
+		userConfigPersistence,
+		path,
+		customViewKeys
+	]);
 	const [viewMode, setViewModeState] = useState(() => {
 		if (urlView) return urlView;
 		const savedView = getSavedView();
 		if (savedView) return savedView;
 		return defaultViewMode;
 	});
+	const activeCustomView = useMemo(() => resolvedCustomViews.find((v) => v.key === viewMode), [resolvedCustomViews, viewMode]);
 	const openEntityMode = resolveOpenEntityMode({
 		collection,
-		viewMode
+		viewMode,
+		customView: activeCustomView
 	});
 	useEffect(() => {
 		if (!urlView && viewMode !== defaultViewMode) setSearchParams(() => {
@@ -15652,6 +15719,7 @@ var CollectionViewBindingInner = React.memo(function CollectionViewBindingInner(
 	const [listSize, setListSize] = useState(collection.defaultSize ?? "m");
 	const [cardSize, setCardSize] = useState(collection.defaultSize ?? "m");
 	const [tableSize, setTableSize] = useState(collection.defaultSize ?? "m");
+	const [customViewSize, setCustomViewSize] = useState(collection.defaultSize ?? "m");
 	const selectionController = useSelectionController();
 	const usedSelectionController = collection.selectionController ?? selectionController;
 	const { selectedEntities, setSelectedEntities } = usedSelectionController;
@@ -15807,7 +15875,7 @@ var CollectionViewBindingInner = React.memo(function CollectionViewBindingInner(
 		canCreate: canCreateEntities,
 		onNewClick
 	});
-	const pluginInsights = useSlot("collection.insights", {
+	const pluginWidgets = useSlot("collection.widgets", {
 		path,
 		parentCollectionSlugs: parentCollectionSlugs ?? EMPTY_ARRAY,
 		parentEntityIds: parentEntityIds ?? EMPTY_ARRAY,
@@ -15875,15 +15943,14 @@ var CollectionViewBindingInner = React.memo(function CollectionViewBindingInner(
 		return Object.values(resolvedCollection.properties).some((p) => p.type === "string" && "enum" in p && p.enum);
 	}, [resolvedCollection.properties]);
 	const enabledViews = useMemo(() => {
-		const configured = collection.enabledViews ?? [
-			"list",
-			"table",
-			"cards",
-			"kanban"
-		];
-		if (!hasEnumProperty) return configured.filter((v) => v !== "kanban");
-		return configured;
-	}, [collection.enabledViews, hasEnumProperty]);
+		const renderable = (collection.enabledViews ?? [...VIEW_MODES, ...customViewKeys]).filter((v) => isViewMode(v, customViewKeys));
+		if (!hasEnumProperty) return renderable.filter((v) => v !== "kanban");
+		return renderable;
+	}, [
+		collection.enabledViews,
+		hasEnumProperty,
+		customViewKeys
+	]);
 	const kanbanPropertyOptions = useMemo(() => {
 		const options = [];
 		const properties = resolvedCollection.properties;
@@ -16107,8 +16174,9 @@ var CollectionViewBindingInner = React.memo(function CollectionViewBindingInner(
 		viewMode,
 		onViewModeChange,
 		enabledViews,
-		size: viewMode === "list" ? listSize : viewMode === "table" ? tableSize : viewMode === "cards" ? cardSize : void 0,
-		onSizeChanged: viewMode === "list" ? onListSizeChanged : viewMode === "table" ? onTableSizeChanged : viewMode === "cards" ? setCardSize : void 0,
+		customViews: resolvedCustomViews,
+		size: activeCustomView ? activeCustomView.sizeable ? customViewSize : void 0 : viewMode === "list" ? listSize : viewMode === "table" ? tableSize : viewMode === "cards" ? cardSize : void 0,
+		onSizeChanged: activeCustomView ? activeCustomView.sizeable ? setCustomViewSize : void 0 : viewMode === "list" ? onListSizeChanged : viewMode === "table" ? onTableSizeChanged : viewMode === "cards" ? setCardSize : void 0,
 		open: viewModePopoverOpen,
 		onOpenChange: setViewModePopoverOpen,
 		kanbanPropertyOptions,
@@ -16172,7 +16240,24 @@ var CollectionViewBindingInner = React.memo(function CollectionViewBindingInner(
 			children: pluginToolbarWidgets
 		})
 	});
-	const innerView = viewMode === "kanban" ? /* @__PURE__ */ jsx(CollectionBoardViewBinding, {
+	const CustomViewBuilder = activeCustomView ? resolveComponentRef(activeCustomView.Builder) : void 0;
+	const innerView = CustomViewBuilder ? /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(CustomViewBuilder, {
+		collection,
+		tableController,
+		path,
+		parentCollectionSlugs,
+		parentEntityIds,
+		onEntityClick,
+		onNewClick: canCreateEntities ? onNewClick : void 0,
+		canCreate: canCreateEntities,
+		selectionController: usedSelectionController,
+		selectionEnabled,
+		highlightedEntities: highlightedEntity ? [highlightedEntity] : [],
+		deletedEntities,
+		emptyComponent,
+		size: activeCustomView.sizeable ? customViewSize : void 0,
+		viewMode
+	}, `custom-view-${activeCustomView.key}-${path}`) }) : viewMode === "kanban" ? /* @__PURE__ */ jsx(CollectionBoardViewBinding, {
 		collection,
 		tableController,
 		fullPath: path,
@@ -16260,11 +16345,11 @@ var CollectionViewBindingInner = React.memo(function CollectionViewBindingInner(
 					})
 				})
 			}),
-			pluginInsights.length > 0 && /* @__PURE__ */ jsx("div", {
+			pluginWidgets.length > 0 && /* @__PURE__ */ jsx("div", {
 				className: cls("grid transition-[grid-template-rows] duration-150 ease-out", detailOpen ? "grid-rows-[0fr]" : "grid-rows-[1fr]"),
 				children: /* @__PURE__ */ jsx("div", {
 					className: "overflow-hidden flex-shrink-0",
-					children: pluginInsights
+					children: pluginWidgets
 				})
 			}),
 			innerView
@@ -20285,7 +20370,7 @@ function MapFieldBinding({ propertyKey, value, showError, error, disabled, prope
 }
 //#endregion
 //#region src/form/field_bindings/MarkdownEditorFieldBinding.tsx
-var RichTextEditor = lazy(() => import("./editor.js").then((m) => ({ default: m.RichTextEditor })));
+var RichTextEditor = lazyChunk(() => import("./editor.js").then((m) => ({ default: m.RichTextEditor })));
 var loadMarkdownUtils = () => import("./markdown-CklalUUk.js").then((n) => n.t);
 var _markdownUtils = null;
 var getMarkdownUtils = async () => {
@@ -24071,6 +24156,10 @@ function toSerializableCollectionConfig(collection) {
 	if (collection.previewProperties) result.previewProperties = collection.previewProperties;
 	if (collection.listProperties) result.listProperties = collection.listProperties;
 	if (collection.enabledViews) result.enabledViews = collection.enabledViews;
+	if (collection.customViews) {
+		const keys = collection.customViews.filter((v) => typeof v === "string");
+		if (keys.length > 0) result.customViews = keys;
+	}
 	if (collection.disableDefaultActions) result.disableDefaultActions = collection.disableDefaultActions;
 	if (collection.securityRules) result.securityRules = collection.securityRules;
 	if (isRelationalCollectionConfig(collection) && collection.disableDefaultPolicies !== void 0) result.disableDefaultPolicies = collection.disableDefaultPolicies;
@@ -24566,4 +24655,4 @@ function getFullIdPath(propertyKey, propertyNamespace) {
 //#endregion
 export { getEntityViewWidth as $, SkeletonPropertyComponent as $n, resolveCollectionPathIds$1 as $t, SelectFieldBinding as A, ArrayOfStringsPreview as An, saveImportedEntities as At, useSelectionDialog as B, useSidePanel as Bn, FieldCaption as Bt, getDefaultFieldId as C, UserPreview as Cn, isReferenceProperty as Cr, convertDataToEntity as Ct, TextFieldBinding as D, KeyValuePreview as Dn, useImportConfig as Dt, VectorFieldBinding as E, DatePreview as En, getInferenceType as Et, MapFieldBinding as F, ArrayOfReferencesPreview as Fn, parseCsvToObjects as Ft, useTopLevelNavigation as G, getEntityPreviewKeys as Gn, mergeEntityActions as Gt, SideDialogs as H, useCollectionRegistryController as Hn, BreadcrumbsProvider as Ht, KeyValueFieldBinding as I, InlineEntityListPreview as In, unflattenObject as It, useBuildCollectionRegistryController as J, ArrayPropertyPreview as Jn, getCollectionPathsCombinations as Jt, useResolvedViews as K, getEntityTitlePropertyKey as Kn, addInitialSlash as Kt, DateTimeFieldBinding as L, ReferencePreview as Ln, ArrayContainer as Lt, ReferenceFieldBinding as M, ArrayEnumPreview as Mn, convertFileToJson as Mt, MultiSelectFieldBinding as N, ArrayOfStorageComponentsPreview as Nn, detectCsvDelimiter as Nt, SwitchFieldBinding as O, MapPropertyPreview as On, ImportSaveInProgress as Ot, MarkdownEditorFieldBinding as P, RelationPreview as Pn, parseCsvRows as Pt, buildSidePanelsFromUrl as Q, StorageThumbnailInternal as Qn, removeTrailingSlash$1 as Qt, BlockFieldBinding as R, EntityPreviewBinding as Rn, PropertyConfigBadge as Rt, getDefaultFieldConfig as S, PropertyPreview as Sn, getResolvedPropertyInPath as Sr, DataNewPropertiesMapping as St, getFieldId as T, BooleanPreview as Tn, processValueMapping as Tt, useBuildUrlController as U, getUserLabel as Un, resolveEntityAction as Ut, SelectionTableBinding as V, CollectionRegistryContext as Vn, useBreadcrumbsController as Vt, useBuildNavigationStateController as W, useResolvedUser as Wn, resolveEntityView as Wt, resolveNavigationFrom as X, EnumValuesChip as Xn, removeInitialAndTrailingSlashes$1 as Xt, useHistory as Y, StringPropertyPreview as Yn, getLastSegment$1 as Yt, useResolvedNavigationFrom as Z, StorageThumbnail as Zn, removeInitialSlash as Zt, useCollectionsConfigController as _, ReadOnlyFieldBinding as _n, getDefaultPropertiesOrder as _r, CollectionViewActions as _t, namespaceToPropertiesPath as a, SelectableTable as an, ImagePreview as ar, removeEmptyContainers as at, PropertyFieldBinding as b, FieldHelperText as bn, getPropertiesWithPropertiesOrder as br, useCollectionEditorDialogsState as bt, buildCollectionGenerationCallback as c, UrlContext as cn, FormSections as cr, copyEntityAction as ct, fromSerializableCollectionConfigs as d, useNavigationStateController as dn, FieldBlock as dr, resetPasswordAction as dt, resolveOpenEntityMode as en, renderSkeletonCaptionText as er, useBuildSidePanel as et, fromSerializableProperties as f, useSideDialogsController as fn, LABEL_ICON_SIZE as fr, CreationResultDialog as ft, toSerializableProperty as g, useClearRestoreValue as gn, getBracketNotation as gr, EntityCardBinding as gt, toSerializableProperties as h, ArrayCustomShapedFieldBinding as hn, PropertyIdCopyTooltip as hr, CollectionCardViewBinding as ht, namespaceToPropertiesOrderPath as i, CollectionTableBinding as in, UrlComponentPreview as ir, getInitialEntityValues as it, RepeatFieldBinding as j, ArrayPropertyEnumPreview as jn, ImportFileUpload as jt, StorageUploadFieldBinding as k, ArrayOneOfPreview as kn, IMPORT_BATCH_SIZE as kt, validateCollectionJson as l, useUrlController as ln, FormRail as lr, deleteEntityAction as lt, toSerializableCollectionConfig as m, SelectableTableContext as mn, spanClass as mr, EntityViewBinding as mt, getFullIdPath as n, useSelectionController as nn, renderSkeletonImageThumbnail as nr, extractTouchedValues as nt, CollectionGenerationApiError as o, CollectionRowActions as on, sanitizeUrl as or, zodToFormErrors as ot, fromSerializableProperty as p, SideDialogsControllerContext as pn, isSelfLabellingProperty as pr, DetailViewBinding as pt, useResolvedCollections as q, getEntityTitlePropertyKeyForEntity as qn, getCollectionBySlugWithin as qt, idToPropertiesPath as r, VirtualTableInput$1 as rn, renderSkeletonText as rr, getChanges as rt, DEFAULT_COLLECTION_GENERATION_ENDPOINT as s, useAdminContext as sn, EmptyValue as sr, CollectionViewBinding as st, getFullId as t, resolveViewMode as tn, renderSkeletonIcon as tr, EditViewBinding as tt, fromSerializableCollectionConfig as u, NavigationStateContext as un, RecordMeta as ur, editEntityAction as ut, EntityFormBinding as v, LabelWithIconAndTooltip as vn, getIconForProperty as vr, useCollectionEditorController as vt, getFieldConfig as w, NumberPropertyPreview as wn, isRelationProperty as wr, flattenEntry as wt, DEFAULT_FIELD_CONFIGS as x, ArrayOfMapsPreview as xn, getPropertyInPath$1 as xr, ImportNewPropertyFieldPreview as xt, EntityForm as y, LabelWithIcon as yn, getIconForWidget as yr, ConfigControllerProvider as yt, ArrayOfReferencesFieldBinding as z, SidePanelControllerContext as zn, SearchIconsView as zt };
 
-//# sourceMappingURL=util-bL-fk6C6.js.map
+//# sourceMappingURL=util-BKtHPLe4.js.map